-
Notifications
You must be signed in to change notification settings - Fork 1
/
static.html
121 lines (109 loc) · 7.57 KB
/
static.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>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Dwarf Underground</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css" integrity="sha256-itWEYdFWzZPBG78bJOOiQIn06QCgN/F0wMDcC4nOhxY=" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900" rel="stylesheet">
<link rel="stylesheet" href="static.css">
<script src="https://use.fontawesome.com/149c865a8c.js"></script>
</head>
<body>
<div class="expanded row header">
<div class="clearfix">
<div class="float-left logo">
<img src="http://www.iconninja.com/files/409/4/1006/axe-icon.svg" alt="axe" />
</div>
<div class="float-right nav-links">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Log in</a>
</div>
</div>
<div class="headline text-center small-12 columns">
<h1>The Dwarf Underground</h1>
<h3>Delving deep for the <span class="gold">shiniest</span> news</h3>
</div>
</div>
<main class="expanded row">
<div class="large-8 medium-12 columns article">
<h2 class="article-title">Gold Madness - Fact or Fiction?</h2>
<div class="avatar">
<img src="http://www.zbrushcentral.com/attachment.php?attachmentid=376082" alt="author" />
<div class="author-info">
<p class="author-name">By Domri, son of Flug</p>
<p class="date">on 28 April, 3018 of the Third Age</p>
</div>
</div>
<section class="article-body">
<p><span class="article-start gold">E</span>psum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium.</p>
<p>Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.</p>
<p>Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Gratuitous octopus niacin, sodium glutimate.</p>
<p class="interject">Avast! A stray goblin!</p>
<p>Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.</p>
<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium.</p>
<p>Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.</p>
</section>
<div class="article-links">
<a class="article-link" href="#">
<i class="fa fa-comments-o"></i>
<span class="article-link-text">Comments</span>
</a>
<a class="article-link" href="#">
<i class="fa fa-share"></i>
<span class="article-link-text">Share Post</span>
</a>
</div>
</div>
<aside class="large-4 medium-12 columns">
<div class="ad">
<h3>The Last Hammer You'll Ever Need</h3>
<div class="ad-image">
<img src="https://s-media-cache-ak0.pinimg.com/originals/b4/d5/ab/b4d5ab4a82b8f7efc1adaf548df1d089.jpg" alt="hammer" />
<a href="#">visit sponsor</a>
</div>
<h4>Mining diamonds or crushing the skulls of your enemies, the SmashMaster 4000 does it all</h4>
<p class="ad-text">Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium.</p>
<p class="ad-text">Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.</p>
</div>
</aside>
<div class="small-12 columns other-articles">
<h2>From around the Realm</h2>
<div class="small-6 medium-3 columns other-article">
<a href="#">
<img src="https://www.enclavepublishing.com/wp-content/uploads/2015/11/tumblr_inline_mtvwr6T4qH1r8eb4v.gif" alt="orc" />
<p>Single Orcs in Indianapolis</p>
</a>
</div>
<div class="small-6 medium-3 columns other-article">
<a href="#">
<img src="https://images.fineartamerica.com/images-medium-large-5/rocky-mountain-landscape-meadow-in-spring-western-panorama-with-wildflowers-square-format-walt-curlee.jpg" alt="mountain" />
<p>You won't believe what's under this mountain</p>
</a>
</div>
<div class="small-6 medium-3 columns other-article">
<a href="#">
<img src="http://orig01.deviantart.net/a278/f/2010/357/9/7/seamless___gold_coins_by_bartalon-d35iydr.jpg" alt="gold" />
<p>Mine 20% more gold with One Weird Trick</p>
</a>
</div>
<div class="small-6 medium-3 columns other-article">
<a href="#">
<img src="http://cdn23.us1.fansshare.com/photos/thehobbit/the-hobbit-square-characters-833282558.jpg" alt="hobbit" />
<p>Surprise for Indiana Hobbits born before 1999</p>
</a>
</div>
</div>
</main>
<footer class="expanded row">
<h6>© 2017 Erebor Industries</h6>
<h6 class="float-right">All rights reserved</h6>
</footer>
</body>
</html>