-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
368 lines (336 loc) · 17.4 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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Running for Change välgörenhetslopp">
<meta name="keywords" content="välgörenhet,Rotaract,Hungerprojektet,lopp">
<meta name="author" content="">
<title>Running for Change</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/one-page-wonder.css" rel="stylesheet">
<link href="css/own.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" data-toggle="collapse" data-target=".in">Running for Change</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li data-toggle="collapse" data-target=".in">
<a href="#anmalan">Anmälan</a>
</li>
<li data-toggle="collapse" data-target=".in">
<a href="#about-rfc">Om RFC</a>
</li>
<li data-toggle="collapse" data-target=".in">
<a href="#about">Arrangörer</a>
</li>
<li data-toggle="collapse" data-target=".in">
<a href="#sponsors">Sponsorer</a>
</li>
<li data-toggle="collapse" data-target=".in">
<a href="#DJ">DJ</a>
</li>
<li data-toggle="collapse" data-target=".in">
<a href="#fotograf">Fotograf</a>
</li>
<li data-toggle="collapse" data-target=".in">
<a href="#contact">Kontakt</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Full Width Image Header -->
<header class="header-image">
<div class="headline">
<div class="container">
<img class="header-logo" src="images/rfc-logo-svart.png" />
<h2>Ett samarbete mellan Rotaract och Hungerprojektet</h2>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">
<div id="anmalan" class="centre">
<div class="center-button">
<a href="http://www.eventbrite.com/e/running-for-change-goteborg-biljetter-15827969884?aff=es2&rank=1" class="btn ">Anmälan</a>
</div>
</div>
<hr class="featurette-divider" id="about-rfc">
<!-- First Featurette -->
<div class="featurette">
<div id="image-container" style="max-width:500px">
<img class="featurette-image img-circle img-responsive pull-left" src="images/om-rfc-fyrkant.jpg">
</div>
<h2 class="featurette-heading">Om Running for Change
</h2>
<p class="lead">Rotaractklubbar i Sverige har arrangerat loppet
Running for Change sedan 2009 med Hungerprojektet som förmånstagare.
Numera arrangerar vi loppet tillsammans. I år går det av stapeln i
Göteborg den 13 september. Alla intäkter går till Hungerprojektet*
som arbetar med att avskaffa hunger och fattigdom. Deltagarna
väljer själva om de vill springa eller promenera 5 eller 10 km. Det
viktiga är det goda syftet! Vid målgången får alla som deltagit
fantastiska goodiebags! Banan kommer att kontrollmätas.
</p>
<p class="lead" style="font-size:15px">
*Vid betalning tar Eventbrite och Paypal en mindre avgift för att
hantera transaktionen. Exempel: av 295 kr går 272 kr till
Hungerprojektet.
</p>
<p class="lead">
<br />
<span class="social-media-div">
<a class="social-media-hover social-media-padding" href="https://instagram.com/runningforchange">
<img class="social-media" src="images/instagram.png">
</a>
</span>
Tagga till med #runningforchange
</p>
</div>
<hr class="featurette-divider" id="about">
<div class="featurette">
<h2 class="featurette-heading">Arrangörer</h2>
<h3 class="featurette-h3">Rotaract</h3>
<img class="featurette-image img-responsive pull-right" src="images/rotaract-logo.png">
<p class="lead">Rotaract grundades 1968 av Rotary International, en politiskt- och religiöst obunden organisation för ledande personer inom affärsvärld och yrkesliv som verkar enligt mottot ”Service Above Self”. Rotaractmedlemmar är unga män och kvinnor mellan 18 - 30 år och kan vara både studenter eller yrkesverksamma med vitt skilda bakgrunder. Varje Rotaractklubb träffas regelbundet för att lyssna till intressanta föredrag, organisera aktiviteter och driva lokala och internationella samhällsstödjande projekt. Klubbarna driver även projekt som syftar till att klubbens medlemmar ska utvecklas personligt och professionellt. Medlemmar har också möjlighet att delta i nationella och internationella konferenser. Det är ett fantastiskt sätt att träffa nya vänner från hela världen och utbyta idéer och erfarenheter. Konferenserna utgör på så sätt en plattform för internationella samarbetsprojekt.
<br />
<br />
<a href="http://www.rotaract.se">Läs mer om Rotaract och känn dig välkommen att besöka våra klubbmöten.</a>
</p>
<h3 class="featurette-h3">Hungerprojektet</h3>
<img class="featurette-image img-responsive pull-right" src="images/hp-logo.jpg">
<p class="lead"> Hungerprojektet är en ideell organisation som arbetar för att avskaffa hunger och fattigdom genom att väcka lokal entreprenörsanda. Vår modell är enkel: Den som äger problemet äger också den bästa vägen till förändring. När visionen, engagemanget och lösningarna är människornas egna blir förändringarna bestående. Vi arbetar globalt och driver program i Afrika, Latinamerika och Asien. I Sverige jobbar vi med utbildning, informationsspridning och insamling till de globala programmen.
<br />
<br />
<b>Våra värderingar</b>
<br />
Människors lika värde och kvinnors rättigheter ligger oss varmt om hjärtat. Alla människor har rätt till ett liv utan hunger och alla har potential till att förändra sina liv. Vi tror på människors drivkraft och att lokalt ägandeskap ger långsiktiga och bestående förändringar.
<br />
<br />
<b>Vår metod</b>
<br />
Hungerprojektet jobbar alltid i partnerskap med människor som lever i hunger och fattigdom. Målet är att de ska bli självförsörjande och att vi inte längre ska behövas. Vad som krävs för att avskaffa hunger skiljer sig från land till land. Nyckelfrågan är alltid: Vad saknas? Tre grundkomponenter avgör om vi tillsammans ska kunna skapa hållbara förändringar effektivt: social mobilisering, jämställdhet och samarbete med lokala myndigheter.
<br />
<br />
<a href="http://www.hungerprojektet.se">Läs mer om Hungerprojektet här.</a>
</p>
</div>
<hr class="featurette-divider" id="sponsors">
<div class="featurette" >
<h2 class="featurette-heading">Sponsorer</h2>
<h3 class="featurette-h3">Vitamin Well</h3>
<p class="lead">
Vitamin Well kommer för tredje året i rad sponsra med sina goda drycker i goodiebagsen till alla löpare vid målgången
<img class="featurette-image img-responsive" src="images/vitamin-well.jpg">
</p>
<h3 class="featurette-h3">Hälsa mera</h3>
<p class="lead">
Hälsa mera har gjort dessa underbara Running for Change-armband till förmån för Hungerprojektet. Köp ett armband och bidra till att avskaffa hunger och fattigdom. Beställ ditt armband genom att maila <a href="mailto:[email protected]">[email protected]</a>
<br />
<img class="featurette-image img-responseive" src="images/armband.jpg">
<br />
Behöver du komma igång med löpningen inför Running for Change? Nu erbjuder vår samarbetspartner Hälsa Mera en webbkurs där du får löpskolning, ett träningsupplägg, motivation och inspiration för att du på bästa sätt ska nå dina mål och din kommande 5 eller 10-kilometersutmaning! Läs mer om kursen <a href="http://app.coursio.com/store/halsamera/running-for-change">här.</a>
</p>
<div style="overflow:auto">
<img class="featurette-image img-responsive pull-right" src="images/lopsko-small.jpg"/>
<h3 class="featurette-h3">Löp och Sko</h3>
<p class="lead">
Se hit alla löpare! För tredje året i rad sponsrar <a href="https://www.facebook.com/lopsko">Löp & Sko</a> med fina priser till våra vinnare i Slottskogen! Vi är tacksamma över deras positiva inställning till Running for Change och att dom hjälper till i kampen mot jordens hunger och fattigdom!
</p>
</div>
<h3 class="featurette-h3">NOCCO BCAA</h3>
<p class="lead">
Ännu en härlig sponsor till goodiebagen! Tack till <a href="https://www.facebook.com/pages/NOCCO-BCAA/765633723486060">NOCCO BCAA</a> som bidrar med deras fräscha och goda funktionsdrycker med BCAA i och tack för att ni hjälper oss i kampen mot jordens hunger och fattigdom!
</p>
<img class="featurette-image img-responsive" src="images/nocco-small.jpg">
<h3 class="featurette-h3">My Race</h3>
<p style="overflow:auto" class="lead">
<img class="featurette-image img-responsive pull-right" src="images/myrace-small.png">
Vi presenterar här en till av våra härliga sponsorer, My Race, som ska bidra med deras fina armband till goodiebagen! Kika in på deras hemsida, <a href="http://www.myrace.se">www.myrace.se</a> , sätt upp dina träningsmål och donera en frivillig summa till din förmånstagare om målet inte uppnås. Race or raise!
</p>
<h3 class="featurette-h3">Bliz</h3>
<p class="lead">
Stort tack till Bliz som även detta år sponsrar med fina priser till
vinnarna!
<br />
Ytterligare en fin sponsor som hjälper till i kampen mot jordens hunger och fattigdom - Tack!
</p>
<div style="overflow:auto">
<img class="featurette-image img-responsive pull-left" src="images/bliz.png" />
</div>
<div style="overflow:auto">
<img style="margin-top:15px" class="featurette-image img-responsive pull-right" src="images/ica-focus.jpg" />
<h3 class="featurette-h3">Ica Focus</h3>
<p class="lead">
Vi tackar Ica Focus för att de för tredje året i rad sponsrar
med bananer till löparnas goodiebag.
</p>
</div>
<div style="overflow:auto">
<h3 class="featurette-h3">Rotary Göteborg Backa</h3>
<p class="lead">
<img class="featurette-image img-responsive pull-right" src="images/rotary-gbg-backa.jpg" />
Vi tackar Rotary Göteborg Backa för att de bidrar med sponsring
av material till loppet.
</p>
</div>
<div style="overflow:auto">
<h3 class="featurette-h3">Alekuriren</h3>
<img class="featurette-image img-responsive pull-right" src="images/alekuriren.png">
<p class="lead">
Stort tack till Alekuriren som för andra året sponsrar med nummerlappar till loppet.
</p>
</div>
<div style="overflow:auto">
<h3 class="featurette-h3">Länsförsäkringar</h3>
<img class="featurette-image img-responsive pull-right" src="images/lansforsakringar.png">
<p class="lead">
Stort tack till Länsförsäkringar som sponsrat med reflexvästar till funktionärerna och brandsläckare.
</p>
</div>
<div style="overflow:auto">
<img class="featurette-image img-responsive pull-right" src="images/gococo.jpg">
<h3 class="featurette-h3">Gococo</h3>
<p class="lead">
Stort tack till Gococo som bidrar med strumpor i högfunktionellt material och lekfulla färger till vinnarna för varje distans.
</p>
</div>
<h3 class="featurette-h3">Sjölins ljud</h3>
<p class="lead">
Stort tack till Sjölins ljud som sponsrat uthyrning av högtalare till DJ båset.
</p>
<div style="overflow:auto">
<img class="featurette-image img-responsive pull-right" src="images/salming.jpg">
<h3 class="featurette-h3">Salming Stores</h3>
<p class="lead">
Salming Stores kommer inte bara finnas på plats i Slottskogen utan bidrar även med snygga löparjackor till de fyra vinnarna av Running for Change!
</p>
</div>
<div style="overflow:auto">
<h3 class="featurette-h3">ABC Tryckeri och Sixth Avenue</h3>
<img class="featurette-image img-responsive pull-right" src="images/poster.jpg">
<p class="lead">
Stort tack till ABC Tryckeri och Sixth Avenue som sponsrat med 100 st fina affischer till loppet.
</p>
</div>
</div>
<hr class="featurette-divider" id="DJ">
<div class="featurette">
<h2 class="featurette-heading">DJ</h2>
<img class="featurette-image img-responsive pull-right img-rounded" src="images/dj.jpg">
<p class="lead">
Mitt namn är Laiza, är 16 år och uppvuxen i Göteborg. Mitt
stora intresse är musik. Musiken betyder mycket för mig, det
spelar ingen roll vilket språk musiken spelas på, musiken talar
för sig själv och förenar människor.
<br />
<br />
Jag gillar även idrott väldigt mycket och när jag hörde om möjligheten att få
spela på Running for Change så tog jag vara på den. Jag tycker att det är
underbart att folk stödjer Hungerprojektet och det de arbetar för.
</p>
</div>
<hr class="featurette-divider" id="fotograf">
<div class="featurette">
<h2 class="featurette-heading">Fotograf</h2>
<img class="featurette-image img-responsive pull-right img-rounded" src="images/fotograf.jpg">
<p class="lead">
Jag heter Johanna och en 28-årig amatörfotograf från Göteborg.
Jag köpte min första systemkamera när jag bodde i Australien
mellan 2009 och 2012 och har sedan dess haft fotografering som
mitt absolut största intresse. För mig är fotografering ett
häftigt och viktigt fenomen som hjälper oss att dokumentera
händelser och känslor.
<br />
<br />
Jag fotade Running for Change förra året och det var en superkul upplevelse.
Det känns fantastiskt att få vara en del av ett så viktigt event och att få
träffa alla härliga människor stöttar Hungerprojektet.
</p>
</div>
<hr class="featurette-divider" id="contact">
<!-- Third Featurette -->
<div class="featurette" >
<h2 class="featurette-heading">Kontakt</h2>
<h3 class="featurette-h3">Rotaract</h3>
<div class="social-media-div">
<a class="social-media-hover social-media-padding" href="https://www.facebook.com/RotaractSweden">
<img class="social-media" src="images/facebook.png">
</a>
<a class="social-media-hover social-media-padding" href="https://instagram.com/rotaractposeidongoteborg">
<img class="social-media" src="images/instagram.png">
</a>
</div>
<p class="lead">
<a href="http://www.rotaract.se">www.rotaract.se</a>
<br />
<a href="mailto:[email protected]">Mail</a>
</p>
<h3 class="featurette-h3">Hungerprojektet</h3>
<div class="social-media-div">
<a class="social-media-hover social-media-padding" href="https://www.facebook.com/Hungerprojektet">
<img class="social-media" src="images/facebook.png">
</a>
<a class="social-media-hover social-media-padding" href="https://www.instagram.com/hungerprojektet">
<img class="social-media" src="images/instagram.png">
</a>
<a class="social-media-hover social-media-padding" href="https://www.twitter.com/Hungerprojektet">
<img class="social-media" src="images/twitter.png">
</a>
</div>
<p class="lead">
<a href="http://hungerprojektet.se">www.hungerprojektet.se</a>
<br />
<a href="mailto:[email protected]">Mail 1</a>
<br />
<a href="mailto:[email protected]">Mail 2</a>
</p>
</div>
<hr class="featurette-divider">
<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<!--
<p>Copyright © Your Website 2014</p>
-->
</div>
</div>
</footer>
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>