forked from selbekk/smashnorge
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (197 loc) · 8.82 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
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
200
201
202
203
204
205
206
<!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 class="front-page">
<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">Smash Norge</h1>
</div>
<div class="container-fluid header-wrap bg bg-cover bg-panorama">
<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><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" class="row">
<div class="col-sm-3">
<img src="/img/logo-transparent.png" alt="Smash Norge logo" class="logo small hidden-xs" />
</div>
</header>
</div>
</div>
<div class="container">
<section id="main-content" class="row">
<article class="row cta-wrap">
<div class="col-md-9">
<h1>Vi digger Melee!</h1>
<p class="lead">
Og det håper vi du også gjør. Her finner du Norges største Smash-community, i tillegg til
oversikten over kommende turneringer, oppdaterte rankinglister og Norges desidert beste blogg
innen Super Smash Bros. Melee.
</p>
<a href="/signup.html" class="btn btn-main-cta">Bli med!</a>
</div>
</article>
</section>
</div>
<div class="container-fluid newsfeed">
<section class="container">
<div class="row">
<div class="section news col-md-6">
<a href="/single-article.html">
<div class="featured-picture-wrap">
<div class="featured-picture" style="background-image: url(http://fillmurray.com/g/100/100)"></div>
</div>
<div class="title">
<p><strong class="lead-in">siste</strong> Vdogg tok hjem seiern i Smash-NM!</p>
</div>
<div class="clearfix"></div>
</a>
</div>
<div class="section next-tournament col-md-6">
<a href="/single-tournament.html" class="">
<div class="date">
<div class="day">21</div>
<div class="month">feb</div>
</div>
<div class="title">
<p>Octagon VII</p>
</div>
<div class="clearfix"></div>
</a>
</div>
</div>
</section>
</div>
<div class="container hidden-xs">
<article class="row actions">
<div class="col-sm-4 action">
<a href="#">
<div class="bg bg-cover bg-circle bg-tournaments"></div>
<h2>Turneringer</h2>
</a>
</div>
<div class="col-sm-4 action">
<a href="#">
<div class="bg bg-cover bg-circle bg-ranking"></div>
<h2>Ranking</h2>
</a>
</div>
<div class="col-sm-4 action">
<a href="#">
<div class="bg bg-cover bg-circle bg-news"></div>
<h2>Bloggen</h2>
</a>
</div>
</article>
</div>
<div class="container-fluid fun-facts">
<section class="container">
<article class="row">
<h1>Her er noen kjappe fakta om oss</h1>
<div class="col-md-5">
<ul>
<li>
<h2>Vi er over 400 medlemmer!</h2>
<p>
<strong>420 faktisk</strong>, ved siste telling. Det gjør oss til en av de største
Melee-klubbene i Europa! Om du har lyst til å bli kjent med en haug kule mennesker, kan
du <a href="#">melde deg inn helt gratis!</a>
</p>
</li>
<li>
<h2>Vi arrangerer spillkvelder</h2>
<p>
<strong>I hele Norge faktisk!</strong> Fra Oslos slemme gater til Tromsdalens lyse netter
arrangerer vi åpne spillkvelder for alle Smash-bros. <a href="#">Sjekk kalenderen!</a>
</p>
</li>
</ul>
</div>
<div class="col-md-5 col-md-push-2">
<ul>
<li>
<h2>Vi har de beste referatene i Norge</h2>
<p>
<strong>Eller kanskje i hele verden?</strong> Alt vi vet er at vi kommenterer flest
kamper i hele Norge, med de beste kommentatorene på denne siden av Glomma.
<a href="#">Sjekk de nyeste referatene!</a>
</p>
</li>
<li>
<h2>Vi er entusiaster!</h2>
<p>
<strong>Det fører til et trygt miljø!</strong> Smash Norge er ledet av profesjonelle
spillere og entusiaster som jobber for å styrke Melee-miljøet i Norge. <a href="#">Les
mer om oss her!</a>
</p>
</li>
</ul>
</div>
</article>
</section>
</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>