forked from selbekk/smashnorge
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
161 lines (152 loc) · 6.45 KB
/
signup.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
<!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><a href="/news.html" title="">Nyheter</a></li>
<li class="active"><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">Bli medlem</h1>
</header>
</div>
</div>
</div>
<div class="container">
<div class="signup-intro">
<p class="lead lead-main">
<strong>Så kult at du vil være med!</strong> Som medlem får du egentlig bare fordeler. Vi holder
mange turneringer, har en veldig aktiv Facebook-side og ikke minst et fantastisk community! For å kunne være
med trenger vi å vite litt mer om deg, så gjør deg klar til å fylle ut et lite skjema.
</p>
</div>
<div class="signup-form row">
<form class="col-md-8">
<div class="field">
<input type="text" class="form-control" placeholder="Navnet ditt" required/>
</div>
<div class="field row">
<label class="choice">
<input type="radio" name="sex" class="form-control"/> Bro
</label>
<label class="choice">
<input type="radio" name="sex" class="form-control"/> Broette
</label>
</div>
<div class="field bod row">
<div class="col-xs-3">
<label for="bod">Fødselsdag</label>
</div>
<div class="col-xs-9">
<input id="bod" type="date" class="form-control" required/>
</div>
</div>
<div class="field">
<input type="text" class="form-control" placeholder="Addresse" required/>
</div>
<div class="field row">
<div class="col-sm-4">
<input type="text" class="form-control" placeholder="Postnr" pattern="\d{4}" required/>
</div>
<div class="col-sm-8 city">
<input type="text" class="form-control" placeholder="Sted" required/>
</div>
</div>
<div class="field">
<input type="tel" class="form-control" placeholder="Telefonnummer" required/>
</div>
<div class="field">
<input type="email" class="form-control" placeholder="Epost" required/>
</div>
<div class="field info">
<p>
<small>
Vi har en <strong>årskontigent på kr 50,-</strong>. Ved å melde deg inn, godtar du å betale
dette. Du vil få betalingsinformasjon på neste side (og på e-post), og kan begynne å delta med
en eneste gang. Det høres ut som en god deal, eller hva?
</small>
</p>
</div>
<div class="field sign-up row">
<div class="btn-container col-sm-3">
<a href="#" class="btn btn-success btn-lg btn-block">Meld deg inn!</a>
</div>
</div>
</form>
</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>