-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
310 lines (296 loc) · 10.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="app.js"></script>
<script src="intersection-observer.js" defer></script>
<title>ØEgle</title>
</head>
<body>
<!--
=====
navbar
=====
-->
<nav>
<div class="nav__container">
<h2>GLE</h2>
<div class="nav__links">
<a href="index.html#selskapet">Om oss</a>
<a href="index.html#bekjempere">Tjenester</a>
<a href="tilbakemeldinger.html">Tilbakemeldinger</a>
</div>
</div>
</nav>
<main>
<!--
=====
hero section
=====
-->
<section id="hero"></section>
<!--
=====
Om selskapet
=====
-->
<section id="selskapet">
<div class="selskapet__container">
<div class="selskapet__left__col fade-in">
<h2>Om vårt selskap</h2>
<p>
GLE er et firma som ikke bruker gift og har fokus på natr- og
dyreliv. Vi gjennomfører bekjempelser både på bolighus og
næringsbygg.
</p>
<p>
Grunnleggerne har lang fartstid bdåe fra skadedyr- og
forsikringsbransjen.
</p>
<a href="index.html#ansatte">Les om våre ansatte</a>
</div>
<div class="selskapet__right__col fade-in">
<p>
Høsten 2020 var det ikke bare Covid-19 som dominerte verdensbilde,
men også nyheten om at det var gnagerår i Norge. Folk oppdaget i
eksponesiell grad at mus og rotter trengte inn i boligene sine, og
panikken bredte seg raskt i befolkningen.
</p>
<p>
Forsikringsselskapene ble ringt ned, og skadedyrteknikerne måtte
jobbe døgnet rundt. Det var i denne perioden 3 visjonærer møttes
på en felles plattform for å diskutere dette. Meninger ble
utvekslet, og innen kort tid hadde disse 3 menneskene kommet med
en løsning!
</p>
</div>
</div>
</section>
<!--
=====
bekjempere
=====
-->
<section id="bekjempere">
<h2>Våre bekjempere</h2>
<!--uglen-->
<div class="container">
<div class="bilde bilde__left">
<img
src="images/Bilde1.png"
class="fade-in left slide"
alt="Majestetisk ugle"
/>
</div>
<div class="dyr__tekst dyr__tekst--hover">
<h3>Uglen</h3>
<p>
Uglene er en særegen fugleart, som hovedsakelig lever av små
pattedyr. Flere av artene i Norge lever en nomadisk tilværelse og
forflytter seg etter tilgangen på smågnagere – og det er nettopp
dette som gjør de til den ideelle bekjemperen av mus!
</p>
<h4>Fordeler</h4>
<span class="dyr__tekst__dots">...</span>
<span class="dyr__tekst__more">
<ul>
<li>Jobber alltid med fokus på substitusjonsprinsippet §3-2</li>
<li>Gode arbeidere</li>
<li>
Tar natteoppdrag, så du slipper å ta fri fra jobb for befaring
</li>
<li>
Både jordugle og haukugle er delvis dagaktive og tar
dagsbefaring
</li>
<li>Ingen Co2 utslipp ikke på reiseveien</li>
</ul>
</span>
<button class="dyr__tekst__read" type="button" onclick="read()">
Les mer
</button>
</div>
</div>
<!--Øglen-->
<div class="container">
<div class="dyr__tekst">
<h3>Øglen</h3>
<p>
Skjeggkre. Dette er alle insekter som har blitt en real plage for
insektshatende nordmenn, og det blir fort svært kostbare i sin
bekjempelse. Fra 2018 til i dag har de fleste skadedyrselskapene
kommet på banen med mulige løsninger for å bli kvitt skjeggkreene.
Noen mente det trengtes systematisk kartlegging med limfeller for
å sikrer en optimal forståelse og vurdering av skadebildet. Den
tid er forbi!
</p>
<span class="dyr__tekst__dots">...</span>
<span class="dyr__tekst__more">
<h4>Fordeler</h4>
<ul>
<li>
Spiser ikke bare skjeggkre, men også andre nattaktive leddyr
som møll og etterkopper
</li>
<li>Svært raske</li>
<li>Klatrer der du trenger de!</li>
<li>Jobber på natten, mens du sover</li>
</ul>
</span>
<button class="dyr__tekst__read" type="button" onclick="readTo()">
Les mer
</button>
</div>
<div class="bilde bilde__right">
<img
class="fade-in right"
src="images/Bilde2.jpg"
alt="En vakker øgle"
/>
</div>
</div>
<!--Marihøna-->
<div class="container">
<div class="bilde bilde__left">
<img
class="fade-in left"
src="images/b925ae8dca65d00943fded85464ad117.jpg"
alt="En grotesk marihøne"
/>
</div>
<div class="dyr__tekst">
<h3>Marihøna</h3>
<p>
Uglene er en særegen fugleart, som hovedsakelig lever av små
pattedyr. Flere av artene i Norge lever en nomadisk tilværelse og
forflytter seg etter tilgangen på smågnagere – og det er nettopp
dette som gjør de til den ideelle bekjemperen av mus!
</p>
<span class="dyr__tekst__dots">...</span>
<span class="dyr__tekst__more">
<h4>Fordeler</h4>
<ul>
<li>Jobber alltid med fokus på substitusjonsprinsippet §3-2</li>
<li>Gode arbeidere</li>
<li>
Tar natteoppdrag, så du slipper å ta fri fra jobb for befaring
</li>
<li>
Både jordugle og haukugle er delvis dagaktive og tar
dagsbefaring
</li>
<li>Ingen Co2 utslipp ikke på reiseveien</li>
<li>God jakterfaring fra eggklekking</li>
</ul>
</span>
<button class="dyr__tekst__read" type="button" onclick="readTre()">
Les mer
</button>
</div>
</div>
</section>
<!--Kundeopplevelser CTA-->
<section id="CTA">
<div class="CTA__content">
<h2>Vi kan skadedyrsbekjempelser.</h2>
<a href="">Les kundeopplevelser her</a>
</div>
</section>
<!--Ansatte-->
<!--Kjell Henrik-->
<section id="ansatte">
<h2 class="">Våre Ansatte</h2>
<div class="container">
<div class="bilde bilde__left">
<img
class="fade-in left"
src="images/Monica_Hussopp_portrett_034_20180205.jpg"
alt="Ikke et bilde av Henrik"
/>
</div>
<div class="ansatte__tekst">
<h3>Kjell Henrik</h3>
<h4>Administrativ Direktør</h4>
<p>
Kjell Henrik har lang fartstid i bransjen både som tidligere
tekniker i Nokas Skadedyrkontroo, og eier av skipskatt. Han er
selve ideeskaperen av firmaet. Med en brennende entusiasme for.
</p>
<p>
Kjell Henrik har lang fartstid i bransjen både som tidligere
tekniker i Nokas Skadedyrkontroo, og eier av skipskatt. Han er
selve ideeskaperen av firmaet. Med en brennende entusiasme for.
</p>
</div>
</div>
<!--Monica-->
<div class="container">
<div class="ansatte__tekst">
<h3>Monica Almdal Utberg</h3>
<h4>Dyreansvarlig</h4>
<p>
Kjell Henrik har lang fartstid i bransjen både som tidligere
tekniker i Nokas Skadedyrkontroo, og eier av skipskatt. Han er
selve ideeskaperen av firmaet. Med en brennende entusiasme for.
</p>
<p>
Kjell Henrik har lang fartstid i bransjen både som tidligere
tekniker i Nokas Skadedyrkontroo, og eier av skipskatt. Han er
selve ideeskaperen av firmaet. Med en brennende entusiasme for.
</p>
</div>
<div class="bilde bilde__right">
<img
class="fade-in right"
src="images/Monica_Hussopp_portrett_034_20180205.jpg"
alt="Monica Aldal Utberg portrettbilde"
/>
</div>
</div>
<!--Maren-->
<div class="container">
<div class="bilde bilde__left">
<img
class="fade-in left slide-in"
src="images/DSC06448.JPG"
alt="En vakker ung dame"
/>
</div>
<div class="ansatte__tekst">
<h3>Maren Trones Christiansen</h3>
<h4>Fagsjef</h4>
<p>
Kjell Henrik har lang fartstid i bransjen både som tidligere
tekniker i Nokas Skadedyrkontroo, og eier av skipskatt. Han er
selve ideeskaperen av firmaet. Med en brennende entusiasme for.
</p>
<p>
Kjell Henrik har lang fartstid i bransjen både som tidligere
tekniker i Nokas Skadedyrkontroo, og eier av skipskatt. Han er
selve ideeskaperen av firmaet. Med en brennende entusiasme for.
</p>
</div>
</div>
</section>
<!--Som sett på section--->
<section id="sett">
<div class="sett__content fade-in">
<p>Som sett på</p>
<img loading="lazy" src="images/fhi-white.png" alt="Hvit FHI logo" />
<img
loading="lazy"
src="images/helsedir-white.png"
alt="Hvit Helsedirektoratet logo"
/>
</div>
</section>
</main>
</body>
</html>