<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Beste sim-only aanbieding</title>
<link href="css/style.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".res_menu_button").click(function(){
$(".res_menu").slideToggle("slow");
});
});
</script>
</head>
<body>
<div class="main-wrapper">
<header class="header">
<div class="wrapper">
<div class="header-logo"> <span><img src="images/logo.png" alt=""></span>
<h1>Beste sim-only aanbieding</h1>
</div>
<nav class="header-navigation">
<div class="res_menu_button"> <span></span> <span></span> <span></span> </div>
<ul class="res_menu">
<li><a href="#">Home</a></li>
<li><a href="#"> GSM toestellen</a></li>
<li><a href="#"> Providers</a></li>
<li><a href="#"> Sim-Only</a></li>
<li><a href="#"> Prepaid</a></li>
<li><a href="#"> Contact</a></li>
</ul>
<div class="zoeken-bar">
<input type="text" value="zoeken">
<button type="button">Zoeken</button>
</div>
</nav>
</div>
</header>
<section class="tab-section">
<div class="wrapper">
<div class="wink-tab">
<ul>
<li class="wink active"><a href="#"> Winkelwagen </a></li>
<li class="wink"><a href="#">Gegevens</a></li>
<li class="wink"><a href="#">Betaling</a></li>
<li class=""><a href="#">Klaar</a></li>
</ul>
</div>
<div class="verz-wrap">
<div class="wink-box verwink-col">
<h2>Winkkelwagen</h2>
<div class="clm-wrap">
<div class="wink-img"><img src="images/mobile-pic.png" alt=""></div>
<div class="price-wrap">
<div class="wink-price"><span>Samsung Galaxy A7 Black</span> <span class="span-width">1</span> <span class=" span-width multi">X</span> <span class="mobilegprice">€0,00</span></div>
<div class="wink-price"><span class="op-clr">Op Vooraand</span></div>
<div class="wink-price"><span>verzending:</span><span class="ver-price">€4,95</span></div>
<div class="total-price"><span class="tottal">Totaal: <span class="incl">(incl BTW)</span></span><span class="ttl-price">€4,95</span></div>
</div>
<div class="ben-wrap">
<div class="ben-img"><img src="images/ben-price.jpg" alt=""></div>
<div class="ben-plan">
<ul>
<li>100 min of 100 sms + 500 MB (14.4 Mb/s)</li>
<li> Nieuw abonnement </li>
<li> 2 jaar </li>
<li> Totaal per maand: <span class="ben-price"> €4,95</span></li>
<li> Eenmalige aansluitkosten: <span class="ben-price">€4,95</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="ver-box verwink-col">
<h2>Verzenden</h2>
<div class="per-pst-wrap">
<div class="per-pst odd">
<input type="radio">
<div class="per-pst-text">
<p><span>Per post</span><span class="pr-pst-price">€0,00</span></p>
<p>Thuis of op het work bezorgd</p>
</div>
</div>
<div class="per-pst">
<input type="radio">
<div class="per-pst-text">
<p><span>Per koerier</span><span class="pr-pst-price">€0,00</span></p>
<p>kies zelf een datum en tijd</p>
</div>
</div>
<div class="per-link">
<a href="#">Verder met bestellen </a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="wrapper">
<div class="header-logo"> <span><img src="images/logo.png" alt=""></span>
<h1>Beste sim-only aanbieding</h1>
</div>
<nav class="header-navigation">
<div class="res_menu_button"> <span></span> <span></span> <span></span> </div>
<ul class="res_menu">
<li><a href="#">Home</a></li>
<li><a href="#"> GSM toestellen</a></li>
<li><a href="#"> Providers</a></li>
<li><a href="#"> Sim-Only</a></li>
<li><a href="#"> Prepaid</a></li>
<li><a href="#"> Contact</a></li>
</ul>
<div class="zoeken-bar">
<input type="text" value="zoeken">
<button type="button">Zoeken</button>
</div>
</nav>
<div class="footer-banner">
<ul>
<li><a href="#"><span class="footer-icon foter_icon_1"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_2"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_3"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_4"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_5"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_6"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_7"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_8"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_9"></span></a></li>
<li><a href="#"><span class="footer-icon foter_icon_10"></span></a></li>
</ul>
</div>
<div class="footer-text">
<p> Genoemde prijzen op deze pagina zijn inclusief BTW, tenzij anders vermeld, en exclusief<span> verzendkosten.</span></p>
<p> *Genoemde levertijden gelden niet voor alle producten of verzendmethoden:</p>
</div>
</div>
</footer>
</div>
</body>
</html>