-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
132 lines (96 loc) · 3.66 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
<!DOCTYPE html>
<!--[if IEMobile 7]><html class="iem7 no-js"><![endif]-->
<!--[if lte IE 6]><html class="lt-ie9 lt-ie8 lt-ie7 no-js"><![endif]-->
<!--[if (IE 7)&(!IEMobile)]><html class="lt-ie9 lt-ie8 no-js"><![endif]-->
<!--[if IE 8]><html class="lt-ie9 no-js"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html class="no-js"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>[title goes here]</title>
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="cleartype" content="on">
<link href="./favicon.ico" rel="shortcut icon">
<!--[if (lt IE 9)]>
<link type="text/css" rel="stylesheet" href="./css/styles-ie8.css" media="all" />
<script src="./js/html5/html5shiv.js"></script>
<![endif]-->
<!--[if (gte IE 9)|(IEMobile)|(!IE)]><!-->
<link type="text/css" rel="stylesheet" href="./css/styles.css" media="all" />
<!--<![endif]-->
<script src="./js/build/production.min.js"></script>
</head>
<!--
// Available body classes:
<body id="page-home" class="sidebar-first">
<body id="page-home" class="sidebar-second">
<body id="page-home" class="two-sidebars">
-->
<body id="page-home" class="two-sidebars">
<div id="page">
<p id="skip-link">
<a href="#main-content" class="element-invisible element-focusable">Skip to content</a>
</p>
<header id="header" role="banner">
<div id="header-logo">
<a href="/" title="Home" rel="home" id="logo">
<img src="images/logo.png" alt="HTML Starter" />
</a>
</div><!-- /#header-logo -->
<nav id="navigation" role="navigation">
[navigation]
</nav><!-- /nav -->
</header><!-- /#header -->
<section id="preface">
[preface]
</section><!-- /#preface -->
<section id="main">
<div id="content" role="main">
<a id="main-content"></a>
<article>
<header>
<h1 class="page__title title" id="page-title">Page title</h1>
</header>
<p>Welcome to the HTML Starter template. Everything you need to get started.</p>
<hr/>
<h2>SVG icons with PNG fallback</h2>
<i class="icon-seal icon"></i>
<i class="icon-twitter icon"></i>
<i class="icon-pinterest icon"></i>
<hr/>
<h2>PNG icons</h2>
<i class="icon-email icon"></i>
<i class="icon-user icon"></i>
<hr/>
<h2>SVG icons (non-sprite) with PNG fallback</h2>
<i class="icon-caret"></i>
<i class="icon-success"></i>
<hr/>
<h2>Buttons</h2>
<a href="#" class="button button-primary">Primary</a>
<a href="#" class="button button-secondary">Secondary</a>
</article>
</div><!-- /#content -->
<aside class="sidebars">
<div id="sidebar-first" class="sidebar">
[sidebar first]
</div><!-- /.sidebar-first -->
<div id="sidebar-second" class="sidebar">
[sidebar second]
</div><!-- /.sidebar-second -->
</aside><!-- /.sidebars -->
</section><!-- /#main -->
<section id="postscript">
[postscript]
</section><!-- /#postscript -->
<footer id="footer">
[footer]
</footer><!-- /#footer -->
</div><!-- /#page -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery/jquery.min.js"><\/script>')</script>
<script src="./js/build/production.min.js"></script>
</body>
</html>