-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
151 lines (114 loc) · 6.12 KB
/
index.html
File metadata and controls
151 lines (114 loc) · 6.12 KB
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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slideshow</title>
<link rel="stylesheet" href="style.css">
</head>
<body onload="onStart()">
<header id="header">
<div class="logo">
<img src="Data2024 (2)/web/images/logo.png" onclick="window.location.href='index.html';" style="cursor:pointer;">
</div>
<input id="zoekbalk" type="search" placeholder="Zoek hier.">
<div class="dropdown">
<button class="dropdown-btn" onclick="toggleMenu()">fietsen ⬇️</button>
<div class="dropdown-content" id="dropdownMenu">
<a href="elektrische-fietsen.html">elektrische fietsen</a>
<a href="fietsen.html">normale fietsen</a>
</div>
</div>
<div class="dropdown">
<button class="dropdown-btn" onclick="toggleMenu()">verhuur ⬇️</button>
<div class="dropdown-content" id="dropdownMenu">
<a href="fietsenhuren.html">fietsenhuren</a>
</div>
</div>
</header>
<div class="grid-container">
<div class="slideshow-container">
<!-- Slides -->
<div class="slide fade">
<img src="slideshowtest/istockphoto-171586627-612x612.jpg" alt="Slide 1">
<p>Deze stoere stadsfiets is perfect voor dagelijks gebruik. Met zijn stevige frame en comfortabele
zadel, is het de ideale keuze voor korte ritten door de stad of lange tochten in het weekend. </p>
</div>
<div class="slide fade">
<img src="slideshowtest/r000_a000.webp" alt="Slide 2">
<p>Deze elegante rode fiets is ideaal voor het maken van avontuurlijke ritten door de natuur. Met brede
banden en een sterk frame biedt deze fiets optimale stabiliteit en comfort, zelfs op ruwe paden.</p>
</div>
<div class="slide fade">
<img src="slideshowtest/ST_veloAX20_He.jpg" alt="Slide 3">
<p>De Flying Pigeon is een klassieke en betrouwbare fiets, perfect voor stadsverkeer. Met zijn iconische
ontwerp en robuuste structuur is het de ideale keuze voor diegenen die stijl en functionaliteit
willen combineren.</p>
</div>
<div class="slide fade">
<img src="slideshowtest/petrol__09-T-Randonneur-Lite-Shimano-105-30g-Disc-Dia-DSC2206-petrol-1920x1200.png"
alt="Slide 4">
<p>Deze moderne elektrische fiets is de perfecte keuze voor lange afstanden zonder inspanning. De
krachtige motor en het gestroomlijnde ontwerp maken elke rit soepel en snel.</p>
</div>
<div class="slide fade">
<img src="slideshowtest/white-T-500-SHIMANO-DEORE-30-GANG-DISC.webp" alt="Slide 5">
<p>Deze sportieve racefiets is gemaakt voor snelheid. Met zijn lichtgewicht frame en aerodynamische
ontwerp, is hij ideaal voor fietsliefhebbers die graag lange afstanden afleggen op verharde wegen.
</p>
</div>
<!-- Navigatiebollen -->
<div class="dots-container">
<span class="dot" onclick="setSlide(0)"></span>
<span class="dot" onclick="setSlide(1)"></span>
<span class="dot" onclick="setSlide(2)"></span>
<span class="dot" onclick="setSlide(3)"></span>
<span class="dot" onclick="setSlide(4)"></span>
</div>
</div>
<div class="welkombericht ">
<h1>Welkom bij FluitendeFietser! 🚲🎶</h1>
<p>We zijn zo blij dat je hier bent! Bij <strong>FluitendeFietser</strong> draait alles om plezier, avontuur
en de vrijheid die de fiets je biedt. Of je nu een doorgewinterde fietser bent of gewoon op zoek bent
naar een nieuwe manier om van A naar B te komen, wij hebben alles wat je nodig hebt om de beste
fietservaring te maken.</p>
<p>Verken onze geweldige producten, ontdek handige tips en laat je inspireren door de mooie momenten die je
kunt beleven op twee wielen. Wij heten je van harte welkom in onze fietsgemeenschap – samen maken we de
wereld een stukje mooier en een stukje groener!</p>
<p>Fiets je met ons mee? 🚴♂️💨</p>
</div>
<div class="openingstijden-container">
<h2>🕒 Openingstijden Fluitende Fietser 🚲</h2>
<ul>
<li><span>Maandag:</span> 10:00 - 18:00</li>
<li><span>Dinsdag:</span> 09:00 - 18:00</li>
<li><span>Woensdag:</span> 09:00 - 18:00</li>
<li><span>Donderdag:</span> 09:00 - 20:00 (koopavond)</li>
<li><span>Vrijdag:</span> 09:00 - 18:00</li>
<li><span>Zaterdag:</span> 10:00 - 17:00</li>
<li><span>Zondag:</span> Gesloten</li>
</ul>
</div>
</div>
<footer id="footer">
<div id="fietsbeweging"><img src="Data2024 (2)/web/images/fietser-nb.png"></div>
<div class="footer-left">
<a href="overons.html">Over ons</a>
<a href="contact.html">Contact</a>
<a href="voorwaarden.html">Algemene voorwaarden</a>
<a href="buco.html">buco</a>
</div>
<div class="footer-left-bottem">
<p>KVK: 88599665 | BTW NL999888492Z09
</p>
</div>
<div class="footer-right">
<a href="https://www.tiktok.com/@yourusername" target="_blank"><i class="fab fa-tiktok"></i></a>
<a href="https://www.instagram.com/yourusername" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/yourusername" target="_blank"><i class="fab fa-facebook"></i></a>
</div>
</footer>
</body>
<script src="script.js"></script>
</html>