-
Notifications
You must be signed in to change notification settings - Fork 0
/
kalender.html
254 lines (237 loc) · 11.7 KB
/
kalender.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
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verninge.dk - Kalender</title>
<link rel="stylesheet" href="style_verninge.css">
<link rel="icon" href="img/blomst.png">
<!--import af burger ikon-->
<script src="https://kit.fontawesome.com/158830f7f7.js" crossorigin="anonymous"></script>
<!--import af javascript til dropdown menu-->
<script src="dropdown.js"></script>
</head>
<body>
<header>
<!-- logo -->
<a class="logo" href="index.html">
</a>
<!-- Burger menu Mobil-->
<nav>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn"><i class="fa-solid fa-bars"></i></button>
<div id="myDropdown" class="dropdown-content">
<ul class="nav-menu">
<li><a href="index.html" >Forside</a></li>
<li><a href="verninge_og_omegn.html">Verninge og Omegn</a></li>
<li><a href="kalender.html" class="nav-active">Kalender</a></li>
<li><a href="404-siden-findes-ikke.html">Verninge Borgerforening</a></li>
<li><a href="404-siden-findes-ikke.html">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="pg-title">
<img src="img/blomst.png" class="pg-title-blomst" alt="verninge blomst">
<h1>Kalender</h1>
<img src="img/blomst.png" class="pg-title-blomst" alt="verninge blomst">
</div>
<section class="card-list" aria-label="kalender sektion">
<article class="card-item" aria-label="julefrokost opslag">
<div>
<div class="card-title">
<h3>Julefrokost i forsamlingshuset </h3>
<h4>25/12-2023</h4>
</div>
<img src="img/julemad.png" alt="stemningsbillede af buffet">
<div class="card-content">
<p>Klassisk julefrokost menu, med kolde og lune retter. Der er julegodter til børnene og skattejagt omkring forsamlingshuset.</p>
<p>Tilmelding senest 17/12 til [email protected]</p>
<a href="#" class="link"><p>Læs mere på forsamligshusets hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-item" aria-label="nytår opslag">
<div>
<div class="card-title">
<h3>Nytår i forsamlingshuset </h3>
<h4>31/12-2023</h4>
</div>
<img src="img/nytaar.png" alt="Stemningsbillede med stjernekastere">
<div class="card-content">
<p>Kom og ønsk hinanden godt nytår. Der vil være fyrværkeri for børnene samt lidt at varme sig på. </p>
<p>Uden Tilmelding</p>
<a href="#" class="link"><p>Læs mere på forsamlingshusets hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-item" aria-label="keramik workshop opslag">
<div>
<div class="card-title">
<h3>Keramik workshop i forsamlingshuset </h3>
<h4>03/1-2024</h4>
</div>
<img src="img/keramik.png" alt="stemningsBillede af Håndlavet keramik">
<div class="card-content">
<p>Kom og vær med og lav dit eget keramik. Jennie vil dele ud af sine kreative designs og idéer. </p>
<p>Tilmelding senest 20/12 til [email protected]</p>
<a href="#" class="link"><p>Læs mere på forsamlingshusets hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-item" aria-label="fællesspisning opslag">
<div>
<div class="card-title">
<h3>Fællesspisning i forsamlingshuset </h3>
<h4>30/1-2024</h4>
</div>
<img src="img/paaskefrokost.png" alt="stemningsBillede af buffet">
<div class="card-content">
<p>Buffet med varme og kolde retter. Der er pandekager til dessert.</p>
<p>Tilmelding senest 17/12 til [email protected]</p>
<a href="#" class="link"><p>Læs mere på vores hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-item" aria-label="fastalavn opslag">
<div>
<div class="card-title">
<h3>Slå katten af tønden foran skolen </h3>
<h5>11/2-2024</h5>
</div>
<img src="img/fastelavn.png" alt="stemningsbillede af børn i udklædning">
<div class="card-content">
<p>Der er voksen- og børnetønde samt præmie for bedste udklædning. Vi spiser fastelavnsboller og drikker varm kakao.</p>
<p>Tilmelding senest 20/1 til [email protected]</p>
<a href="#" class="link"><p>Læs mere på forsamlingshusets hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-item" aria-label="påskejagt opslag">
<div>
<div class="card-title">
<h3>Påskeægjagt i Verninge by </h3>
<h5>23/2-2024</h5>
</div>
<img src="img/paaskeaeg.png" alt="stemningsbillede af påskeæg">
<div class="card-content">
<p>Påskeharen har gemt chokoladeæg gennem byen, kan du finde dem?
Vi slutter af med varm kakao i forsamlingshuset</p>
<p>Tilmelding senest 1/2 til [email protected]</p>
<a href="#" class="link"><p>Læs mere på forsamlingshusets hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-item" aria-label="fællesspisning opslag">
<div>
<div class="card-title">
<h3>Fællesspisning i forsamlingshuset </h3>
<h4>30/1-2024</h4>
</div>
<img src="img/paaskefrokost.png" alt="stemningsbillede af buffet">
<div class="card-content">
<p>Buffet med varme og kolde retter. Der er pandekager til dessert.</p>
<p>Tilmelding senest 17/12 til [email protected]</p>
<a href="#" class="link"><p>Læs mere på vores hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-item" aria-label="fællesspisning opslag">
<div>
<div class="card-title">
<h3>Fællesspisning i forsamlingshuset </h3>
<h4>30/3-2024</h4>
</div>
<img src="img/julemad.png" alt="stemningsBillede af buffet">
<div class="card-content">
<p>Buffet med varme og kolde retter. Der er pandekager til dessert.</p>
<p>Tilmelding senest 17/12 til [email protected]</p>
<a href="#" class="link"><p>Læs mere på vores hjemmeside</p></a>
</div>
</div>
</article>
<article class="card-afholdte-events row-span-2" aria-label="afholdte events">
<div>
<h2>Afholdte events</h2>
<div class="card-content">
<div class="title-afholdte-events">
<div>
<h3>Lucia optog</h3>
<h5>13/12-2023</h5>
</div>
<div>
<img src="img/blomst.png" alt="verninge blomst" class="blomst-lille">
</div>
</div>
<p>Eleverne fra skolens 5. klasse gik Lucia optog gennem byen, iført flotte julelys og kjoler. </p>
<a href="#" class="link-hvid"><p>Se billederne på vores Facebookside</p></a>
</div>
<div class="card-content">
<div class="title-afholdte-events">
<div>
<img src="img/blomst.png" alt="verninge blomst" class="blomst-lille">
</div>
<div>
<h3>Vild med Verninge</h3>
<h5>08/08-2023</h5>
</div>
</div>
<p>Dette års Vild med Verninge var en stor sucess, med flere deltagere end tidligere.
<a href="#" class="link-hvid"><p>Se billederne på vores Facebookside</p></a>
</div>
<div class="card-content">
<div class="title-afholdte-events">
<div>
<h3>Folkedans på kroen</h3>
<h5>04/07-2023</h5>
</div>
<div>
<img src="img/blomst.png" alt="verninge blomst" class="blomst-lille">
</div>
</div>
<p>Rekord mange deltog i år til folkedans på kroen. Kridt danseskoene, tag din dansepartner under armen og deltag igen ved næste event.
<a href="#" class="link-hvid"><p>Se billederne på vores Facebookside</p></a>
</div>
<div class="card-content">
<div class="title-afholdte-events">
<div>
<img src="img/blomst.png" alt="verninge blomst" class="blomst-lille">
</div>
<div>
<h3>Krea med Andrea</h3>
<h5>05/05-2023</h5>
</div>
</div>
<p>Krea med Andrea var igen en succes. over 100 børn, unge og voksne deltog aktivt. </p>
<a href="#" class="link-hvid"><p>Se billederne på vores Facebookside</p></a>
</div>
</div>
</article>
</section>
<!--- Footer (Brandon, Hans-Peder)-->
<footer>
<div class="bg-green-font-white">
<div id="contact">
<h2 class="section-title-white">Kontakt os</h2>
<ul class="flexbox-split">
<div class="split footer-kontakt">
<li><a href="#"><i class="fa-regular fa-envelope" role="img" aria-hidden="true"></i> [email protected]</a></li>
<li><a href="#"><i class="fa-solid fa-phone" role="img" aria-hidden="true"></i> 29 90 43 87</a></li>
</div>
<div class="split footer-kontakt">
<li><a href="#"><i class="fa-brands fa-facebook" role="img" aria-hidden="true"></i> Find os på Facebook</a></li>
<li><a href="#"><i class="fa-brands fa-instagram" role="img" aria-hidden="true"></i> Find os på Instagram</a></li>
</div>
</ul>
</div>
<div id="sponsors">
<h2 class="section-title-white">Tak til vores samarbejdspartnere</h2>
<img src="img/img-sponser.png" alt="sponserbillede">
<img src="img/img-sponser.png" alt="sponserbillede">
<img src="img/img-sponser.png" alt="sponserbillede">
<img src="img/img-sponser.png" alt="sponserbillede">
</div>
</footer>
</body>
</html>