This repository has been archived by the owner on May 8, 2023. It is now read-only.
/
index.html
191 lines (165 loc) · 8.95 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
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>Hackerklubben</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta property="og:title" content="">
<meta property="og:type" content="website">
<meta property="og:url" content="https://hacker.h-sund.nu">
<meta property="og:site_name" content="Hackerklubben">
<meta property="og:description" content="">
<!-- Styles -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Sarpanch:400|Lora:400" rel="stylesheet" />
<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900|Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Share+Tech Mono:400|Barlow:900" rel="stylesheet" />
<script src="js/modernizr-2.7.1.js"></script>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="logo" href="index.html"><img src="img/hackerklubben.png" alt="Hackerklubben"></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a style="font-family:Sarpanch;" href="#"><i class="fa fa-hand-rock-o fa-lg" aria-hidden="true"></i> |- Hem</a></li>
<li><a style="font-family:Sarpanch" href="#join-us" class="scroll"><i class="fa fa-hand-scissors-o fa-lg" aria-hidden="true"></i> |- Bli medlem</a></li>
<li><a style="font-family:Sarpanch" href="https://hacker.h-sund.nu/dokuwiki"><i class="fa fa-hand-paper-o fa-lg" aria-hidden="true"></i> |- Wiki</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
<header>
<div class="container">
<div class="row">
<div class="col-sm-6">
<a href="index.html"><img src="img/hackerklubben.png" class="img-fluid" alt="Hackerklubben"></a>
</div>
</div>
</div>
<div class="row header-info">
<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12 col-xsoffset-2 text-center">
<h1 class="wow rotateIn">Hackerklubben</h1>
<p class="lead wow fadeIn" data-wow-delay="0.5s" style="opacity:0.85;">
Här kommer vår hemsida.<br>
Följ oss så länge på <a style="font-weight:bold;color: blue;" href="https://www.facebook.com/haxxklubben">Facebook</a>.</p>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 text-center wow fadeInUp" data-wow-delay="1s">
<a href="#join-us" class="btn btn-secondary btn-lg scroll">Mer om oss</a>
</div>
</div><!--End Button Row-->
</div>
</div>
</header>
<div class="mouse-icon hidden-xs">
<div class="scroll"></div>
</div>
<section id="join-us" class="pad-lg">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center margin-30 wow fadeIn" data-wow-delay="0.6s">
<h2 class="h2-bordered" style="color: orange;background: #2D4266;opacity:0.8;">Gå med i Hackerklubben!</h2>
<p class="h2-bordered lead white" style="background: #2D4266;">Vi är en del av <a style="color:yellow;" href="https://kultur.h-sund.nu">KulturKlubben</a>.<br>
Hackerklubben är ett Hackerspace/datorförening i Holmsund.</p>
<p class="h2-bordered white" style="background: #2D4266; padding: 10px;">
Det är gratis att gå med i KulturKlubben.
<a style="font-weight: bold;color: orange;" href="https://ebas.kontaktnatet.se/signups/index/96">Join us! Klicka här!</a></p>
</p>
</div>
</div>
<div class="electronics wow fadeInUp" data-wow-delay="1s">
<img src="img/electronics.jpg">
</div>
</div>
</section>
<section id="main-info" class="pad-lg">
<div class="container">
<div class="row">
<div class="col-sm-4 wow fadeIn" data-wow-delay="0.4s">
<hr class="line purple">
<h3>Lokal</h3>
<p>Vi har egen lokal utrustad med datorer och tillbehör! Självklart finns en myshörna, projektor för film och YouTube, stereo, bärbara datorer och mycket annat!</p>
</div>
<div class="col-sm-4 wow fadeIn" data-wow-delay="0.8s">
<hr class="line blue">
<h3>Egen studio</h3>
<p>Vi har snart en egen studio där man kan spela in poddradio eller streama professionellt till Twitch, YouTube och liknande. Eller skapa musik och experimentera med elektronisk musikutrustning.</p>
</div>
<div class="col-sm-4 wow fadeIn" data-wow-delay="1.2s">
<hr class="line yellow">
<h3>Gemensamt lärande</h3>
<p>Vi har som målsättning att vara en kreativ mötesplats med gemensamt lärande. Vi har plats för elektroniklabbande, rollspel, bloggande, tidningsmakeri, pyssel och annat roligt.</p>
</div>
</div>
</div>
</section>
<section id="main-info" class="pad-xs">
<div class="container">
<div class="row">
<div class="col-sm-4 wow fadeIn" data-wow-delay="0.4s">
<hr class="line purple">
<h3>Medlemskap</h3>
<p>Det är gratis att bli medlem i Hackerklubben. Medlemsskapet sker i KulturKlubben och som medlem har man rätt att delta i våra aktiviteter och nyttja vår lokal för egna projekt.
<br><br>
Bli medlem direkt via den här länken: <a href="https://ebas.kontaktnatet.se/signups/index/96" class="a:link">Bli medlem i KulturKlubben</a></p>
</div>
<div class="col-sm-4 wow fadeIn" data-wow-delay="0.8s">
<hr class="line blue">
<h3>Donera</h3>
<p>Vi är en ideell verksamhet och det kostar en hel del att driva ett Hackerspace. Alla bidrag, ekonomiska eller i form av utrustning vi behöver, är välkomna! <br>
Vi har en lång lista på saker vi saknar/önskar här: <a href="https://trello.com/b/tKli6te6/kulturklubben-publik-%C3%B6nskelista">Önskelista</a><br>
<br>
Det går att Swisha oss på: 123-6516082</p>
</div>
<div class="col-sm-4 wow fadeIn" data-wow-delay="1.2s">
<hr class="line yellow">
<h3>Är det lagligt?</h3>
<p>Ja! I populärpressen och i filmer har ordet "hacker" ofta en negativ klang. Vi använder oss dock av den positiva definitionen av en hacker, dvs en person med stora tekniska kunskaper, som vill veta hur saker fungerar, hur man kan förbättra och lära sig mera. En utörligare beskrivning finns här <a href="https://umeahackerspace.se/2017/07/04/varfor-heter-umea-hackerspace-vad-vi-heter/">hos våra kamrater i Umeå Hackerspace</a></p>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<hr>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-8 margin-20">
<ul class="list-inline social">
<li>Följ oss på</li>
<li><a href="https://www.facebook.com/haxxklubben"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/kulturklubben_holmsund"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<div class="col-sm-4 text-right">
<p><small>Copyright © 2014. All rights reserved. <br>
Created by <a href="http://visualsoldiers.com">Visual Soldiers</a></small></p>
</div>
</div>
</div>
</footer>
<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
<script src="js/wow.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>