forked from h5bp/html5-boilerplate
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (97 loc) · 9.91 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
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 7 ]> <html class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css?v=2">
<script src="js/libs/head.load.min.js"></script>
<script>head.js("js/libs/modernizr-1.7.min.js");</script>
</head>
<body lang="en">
<section class="page">
<header>
<h1>Header</h1>
<nav class="bar">
<ul class="">
<li>Info</li>
<li>Photos</li>
<li>Notes</li>
<li>Electric Sheep</li>
<li>Pets</li>
<li>Cylons</li>
</ul>
</nav>
</header>
<aside class="size1of6">
<h1>Aside</h1>
<nav class="menu">
<ul class="">
<li>Info</li>
<li>Photos</li>
<li>Notes</li>
<li>Electric Sheep</li>
<li>Pets</li>
<li>Cylons</li>
</ul>
</nav>
</aside>
<aside class="size1of6 right">
<h1>Aside</h1>
</aside>
<section class="main">
<header>
<h1>Header</h1>
</header>
<aside class="size1of4 right">
<h1>Aside</h1>
</aside>
<section class="main">
<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna enim, iaculis id laoreet in, bibendum ac nisi. Nam hendrerit velit eu quam iaculis molestie mollis metus auctor. Aenean accumsan quam eget libero dignissim ac molestie dolor laoreet. Cras facilisis dignissim est nec imperdiet. Praesent at quam rutrum ante ultricies blandit ut non mi. Aenean felis eros, tempus sed convallis ac, mattis ut enim.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id purus id nunc commodo pellentesque vel vel ante. Suspendisse potenti. Integer porta condimentum tortor, nec ultrices dolor dignissim at. Duis et risus turpis, ut fermentum ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacus nulla. Maecenas et nulla nec lectus vestibulum tempus elementum at quam. Maecenas accumsan justo in lorem porttitor in condimentum neque bibendum.</p>
<p>Proin eleifend sollicitudin orci et dictum. In elit nulla, consectetur in posuere vitae, ullamcorper vel justo. Vestibulum lorem lacus, hendrerit eu lobortis viverra, iaculis sit amet magna. Suspendisse faucibus, dui vitae rhoncus blandit, ante nunc sodales diam, suscipit scelerisque neque erat at dui. Phasellus nulla metus, mollis id consequat sit amet, elementum in mi. Aenean diam est, euismod sit amet vulputate in, fringilla ut mauris. Nullam tincidunt eros eu nunc tempus ultricies.</p>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna enim, iaculis id laoreet in, bibendum ac nisi. Nam hendrerit velit eu quam iaculis molestie mollis metus auctor. Aenean accumsan quam eget libero dignissim ac molestie dolor laoreet. Cras facilisis dignissim est nec imperdiet. Praesent at quam rutrum ante ultricies blandit ut non mi. Aenean felis eros, tempus sed convallis ac, mattis ut enim.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id purus id nunc commodo pellentesque vel vel ante. Suspendisse potenti. Integer porta condimentum tortor, nec ultrices dolor dignissim at. Duis et risus turpis, ut fermentum ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacus nulla. Maecenas et nulla nec lectus vestibulum tempus elementum at quam. Maecenas accumsan justo in lorem porttitor in condimentum neque bibendum.</p>
<p>Proin eleifend sollicitudin orci et dictum. In elit nulla, consectetur in posuere vitae, ullamcorper vel justo. Vestibulum lorem lacus, hendrerit eu lobortis viverra, iaculis sit amet magna. Suspendisse faucibus, dui vitae rhoncus blandit, ante nunc sodales diam, suscipit scelerisque neque erat at dui. Phasellus nulla metus, mollis id consequat sit amet, elementum in mi. Aenean diam est, euismod sit amet vulputate in, fringilla ut mauris. Nullam tincidunt eros eu nunc tempus ultricies.</p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna enim, iaculis id laoreet in, bibendum ac nisi. Nam hendrerit velit eu quam iaculis molestie mollis metus auctor. Aenean accumsan quam eget libero dignissim ac molestie dolor laoreet. Cras facilisis dignissim est nec imperdiet. Praesent at quam rutrum ante ultricies blandit ut non mi. Aenean felis eros, tempus sed convallis ac, mattis ut enim.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id purus id nunc commodo pellentesque vel vel ante. Suspendisse potenti. Integer porta condimentum tortor, nec ultrices dolor dignissim at. Duis et risus turpis, ut fermentum ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacus nulla. Maecenas et nulla nec lectus vestibulum tempus elementum at quam. Maecenas accumsan justo in lorem porttitor in condimentum neque bibendum.</p>
<p>Proin eleifend sollicitudin orci et dictum. In elit nulla, consectetur in posuere vitae, ullamcorper vel justo. Vestibulum lorem lacus, hendrerit eu lobortis viverra, iaculis sit amet magna. Suspendisse faucibus, dui vitae rhoncus blandit, ante nunc sodales diam, suscipit scelerisque neque erat at dui. Phasellus nulla metus, mollis id consequat sit amet, elementum in mi. Aenean diam est, euismod sit amet vulputate in, fringilla ut mauris. Nullam tincidunt eros eu nunc tempus ultricies.</p>
<h4>Heading 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna enim, iaculis id laoreet in, bibendum ac nisi. Nam hendrerit velit eu quam iaculis molestie mollis metus auctor. Aenean accumsan quam eget libero dignissim ac molestie dolor laoreet. Cras facilisis dignissim est nec imperdiet. Praesent at quam rutrum ante ultricies blandit ut non mi. Aenean felis eros, tempus sed convallis ac, mattis ut enim.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id purus id nunc commodo pellentesque vel vel ante. Suspendisse potenti. Integer porta condimentum tortor, nec ultrices dolor dignissim at. Duis et risus turpis, ut fermentum ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacus nulla. Maecenas et nulla nec lectus vestibulum tempus elementum at quam. Maecenas accumsan justo in lorem porttitor in condimentum neque bibendum.</p>
<p>Proin eleifend sollicitudin orci et dictum. In elit nulla, consectetur in posuere vitae, ullamcorper vel justo. Vestibulum lorem lacus, hendrerit eu lobortis viverra, iaculis sit amet magna. Suspendisse faucibus, dui vitae rhoncus blandit, ante nunc sodales diam, suscipit scelerisque neque erat at dui. Phasellus nulla metus, mollis id consequat sit amet, elementum in mi. Aenean diam est, euismod sit amet vulputate in, fringilla ut mauris. Nullam tincidunt eros eu nunc tempus ultricies.</p>
<h5>Heading 5</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id purus id nunc commodo pellentesque vel vel ante. Suspendisse potenti. Integer porta condimentum tortor, nec ultrices dolor dignissim at. Duis et risus turpis, ut fermentum ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacus nulla. Maecenas et nulla nec lectus vestibulum tempus elementum at quam. Maecenas accumsan justo in lorem porttitor in condimentum neque bibendum.</p>
<p>Proin eleifend sollicitudin orci et dictum. In elit nulla, consectetur in posuere vitae, ullamcorper vel justo. Vestibulum lorem lacus, hendrerit eu lobortis viverra, iaculis sit amet magna. Suspendisse faucibus, dui vitae rhoncus blandit, ante nunc sodales diam, suscipit scelerisque neque erat at dui. Phasellus nulla metus, mollis id consequat sit amet, elementum in mi. Aenean diam est, euismod sit amet vulputate in, fringilla ut mauris. Nullam tincidunt eros eu nunc tempus ultricies.</p>
<h6>Heading 6</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id purus id nunc commodo pellentesque vel vel ante. Suspendisse potenti. Integer porta condimentum tortor, nec ultrices dolor dignissim at. Duis et risus turpis, ut fermentum ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacus nulla. Maecenas et nulla nec lectus vestibulum tempus elementum at quam. Maecenas accumsan justo in lorem porttitor in condimentum neque bibendum.</p>
<p>Proin eleifend sollicitudin orci et dictum. In elit nulla, consectetur in posuere vitae, ullamcorper vel justo. Vestibulum lorem lacus, hendrerit eu lobortis viverra, iaculis sit amet magna. Suspendisse faucibus, dui vitae rhoncus blandit, ante nunc sodales diam, suscipit scelerisque neque erat at dui. Phasellus nulla metus, mollis id consequat sit amet, elementum in mi. Aenean diam est, euismod sit amet vulputate in, fringilla ut mauris. Nullam tincidunt eros eu nunc tempus ultricies.</p>
</section>
<footer>
<h1>Footer</h1>
</footer>
</section>
<footer>
<h1>Footer</h1>
</footer>
</section>
<script>head.js("//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js");</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.0.js"%3E%3C/script%3E'))</script>
<script>head.js("js/plugins.js", "js/script.js");</script>
<script>head.js("http://www.google-analytics.com/ga.js", function() {
var tracker = _gat._getTracker("UA-XXXXX-X");
tracker._trackPageview();
});
</script>
</body>
</html>