Preview - HTML - CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Samen naar je rijbewijs R.S.K. - Home</title>


<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/slider.js"></script>

</head>

<body>
<div class="header_bg">
	<div class="wrapper">
    	<div class="header">
        	<div class="header_left">
            	<div class="logo">
                	<a href="index.html" target="_self">
                    	Samen naar je rijbewijs <span class="rsk">R.S.K.</span>
                    </a>
                </div><!--logo-->
            </div><!--header_left-->
            
            <div class="header_right">
            	<ul>
                	<li class="active"><a href="index.html">Home</a></li>
                    <li><a href="waarom_rsk.html">Waarom R.S.K.</a></li>
                    <li><a href="prijzen.html">Prijzen</a></li>
                    <li><a href="#">e-Learning</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div><!--header_right-->
        </div><!--header-->
    </div><!--wrapper-->
</div><!--header_bg-->

<div class="banner_bg">
	<div class="wrapper">
    
    	<div class="banner">
            <div id="slidebox">
<!--                <div class="thumbs">
                    <a href="#" onClick="Slidebox('1');return false" class="thumb"></a> 
                    <a href="#" onClick="Slidebox('2');return false" class="thumb"></a> 
                    <a href="#" onClick="Slidebox('3');return false" class="thumb"></a> 
                    <a href="#" onClick="Slidebox('4');return false" class="thumb"></a> 
                </div>
-->                <div class="container">
                    <div class="content">
                        <div class="banner_left">
                            <img src="images/image2.jpg" alt="" />
                        </div><!--banner_left-->
                        
                        <div class="banner_right">
                            <div class="text">
                                <p>Tijdelijk <span>gratis</span> theorie examen</p>
                                <p class="text2">Bij afname van 10 lessen</p>
                            </div>
                            <div class="bekijk_button">
                                <a href="#">Bekijk alle acties en prijzen</a>
                            </div>
                        </div><!--banner_right-->
                    </div>
                    
                    <div class="content">
                        <div class="banner_left">
                            <img src="images/image2.jpg" alt="" />
                        </div><!--banner_left-->
                        
                        <div class="banner_right">
                            <div class="text">
                                <p>Tijdelijk <span>gratis</span> theorie examen</p>
                                <p class="text2">Bij afname van 10 lessen</p>
                            </div>
                            <div class="bekijk_button">
                                <a href="#">Bekijk alle acties en prijzen</a>
                            </div>
                        </div><!--banner_right-->
                    </div>
                    
                    <div class="content">
                        <div class="banner_left">
                            <img src="images/image2.jpg" alt="" />
                        </div><!--banner_left-->
                        
                        <div class="banner_right">
                            <div class="text">
                                <p>Tijdelijk <span>gratis</span> theorie examen</p>
                                <p class="text2">Bij afname van 10 lessen</p>
                            </div>
                            <div class="bekijk_button">
                                <a href="#">Bekijk alle acties en prijzen</a>
                            </div>
                        </div><!--banner_right-->
                    </div>
                    
                    <div class="content">
                        <div class="banner_left">
                            <img src="images/image2.jpg" alt="" />
                        </div><!--banner_left-->
                        
                        <div class="banner_right">
                            <div class="text">
                                <p>Tijdelijk <span>gratis</span> theorie examen</p>
                                <p class="text2">Bij afname van 10 lessen</p>
                            </div>
                            <div class="bekijk_button">
                                <a href="#">Bekijk alle acties en prijzen</a>
                            </div>
                        </div><!--banner_right-->
                    </div>
                    
                </div>
            </div> <!-- slidebox end here-->
        </div><!--banner-->
    </div><!--wrapper-->
</div><!--banner_bg-->

<div class="content_bg">
	<div class="wrapper">
    	<div id="container">
        	<div class="content_inner devider">
            	<div class="content_top">
                	<div class="top_left">
                    	<img src="images/image4.jpg" alt="" />
                    </div><!--top_left-->
                    <div class="top_mid">
                    	<h1>Vraag nu een <span>proefles</span> aan!</h1>
                        <p>Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak</p>
                        <div class="button">
                        	<a href="#">Vraag nu direct een proefles aan</a>
                        </div>
                    </div><!--top_mid-->
                    <div class="top_right">
                    	<div class="top_right_inner">
                        	<div class="inner_top">
                            	<p>06 24 85 63 71</p>
                            </div><!--inner_top-->
                            <div class="inner_bottom">
                                <h1>Laat ons jou bellen!</h1>
                                <p class="vul">Vul onderstaande gegevens in en wij nemen zo spoedig mogelijk telefonisch contact met je op om je vraag te beantwoorden.</p>
                                <div class="form_wrap">
                                	<form name="name" action="" method="post">
                                    <div class="text_box_wrap">
                                    	<span class="text">Wie moeten we terug bellen?</span>
                                        <input class="text_box" type="text" name="" onblur="if( !this.value ) this.value = 'Naam...'" onfocus="if(this.value=='Naam...') this.value=''" value="Naam..." />
                                    </div><!--text_box_wrap-->
                                    <div class="text_box_wrap">
                                    	<span class="text">Op welk nummer ben je bereikbaar?</span>
                                        <input class="text_box" type="text" name="" onblur="if( !this.value ) this.value = 'Telefoonnummer...'" onfocus="if(this.value=='Telefoonnummer...') this.value=''" value="Telefoonnummer..." />
                                    </div><!--text_box_wrap-->
                                    <div class="text_box_wrap">
                                    	<span class="text">Wat wil je ons vragen?</span>
                                        <textarea class="text_area" rows="" cols="" onblur="if( !this.value ) this.value = 'Wat wil je aan ons vragen? Wij proberen je vraag zo duidelijk mogelijk te beantwoorden.'" onfocus="if(this.value=='Wat wil je aan ons vragen? Wij proberen je vraag zo duidelijk mogelijk te beantwoorden.') this.value=''" >Wat wil je aan ons vragen? Wij proberen je vraag zo duidelijk mogelijk te beantwoorden.</textarea>
                                    </div><!--text_box_wrap-->
                                    <div class="submit_button">
                                    	<input class="submit" type="submit" name="" value="Bel mij terug" />
                                    </div><!--submit_button-->
                                    </form>
                                </div><!--form_wrap-->
                            </div><!--inner_bottom-->
                        </div><!--top_right_inner-->
                    </div><!--top_right-->
                </div><!--content_top-->
            </div><!--content_inner--> 
             
            <div class="content_inner"> 
                <div class="content_bottom">
                	<div class="content_bottom_left">
                    	<h2>Over R.S.K.</h2>
                        <p>Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting.</p>
                        <div class="button">
                        	<a href="#">Meer informatie</a>
                        </div>
                    </div><!--content_bottom_left-->
                    
                    <div class="content_bottom_right">
                    	<h2>Samen naar je rijbewijs?</h2>
                        <p>Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting.</p>
                        <div class="button">
                        	<a href="#">Neem contact met ons op</a>
                        </div>
                    </div><!--content_bottom_right-->
                </div><!--content_bottom-->
            </div><!--content_inner-->
        </div><!--container-->
    </div><!--wrapper-->
</div><!--content_bg-->

<div class="footer_bg">
	<div class="footer_bg_top">
    	<div class="wrapper">
        	<div class="footer">
            	<div class="footer_top">
                	<div class="social_network">
                    	<div class="social_network_left">
                        	<p>Machtig je rijschool</p>
                        </div><!--social_network_left-->
                        
                        <div class="social_network_mid">
                        	<p>Volg ons op</p>
                            <ul>
                            	<li><a href=""><img src="images/facebook.png" alt="" /></a></li>
                                <li><a href=""><img src="images/twitter.png" alt="" /></a></li>
                                <li><a href=""><img src="images/h.png" alt="" /></a></li>
                            </ul>
                        </div><!--social_network_mid-->
                        
                        <div class="social_network_right">
                        	<p>Deel ons &nbsp;<span><img src="images/social-img.png" alt="" /></span></p>
                        </div><!--social_network_right-->
                    </div><!--social_network-->
                </div><!--footer_top-->
            </div><!--footer-->
        </div><!--wrapper-->
    </div><!--footer_bg_top-->
    <div class="wrapper">
    	<div class="footer">
        	<div class="footer_bottom">
            	<div class="footer_bottom_left">
                	<ul>
                    	<li>Copyright 2012 - Rijschool S.K. &nbsp;|</li>
                        <li>Algemene Voorwaarden</li>
                    </ul>
                    <p>De rijschool voor rijlessen in omgeving van Haarlem, Beverwijk, Hoofddorp en Zandvoort</p>
                </div><!--footer_bottom_left-->
                
                <div class="footer_bottom_right">
                	<div class="top_img">
                    	<span class="first_img"><img src="images/two-drive.jpg" alt="" /></span><span class="imag_position"><img src="images/tree.jpg" alt="" /></span>
                    </div><!--top_img-->
                    <div class="bottom_text">
                    	<span class="first_text">Ontwikkeld door <span class="dutch">Dutch Blue</span></span><span class="imag_position"><img src="images/apple.png" alt="" /></span>
                    </div><!--bottom_text-->
                </div><!--footer_bottom_right-->
            </div><!--footer_bottom-->
        </div><!--footer-->
    </div><!--wrapper-->
</div><!--footer_bg-->

<p style="position: fixed; top: 20px; right: 120px;" >
	<a href="http://validator.w3.org/check?uri=https%3A%2F%2Fwww.psdtohtmlshop.com%2FExamples%2FExample-23%2Findex.html" rel="nofollow" target="_blank" >
		<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
	</a>
</p>

<p style="position: fixed; top: 20px; right: 10px;">
	<a href="http://jigsaw.w3.org/css-validator/" rel="nofollow" target="_blank" >
   	<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valide CSS!" />
   </a>
</p>

</body>
</html>