-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathminihp.html
executable file
·154 lines (132 loc) · 4.82 KB
/
minihp.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
152
153
154
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta description="untitled" />
<meta name="author" content="Tady Walsh">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<!-- Microsoft. Delete if not applicable -->
<meta http-equiv="cleartype" content="on">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Title</title>
<link type="text/plain" rel="author" href="humans.txt" />
<link rel="stylesheet" href="css/reset.css" media="screen" />
<link rel="stylesheet" href="css/960.css" media="screen" />
<link rel="stylesheet" href="css/text.css" media="screen" />
<link rel="stylesheet" href="css/grid.css" media="screen" />
<link rel="stylesheet" href="css/layout.css" media="screen" />
<link rel="stylesheet" href="css/nav.css" media="screen" />
<link rel="stylesheet" href="css/default.css" media="screen" />
<link rel="stylesheet" href="css/print.css" media="print" />
<!-- If there's no access to the online jquery repo, use a local copy -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js">\x3C/script>')</script>
<script src="js/modernizr-2.5.3.min.js"></script>
<script src="js/selectivizr-min.js"></script>
<!--[if lt IE 7]>
<link rel="stylesheet" media="all" href="css/ie6.css" />
<![endif]-->
</head>
<body id="index" class="home">
<div class="container_12">
<nav id="tns" class="grid_12">
<ul>
<li><a href="#">Sitemap</a></li>
</ul>
</nav>
<header class="grid_12">
<h1 class="grid_5"><img class="logo" alt="Logo" title="Logo" /></h1>
<fieldset class="search grid_5">
<legend class="vh">Search form</legend>
<form action="search">
<input type="text" name="search" id="search" placeholder="Search" />
<input type="submit" name="submit" id="submit" value="Go" />
</form>
</fieldset>
</header>
<nav id="gns" class="grid_12">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Latest News</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
<section id="main-content" class="grid_12">
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">GrandParent</a></li>
<li><a href="#">Parent</a></li>
<li><a href="#">Child</a></li>
</ul>
<div class="block"> <!-- Allows you to decide to position the lns nav before or after the content in mobile -->
<nav id="lns" class="grid_3">
<ul>
<li><a href="#">Sub page 1</a>
<ul>
<li><a href="#">Subsub page 1</a></li>
<li><a href="#">Subsub page 2</a></li>
<li><a href="#">Subsub page 3</a></li>
<li><a href="#">Subsub page 4</a></li>
</ul></li>
<li><a href="#">Sub page 2</a></li>
<li><a href="#">Sub page 3</a></li>
<li><a href="#">Sub page 4</a></li>
</ul>
</nav>
<section class="content grid_9">
<header>
<h2 class="page-title">Page title goes here</h2>
</header>
<div class="box grid_3">
<h3>Headline</h3>
<img src="imgs/thumbnail.jpg" />
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli</p>
</div>
<div class="box grid_3">
<h3>Headline</h3>
<img src="imgs/thumbnail.jpg" />
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli</p>
</div>
<div class="box grid_3">
<h3>Headline</h3>
<img src="imgs/thumbnail.jpg" />
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli</p>
</div>
</section>
</div> <!-- ./block -->
<aside>
<!-- tbd -->
</aside>
</section>
<div class="clear"></div>
</div>
<footer class="mf">
<div class="container_12">
<address>
18 Herbert St., Dublin 2
</address>
<nav id="fns">
<ul>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Accessibility</a></li>
</ul>
</nav>
</div>
</footer>
</body>
<!-- Scripts -->
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<!--[if lt IE 8]>
<script src="js/dd_belated.js"></script>
<script>
//DD_belatedPNG.fix('');
</script>
<![endif]-->
</html>