<!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="detail_section">
<div class="wrapper">
<div class="detail-form">
<h2>Vergelijk abonnementen</h2>
<div class="detail_option">
<p>Ben je tevreden over je huidige provider en wil je weten wat het toestel kost met een verlenging of een nieuw abonnement met nummerbehoud. Vergelijk dan nu! </p>
<form>
<select>
<option>Huidige provider</option>
<option>Huidige provider</option>
<option>Huidige provider</option>
</select>
<select>
<option>Maximale maandprjis</option>
<option>Maximale maandprjis</option>
<option>Maximale maandprjis</option>
</select>
<select>
<option>Nieuw of Verlenging</option>
<option>Nieuw of Verlenging</option>
<option>Nieuw of Verlenging</option>
</select>
<select>
<option>Selecteer Model</option>
<option>Selecteer Model</option>
<option>Selecteer Model</option>
</select>
<select>
<option>Toestelprijs</option>
<option>Toestelprijs</option>
<option>Toestelprijs</option>
</select>
<select>
<option>Looptijd</option>
<option>Looptijd</option>
<option>Looptijd</option>
</select>
<select>
<option>Belminuten</option>
<option>Belminuten</option>
<option>Belminuten</option>
</select>
<select>
<option>Internet</option>
<option>Internet</option>
<option>Internet</option>
</select>
</form>
<div class="btn-sbmit"><button class="btn_bekijk laat" type="button">Laat resultaten zien</button></div>
</div>
</div>
<div class="mobile_Detail">
<h2>Galaxy A7</h2>
<div class="pdct-frm pdct-frm-dd detail_option">
<div class="pdkt-detail"> <img src="images/mobile-pic.png" alt="">
<ul>
<li>2 Jaar gatantie</li>
<li>14 dagen bedkenktijd</li>
<li> Gratis retourneren</li>
<li> Op voorraad</li>
<li> Gratis nummerbehoud</li>
<li> Simlock vrij</li>
</ul>
</div>
<h3>Kleur en variant: <span>Zwart | 16 GB</span><img src="images/down-arrow.png" alt=""></h3>
<h4>Belangrikste specificaties</h4>
<ul>
<li> 5.5 inch touchscreen</li>
<li> 13 megapixel camera en 1080p video-opname</li>
<li> Ondersteuning voor 4G-Internet</li>
<li> 16 GB opslaggeheugen (uitbreidbaar met microSD)</li>
</ul>
<span class="link-for-next"> > <a href="#">Uitgebreide specificaties</a></span> </div>
</div>
<div class="detail-pack">
<h2>Goedkoopste anonnement met de </h2>
<div class="detail_option detail_option-paddin0">
<div class="detail-pack-sim">
<ul>
<li><a href="#"><span class="sim-price">€ 0,00 Deals!!</span></a></li>
<li><a href="#"><span class="sim-logo sim-logo1"></span></a></li>
<li><a href="#"><span class="sim-logo sim-logo2"></span></a></li>
<li><a href="#"><span class="sim-logo sim-logo3"></span></a></li>
<li><a href="#"><span class="sim-logo sim-logo4"></span></a></li>
<li><a href="#"><span class="sim-logo sim-logo5"></span></a></li>
<li><a href="#"><span class="sim-logo sim-logo6"></span></a></li>
<li><a href="#"><span class="sim-logo sim-logo7"></span></a></li>
</ul>
<div class="list-wrap">
<div class="title-nav"> <span> Privider</span> <span>verlenging</span><span class="minuten"> minuten </span><span class="sms"> sms </span><span class="mb"> mb</span><span> looptijd </span><span class="pm-cst pm"> p/m </span><span class="gsmprijs"> gsmprijs</span> </div>
<div class="Detail_list">
<span><img src="images/hollan-new.png" alt=""></span><span> Nee</span><span class="minuten"> 150 </span><span class="sms"> 150 </span><span class="mb"> 0 </span><span> 24</span><span class="pm-cst"> €21.00 </span><span class="gsmprijs"> €0</span><span> <a href="#">Bekijk</a></span>
</div>
<div class="Detail_list odd-tr">
<span><img src="images/teltroft.png" alt=""></span><span> Nee</span><span class="minuten"> 150 </span><span class="sms"> 150 </span><span class="mb"> 0 </span><span> 24</span><span class="pm-cst"> €21.00 </span><span class="gsmprijs"> €0</span><span> <a href="#">Bekijk</a></span>
</div>
<div class="Detail_list">
<span><img src="images/tele.png" alt=""></span><span> Nee</span><span class="minuten"> 150 </span><span class="sms"> 150 </span><span class="mb"> 0 </span><span> 24</span><span class="pm-cst"> €21.00 </span><span class="gsmprijs"> €0</span><span> <a href="#">Bekijk</a></span>
</div>
<div class="Detail_list odd-tr">
<span><img src="images/ben.png" alt=""> </span><span> Nee</span><span class="minuten"> 150 </span><span class="sms"> 150 </span><span class="mb"> 0 </span><span> 24</span><span class="pm-cst"> €21.00 </span><span class="gsmprijs"> €0</span><span> <a href="#">Bekijk</a></span>
</div>
<div class="Detail_list">
<span><img src="images/tt.png" alt=""></span><span> Nee</span><span class="minuten"> 150 </span><span class="sms"> 150 </span><span class="mb"> 0 </span><span> 24</span><span class="pm-cst"> €21.00 </span><span class="gsmprijs"> €0</span><span> <a href="#">Bekijk</a></span>
</div>
<div class="Detail_list odd-tr">
<span><img src="images/vodafone.png" alt=""> </span><span> Nee</span><span class="minuten"> 150 </span><span class="sms"> 150 </span><span class="mb"> 0 </span><span> 24</span><span class="pm-cst"> €21.00 </span><span class="gsmprijs"> €0</span><span> <a href="#">Bekijk</a></span>
</div>
<div class="Detail_list">
<span><img src="images/kpn.png" alt=""></span><span> Nee</span><span class="minuten"> 150 </span><span class="sms"> 150 </span><span class="mb"> 0 </span><span> 24</span><span class="pm-cst"> €21.00 </span><span class="gsmprijs"> €0</span><span> <a href="#">Bekijk</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tab-section">
<div class="wrapper">
<h2>Top 10</h2>
<div class="mobile-tab-section">
<div class="mobile-tab-main">
<div class="mobile-tab-main-wrap">
<div class="mobile-name mobile-name_1 active">Best verkocht</div>
<div class="mobile-name mobile-name_2"> High-end</div>
<div class="mobile-name mobile-name_3">Budget</div>
<div class="mobile-name mobile-name_4">Prijs/Kwaliteit</div>
<div class="mobile-name mobile-name_5"> Android</div>
<div class="mobile-name mobile-name_6"> Windows Phone</div>
<div class="mobile-name mobile-name_7">Zakelijk</div>
</div>
<div class="pagingnation">
<p>Vorige < <span>1 2 3</span> > Volgende</p>
</div>
<div class="mobile-phones-tab">
<div class="detaildescription mobile_colm_1">
<h6>Apple iPhone 6 16GB Black</h6>
<img src="images/mobile.png" alt=""> <img src="images/kpn-logo.jpg" alt="">
<p>onbeperkt bellen/ Onbeperkt SMS +6000 MB</p>
<p><span>Nu gele lootijd<span><span class="line-cross pdct-clr1">€ 64,00</span><span class="pdct-clr2"> <span>€ 54,00</span> p/mnd</span></span></span></p>
<div class="bekijk_button">
<p>Toestelprjs<span>: € 0.00</span></p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="detaildescription mobile_colm_2 ">
<h6>Apple iPhone 6 16GB Black</h6>
<img src="images/mobile.png" alt=""> <img src="images/kpn-logo.jpg" alt="">
<p>onbeperkt bellen/ Onbeperkt SMS +6000 MB</p>
<p><span>Nu gele lootijd<span><span class="line-cross pdct-clr1">€ 64,00</span><span class="pdct-clr2"> <span>€ 54,00</span> p/mnd</span></span></span></p>
<div class="bekijk_button">
<p>Toestelprjs<span>: € 0.00</span></p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="detaildescription mobile_colm_3 ">
<h6>Apple iPhone 6 16GB Black</h6>
<img src="images/mobile.png" alt=""> <img src="images/kpn-logo.jpg" alt="">
<p>onbeperkt bellen/ Onbeperkt SMS +6000 MB</p>
<p><span>Nu gele lootijd<span><span class="line-cross pdct-clr1">€ 64,00</span><span class="pdct-clr2"> <span>€ 54,00</span> p/mnd</span></span></span></p>
<div class="bekijk_button">
<p>Toestelprjs<span>: € 0.00</span></p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="detaildescription mobile_colm_4 ">
<h6>Apple iPhone 6 16GB Black</h6>
<img src="images/mobile.png" alt=""> <img src="images/kpn-logo.jpg" alt="">
<p>onbeperkt bellen/ Onbeperkt SMS +6000 MB</p>
<p><span>Nu gele lootijd<span><span class="line-cross pdct-clr1">€ 64,00</span><span class="pdct-clr2"> <span>€ 54,00</span> p/mnd</span></span></span></p>
<div class="bekijk_button">
<p>Toestelprjs<span>: € 0.00</span></p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="detaildescription mobile_colm_5 ">
<h6>Apple iPhone 6 16GB Black</h6>
<img src="images/mobile.png" alt=""> <img src="images/kpn-logo.jpg" alt="">
<p>onbeperkt bellen/ Onbeperkt SMS +6000 MB</p>
<p><span>Nu gele lootijd<span><span class="line-cross pdct-clr1">€ 64,00</span><span class="pdct-clr2"> <span>€ 54,00</span> p/mnd</span></span></span></p>
<div class="bekijk_button">
<p>Toestelprjs<span>: € 0.00</span></p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="detaildescription mobile_colm_6 ">
<h6>Apple iPhone 6 16GB Black</h6>
<img src="images/mobile.png" alt=""> <img src="images/kpn-logo.jpg" alt="">
<p>onbeperkt bellen/ Onbeperkt SMS +6000 MB</p>
<p><span>Nu gele lootijd<span><span class="line-cross pdct-clr1">€ 64,00</span><span class="pdct-clr2"> <span>€ 54,00</span> p/mnd</span></span></span></p>
<div class="bekijk_button">
<p>Toestelprjs<span>: € 0.00</span></p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</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>