This repository has been archived by the owner on Jan 11, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (163 loc) · 8.48 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Waykup - groupe de jeunes BulleNetwork</title>
<meta name="description" content="Waykup youth group">
<meta name="author" content="EEBulle">
<link rel="stylesheet" href="assets/stylesheets/application.css">
<script type="text/javascript" src="assets/javascripts/application.js"></script>
<!-- Favicon stuff -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="assets/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="assets/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="assets/images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="assets/images/favicons/manifest.json">
<link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="assets/images/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="assets/images/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="assets/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- Mobile compatibility -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav class="navbar">
<div class="nav">
<a href="#Waykup">Accueil</a>
<a href="#Vision">Mission</a>
<a href="#Programme">Programme</a>
<a href="boutique.html">Boutique</a>
<a href="event.html">Event</a>
<a href="#Contact">Contact</a>
</div>
<div class="burger">
<div class="line l1"></div>
<div class="line l2"></div>
<div class="line l3"></div>
</div>
</nav>
<section id="Waykup" class="fixed f1">
<img src="assets/images/logo/waykup.png" data-speed="10"/>
<h1>T’es pas toi sans Jésus!</h1>
</section> <!-- fixed -->
<section id="Types" class="scrolling s3">
<div class="container">
<!--<div id="inscription">
<h2>Suis ce lien pour t'inscrire :</h2>
<button type="button" id="inscription_button"><a href="inscription.html">inscription</a></button>
</div>-->
<h2>
Waykup est le groupe de jeunes (13-18 ans) du <a href="https://bullenetwork.ch/" target="_blank">Bulle Network</a>.
</h2>
<h3>Nous avons 3 types de soirées</h3>
<div class="activities">
<div class="activity">
<p>Waykup</p>
</div>
<div class="activity">
<p>Waykup Art</p>
</div>
<div class="activity">
<p>O2Vie</p>
</div>
</div>
<p>
Chaque 2e et 4e samedi du mois, nous avons nos soirées Waykup dites "officielles". Ces soirées commencent à 20h et se terminent à 22h avec un after.
Durant ces soirées nous avons des débats captivants, des témoignages encourageants, des enseignements pertinents et surtout beaucoup de fun !
</p>
<p>
Waykup Art est un projet dont le but est de partager la bonne nouvelle au travers des arts (danse, théâtre, musique, etc).
Ces soirées ont lieu tous les premiers samedis du mois de 20h à 22h.
</p>
<p>
O2Vie est un projet d'implantation d'église que nous soutenons. Nous participons aux soirées jeux qui ont lieu à Châtel St-Denis chaque 3e samedi du mois.
Pour plus d'informations sur O2Vie, veuillez contacter la responsable du projet O2Vie : <a href="mailto:[email protected]">Fannie Blakaj</a>.
</p>
</div> <!-- container -->
</section> <!-- scrolling -->
<section id="Mission" class="fixed f3">
<h2>Mission, vision, valeurs</h2>
</section> <!-- fixed -->
<section id="Vision" class="scrolling cd-color-1">
<div class="container">
<h3>Notre mission</h3>
<p>
Nous manifestons la puissance libératrice de Jésus-Christ parmi la jeunesse et faisons croître Son royaume au-delà du canton de Fribourg.
</p>
<h3>Notre vision</h3>
<p>
Nous formons des disciples en Christ porteurs de la Bonne Nouvelle et actifs dans leur église. Nous enseignons et équipons les jeunes pour qu'ils puissent affronter leur futur en toute sérénité en étant eux-même des influenceurs dans leur génération.
</p>
<h3>Nos valeurs</h3>
<div class="activities">
<div class="values">
<p>L'encouragement</p>
</div>
<div class="values">
<p>La foi</p>
</div>
<div class="values">
<p>L'amitié</p>
</div>
</div>
</div> <!-- container -->
</section> <!-- scrolling -->
<section id="Soirées" class="fixed f2">
<h2>Une soirée tous les samedis soirs!</h2>
</section> <!-- fixed -->
<section id="Programme" class="scrolling cd-color-2 s2">
<div class="container">
<center>
<img src="assets/images/programs/2022-1.jpg">
</center>
</div> <!-- container -->
</section> <!-- scrolling -->
<section id="boutique" class="fixed f5">
<h2>
Nos fringues t'intéressent ? </br>
Viens faire un tour sur <a href="boutique.html">notre boutique</a>!
</h2>
</section>
<section id="event" class="scrolling s3">
<div class="container">
<h2>Nos événements</h2>
<p>Pour plus d'informations sur les événements auxquels nous participons, n'hésite pas à aller consulter notre page <a href="event.html">event</a> qui est là rien que pour ça.</p>
</div>
</section>
<section id="Contact" class="contact">
<div class="title">
<h2>Contact</h2>
</div>
<div class="footer">
<div class="form">
<form id="contactForm" method="post" action="https://formspree.io/myyyndyk">
<input type="text" name="nom" id="nom" required="required" placeholder="Nom*"/>
<input type="text" name="prénom" id="prénom" required="required" placeholder="Prénom*"/>
<input type="email" name="email" id="email" required="required" placeholder="Email*"/>
<textarea type="text" name="message" rows="5" cols="35" placeholder="Message*" required="required"></textarea>
<p class="formComment">Les champs marqués d'une étoile (*) sont obligatoires.</p>
<input id="submit" type="submit" value="Envoyer"/>
</form>
</div>
<div class="contactInfo">
<a class="footLink" href="mailto:[email protected]"><img src="assets/images/icons/mailIcon.png"/></a>
<a class="footLink" href="https://bullenetwork.ch/" target="_blank"><img src="assets/images/icons/BNIcon.png"/></a>
<a class="footLink2" href="https://www.instagram.com/waykup.gdj/?hl=fr" target="_blank"><img src="assets/images/icons/instagramIcon.png"/></a>
</div>
</div>
<iframe class="map" width="100%" height="40%" frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2083.8713239602675!2d7.06776166564967!3d46.62337367358031!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x196a5299ace58a5e!2sEglise+%C3%A9vang%C3%A9lique+de+Bulle!5e0!3m2!1sen!2sch!4v1448208148855" allowfullscreen></iframe>
</section>
<script>stickyNav();</script>
</body>
</html>