-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
136 lines (113 loc) · 4.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Your website description goes here">
<!-- SEO Meta Tags -->
<meta name="keywords" content="your, keywords, here">
<meta name="author" content="Your Name">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@YourTwitterHandle">
<meta name="twitter:title" content="Your Website Title">
<meta name="twitter:description" content="Your Twitter Card Description">
<meta name="twitter:image" content="URL to your image">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Your Website Title">
<meta property="og:description" content="Your Open Graph Description">
<meta property="og:image" content="URL to your image">
<meta property="og:url" content="URL to your website">
<meta property="og:type" content="website">
<!-- Schema.org Markup -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Your Organization Name",
"url": "URL to your organization",
"logo": "URL to your logo"
}
</script>
<!-- Favicon -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Stylesheets -->
<link rel="stylesheet" href="styles.css">
<!-- Page Title -->
<title>Your Website Title</title>
</head>
<body>
<!-- indicator that js is disabled -->
<noscript>
Oh no, you either have JavaScript turned off
or your browser doesn't support JavaScript
</noscript>
<!-- header of the document -->
<header>
<div>
<h1>Lipsum</h1>
</div>
<!-- navigtion -->
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
<a href="#">Store</a>
</nav>
<div>
<button>Logout</button>
</div>
</header>
<!-- main content of the document -->
<main>
<!-- self contained content -->
<article>
<h2>Nullam euismod</h2>
<!-- generic standalone content -->
<section>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed justo
justo, posuere eu metus eget, ornare rhoncus nulla. Donec molestie
placerat libero, eget consectetur risus congue elementum. Suspendisse
tempus, ante et ornare maximus, metus sem suscipit diam, vel mattis
ullamcorper scelerisque. Quisque at ultrices mauris. Nam vitae erat
</section>
<section>
mauris diam eu leo. Quisque tincidunt lectus ante, nec interdum elit
venenatis at. Vivamus faucibus tellus et sapien pretium congue. Nam
est dolor, ullamcorper nec felis sit amet, venenatis efficitur metus.
Sed suscipit elit vitae placerat facilisis. Sed scelerisque ex in mi
</section>
<section>
sit amet nulla bibendum venenatis at sit amet elit. Etiam at feugiat
odio. Vivamus nibh libero, aliquam at tortor at, pulvinar viverra
eros. Aenean at egestas ipsum. Morbi aliquet leo tellus, in vulputate
nisi interdum vitae. Nam iaculis nisl nulla.
</section>
</article>
<article>
<h2>elementum scelerisque</h2>
<section>
Aenean fermentum in justo eget feugiat. Vestibulum eget sollicitudin
nisi. Nunc eleifend arcu a erat aliquet ullamcorper. Phasellus varius
massa at turpis vestibulum fringilla. Donec tortor ex, auctor et
tortor sit amet, commodo posuere velit. Phasellus hendrerit faucibus
sem id bibendum.
</section>
<!-- indirectly related content -->
<aside>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</aside>
</article>
</main>
<!-- footer of the document -->
<footer>
<!-- tell web crawler it's an external link -->
<a href="#" rel="external">External link</a>
<!-- tell web crawler to not follow link -->
<a href="#" rel="nofollow">No Follow link</a>
</footer>
</body>
</html>