forked from selbekk/smashnorge
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle-article.html
199 lines (179 loc) · 11.6 KB
/
single-article.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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Smash Norge</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- bower:css -->
<!-- endbower -->
<link rel="stylesheet" href="/assets/styles.min.css"/>
</head>
<body>
<div class="mobile-content visible-xs">
<!-- Mobile content (triggers, headers etc) -->
<div class="xs-trigger nav-trigger">
<span class="glyphicon glyphicon-menu-hamburger"></span>
</div>
<div class="xs-trigger search-trigger">
<span class="glyphicon glyphicon-search"></span>
</div>
<h1 class="main-title">Nyheter</h1>
</div>
<div class="container-fluid header-wrap bg bg-cover bg-panorama">
<div class="header-filter">
<nav id="main-nav" class="row">
<div class="container">
<div class="row">
<div class="col-sm-1 hidden-xs">
<a href="/">
<img src="/img/small-logo-transparent-full.png" alt="Smash Norge logo" class="nav-logo"/>
</a>
</div>
<div class="col-sm-11">
<ul class="nav nav-pills nav-justified">
<li class="active"><a href="/news.html" title="">Nyheter</a></li>
<li><a href="/signup.html" title="">Bli medlem</a></li>
<li><a href="/tournaments.html" title="">Turneringer</a></li>
<li><a href="/ranking.html" title="">Ranking</a></li>
<li><a href="/about-us.html" title="">Om oss</a></li>
<li><a href="/contact-us.html" title="">Kontakt oss</a></li>
<li class="search-trigger"><a href="#" title="Søk"><span
class="glyphicon glyphicon-search hidden-xs"></span></a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container">
<header id="main-header">
<h1 class="hidden-xs">For en flott nyhetsartikkel</h1>
</header>
</div>
</div>
</div>
<div class="container">
<div class="blog-wrapper row">
<section class="blog-posts col-md-9">
<div class="article blog-post content">
<p class="lead">
Phat ipsum dolizzle check out this amizzle, consectetizzle adipiscing i saw beyonces tizzles and my pizzle went crizzle. Nullizzle sapien velizzle, pizzle volutpizzle, suscipit quis, sizzle vizzle, uhuh ... yih!. Pellentesque fo shizzle my nizzle fo. Pimpin' erizzle.
</p>
<div class="about-post">
<ul>
<li>
<h3>
<span class="glyphicon glyphicon-user"></span> <a href="#">nickname</a>
</h3>
</li>
<li>
<span class="glyphicon glyphicon-time"></span> i går
</li>
<li>
<span class="glyphicon glyphicon-tag"></span>
<a href="#">#halla</a>, <a href="#">#damer</a>, <a href="#">#smash</a>
</li>
</ul>
</div>
<p>
Yippiyo shizzle my nizzle crocodizzle leo non fo shizzle. Owned rhoncus, arcu non malesuada facilisizzle, yo nulla brizzle boofron, nizzle auctor nulla felis a est. Gizzle volutpat bling bling augue. Brizzle yippiyo ghetto the bizzle phat. Proin consectetizzle uhuh ... yih! yo. Etizzle aliquet, dizzle for sure amizzle things tincidunt, gangster fo shizzle ultricizzle crazy, ac vestibulizzle bow wow wow nisi sizzle amizzle for sure. Maecenizzle stuff tortizzle mammasay mammasa mamma oo sa break yo neck, yall. Ma nizzle . Brizzle lectizzle phat, its fo rizzle dang, aliquizzle crazy amizzle, hizzle egestizzle, stuff. Vivamizzle crackalackin. Vestibulizzle nizzle i saw beyonces tizzles and my pizzle went crizzle primis izzle doggy fo shizzle luctizzle et bizzle posuere shut the shizzle up Curae; Daahng dawg eu fo shizzle eu sure bibendizzle nizzle. Sheezy stuff tortizzle, vulputate vizzle, semper vizzle, owned izzle, its fo rizzle. Etizzle pizzle, tortizzle crackalackin vehicula shizznit, lorizzle justo ultricizzle lorizzle, izzle fizzle mi sheezy vitae erat.
</p>
<h3>Putter det ned</h3>
<p>
Dizzle gizzle shizzle my nizzle crocodizzle. Fusce magna ligula, dope mofo amizzle, fringilla egizzle, sollicitudizzle nec, get down get down. Maecenas a fo shizzle. Sed malesuada fizzle izzle risizzle. Suspendisse erat. Get down get down crunk tristique ghetto. Gangsta blandit ultrices shiz. Sizzle dolizzle libero, check it out interdizzle, nizzle shizzle my nizzle crocodizzle, crackalackin izzle, augue. Suspendisse crazy tellus. Aenean aliquizzle lectus sizzle hizzle shiznit. Crunk get down get down felizzle izzle dope. Lorem ipsizzle dolor sit amizzle, consectetuer adipiscing elit. Suspendisse cool purizzle, boom shackalack laorizzle, ullamcorper rizzle, consequizzle nizzle, elizzle. Nizzle ass rutrum nunc.
</p>
<h3>Holder det ekte</h3>
<p>
Fizzle ullamcorper. Aliquam sagittizzle massa that's the shizzle dizzle. Bizzle ante phat go to hizzle sure break it down dang luctizzle izzle ultricizzle check it out check out this ; Aenean vestibulizzle. Check out this habitant morbi ass bow wow wow we gonna chung phat et malesuada pizzle izzle sizzle egestizzle. Donec pizzle my shizz velizzle. Tellivizzle erat my shizz. Rizzle tortor enim, scelerisque izzle, dignissizzle a, doggy crackalackin, nizzle. Gizzle elizzle. Donec crazy, est dang pharetra aliquizzle, magna nizzle ultricies neque, nizzle shiz urna dawg quis nibh. Gangsta that's the shizzle neque, fo shizzle izzle, ornare izzle, vulputate nizzle, leo. Praesent purizzle boofron, bibendizzle sizzle shizzle my nizzle crocodizzle, interdizzle vehicula, shizznit malesuada, arcu. Aenean egizzle ipsum at est bow wow wow its fo rizzle. Donizzle quam. Mauris sure urna, tempor izzle, uhuh ... yih! venenatizzle, sodales bow wow wow, yo. Etizzle gravida.
</p>
<h3>Innholdssjekk</h3>
<p>
<strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.
</p>
<h4>Kort liste</h4>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ul>
<h4>Lang liste</h4>
<ul>
<li>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</li>
<li>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</li>
<li>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</li>
<li>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</li>
</ul>
<h4>Nummerert liste</h4>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
<li>Vestibulum auctor dapibus neque.</li>
</ol>
<h4>Sitat er greit å ha</h4>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
</blockquote>
</div>
</section>
<aside class="page-aside news-aside col-md-3 hidden-sm hidden-xs">
<section class="related-articles">
<h2>Les også</h2>
<ul>
<li class="shake shake-little">
<a class="related-article" href="/single-article.html">
<img src="https://placeimg.com/300/240/animals" alt=""/>
<h3>En flaske bræss og en pose smash</h3>
</a>
</li>
<li class="shake shake-little">
<a class="related-article" href="/single-article.html">
<img src="https://placeimg.com/300/240/arch" alt=""/>
<h3>Vi har nådd 500 medlemmer!</h3>
</a>
</li>
<li class="shake shake-little">
<a class="related-article" href="/single-article.html">
<img src="https://placeimg.com/300/240/tech" alt=""/>
<h3>Er det blitt in å spille Melee?</h3>
</a>
</li>
</ul>
</section>
</aside>
</div>
</div>
<div class="container-fluid footer-wrap">
<div class="container">
<footer id="main-footer" class="row">
<section class="col-sm-4 list contact-info">
<h2>Smash Norge</h2>
<ul>
<li>Org. nr. xxx xxx xxx</li>
<li>[email protected]</li>
<li>Medlem av hyperion.</li>
</ul>
</section>
<section class="col-sm-4 list social-media hidden-xs">
<ul class="row no-header">
<li class="col-xs-6"><a href="https://www.facebook.com/SmashNorge"><img
src="/img/facebook-icon-white.png" alt="facebook"/></a></li>
<li class="col-xs-6"><a href="https://twitter.com/SmashNorge"><img
src="/img/twitter-icon-white.png"
alt="twitter"/></a></li>
</ul>
</section>
<section class="col-sm-4 list links hidden-xs">
<h2>Lær mer</h2>
<ul>
<li><a href="#">En link</a></li>
<li><a href="#">Enda en link</a></li>
<li><a href="https://www.github.com/selbekk/smashnorge">Github</a></li>
</ul>
</section>
</footer>
</div>
</div>
<!-- bower:js -->
<!-- endbower -->
<script src="/assets/scripts.min.js"></script>
</body>
</html>