Hallo,
aan het puzzelen maar begrijp niet waarom footer niet wordt opgenomen in body.
Bijgevoegd de code.
aan het puzzelen maar begrijp niet waarom footer niet wordt opgenomen in body.
Bijgevoegd de code.
HTML:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>kapsalon Veerle</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.0.0.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet" type="text/css">
<style>
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed&display=swap');
</style>
<link href="https://fonts.googleapis.com/css?family=Indie+Flower&display=swap" rel="stylesheet">
</head>
<body>
<div class="container-fluid header">
<div class="container">
<div class="row">
<div class="col-lg-6">
<figure><a href="index.html"><img src="images/schaar.jpg" class="img-fluid" alt="logo"></a>
<figcaption><a class="active" href="">kapsalon Veerle</a></figcaption>
</figure>
</div>
<div class="col-lg-6">
<ul class="nav nav-pills">
<li class="nav-item"> <a class="nav-link active" href="#">Home</a> </li>
<li class="nav-item"> <a class="nav-link" href="Dames.html">Dames</a> </li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Haarverzorging</a>
<div class="dropdown-menu"> <a class="dropdown-item" href="verzorging.html">Verzorging</a> <a class="dropdown-item" href="#"></a> <a class="dropdown-item" href="arrangementen.html">Arrangementen</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"></a> </div>
</li>
<li class="nav-item"> <a class="nav-link" href="Heren.html">Heren</a> </li>
<li class="nav-item"> <a class="nav-link" href="contactpagina.html">Contact</a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid foto"><img src="images/image_kapper.png" alt="kapper"></div>
<div class="container-fluid content">
<div class="container">
<div class="row">
<div class="col-xl-6"><strong>'Mooi haar'</strong>, dat spreekt voor zich. Met 'voor jou' bedoelen we precies wat er staat, in de puurste zin van het woord: Uw haar is uniek, net zoals u dat bent.
Uw unieke coupe
Uw bezoek aan onze salon staat elke keer weer opnieuw in het teken van uw gepersonaliseerde coupe. Wij nemen de tijd voor u. We vragen wat u wilt en maken uw haar mooi. Met oprechte aandacht voor uw wensen en perfecte verzorging van uw haar. Zodat u kunt ontspannen en genieten van uw haar, dat goed valt en lang in model blijft.
Kapsalon Veerle is specialist in haarkleuring. U kunt ook bij ons terecht voor persoonlijk, professioneel advies bij haar en hoofdhuidproblemen.</div>
<div class="col-xl-6">Ik vind het <b>een uitdaging</b> om nieuwe trends toe te passen en creatieve looks te bedenken. Iedereen is bij mij welkom en samen gaan we op zoek naar een model dat het beste bij je past. Ik luister goed naar je wensen en geef dan mijn advies. Geen kapsel of haarkleur is mij te gek, mits het verantwoord toegepast kan worden. Maar… wil je alleen de puntjes laten bijwerken of je pony bij laten knippen, dan kan dat natuurlijk ook! Mijn ervaring heb ik opgedaan bij diverse kapsalons. Niet alleen als kapper, maar ook als opleider. Ik volg regelmatig trainingen over de laatste trends in het vak.</div>
</div>
</div>
</div>
<div class="container-fluid media">
<div class="container">
<div class="row">
<div class="col-xl-2">
<video width="150" height="150" controls>
<source src="video/John_frieda.mp4" type="video/mp4">
</video>
</div>
<div class="col-xl-2"><img src="images/john_frieda.png" alt="john_frieda_logo"/></div>
<div class="col-xl-2">
<video width="150" height="150" controls>
<source src="video/kapsalon.mp4" type="video/mp4">
</video>
</div>
<div class="col-xl-2"><img src="images/verkiezing.jpg" alt="kapsalon"/></div>
<div class="col-xl-2">
<video width="150" height="150" controls>
<source src="video/opleiding.mp4" type="video/mp4">
</video>
</div>
<div class="col-xl-2"><img src="images/opleiding.jpg" alt="opleiding"/></div>
</div>
</div>
</div>
<div class="container-fluid image">
<div class="container"> </div>
<div class="container-fluid footer">
<table>
<tr>
<th>Gegevens</th>
<th>Adres</th>
<th>contact</th>
</tr>
<tr>
<td>Veerle van de Velde</td>
<td>Kapsalon Veerle</td>
<td><a href="export.pdf" target="_blank">Disclaimer</a></td>
</tr>
<tr>
<td>Mgr.luijpenstraat 16</td>
<td>Mgr.luijpenstraat 16</td>
<td><a href="index.html">Over ons</a></td>
</tr>
<tr>
<td>4513 AE</td>
<td>4513AE</td>
<td><a href="contactpagina.html">contact</a></td>
</tr>
<tr>
<td>Hoofdplaat</td>
<td>06-12345678</td>
<td></td>
</tr>
</table>
</div>
<!-- body code goes here -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.0.0.js"></script>
</body>
</html>