-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (99 loc) · 5.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<title>Home</title>
</head>
<body>
<header class="header">
<h1 class="hidden">SafeFam Fixer</h1>
<nav class="menu">
<div class="menu__wrapper">
<a href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
<ul class="menu__items">
<li class="menu__item"><a class="menu__item__link active--link" href="index.html">Home</a></li>
<li class="menu__item"><a class="menu__item__link" href="services.html">Services</a></li>
<li class="menu__item"><a class="menu__item__link contact__link" href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<section class="header__box">
<h2 class="hidden">header safefam</h2>
<article class="header__box__intro">
<h3 class="header__box__title">Veiligheids fixer voor het moderne gezin</h3>
<p class="header__box__text">
Vandaag de dag komen kinderen op de vreemdste plaatsen en doen de zotste dingen vaak zonder
nadenken en dat terwijl het gevaar vaak in een klein hoekje schuilt. Geen paniek! Geen gevaar is te groot voor onze fixer
en zijn aanbod van verschillende veiligheids services.
</p>
<a class="button" href="contact.html">Contact →</a>
</article>
<img class="header__box__foto" src="assets/img/header-illustratie.png" alt="header illustratie">
</section>
</header>
<main class="container">
<section class="info space">
<h2 class="hidden">info</h2>
<div class="info__div--wrapper">
<article class="info__box">
<img class="info__box__icon" src="assets/img/icon-veiligheid.png" alt="schildje">
<h3 class="info__box__title">Veiligheid</h3>
<p class="info__box__text">Bij deze willen we even meedelen dat al onze services gericht zijn op veiligheid.
En spesifiek de veiligheid naar kinderen toe.</p>
</article>
<article class="info__box">
<img class="info__box__icon" src="assets/img/icon-familie.png" alt="familie">
<h3 class="info__box__title">familie</h3>
<p class="info__box__text">De doelgroep van SafeFam is kinderen. Er is in onze wereld niets belangrijker
dan kinderen. Ze zijn onze toekomst dus vandaar dat kinderen ons hoofddoel is zodat we de toekomst veilig kunnen stellen.</p>
</article>
</div>
</section>
<section class="spec">
<h2 class="hidden">specialiteit</h2>
<img class="spec__img" src="assets/img/specialiteit-illustratie.png" alt="specialiteit illustratie">
<article class="spec__article">
<h3 class="spec__article__title">De nr 1: Anti perv-service</h3>
<h4 class="spec__article__subtitle">A sweet a day <br> keeps the perv away</h4>
<p class="spec__article__text">
Elke dag worden er honderen kinderen op straat gekidnapped door kwaadaardige types.
Onze fixer heeft hier iets revolutionairs op gevonden. Hij heeft speciale aardbeisnoepjes
ontwikkeld met een ingeplante micro tracking device zodat uw kind niet in de verleiding kan
komen om snoep van vreemde personen aan te nemen. Moest dit wel het geval zijn dan
kan hij uw kind altijd terugvinden door te kijken naar de real time gps data van de tracking device dat
in het snoep zit dat uw kind op zak heeft. Voor meer services klik op de knop.
</p>
<a class="button" href="services.html">Services →</a>
</article>
</section>
<section class="rating space">
<h2 class="hidden">rating</h2>
<div class="snoepjes" data-rating="3">
<span class="snoep" id="1"> </span>
<span class="snoep" id="2"> </span>
<span class="snoep" id="3"> </span>
<span class="snoep" id="4"> </span>
<span class="snoep" id="5"> </span>
</div>
<div class="rating__form">
<p class="text__rating"></p>
<a class="button" href="rating.html">Indienen →</a>
</div>
</section>
</main>
<footer class="footer">
<section class="footer__box">
<h2 class="hidden">footer</h2>
<a class="footer__box__icon" href="https://www.facebook.com/"><img class="footer__box__img" src="assets/img/social-media/facebook.png" alt="facebook"></a>
<a class="footer__box__icon" href="https://www.instagram.com/conor_v_527/"><img class="footer__box__img--groter" src="assets/img/social-media/instagram.png" alt="instagram"></a>
<a class="footer__box__icon" href="https://twitter.com/"><img class="footer__box__img" src="assets/img/social-media/twitter.png" alt="twitter"></a>
</section>
<p class="footer__box__text">© 2019 SafeFam - All Rights Reserved</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>