forked from murtaugh/HTML5-Reset
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (107 loc) · 5.14 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<!--
HTML5 Reset: https:/murtaugh/HTML5-Reset
Free to use
-->
<!--[if lt IE 7 ]> <html class="ie ie6 ie-lt10 ie-lt9 ie-lt8 ie-lt7 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 ie-lt10 ie-lt9 ie-lt8 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 ie-lt10 ie-lt9 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 ie-lt10 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- Important stuff for SEO, don't neglect. (And don't dupicate values across your site!) -->
<title></title>
<meta name="author" content="" />
<meta name="description" content="" />
<!-- Don't forget to set your site up: http://google.com/webmasters -->
<meta name="google-site-verification" content="" />
<!-- Who owns the content of this site? -->
<meta name="Copyright" content="" />
<!-- Mobile Viewport
http://j.mp/mobileviewport & http://davidbcalhoun.com/2010/viewport-metatag
device-width : Occupy full width of the screen in its current orientation
initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width (wrong for most sites)
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Use Iconifyer to generate all the favicons and touch icons you need: http://iconifier.net -->
<link rel="shortcut icon" href="favicon.ico" />
<!-- concatenate and minify for production -->
<link rel="stylesheet" href="assets/css/reset.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<!-- Lea Verou's Prefix Free, lets you use un-prefixed properties in your CSS files -->
<script src="assets/js/libs/prefixfree.min.js"></script>
<!-- This is an un-minified, complete version of Modernizr.
Before you move to production, you should generate a custom build that only has the detects you need. -->
<script src="assets/js/libs/modernizr-2.7.1.dev.js"></script>
<!-- Application-specific meta tags -->
<!-- Windows 8: see http://msdn.microsoft.com/en-us/library/ie/dn255024%28v=vs.85%29.aspx for details -->
<meta name="application-name" content="" />
<meta name="msapplication-TileColor" content="" />
<meta name="msapplication-TileImage" content="" />
<meta name="msapplication-square150x150logo" content="" />
<meta name="msapplication-square310x310logo" content="" />
<meta name="msapplication-square70x70logo" content="" />
<meta name="msapplication-wide310x150logo" content="" />
<!-- Twitter: see https://dev.twitter.com/docs/cards/types/summary-card for details -->
<meta name="twitter:card" content="">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:url" content="">
<!-- Facebook (and some others) use the Open Graph protocol: see http://ogp.me/ for details -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
</head>
<body>
<div class="wrapper"><!-- not needed? up to you: http://camendesign.com/code/developpeurs_sans_frontieres -->
<header>
<h1><a href="/">Page Title</a></h1>
<nav>
<ol>
<li><a href="">Nav Link 1</a></li>
<li><a href="">Nav Link 2</a></li>
<li><a href="">Nav Link 3</a></li>
</ol>
</nav>
</header>
<article>
<h1>Article Header</h1>
<p>Etiam pretium odio eu mi convallis vitae varius neque pharetra. Nulla vestibulum nisi ut sem cursus sed mattis nisi egestas.</p>
<h2>Article Subhead</h2>
<p>Vestibulum lacus erat, volutpat vel dignissim at, fringilla ut felis.</p>
</article>
<aside>
<h2>Sidebar Content</h2>
</aside>
<footer>
<p><small>© Copyright Your Name Here 2013. All Rights Reserved.</small></p>
</footer>
</div>
<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write("<script src='assets/js/libs/jquery-1.11.0.min.js'>\x3C/script>")</script>
<!-- this is where we put our custom functions -->
<!-- don't forget to concatenate and minify if needed -->
<script src="assets/js/functions.js"></script>
<!-- Asynchronous google analytics; this is the official snippet.
Replace UA-XXXXXX-XX with your site's ID and uncomment to enable.
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXX-XX']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
-->
</body>
</html>