-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoverons.html
131 lines (107 loc) · 6.63 KB
/
overons.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
<!DOCTYPE html>
<html>
<head>
<title>overons</title>
<link rel="stylesheet" type="text/css" href="overons.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<!--menu-->
<nav class="navbar navbar-expand-lg navbar-light bg-white text-dark">
<img class="navbar-brand" src="static/photos/HAIRSTUDIO-logo.png"></img>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Over ons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="prijzen.html">Prijzen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../Hairstudio/templates/probeer.html">Maak een afspraak</a>
</li>
<li class="nav-item">
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Download de App</button>
</form>
</div>
</nav>
<body>
<div class="container">
<div class=" row">
<div class= "col sm-12">
<center>
<img class="logo" src="static/photos/HAIRSTUDIO-logo.png">
</center>
<center>
<h5 class="welkomtext">Wie zijn wij ?</h5>
</center>
<center>
<article>
Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
</article>
</center>
<br>
<br>
<br>
<br>
<br>
<center>
<h5 class="welkomtext">Maak kennis met de kappers</h5>
</center>
<div class="kapper">
<h6 class="title1">klaas</h6>
<img class="kappers"src="static/photos/Kapper 1.jpg" alt=""> <br>
<center>
<p class="text1"> Ik ben 35 jaar en werk al 10 jaar bij Hairstudio.<br>
Ik vindt het leuk om met jongeren te werken,<br>
en ze blij te maken met een verzorgt kapsel</p>
</center>
<br>
<br>
<br>
<h6 class="title1">Henk</h6>
<img class="kappers" src="static/photos/kapper 3.jpg " alt=""> <br>
<center>
<p class="text1">
Ik ben 25 jaar en werk al 3 jaar bij Hairstudio.</p>
</center>
<br>
<br>
<br>
<br>
<h6 class="title1">Tom </h6>
<img class="kappers" src="static/photos/Kapper 4.jpg" alt=""> <br>
<center>
<p class="text1">
Ik ben 30 jaar en werk al 6 jaar bij Hairstudio. </p>
</center>
<br>
<br>
<br>
<br>
<h6 class="title1">Peter</h6>
<img class="stagiar"src="static/photos/stagiar.jpg" alt=""> <br>
<center>
<P class="text1">
Peter is sinds 5-1-2020 bij ons gestart als stagiar,<br>
Hij blijft bij ons tot de zomer.
</p>
</center>
</div>
</div>
</div>
</div>
</body>
<!--navbarMenu-->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</html>