<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Thuiskapster Greet Contact</title>
<meta name="keywords" content="Kapster, Thuiskapster, Kapper aan huis, Zemst, Hofstade, Weerde, Eppegem, Mechelen, Kontich, Edegem, Knippen, Kapster aan huis, Communie, Kapper, Bruchen">
<meta name="description" content="Kapster, Thuiskapster, Kapper aan huis, Zemst, Hofstade, Weerde, Eppegem, Mechelen, Kontich, Edegem, Knippen, Kapster aan huis, Communie, Kapper, Bruchen">
<meta name="revisit-after" content="7 Days">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<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="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src='https://www.google.com/recaptcha/api.js'></script>
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong></strong></a>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>Thuiskapster Greet</h1>
<p></p>
</header>
<p>Liefst van al kan u mij telefonisch bereiken; onderaan kan u ook altijd een email versturen maar dit vermakkelijkt de afspraak niet.<br>
U kan mij altijd bereiken op het nummer.</p>
<br />
<!-- ajax contact form -->
<section style="margin-top: 50px;">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<h5 class="card-header">Contact formulier</h5>
<div class="card-body">
<form class="contact__form" method="post" action="mail.php">
<!-- form message -->
<div class="row">
<div class="col-12">
<div class="contact__msg" style="display: none">
<p>Uw bericht werd met succes verzonden.</p>
</div>
</div>
</div>
<!-- end message -->
<!-- form element -->
<div class="row">
<div class="col-md-6 form-group">
<input name="name" type="text" class="form-control" placeholder="Naam" required>
</div>
<div class="col-md-6 form-group">
<input name="email" type="email" class="form-control" placeholder="Email adres" required>
</div>
<div class="col-md-6 form-group">
<input name="phone" type="text" class="form-control" placeholder="Telefoon nummer" required>
</div>
<div class="col-md-6 form-group">
<input name="subject" type="text" class="form-control" placeholder="Titel" required>
</div>
<div class="col-12 form-group">
<textarea name="message" class="form-control" rows="3" placeholder="Bericht" required></textarea>
</div>
<div class="col-12 form-group">
<div class="g-recaptcha" data-sitekey="6LcSoPIZAAAAAItyksdG9O82Vh-ggIAZqd7chyrJ"></div>
</div>
<div class="col-12">
<input name="submit" type="submit" class="btn btn-success" value="Verzend bericht">
</div>
</div>
<!-- end form element -->
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="About.html">Wie ben ik</a></li>
<li><a href="Prijslijst.html">Prijslijst</a></li>
<li><a href="Naarmij.html">Contact</a></li>
</ul>
</nav>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© 2018 Hair @ Home - Greet Van de Peer.</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>