<!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>
<ul>
<li><a href="#">Test1</a></li>
<li><a href="#">Test2</a></li>
<li><a href="#">Test3</a></li>
</ul>
</li>
<li><a href="#"> Providers</a>
<ul>
<li><a href="#">Test1</a></li>
<li><a href="#">Test2</a></li>
<li><a href="#">Test3</a></li>
</ul>
</li>
<li><a href="#"> Sim-Only</a>
<ul>
<li><a href="#">Test1</a></li>
<li><a href="#">Test2</a></li>
<li><a href="#">Test3</a></li>
</ul>
</li>
<li><a href="#"> Prepaid</a>
<ul>
<li><a href="#">Test1</a></li>
<li><a href="#">Test2</a></li>
<li><a href="#">Test3</a></li>
</ul>
</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="main-section">
<div class="wrapper">
<div class="brand-icon">
<ul>
<li><a href="#"><span class="mblBrand mobile-brand1"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand2"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand3"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand4"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand5"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand6"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand7"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand8"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand9"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand10"></span></a></li>
<li><a href="#"><span class="mblBrand mobile-brand11"></span></a></li>
</ul>
</div>
<div class="main-product_bar">
<div class="beste-form">
<h2>Beste sim-only aanbieding</h2>
<form>
<div class="field-col">
<div class="fields">
<label>Telefoon:</label>
<span>
<select class="select_1 select-otipn">
<option>Merken</option>
<option>Merken</option>
<option>Merken</option>
</select>
<select class="select_1 select-optipn2">
<option>Model</option>
<option>Model</option>
<option>Model</option>
</select>
</span> </div>
<div class="fields">
<label>Abonnement:</label>
<span>
<select class="select_1 select-otipn">
<option>Minuten</option>
<option>Minuten</option>
<option>Minuten</option>
</select>
<select class="select_1 select-optipn2">
<option>MB</option>
<option>MB</option>
<option>MB</option>
</select>
</span> </div>
</div>
<div class="fields">
<label>Maximale maandprijs:</label>
<span>
<select>
<option>Geen voorkeur</option>
<option>Geen voorkeur</option>
<option>Geen voorkeur</option>
</select>
</span> </div>
<div class="fields">
<label>Maximale maandprijs:</label>
<span>
<select>
<option>Geen voorkeur</option>
<option>Geen voorkeur</option>
<option>Geen voorkeur</option>
</select>
</span> </div>
<div class="fields">
<label>Looptijd:</label>
<span class="checks">
<input type="checkbox" >
12 mnd
<input type="checkbox">
24 mnd </span> </div>
<div class="fields">
<label>Huidige provider:</label>
<span>
<select>
<option>Maak een keuze</option>
<option>Maak een keuze</option>
<option>Maak een keuze</option>
</select>
</span> </div>
<div class="fields">
<label>Nieuw of verienging:</label>
<span>
<select>
<option>Nieuw</option>
<option>Nieuw</option>
<option>Nieuw</option>
</select>
</span> </div>
<button type="button" class="btn_bekijk zoekn">Zoeken</button>
</form>
</div>
<div class="mobile_tab">
<div class="mobile_description res_mobile_description1">
<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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="mobile_description res_mobile_description2">
<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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="mobile_description res_mobile_description3">
<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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tab-section">
<div class="wrapper">
<h2>Top 10 <span id="sam">
<input type="button" value="Eerste 5" class="but1">
<input type="button" value="Volgende 5" class="but1"></span></h2>
<div class="mobile-tab-section">
<div class="mobile-tab-main">
<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 class="pagingnation">
<p>Vorige < <span>1 2 3</span> > Volgende</p>
</div>-->
<?php
include("slider.html");
?>
<div class="mobile-phones-tab">
<div class="mobile_description mobile_col mobile_col_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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="mobile_description mobile_col mobile_col_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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="mobile_description mobile_col mobile_col_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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="mobile_description mobile_col mobile_col_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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="mobile_description mobile_col mobile_col_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">€ 64,00</span> € 54,00 p/mnd</span></span></p>
<div class="bekijk_button">
<p>Toestelprjs: € 0.00</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="company-barand">
<div class="wrapper">
<div class="company-brand-icon brand-icon company-brand-icon-bar">
<ul>
<li><a href="#"><span class="cmpnymblBrand mobile-brand1"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand2"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand3"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand4"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand5"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand6"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand7"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand8"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand9"></span></a></li>
</ul>
</div>
<div class="main-product_bar">
<div class="beste-form">
<h2>Beste sim-only aanbieding</h2>
<form>
<div class="fields">
<label>Abonnement:</label>
<span>
<select class="select_1 select-otipn">
<option>Minuten</option>
<option>Minuten</option>
<option>Minuten</option>
</select>
<select class="select_1 select-optipn2">
<option>MB</option>
<option>MB</option>
<option>MB</option>
</select>
</span> </div>
<div class="fields">
<label>Maximale maandprijs:</label>
<span>
<select>
<option>Geen voorkeur</option>
<option>Geen voorkeur</option>
<option>Geen voorkeur</option>
</select>
</span> </div>
<div class="fields">
<label>Looptijd:</label>
<span class="checks">
<input type="checkbox" >
1 mnd
<input type="checkbox" >
12 mnd
<input type="checkbox">
24 mnd </span> </div>
<div class="fields">
<label>Huidige provider:</label>
<span>
<select>
<option>Maak een keuze</option>
<option>Maak een keuze</option>
<option>Maak een keuze</option>
</select>
</span> </div>
<div class="fields">
<label>Nieuw of verienging:</label>
<span>
<select>
<option>Nieuw</option>
<option>Nieuw</option>
<option>Nieuw</option>
</select>
</span> </div>
<div class="clear"></div>
<button type="button" class="btn_bekijk zoekn">Zoeken</button>
</form>
</div>
<div class="mobile_tab">
<div class="holland-col mobile_description res_holland-col1">
<h6>SIM ONLY</h6>
<img src="images/hollend_neuway.jpg" alt="">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="holland-col mobile_description res_holland-col2">
<h6>SIM ONLY</h6>
<img src="images/hollend_neuway.jpg" alt="">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
<div class="holland-col mobile_description res_holland-col3">
<h6>SIM ONLY</h6>
<img src="images/hollend_neuway.jpg" alt="">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button type="button" class="btn_bekijk">Bekijk aanbieding</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sim-tab">
<div class="wrapper">
<div class="mobile-tab-section">
<div class="company-brand-icon brand-icon">
<div class="mobile-name mobile-name_1 active">Best verkocht</div>
<ul>
<li><a href="#"><span class="cmpnymblBrand mobile-brand1"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand2"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand3"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand4"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand5"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand6"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand7"></span></a></li>
<li><a href="#"><span class="cmpnymblBrand mobile-brand8"></span></a></li>
</ul>
<div class="pagingnation">
<p>Vorige < <span>1 2 3</span> > Volgende</p>
</div>
</div>
<div class="mobile-phones-tab">
<div class=" holland-col mobile_description mobile_col mobile_col_1 ">
<h6>SIM ONLY</h6>
<img alt="" src="images/hollend_neuway.jpg">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button class="btn_bekijk" type="button">Bekijk aanbieding</button>
</div>
</div>
<div class=" holland-col mobile_description mobile_col mobile_col_2 ">
<h6>SIM ONLY</h6>
<img alt="" src="images/hollend_neuway.jpg">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button class="btn_bekijk" type="button">Bekijk aanbieding</button>
</div>
</div>
<div class=" holland-col mobile_description mobile_col mobile_col_3 ">
<h6>SIM ONLY</h6>
<img alt="" src="images/hollend_neuway.jpg">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button class="btn_bekijk" type="button">Bekijk aanbieding</button>
</div>
</div>
<div class=" holland-col mobile_description mobile_col mobile_col_4 ">
<h6>SIM ONLY</h6>
<img alt="" src="images/hollend_neuway.jpg">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button class="btn_bekijk" type="button">Bekijk aanbieding</button>
</div>
</div>
<div class=" holland-col mobile_description mobile_col mobile_col_5 ">
<h6>SIM ONLY</h6>
<img alt="" src="images/hollend_neuway.jpg">
<p>100 Min of 100 SMS<span class="spacing">1000 MB of (14.4 Mb/s)</span><span>Looptijd : 2 Jaar</span></p>
<div class="bekijk_button">
<p>prijs € 9.50</p>
<button class="btn_bekijk" type="button">Bekijk aanbieding</button>
</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>