File: D:/HostingSpaces/SBogers112/ttdbedrijfswagens.nl/wwwroot/index.php
<?php
$nameError = $emailError = $phoneError = $messageError = "";
$name = $email = $phone = $message = "";
$succes = false;
function test_input($data)
{
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
function clean_string($string)
{
$bad = array("content-type", "bcc:", "to:", "cc:", "href");
return str_replace($bad, "", $string);
}
if (!empty($_POST)) {
// define variables and set to empty values
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["name"])) {
$nameError = "Naam is verplicht";
} else {
$name = test_input($_POST["name"]);
}
if (empty($_POST["email"])) {
$emailError = "E-mailadres is verplicht";
} else {
$email = test_input($_POST["email"]);
if (filter_var($email, FILTER_VALIDATE_EMAIL) === false) {
$emailError = "Ongeldig E-mailadres";
}
}
if (empty($_POST["phone"])) {
$phoneError = "Telefoonnummer is verplicht";
} else {
$phone = test_input($_POST["phone"]);
}
if (empty($_POST["message"])) {
$messageError = "Bericht is verplicht";
} else {
$message = test_input($_POST["message"]);
}
if (empty($nameError) && empty($emailError) && empty($phoneError) && empty($messageError)) {
$email_to = "info@ttdbedrijfswagens.nl";
$email_subject = "Een offerte aanvraag van ttdbedrijfswagens.nl";
$email_message = "Details:\n\n";
$email_message .= "Naam: " . clean_string($name) . "\n";
$email_message .= "E-mail: " . clean_string($email) . "\n";
$email_message .= "Telefoon: " . clean_string($phone) . "\n";
$email_message .= "Bericht: " . clean_string($message) . "\n";
// create email headers
$headers = 'From: ' . $email . "\r\n" .
'Reply-To: ' . $email . "\r\n" .
'X-Mailer: PHP/' . phpversion();
mail($email_to, $email_subject, $email_message, $headers);
$succes = true;
}
}
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Truck & Trailer Verhuur Douven</title>
<meta name="description" content="meta_description">
<link href="css/style.css" type="text/css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Hind:400,700|Open+Sans:400,700" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
<link rel="manifest" href="img/favicons/manifest.json">
<meta name="theme-color" content="#ffffff">
<!-- Google Tag Manager -->
<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=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WBHR42K');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WBHR42K"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<div id="top" class="grid-row full-row top-bar">
<div class="grid-col">
<div class="content grid-row">
<div class="grid-col left">
<img class="clock" src="img/clock.svg">
ma t/m vrij: 08:00 - 18:00 uur <span class="line"></span> za: 08:00 - 17:00 uur
</div>
<div class="grid-col right">
<img class="phone" src="img/phone.svg">
<a href="tel:+31495451771">+31(0)495 - 45 17 71</a>
</div>
</div>
</div>
</div>
<div id="mobile-navigation">
<div class="bar">
<div class="toggle-menu" id="mobile-menu-trigger">
<div class="icon">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="logo">
<a href="/">
<img alt="logo" src="img/logo_wit.svg"/>
</a>
</div>
<div class="cart">
<a href="tel:+31495451771">
<img class="phone" src="img/phone.svg">
<span>+31(0)495 - 45 17 71</span>
</a>
</div>
</div>
<div class="shader" id="mobile-shader"></div>
<div class="menu">
<nav>
<span id="mobile-close" class="close"></span>
<div class="logo-wrapper">
<a href="/" class="logo">
<img alt="logo" src="img/logo_wit.svg"/>
</a>
</div>
<div class="menu-list">
<ul>
<li>
<a href="#aanbod" class="scroll-to-target aanbod" onclick="NavigationHandler.close();">Aanbod</a>
</li>
<li>
<a href="#offerte" class="scroll-to-target offerte" onclick="NavigationHandler.close();">Offerte</a>
</li>
<li>
<a href="#contact" class="scroll-to-target contact" onclick="NavigationHandler.close();">Contact</a>
</li>
<li>
<a href="/disclaimer.php" class="scroll-to-target" onclick="NavigationHandler.close();">Disclaimer</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<nav id="sticky-navigation" class="grid-row full-row">
<div class="grid-col">
<div class="menu grid-row">
<img class="logo" src="img/logo.svg">
<div class="links">
<a href="#aanbod" class="scroll-to-target aanbod">Aanbod</a>
<a href="#offerte" class="scroll-to-target offerte">Offerte</a>
<a href="#contact" class="scroll-to-target contact">Contact</a>
</div>
</div>
</div>
</nav>
<nav id="main-navigation" class="grid-row full-row">
<div class="grid-col">
<div class="menu grid-row">
<img class="logo" src="img/logo.svg">
<div class="links">
<a href="#aanbod" class="scroll-to-target aanbod">Aanbod</a>
<a href="#offerte" class="scroll-to-target offerte">Offerte</a>
<a href="#contact" class="scroll-to-target contact">Contact</a>
</div>
</div>
</div>
</nav>
</header>
<div class="grid-row img-header">
<h1>
Truckreparatie, -inkoop,<br>- verkoop en verhuur
</h1>
<div class="line"></div>
<div class="buttons">
<a href="#aanbod" class="button scroll-to-target">Bekijk ons aanbod</a>
<a href="#contact" class="button scroll-to-target">Neem contact op</a>
</div>
<img class="truck-logo" src="img/TopTrucklogo2011.png" />
</div>
<section id="aanbod" class="grid-row">
<div class="grid-col">
<h2>Ons aanbod</h2>
<span class="subtitle">inkoop - verkoop - reparaties - verhuur</span>
<div class="line"></div>
<div class="items-holder">
<div class="item">
<div class="icon-holder"><img class="reparaties" src="img/reparaties.svg"></div>
<div class="content">
<h3>Reparaties</h3>
<p>
Truck Trailer Douven voert ook al u schade reparaties uit.<br>
Wij regelen de expert voor u en handelen alles met uw
verzekering af. Dat bespaart u als klant een hoop werk.
</p>
<ul>
<li>Eigen spuiterij</li>
<li>Snelle Service</li>
<li>Ook personenauto's</li>
</ul>
</div>
</div>
<div class="item">
<div class="icon-holder"><img class="verkoop" src="img/verkoop.svg"></div>
<div class="content">
<h3>Verkoop</h3>
<p>
Truck Trailer Douven verkoopt:
</p>
<ul>
<li>nieuwe / gebruikte vrachtwagens</li>
<li>nieuwe / gebruikte trailers</li>
</ul>
<p>
Ook kunt u bij ons een zoekopdracht plaatsen zodat wij voor u kunnen zoeken naar de wagen die
bij u past
</p>
</div>
</div>
<div class="item">
<div class="icon-holder"><img class="verhuur" src="img/verhuur.svg"></div>
<div class="content">
<h3>Verhuur</h3>
<p>
Truck Trailer Douven verhuurt ook trailers voor langere periode's
Bijvoorbeeld koeltrailers en toutliners. Huurprijs op aanvraag.
Zie onze site: <a href="https://www.douvenverhuur.nl">www.douvenverhuur.nl</a>
</p>
</div>
</div>
<div class="item">
<div class="icon-holder"><img class="inkoop" src="img/inkoop.svg"></div>
<div class="content">
<h3>Inkoop</h3>
<p>
Truck Trailer Douven koopt gebruikte vrachtwagens en trailers.
Voor de verkoop van uw vrachtwagen of trailer kan u contact opnemen via mail: <a
href="mailto:info@ttdbedrijfswagens.nl">info@ttdbedrijfswagens.nl</a>
Of bellen op: <a href="tel:+31653164858">06 - 53164858</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="offerte" class="grid-row">
<div class="grid-col">
<div class="content grid-row">
<h2>Vraag offerte aan</h2>
<span class="subtitle">Vul het onderstaande formulier in om een offerte te ontvangen</span>
<div class="line"></div>
<?php if (!$succes) { ?>
<form method="post" class="form" id="contactForm"
action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>#offerte">
<div class="grid-col form-left">
<div class="name form-element ">
<span class="error">* <?php echo $nameError; ?></span>
<label for="name">Naam</label>
<input type="text" id="name" name="name" placeholder="Naam" value="<?= $name; ?>"/>
</div>
<div class="email form-element ">
<span class="error">* <?php echo $emailError; ?></span>
<label for="email">E-mailadres</label>
<input type="text" id="email" name="email" placeholder="E-mailadres"
value="<?= $email; ?>"/>
</div>
<div class="phone form-element ">
<span class="error">* <?php echo $phoneError; ?></span>
<label for="phone">Telefoonnummer</label>
<input type="text" id="phone" name="phone" placeholder="Telefoonnummer"
value="<?= $phone; ?>"/>
</div>
</div>
<div class="grid-col form-right">
<div class="name form-element ">
<span class="error">* <?php echo $messageError; ?></span>
<label for="message">Bericht</label>
<textarea id="message" name="message" placeholder="Bericht"><?= $message; ?></textarea>
</div>
<div class="submit button filled blue pull-right"
onclick="document.getElementById('contactForm').submit();">Verstuur
</div>
</div>
</form>
<?php
} else {
?>
<h2>Bedankt voor uw bericht!</h2>
<?php
}
?>
</div>
</div>
</section>
<section id="contact" class="grid-row">
<div class="grid-col">
<div class="content grid-row">
<div class="grid-col left">
<div class="map" id="map"></div>
</div>
<div class="grid-col right">
<div class="contact-header">
<h2>Contactinfo</h2>
<div class="line"></div>
</div>
<div class="contact-details">
<img class="adress" src="img/marker.svg">
<p>
Seelenstraat 3<br>
6004 RL Weert
</p>
<img class="phone" src="img/phone.svg">
<p>
<a href="tel:+31495451771">+31(0)495 - 45 17 71</a>
</p>
<img class="mail" src="img/envelope.svg">
<p>
<a href="mailto:info@ttdbedrijfswagens.nl">info@ttdbedrijfswagens.nl</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="button-block" class="grid-row">
<div class="grid-col">
<div class="content grid-row">
<div class="grid-col left">
<a href="tel:+31495451771">
<img class="phone" src="img/phone.svg">
<p><span class="yellow">Vragen of opmerkingen?</span><br>
+31(0)495 - 45 17 71</p>
<span class="arrow_up"></span>
</a>
</div>
<div class="grid-col right">
<a href="#offerte" class="scroll-to-target">
<img class="mail" src="img/envelope.svg">
<p>Of vraag een offerte aan</p>
<img class="arrow_up" src="img/arrow_up.svg">
</a>
</div>
</div>
</div>
</section>
<footer class="main grid-row full-row">
<div class="grid-col">
<div class="content grid-row">
<div class="grid-col logo-container">
<img class="logo" src="img/logo_wit.svg">
</div>
<div class="grid-col menu-container">
<h2>menu</h2>
<a href="#top" class="scroll-to-target">home</a>
<a href="#top" class="scroll-to-target">over ons</a>
<a href="#contact" class="scroll-to-target">contact</a>
<a href="#offerte" class="scroll-to-target">offerte</a>
<a href="/disclaimer.php" class="scroll-to-target">disclaimer</a>
</div>
<div class="grid-col aanbod-container">
<h2>aanbod</h2>
<a href="#aanbod" class="scroll-to-target">reparaties</a>
<a href="#aanbod" class="scroll-to-target">verhuur</a>
<a href="#aanbod" class="scroll-to-target">inkoop</a>
<a href="#aanbod" class="scroll-to-target">verkoop</a>
</div>
<div class="grid-col contact-container">
<h2>contact</h2>
<p>Seelenstraat 3<br>
6004 RL Weert</p>
<a href="tel:+31495451771">+31(0)495 - 45 17 71</a>
<a href="mailto:info@ttdbedrijfswagens.nl">info@ttdbedrijfswagens.nl</a>
</div>
</div>
</div>
</footer>
<aside id="cookie-message">
<div class="placeholder">
<p>Deze website gebruikt cookies. <a href="/privacyverklaring.php">Klik hier</a> voor meer informatie.</p>
<span class="close-button" onclick="hideCookieMessage();">Sluiten</span>
</div>
</aside>
<style>
#cookie-message{
position: fixed;
z-index: 999999;
bottom: 0;
left: 0;
padding: 15px 0;
width: 100%;
background-color: #0275D8;
opacity: 1;
box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.1);
transition: opacity 0.5s, transform 0.6s;
transform: translate3d(0,0,0);
}
#cookie-message.accepted{
display: none;
}
#cookie-message.transition-out{
opacity: 0;
transform: translate3d(0,50%,0);
}
#cookie-message .placeholder{
width: 85.75%;
display: block;
text-align: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
#cookie-message .placeholder p, #cookie-message .placeholder p a, #cookie-message .placeholder .close-button{
font-size: 15px;
line-height: 18px;
color: white;
}
#cookie-message .placeholder p{
display: inline-block;
vertical-align: middle;
margin: 0;
}
#cookie-message .placeholder p a{
text-decoration: underline;
}
#cookie-message .placeholder .close-button{
display: inline-block;
vertical-align: middle;
margin-left: 15px;
padding: 5px 12px;
background-color: rgba(255,255,255, 0.2);
border-radius: 5px;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
#cookie-message .placeholder p{
max-width: 200px;
}
}
@media only screen and (max-width: 600px) {
#cookie-message .placeholder .close-button{
margin-top: 10px;
}
}
</style>
<script>
function setCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name+'=; Max-Age=-99999999;';
}
if(getCookie('cookieMessage')){
document.getElementById('cookie-message').classList.add('accepted');
}
function hideCookieMessage() {
setCookie('cookieMessage', true, 90);
document.getElementById('cookie-message').classList.add('transition-out');
}
</script>
<script type="text/javascript" src="js/site/core.js"></script>
<script async type="text/javascript" src="js/site/app.js"></script>
</body>
</html>