-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (147 loc) · 6.07 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
<!DOCTYPE html>
<!--Author Elias De Hondt-->
<html lang="nl">
<head>
<!--Meta + Title-->
<meta charset="utf-8">
<title>Zizis</title>
<meta property="og:title" content="Zizis"/>
<meta property="og:image" content="/assets/media/images/logo.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Zizis is een kapsalon in Boechout.">
<!--Meta + Title-->
<!--Favicon-->
<link href="/assets/media/images/favicon.ico" rel="icon">
<!--Favicon-->
<!--CSS-->
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!--CSS-->
<!--Google Fonts-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<!--Google Fonts-->
</head>
<body>
<!--Logo-->
<div class="logo">
<img src="/assets/media/images/logo.png" alt="logo">
</div>
<!--Logo-->
<!--Left-->
<div class="left-side">
<div class="content photo">
<img src="/assets/media/images/gallery/photo1.png">
</div>
<div class="content photo">
<img src="/assets/media/images/gallery/photo2.png">
</div>
<div class="content photo">
<img src="/assets/media/images/gallery/photo3.png">
</div>
</div>
<!--Left-->
<!--Right-->
<div class="right-side">
<!--Opening hours-->
<h1>Openingstijden</h1>
<div class="content">
<div class="box-day" id="monday">
<h2>Maandag</h2>
<p>Gesloten</p>
</div>
<div class="box-day" id="tuesday">
<h2>Dinsdag</h2>
<p>08:30 - 14:00</p>
</div>
<div class="box-day" id="wednesday">
<h2>Woensdag</h2>
<p>08:30 - 14:00</p>
</div>
<div class="box-day" id="thursday">
<h2>Donderdag</h2>
<p>08:30 - 20:00</p>
</div>
<div class="box-day" id="friday">
<h2>Vrijdag</h2>
<p>08:30 - 20:00</p>
</div>
<div class="box-day" id="saturday">
<h2>Zaterdag</h2>
<p>07:00 - 16:00</p>
</div>
<div class="box-day" id="sunday">
<h2>Zondag</h2>
<p>Gesloten</p>
</div>
</div>
<!--Opening hours-->
<!--Info-->
<h1>Info</h1>
<div class="content-info">
<div class="box">
<h2>Over ons</h2>
<p>Ontdek de kunst van haarverzorging in mijn gezellige zaak. Ik ben toegewijd aan jouw unieke stijl,</p>
<p>of je nu een trendy knipbeurt, een gedurfde kleur, of een verfrissende styling wilt. Laat mij je helpen stralen met een look die net zo uniek is als jij!</p>
</div>
<div class="box">
<h2>Onze diensten</h2>
<p>Wij bieden verschillende diensten aan. Wij knippen kinderen, vrouwen en mannen. Wij bieden ook kleuringen aan.</p>
</div>
<div class="box">
<h2>Onze prijzen</h2>
<p>Wij hanteren verschillende prijzen voor verschillende diensten. Voor meer informatie kan u ons contacteren.</p>
</div>
</div>
<!--Info-->
<!-- Photo Gallery -->
<h1>Fotogallerij</h1>
<div class="photo-gallery">
<div>
<img src="/assets/media/images/gallery/photo1.png" alt="Photo 1">
</div>
<div>
<img src="/assets/media/images/gallery/photo2.png" alt="Photo 2">
</div>
<div>
<img src="/assets/media/images/gallery/photo3.png" alt="Photo 3">
</div>
<div>
<img src="/assets/media/images/gallery/photo4.png" alt="Photo 4">
</div>
<div>
<img src="/assets/media/images/gallery/photo5.png" alt="Photo 5">
</div>
<div>
<img src="/assets/media/images/gallery/photo6.png" alt="Photo 6">
</div>
</div>
<!-- Photo Gallery -->
<!--Contact us-->
<h1>Contacteer ons</h1>
<div class="box">
<p>
<i class="fas fa-map-marker-alt"></i> Adres: <a href="https://www.google.com/maps/place/Provinciesteenweg+557,+2530+Boechout" target="_blank">Provinciesteenweg 557, 2530 Boechout</a>
</p>
<p>
<i class="fas fa-phone"></i> Telefoonnummer: <a href="tel:+3232908885">+32 3 290 88 85</a>
</p>
<p>
<i class="fas fa-envelope"></i> Email: <a href="mailto:anja.oliviers@telenet.be">anja.oliviers@telenet.be</a>
</p>
</div>
<!--Contact us-->
</div>
<!--Right-->
<!--Footer-->
<footer id="footer"></footer>
<!--Footer-->
<!--JS-->
<script src="/assets/js/html-loader.js"></script>
<script src="/assets/js/opening-hours.js"></script>
<script>
loadHTML("footer", "https://eliasdh.com/assets/includes/external-footer.html");
</script>
<!--JS-->
</body>
</html>