-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (115 loc) · 5.84 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
<!DOCTYPE html>
<html>
<head>
<title>Extraordinary Home Page</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="styles/reset.css" />
<link rel="stylesheet" href="styles/style.css" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<!--[if IE]><![if !IE]><![endif]-->
<script src="js/regular_scripts.js"></script>
<script src="js/regular_home.js"></script>
<!--[if IE]><![endif]><![endif]-->
<!--[if gte IE 9]>
<script src="js/ie9_scripts.js"></script>
<script src="js/ie9_home.js"></script>
<link rel="stylesheet" href="styles/ie9.css" />
<![endif]-->
<!--[if lt IE 9]>
<link rel="stylesheet" href="styles/ie8.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<script src="js/ie8_scripts.js"></script>
<script src="js/ie8_home.js"></script>
<![endif]-->
</head>
<body>
<header>
<a href="/" id="logo">
Extra<span>Ordinary</span>
</a>
<div id="header-btns">
<button id="menu-btn"></button>
<button id="share">SHARE</button>
<button id="search"></button>
<button id="auth"></button>
<ul id="share-menu" class="header-menu">
<li><a href="/" class="facebook" title="Share via Facebook">Facebook</a></li>
<li><a href="/" class="twitter" title="Share via Twitter">Twitter</a></li>
<li><a href="/" class="google-plus" title="Share via Google+">Google+</a></li>
<li><a href="/" class="pinterest" title="Share via Pinterest">Pinterest</a></li>
</ul>
<form id="search-menu" class="header-menu" method="GET">
<input type="text" name="search" placeholder="I'm looking for..." />
<input type="submit" name="search_subm" value="Search" />
</form>
<form id="auth-menu" class="header-menu" method="POST">
<input type="text" name="user_name" placeholder="Login" /><br />
<input type="password" name="user_password" placeholder="Password" /><br />
<input type="submit" name="login" value="Login" />
</form>
</div>
</header>
<aside>
<ul>
<li class="graphic"><a href="/">Graphic</a></li>
<li class="music"><a href="/">Music</a></li>
<li class="photography"><a href="/">Photography</a></li>
<li class="cinema"><a href="/">Cinema</a></li>
<li class="business"><a href="/">Business</a></li>
<li class="travel"><a href="/">Travel</a></li>
<li class="fashion"><a href="/">Fashion</a></li>
<li class="more"><a href="/">More</a></li>
<li class="settings"><a href="/">Settings</a></li>
</ul>
</aside>
<div id="content">
<section class="news photography">
<a href="/page.html">
<img src="examples/1.jpg" alt="" />
</a>
<div class="date-and-comm"><div class="time">27 July 2013</div><div class="comm-num">14 Comments</div></div>
<h1><a href="/page.html">All sail being set, he now cast loose the life-line, reserved.</a></h1>
<span>Soon all the boats but Starbuck's were dropped; all the boat-sails set all the paddles plying; with rippling swiftness, hooting to leeward; and Ahab heading the onset. A pale, death-glimmer lit up Fedallah's sunken eyes; a hideous motion.</span>
</section>
<section class="ad"><h1></h1>
<a href="/"><img src="examples/ad.jpg" alt="" /></a>
</section>
<section class="news music">
<a href="/">
<img src="examples/2.jpg" alt="" />
</a>
<div class="date-and-comm"><div class="time">25 July 2013</div><div class="comm-num">2 Comments</div></div>
<h1><a href="/">Robin Thicke: Longest Hot 100 Reign This Year</a></h1>
<span>The line originally used in the fishery was of the best hemp, slightly vapoured with tar, not impregnated with it, as in the case of ordinary ropes; for while tar, as ordinarily used, makes the hemp more pliable to the rope-maker, Of late years the Manilla rope has in the American fishery almost entirely superseded hemp as.</span>
</section>
<section class="news cinema">
<a href="/">
<img src="examples/3.jpg" alt="" />
</a>
<div class="date-and-comm"><div class="time">25 July 2013</div><div class="comm-num">2 Comments</div></div>
<h1><a href="/">A Strange Brand of Happy</a></h1>
<span>An aimless bachelor loses his job and finds himself chasing the same girl (his new life coach) that his manipulative ex-boss is after as well. The boys are spurred on by a rag tag group of retirees in need of some action.</span>
</section>
<section class="news business">
<a href="/">
<img src="examples/4.jpg" alt="" />
</a>
<div class="date-and-comm"><div class="time">25 July 2013</div><div class="comm-num">6 Comments</div></div>
<h1><a href="/">A-Rod, A Fraud, And A Waste Of Yankees Money, Public's Time</a></h1>
<span>Enough already. I can’t take it no more. Free us from enslavement to all this banter. OK, so my fit of anger this morning is not steroid-induced…though that would be fitting in light of recent discussions. Baseball talk of late has centered upon performance enhancing drugs. Biogenesis has become the new BALCO. A-Rod the new Barry Bonds. And all I hear from various media types are questions like.</span>
</section>
<section class="news graphic">
<a href="/">
<img src="examples/5.jpg" alt="" />
</a>
<div class="date-and-comm"><div class="time">25 July 2013</div><div class="comm-num">2 Comments</div></div>
<h1><a href="/">The whale-line is only two-thirds of an inch in thickness</a></h1>
<span>At first sight, you would not think it so strong as it really is. By experiment its one and fifty yarns will each suspend a weight of one hundred and twenty pounds; so that the whole rope will bear a strain nearly equal to three tons. </span>
</section>
</div>
</body>
</html>