-
Notifications
You must be signed in to change notification settings - Fork 0
/
verninge_og_omegn.html
211 lines (179 loc) · 12.8 KB
/
verninge_og_omegn.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
<!DOCTYPE html> <!--Meta test af Brandon og Hans-Peder-->
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
<title>Verninge.dk Om Verninge</title>
</head>
<body>
<header> <!--Brandon og Hans-Peder-->
<!-- 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" class="nav-active">Verninge og Omegn</a></li>
<li><a href="kalender.html">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>
<main>
<!--verninge og omegn section (Brandon og Hans-Peder)-->
<section class="bg-white-font-black" id="sec-verninge" aria-label="verninge og omegn sektion">
<div class="pg-title">
<img src="img/blomst.png" class="pg-title-blomst" alt="verninge blomst">
<h1>Verninge og omegn</h1>
<img src="img/blomst.png" class="pg-title-blomst" alt="verninge blomst">
</div>
<video src="" poster="img/verninge-omegn-video.png" aria-label="stemningsvideo om verning og omegn"></video>
<h2>Trivsel og udvikling er centralt hos Verninges skoler og dagtilbud</h2>
<h3>Dagtilbud og skoler I Verninge og omegn</h3>
<div class="flexbox-split">
<div class="split">
<div>
<p>I Verninge vægter vi børns trivsel højt. I Lilla Gruppe introduceres skolelivet gennem skræddersyede aktiviteter, mens Fuglekilden og børnehaven styrker selvværd og udvikler sociale, selvstændige og kreative færdigheder.</p><p> Naturlig forståelse og alderssvarende motorik og sprog er essentielt i både dagtilbud og skole.</p>
</div>
<img src="img/verningeskole_1.png" alt="dekorativt billede fra skole" class="img-rounded img-large">
</div>
<div class="split-reverse">
<div class="margin-top-bottom" >
<p>Overgangen fra dagtilbud til skole understøttes af Projekt Skolestart.Lilla Gruppe har deres egne lokaler og oplever en dag om ugen som "skoledag". Dette sikrer, at børnene føler sig fortrolige med skolens faciliteter og personalet.</p>
<p>Elektronisk skoleindskrivning i november gør processen let for forældre til kommende skolebørn. Vi inviterer også til informationsmøder om skolestart, hvor spørgsmål og bekymringer kan blive besvaret. Hos os stræber vi efter at skabe en glidende overgang, så børnene er glade og parate til at begynde deres skole- og læringsrejse!</p>
<a href="https://verninge-skole.assens.dk/" target="_blank" class="btn-orange">Gå til skolens hjemmeside</a>
</div>
<img src="img/verningeskole_2.png" alt="dekorativt billede fra skole" class="img-rounded img-large">
</div>
</div>
</section>
<section class="bg-green-font-white" id="sec-community" aria-label="fælleskab og foreninger sektion">
<h2>Et rigt foreningsliv styrker fællesskab og fremmer børns udvikling </h2>
<div class="content">
<h3>Verninge har et bredt udvalg af aktive foreninger</h3>
<div class="flexbox-split">
<div class="split">
<div>
<p>Foreningerne i Verninge spiller en afgørende rolle i børns udvikling ved at tilbyde berigende aktiviteter og fællesskab. Gymnastikforeningen fremmer motoriske færdigheder og sundhed, mens Idrætsforeningen dyrker teamwork og konkurrence.</p>
<p>Spejderne stimulerer naturelskere og lærer vigtige overlevelsesfærdigheder. Kulturelle foreninger som Husflid og Kirken giver børn kreative udfoldelsesmuligheder og forståelse for traditioner. Gennem disse foreninger opbygger børn sociale kompetencer, selvstændighed og ansvarsfølelse. </p>
<p>Aktiv deltagelse i Verninges mangfoldige foreningsliv skaber en solid grund for børns trivsel og udvikling, samtidig med at det fremmer et sundt og berigende lokalsamfund.</p>
</div>
<img src="img/verninge_familie.png" alt="dekorativt billede af familie" class="img-large img-rounded">
</div>
<div class="content">
<h3 >Lokale foreninger</h3>
<div class="split-reverse flex-space-around">
<div class="union-list">
<ul>
<li><a href="" class="link-forening"><i class="fa-brands fa-facebook"></i> Borgerforeningen for Verninge og omegn</a></li>
<li><a href="" class="link-forening"><i class="fa-brands fa-facebook"></i> Gymnastikforeningen Verninge</a></li>
<li><a href="" class="link-forening"><i class="fa-brands fa-facebook"></i> Verninge Forsamlingshus</a></li>
<li><a href="" class="link-forening"><i class="fa-brands fa-facebook"></i> Verninge Husflid</a></li>
<li><a href="" class="link-forening"><i class="fa-brands fa-facebook"></i> Verninge Idrætsforening</a></li>
<li><a href="" class="link-forening"><i class="fa-brands fa-facebook"></i> Verningespejderne (KFUM)</a></li>
<li><a href="" class="link-forening"><i class="fa-brands fa-facebook"></i> Verninge Kirke</a></li>
</ul>
</div>
<img src="img/verninge_forening.png" alt="dekorativt billede af forening" class="img-rounded img-large">
</div>
</div>
</div>
</section>
<section class="bg-white-font-black" id="sec-nature" aria-label="verninge natur sektion">
<h2>Smuk natur og frisk luft giver øget trivsel</h2>
<div class="flexbox-split">
<div class="split content">
<div class="margin-top-bottom">
<h3>Naturen i Verninge er en perle, der beriger både sjæl og krop. </h3>
<p>Verninge charmerer med naturskønne områder som Åsemosen og Verninge Mose, der skaber et idyllisk landskab med enge og vandløb. </p>
<p>Disse områder beriger ikke kun med visuel skønhed, men fremmer også sundhed og trivsel. </p>
<p>Naturen er hjertet i Verninge, styrker fællesskabet og bæredygtigheden, og inviterer til refleksion og ro. Der findes både gode løbe- og vandreruter i Verninge og omegn. </p>
<a href="https://www.google.com/maps/d/embed?mid=1cn6_RYBcTxIhQ8tiScdvlW2tlVR3pF4-&ehbc=2E312F%3Fmid%3D1cn6_RYBcTxIhQ8tiScdvlW2tlVR3pF4-&ehbc=2E312F&ll=55.293639092671455%2C10.19264570000001&z=16" class="btn-orange">Se løbe- og vandreruter </a>
</div>
<img src="img/verninge_mose.png" alt="dekorativt billede af verninge mose">
</div>
</div>
<div class="split-reverse content">
<div>
<h3>Landsbyparken i Verninge er et stolt varetegn og et levende samlingspunkt.</h3>
<p>Verninge Park, skabt af lokale frivillige i 2012 og drevet af Borgerforeningen for Verninge og Omegn, er et pulserende samlingspunkt for leg, motion og socialt samvær. </p>
<p>Midt på plænen står et imponerende egetræ, parkens hjerte, omgivet af mindre oaser med faciliteter. </p>
<p>Parken er åben for alle, men visse tidspunkter kan være forbeholdt Landsbyordningen og lokale arrangementer, som oplyses i kalenderen. </p>
<p>Eventuelle fejl og mangler til henvendes til Borgerforeningens formand, Henrik Jørgensen, for at sikre dens vedligeholdelse og trivse</p>
</div>
<img src="img/verninge_landsbypark.png" alt="dekorativt billede af landsbyparken">
</div>
</div>
</section>
<!--Amanda-->
<section class="bg-green-font-white padding-6rem" aria-label="værd at vide om verninge sektion">
<div class="content">
<h2>Værd at vide om Verninge</h2>
<div class="text-center">
<p>På kortet ser du nærområdets tilgængelighed til vigtige faciliteter som indkøbsmuligheder og biblioteker.
</p><p> Farvekoderne viser graden af tilgængelighed, hvilket hjælper brugere med at planlægge deres daglige aktiviteter og vælge bopælsområder bekvemt og nært nødvendige faciliteter.</p>
<img src="img/verningeodensekort 2.png" alt="Kort over Verninge og Odense" class="img-xlarge">
</div>
</div>
</section>
<section class="bg-white-font-black" aria-label="hjertestarter sektion">
<div class="content text-center padding-6rem">
<h2>Hjertestartere giver øget tryghed</h2>
<p>I Verninge øger tilgængelige hjertestartere trygheden markant. Med tre hjertestartere er lokalsamfundet godt rustet til akutte situationer.
</p>
<p> livreddende apparater, strategisk placeret, styrker fællesskabet og skaber en tryg ramme for borgerne. Hjertestarterne spiller en afgørende rolle i at redde liv og er en væsentlig del af et lokalsamfund, der prioriterer fællesskab og borgernes sundhed.</p>
<div class="flexbox-split">
<div class="split-reverse content" id="hjertestartere">
<div>
<h3>Der er tre hjertestartere i Verninge by</h3>
<ul>
<li>Ved indgangen til Verninge Skole, Langstedvej 1 (se position)</li>
<li>Ved hjørnet af Odensevej og Hindløkken på Hindsløkken 2 (se position)</li>
<li>Ved Nårup Pladeindustri, Neversvej 33 (se position)</li>
</ul>
</div>
<img src="img/verninge_hjertestarter.png" alt="kort der viser placering af hjertestartere i Verninge" class="img-rounded img-large">
</div>
</div>
</div>
</section>
</main>
<!--- 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="sponsor billede">
<img src="img/img-sponser.png" alt="sponsor billede">
<img src="img/img-sponser.png" alt="sponsor billede">
<img src="img/img-sponser.png" alt="sponsor billede">
</div>
</footer>
</body>
</html>