hoi all wie kan mij helpen voor Afspraak formulier maken hoe naar mail koppelen?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Regel online uw afspraak voor </title>
<meta name="description" content="Regel online uw afspraak voor ">
<meta name="keywords" content=" offerte voor het onderhoud, hoeveel kost , prijsopgave afspraak voor ">
<link rel="shortcut icon" href="http://site.nl/public/front/images/logo.png" type="image/x-icon">
<link href="http://site.nl/public/front/css/styles.css" rel="stylesheet" type="text/css" />
<link href="http://site.nl/public/front/css/style.css" rel="stylesheet" type="text/css" />
<link href="http://site.nl/public/front/css/common.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="http://www.site.nl/public/front/css/ie.css" type="text/css" media="all">
<![endif]-->
<link rel="stylesheet" href="http://site.nl/public/front/css/menu-style.css" type="text/css" />
<link rel="stylesheet" href="http://site.nl/public/front/css/colorbox.css" type="text/css" />
<!--<script type="text/javascript" src="http://site.nl/public/front/js/slide_show.js"></script>
<link rel="stylesheet" href="http://site.nl/public/front/css/ie.css" type="text/css" media="all">-->
<script type="text/javascript">
var baseurl="http://site.nl/";
</script>
</head> <body>
<div id="wrapper">
<script type="text/javascript" src="http://site.nl//public/front/js/script.js"></script>
<script type="text/javascript" src="http://site.nl//public/front/js/jquery.js"></script>
<script type="text/javascript" src="http://site.nl//public/front/js/html5.js"></script>
<link href="http://site.nl//public/front/css/custom.css" rel="stylesheet" type="text/css">
<link href="http://site.nl//public/front/css/all.css" rel="stylesheet" type="text/css">
<script src="http://site.nl//public/front/js/jquery.icheck.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).mouseup(function(e){
//alert($(e.target).parent().attr("class"));
if($(e.target).parent().attr("class")!="selectBox z-index10")
{
$(".selectOptions").hide();
}
// if($(e.target).parent().attr("class")!="logo-popup-image" && $(e.target).parent().attr("class")!="logo-popup")
// {
// $(".logo-popup").hide();
// }
});
$(document).ready(function() {
$('#textfield').focus(function() {
$('#textfield').css("width", "145px");
});
$('#textfield').blur(function() {
$('#textfield').css("width", "auto");
});
// $("#wrapper").click(function(){
// alert($(this).id);
// });
});
</script>
<script type="text/javascript">
//JSON with your image data
var imageJson = {"images": [
{"imgSrc": "http://site.nl//public/front/images/smu_adviseur1.jpg", "imgAlt": "Image one"},
{"imgSrc": "http://site.nl//public/front/images/smu_adviseur2.jpg", "imgAlt": "Image two"}
]
};
//Wait for dom to load then do our stuff
$(document).ready(function() {
$("#step-2").hide();
// moveCookie();
});
//Name off your cookie
var cookieName = "counteuoi1dff";
//Id off your image tag
var imgId = "img1";
function moveCookie(){
if(getCookie(cookieName) != undefined){
var lastImage = parseInt(getCookie(cookieName));
if(lastImage > imageJson.images.length-1){
setCookie(cookieName,0,365);
lastImage = 0;
}
$("#"+imgId).attr("src",imageJson.images[lastImage].imgSrc);
$("#"+imgId).attr("alt",imageJson.images[lastImage].imgAlt);
setCookie(cookieName,lastImage+1,365);
}else{
setCookie(cookieName,1,365);
lastImage = 1;
}
}
//Default cookie functions for javascript dont worry about these
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
</script>
<script type='text/javascript'><!--
$(document).ready(function() {
enableSelectBoxes();
$("#perWeek").click(function(){
var int_week=0;
int_week=parseInt($("#int_week").val())-1;
var weekNumber=parseInt($("#h_currentWeek").val());
if(int_week>=weekNumber)
{
$("#int_week").val(int_week);
}
});
$("#nextWeek").click(function(){
var int_week=0;
int_week=parseInt($("#int_week").val())+1;
if(int_week<=52)
{
$("#int_week").val(int_week);
}
});
});
var tempDetail="";
$(document).ready(function(){
$('input[type="text"]').focus(function(){
tempDetail=$(this).attr("placeholder");
$(this).attr("placeholder", "");
});
$('input[type="text"]').blur(function(){
if($(this).val()=="")
{
$(this).attr("placeholder",tempDetail);
}
});
$('input').iCheck({
radioClass: 'iradio_minimal-green',
increaseArea: '20%'
});
});
function enableSelectBoxes(){
$('div.selectBox').each(function(){
$(this).children('span.selected').html($(this).children('div.selectOptions').children('span.selectOption:first').html());
$(this).attr('value',$(this).children('div.selectOptions').children('span.selectOption:first').attr('value'));
$(this).children('span.selected,span.selectArrow').click(function(){
if($(this).parent().children('div.selectOptions').css('display') == 'none'){
$(".selectOptions").hide();
$(this).parent().children('div.selectOptions').css('display','block');
}
else
{
$(this).parent().children('div.selectOptions').css('display','none');
}
});
$(this).find('span.selectOption').click(function(){
//alert($(this).parent().attr("id"));
var temp=$(this).parent().attr("id").split("_");
$("#"+temp[0]+"_"+temp[2]).val($(this).attr('value'));
$(this).parent().css('display','none');
$(this).closest('div.selectBox').attr('value',$(this).attr('value'));
$(this).parent().siblings('span.selected').html($(this).html());
});
});
}//-->
function setValidateMessage(errorDiv,errorMessage){
$("#"+errorDiv).show();
$("#"+errorDiv).html(errorMessage);
}
function step1_validate()
{
//alert($("#cbo_monday").val());
if($("#cbo_monday").val()=="" && $("#cbo_tuesday").val()=="" && $("#cbo_wednesday").val()=="" && $("#cbo_thursday").val()=="" && $("#cbo_friday").val()=="")
{
setValidateMessage("messageDiv","U heeft geen dag en tijd geselecteerd");
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
}
}
function step2_validate()
{
if($("#var_company_name").val()=="" )
{
//alert("enter");
setValidateMessage("messageDiv2",'Wilt u alstublieft uw Bedrijfsnaam invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_company_name").focus();
return false;
}
//alert($("#chr_sex_m").is(':checked'));
if($("#chr_sex_m").is(':checked')==false && $("#chr_sex_f").is(':checked')==false )
{
setValidateMessage("messageDiv2",'Wilt u alstublieft uw de heer invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#chr_sex_m").focus();
return false;
}
if($("#var_first_name").val()=="" )
{
setValidateMessage("messageDiv2",'Wilt u alstublieft uw voornaam invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_first_name").focus();
return false;
}
if($("#var_last_name").val()=="" )
{
setValidateMessage("messageDiv2",'Wilt u alstublieft uw achternaam invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_last_name").focus();
return false;
}
if($("#var_street").val()=="" )
{
setValidateMessage("messageDiv2",'Wilt u alstublieft uw straat invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_street").focus();
return false;
}
if($("#var_address").val()=="" )
{
setValidateMessage("messageDiv2",'Wilt u alstublieft uw huisnummer invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_address").focus();
return false;
}
if($("#var_email").val()=="" )
{
setValidateMessage("messageDiv2",'Wilt u alstublieft uw e-mail adres invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_email").focus();
return false;
}
if(validate_email($("#var_email").val())==false)
{
setValidateMessage("messageDiv2","Vul een geldig email.");
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_email").focus();
return false;
}
if($("#var_phone").val()=="" )
{
setValidateMessage("messageDiv2",'Wilt u alstublieft uw telefoonnummer invullen?');
$('body,html').animate({
scrollTop: 0
}, 800);
$("#var_phone").focus();
return false;
}
}
function changeStep(next_step,per_step,validate,submit)
{
var validateFlag=true;
if(validate=="true")
{
if(per_step==1)
{
//alert(step1_validate());
if(step1_validate()==false)
{
// alert("data");
validateFlag=false;
}
}
if(per_step==2)
{
//alert("data");
if(step2_validate()==false)
{
// alert("data");
validateFlag=false;
}
}
//if()
}
if(validateFlag==true)
{
if(submit=="true")
{
// alert("data");
$("#h_submit").val("T")
$("#frm_advisor").submit();
}
$("#step-"+per_step).hide();
$("#step-"+next_step).show();
if(next_step==1)
{
$("#img1").attr("src","http://site.nl//public/front/images/smu_adviseur1.jpg");
}
else if(next_step==2)
{
$("#img1").attr("src","http://site.nl//public/front/images/smu_adviseur2.jpg");
}
}
$('body,html').animate({
scrollTop: 0
}, 800);
}
function validate_email(email){
var email_detail = email;
var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email_detail)) {
return false;
}
return true;
}
</script>
<section id="smu_adviseur1" class="relative">
<img alt="Image one" src="http://site.nl//public/front/images/smu_adviseur1.jpg" class="full-screen-background-image" id="img1" />
<header>
<div class="middleBlock relative">
<div class="logo floatLeft logo-set-left"><a href="http://site.nl/"><img src="http://site.nl//public/front/images/logo.png" alt=""></a></div>
</div>
</header>
<div class="clearfix"></div>
<form id="frm_advisor" name="frm_advisor" method="POST">
<input type="hidden" id="h_submit" name="h_submit" value="F">
<input type="hidden" id="h_currentWeek" name="h_currentWeek" value="46">
<section id="step-1">
<div class="form-box bdr-radius div-auto relative">
<div class="msg-box" id="messageDiv" style="display: none"></div>
<!-- <div style="text-align: center"><b class="afspr" id="messageDiv"></b></div>-->
<div class="form-title"> <i class="schoonmaak-icon"></i>
<h1> Advis</h1>
<ul class="tab-menu adviseur-tab">
<li class="active"><span><div style="padding-top:1px">1</div></span><b class="afspr">Afspraak</b></li>
<li><span><div style="padding-top:1px">2</div></span><b class="afspr" style="color:#B2C7E6">Gegevens</b></li>
</ul><div class="clear"></div>
</div>
<div class="clearfix"></div>
<div class="form-group mr-t-15">
<h3 class="left" style="padding:4px 6px 0px 0px;">Uw gewenste dag en tijd in week</h3>
<div style="position: relative">
<a href="#" id="perWeek" class="btn-left right " style="float: left;height: 15px;margin-top: 4px;padding: 4px 8px 4px 15px;"></a>
<label class="control-label" style="width: 37px;top: -5px;margin: 0px 5px">
<input style="width: 25px;text-align: center" name="int_week" type="text" id="int_week" value="46" size="3" readonly="readonly" class="input-field right">
</label>
<a href="#" id="nextWeek" class="btn-right right" style="float: left;height: 15px;margin-top: 4px;padding: 4px 8px 4px 15px;"></a>
</div>
<div class="right clearfix tooltip-icon"><img src="http://site.nl/public/front/images/info-icon.jpg" width="27" height="27" title="">
<div class="tool-tip-desc">
<h4>Een afspraak wanneer het u uitkomt</h4>
Hier kunt u het weeknummer en vervolgens de dag en tijdstip van uw keuze selecteren. Een afspraak met een van onze Adviseurs duurt ongeveer een half uur.
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<label class="control-label">Maandag</label>
<div class='selectBox z-index10'>
<span class='selected'></span>
<span class='selectArrow'><img alt="" src="http://site.nl/public/front/images/mon_icon.png"> </span>
<div class="selectOptions" id="cbo_selection_monday">
<span class="selectOption" value="0">favoriete tijd</span>
<span class="selectOption" value="08:30">08:30 uur</span>
<span class="selectOption" value="09:00">09:00 uur</span>
<span class="selectOption" value="09:30">09:30 uur</span>
<span class="selectOption" value="10:00">10:00 uur</span>
<span class="selectOption" value="10:30">10:30 uur</span>
<span class="selectOption" value="11:00">11:00 uur</span>
<span class="selectOption" value="11:30">11:30 uur</span>
<span class="selectOption" value="12:00">12:00 uur</span>
<span class="selectOption" value="12:30">12:30 uur</span>
<span class="selectOption" value="13:00">13:00 uur</span>
<span class="selectOption" value="13:30">13:30 uur</span>
<span class="selectOption" value="14:00">14:00 uur</span>
<span class="selectOption" value="14:30">14:30 uur</span>
<span class="selectOption" value="15:00">15:00 uur</span>
<span class="selectOption" value="15:30">15:30 uur</span>
<span class="selectOption" value="16:00">16:00 uur</span>
<span class="selectOption" value="16:30">16:30 uur</span>
<span class="selectOption" value="17:00">17:00 uur</span>
<span class="selectOption" value="17:30">17:30 uur</span>
</div>
<input type="hidden" id="cbo_monday" name="cbo_monday" value=""/>
</div>
</div>
<div class="form-group">
<label class="control-label">Dinsdag</label>
<div class='selectBox z-index9'>
<span class='selected'></span>
<span class='selectArrow'><img alt="" src="http://site.nl//public/front/images/mon_icon.png"> </span>
<div class="selectOptions" id="cbo_selection_tuesday">
<span class="selectOption" value="0">favoriete tijd</span>
<span class="selectOption" value="08:30">08:30 uur</span>
<span class="selectOption" value="09:00">09:00 uur</span>
<span class="selectOption" value="09:30">09:30 uur</span>
<span class="selectOption" value="10:00">10:00 uur</span>
<span class="selectOption" value="10:30">10:30 uur</span>
<span class="selectOption" value="11:00">11:00 uur</span>
<span class="selectOption" value="11:30">11:30 uur</span>
<span class="selectOption" value="12:00">12:00 uur</span>
<span class="selectOption" value="12:30">12:30 uur</span>
<span class="selectOption" value="13:00">13:00 uur</span>
<span class="selectOption" value="13:30">13:30 uur</span>
<span class="selectOption" value="14:00">14:00 uur</span>
<span class="selectOption" value="14:30">14:30 uur</span>
<span class="selectOption" value="15:00">15:00 uur</span>
<span class="selectOption" value="15:30">15:30 uur</span>
<span class="selectOption" value="16:00">16:00 uur</span>
<span class="selectOption" value="16:30">16:30 uur</span>
<span class="selectOption" value="17:00">17:00 uur</span>
<span class="selectOption" value="17:30">17:30 uur</span>
</div>
<input type="hidden" id="cbo_tuesday" name="cbo_tuesday" value=""/>
</div>
</div>
<div class="form-group">
<label class="control-label">Woensdag</label>
<div class='selectBox z-index8'>
<span class='selected'></span>
<span class='selectArrow'><img alt="" src="http://site.nl//public/front/images/mon_icon.png"> </span>
<div class="selectOptions" id="cbo_selection_wednesday">
<span class="selectOption" value="0">favoriete tijd</span>
<span class="selectOption" value="08:30">08:30 uur</span>
<span class="selectOption" value="09:00">09:00 uur</span>
<span class="selectOption" value="09:30">09:30 uur</span>
<span class="selectOption" value="10:00">10:00 uur</span>
<span class="selectOption" value="10:30">10:30 uur</span>
<span class="selectOption" value="11:00">11:00 uur</span>
<span class="selectOption" value="11:30">11:30 uur</span>
<span class="selectOption" value="12:00">12:00 uur</span>
<span class="selectOption" value="12:30">12:30 uur</span>
<span class="selectOption" value="13:00">13:00 uur</span>
<span class="selectOption" value="13:30">13:30 uur</span>
<span class="selectOption" value="14:00">14:00 uur</span>
<span class="selectOption" value="14:30">14:30 uur</span>
<span class="selectOption" value="15:00">15:00 uur</span>
<span class="selectOption" value="15:30">15:30 uur</span>
<span class="selectOption" value="16:00">16:00 uur</span>
<span class="selectOption" value="16:30">16:30 uur</span>
<span class="selectOption" value="17:00">17:00 uur</span>
<span class="selectOption" value="17:30">17:30 uur</span>
</div>
<input type="hidden" id="cbo_wednesday" name="cbo_wednesday" value=""/>
</div>
</div>
<div class="form-group">
<label class="control-label">Donderdag</label>
<div class='selectBox z-index7'>
<span class='selected'></span>
<span class='selectArrow'><img alt="" src="http://site.nl//public/front/images/mon_icon.png"> </span>
<div class="selectOptions" id="cbo_selection_thursday">
<span class="selectOption" value="0">favoriete tijd</span>
<span class="selectOption" value="08:30">08:30 uur</span>
<span class="selectOption" value="09:00">09:00 uur</span>
<span class="selectOption" value="09:30">09:30 uur</span>
<span class="selectOption" value="10:00">10:00 uur</span>
<span class="selectOption" value="10:30">10:30 uur</span>
<span class="selectOption" value="11:00">11:00 uur</span>
<span class="selectOption" value="11:30">11:30 uur</span>
<span class="selectOption" value="12:00">12:00 uur</span>
<span class="selectOption" value="12:30">12:30 uur</span>
<span class="selectOption" value="13:00">13:00 uur</span>
<span class="selectOption" value="13:30">13:30 uur</span>
<span class="selectOption" value="14:00">14:00 uur</span>
<span class="selectOption" value="14:30">14:30 uur</span>
<span class="selectOption" value="15:00">15:00 uur</span>
<span class="selectOption" value="15:30">15:30 uur</span>
<span class="selectOption" value="16:00">16:00 uur</span>
<span class="selectOption" value="16:30">16:30 uur</span>
<span class="selectOption" value="17:00">17:00 uur</span>
<span class="selectOption" value="17:30">17:30 uur</span>
</div>
<input type="hidden" id="cbo_thursday" name="cbo_thursday" value=""/>
</div>
</div>
<div class="form-group ">
<label class="control-label">Vrijdag</label>
<div class='selectBox z-index6'>
<span class='selected'></span>
<span class='selectArrow'><img alt="" src="http://site.nl//public/front/images/mon_icon.png"> </span>
<div class="selectOptions" id="cbo_selection_friday">
<span class="selectOption" value="0">favoriete tijd</span>
<span class="selectOption" value="08:30">08:30 uur</span>
<span class="selectOption" value="09:00">09:00 uur</span>
<span class="selectOption" value="09:30">09:30 uur</span>
<span class="selectOption" value="10:00">10:00 uur</span>
<span class="selectOption" value="10:30">10:30 uur</span>
<span class="selectOption" value="11:00">11:00 uur</span>
<span class="selectOption" value="11:30">11:30 uur</span>
<span class="selectOption" value="12:00">12:00 uur</span>
<span class="selectOption" value="12:30">12:30 uur</span>
<span class="selectOption" value="13:00">13:00 uur</span>
<span class="selectOption" value="13:30">13:30 uur</span>
<span class="selectOption" value="14:00">14:00 uur</span>
<span class="selectOption" value="14:30">14:30 uur</span>
<span class="selectOption" value="15:00">15:00 uur</span>
<span class="selectOption" value="15:30">15:30 uur</span>
<span class="selectOption" value="16:00">16:00 uur</span>
<span class="selectOption" value="16:30">16:30 uur</span>
<span class="selectOption" value="17:00">17:00 uur</span>
<span class="selectOption" value="17:30">17:30 uur</span>
</div>
<input type="hidden" id="cbo_friday" name="cbo_friday" value=""/>
</div>
</div>
<div class="form-group pd-b-none">
<a href="javascript:changeStep('2','1','true','false');" class="btn-right right mr-t-15" id="btn_step1_next">Volgende</a>
<div class="clearfix"></div>
</div>
</div>
</section>
<section id="step-2">
<div class="form-box bdr-radius div-auto relative" style="height: 625px">
<div class="msg-box" id="messageDiv2" style="display: none"></div>
<div class="form-title"> <i class="site-icon"></i>
<h1>Schoonmaak Adviseur</h1>
<ul class="tab-menu adviseur-tab">
<li><span><div style="padding-top:1px">1</div></span>Afspraak</li>
<li class="active"><span><div style="padding-top:1px">2</div></span><b class="afspr">Gegevens</b></li>
</ul><div class="clear"></div>
</div>
<div class="clearfix"></div>
<div class="form-group mr-t-15">
<h3 class="left">Uw gegevens</h3>
<div class="right clearfix tooltip-icon"><img src="http://site.nl//public/front/images/info-icon.jpg" width="27" height="27" title="">
<div class="tool-tip-desc">
<h4>Waarom vragen wij dit?</h4>
Wij vragen u enkele gegevens in te vullen zodat onze Adviseur direct over de juiste adresgegevens beschikt.
<br><br>
<h4>Privacy Policy</h4>
Uw gegevens worden veilig opgeslagen en alleen gebruikt volgens onze <a href="http://site.nl/privacy_policy" target="_blank">privacy policy</a>.
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="gegevens-form form-group">
<input name="var_company_name" type="text" id="var_company_name" class="input-field large selectbox-left" placeholder="bedrijfsnaam">
<p><strong>Contactpersoon</strong></p>
<div>
<label class="control-label1" style="width: 65px">
<input name="chr_sex" id="chr_sex_m" type="radio" value="M">De heer
</label>
<label class="control-label1">
<input name="chr_sex" id="chr_sex_f" type="radio" value="F">Mevrouw
</label>
</div>
<p>
<input name="var_first_name" type="text" id="var_first_name" placeholder="voomaam" class="input-field large selectbox-left">
<input name="var_last_name" type="text" id="var_last_name" placeholder="achternaam" class="input-field small right">
</p>
<p>
<input name="var_street" type="text" id="var_street" placeholder="straat" class="input-field large selectbox-left">
<input name="var_address" type="text" id="var_address" placeholder="huisnummer" class="input-field small right">
</p>
<p>
<input name="var_email" type="text" id="var_email" placeholder="e-mail adres" class="input-field large selectbox-left">
<input name="var_phone" type="text" id="var_phone" placeholder="telefoonnummer" class="input-field small right">
</p>
</div>
<br><br><br><br><br>
<div class="form-group pd-b-none bdr-none" style="bottom: 25px;position: absolute;width: 560px;">
<a href="javascript:changeStep('1','2','false','false');" onclick="" class="btn-left left mr-t-15" style="padding-left: 40px" id="btn_step2_pervious">Vorige</a>
<a href="javascript:changeStep('','2','true','true');" onclick="" class="btn-right right mr-t-15" id="btn_step2_next" >Afspraak maken</a>
<div class="clearfix"></div>
</div>
</div>
<!-- <div class="form-box bdr-radius div-auto relative">
<div class="msg-box" id="messageDiv2" style="display: none"></div>
<div class="form-title"> <i class="site-icon"></i>
<h1>Schoonmaak Adviseur</h1>
<ul class="tab-menu advis-tab">
<li><span><div style="padding-top:1px">1</div></span>Afspraak</li>
<li class="active"><span><div style="padding-top:1px">2</div></span><b class="afspr">Gegevens</b></li>
</ul><div class="clear"></div>
</div>
<div class="clearfix"></div>
<div class="form-group mr-t-15">
<h3 class="left">Uw gegevens</h3>
<div class="right clearfix tooltip-icon">
<img src="http://site.nl/public/front/images/info-icon.jpg" width="27" height="27" title="">
<div class="tool-tip-desc">
<h4>Lorem Ipsum</h4>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="gegevens-form form-group">
<input name="var_company_name" type="text" id="var_company_name" class="input-field large selectbox-left" placeholder="bedrijfsnaam">
<p><strong>contactpersoon</strong></p>
<div>
<label class="control-label">
<input name="chr_sex" id="chr_sex_m" type="radio" value="M">De heer</label>
<label class="control-label">
<input name="chr_sex" id="chr_sex_f" type="radio" value="F">Mevrouw</label>
</div>
<p>
<input name="var_first_name" type="text" id="var_first_name" placeholder="voomaam" class="input-field large selectbox-left">
<input name="var_last_name" type="text" id="var_last_name" placeholder="achternaam" class="input-field small right">
</p>
<p>
<input name="var_street" type="text" id="var_street" placeholder="straat" class="input-field large selectbox-left">
<input name="var_address" type="text" id="var_address" placeholder="huisnummer" class="input-field small right">
</p>
<p>
<input name="var_email" type="text" id="var_email" placeholder="e-mail adres" class="input-field large selectbox-left">
<input name="var_phone" type="text" id="var_phone" placeholder="telefoonnummer" class="input-field small right">
</p>
</div>
<div class="form-group pd-b-none bdr-none">
<a href="javascript:changeStep('1','2','false','false');" onclick="" class="btn-left left mr-t-15" id="btn_step2_pervious">Vorige</a>
<a href="javascript:changeStep('','2','true','true');" onclick="" class="btn-right right mr-t-15" id="btn_step2_next" >Afspraak maken</a>
<div class="clearfix"></div>
</div>
</div>-->
</section>
</form>
<article class="footer-contact">
<div class="textBlock contactBox"> <img width="154" height="41" alt="" src="http://site.nl//public/front/images/phone-img-small_1.png">
<p>Bereikbaar van<br>8:00 uur tot 22:00 uur</p>
</div>
</article>
</section>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-33563869-1', 'site.nl');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=site.nl"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','site.nl');</script>
<!-- End Google Tag Manager -->
</body>
</html>