php js kontakt form problem
Hej jeg har købt en template så går i står i kontaktformen ved at den skriver please wait og ikke går videre er det nogen der evt. hurtigt kan se problemet? på forhånd tak.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Beardz - A Barbershop HTML5 Template by DotRex</title>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<!-- / Favicons
================================================== -->
<!-- >> CSS
============================================================================== -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Google Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900" rel="stylesheet">
<!-- Font Awesome -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- animate.css -->
<link href="vendor/animate.css" rel="stylesheet">
<!-- Nivo Lightbox -->
<link href="vendor/nivo-lightbox/nivo-lightbox.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/nivo-lightbox/themes/default/default.css" type="text/css" />
<!-- Main Styles -->
<link href="css/styles.css" rel="stylesheet">
<!-- >> /CSS
============================================================================== -->
</head>
<body class="">
<!-- Top Bar
================================================== -->
<div id="top-bar">
<div class="container">
<div class="row">
<div class="col-md-6">
<ul class="list-inline">
<li class="top-bar-item"><a href="mailto:info@gentsbarbershop.dk"><i class="fa fa-envelope"></i>info@gentsbarbershop.dk</a></li>
<li class="top-bar-item"><a href="#"><i class="fa fa-phone"></i>+45 2711 3221</a></li>
</ul>
</div>
<div class="col-md-6">
<!-- social icons -->
<div class="social-icons header-social-icons">
<ul class="social-icons list-inline text-right">
<li><a href="" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="" target="_blank"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<!-- /social icons -->
</div>
</div>
</div>
</div>
<!-- / Top Bar
================================================== -->
<!-- Header
================================================== -->
<header id="header">
<nav class="navbar">
<div class="container">
<div class="menu-wrapper">
<!-- Navbar Header -->
<div class="navbar-header">
<!-- Collapse Button - Responsive -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<!-- /Collapse Button - Responsive-->
<!-- logo -->
<a class="navbar-brand" href="index.html"><img src="img/logo.png" alt=""></a>
<!-- /logo -->
</div>
<!-- / Navbar Header -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-main-collapse" id="#options">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#tab-home">Forside</a>
</li>
<li>
<a href="#tab-about">Om os</a>
</li>
<li>
<a href="#tab-services">Vi tilbyder</a>
</li>
<li>
<a href="#tab-prices">Priser</a>
</li>
<li>
<a href="#tab-gallery">Galleri</a>
</li>
<li>
<a href="#tab-contact">Kontakt</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</div>
<!-- /.container -->
</nav>
</header>
<!-- / Header
================================================== -->
<!-- Page Container -->
<div class="container">
<!-- Main Content
================================================== -->
<section class="main-content" >
<!-- Page Elements -->
<!-- NOTES:
- The elements of all pages (with the exception of the blog) are in this same document. They are organized by tabs through the isotope plugin.
- The elements are not necessarily in order. For example: you can see some elements of home at the bottom of the page. This happens to improve the final visual organization.
- You can define the tab where the element will be displayed through the classes (tab-home, tab-about, tab-contact, etc). The class must be the same as defined in the menu link (for example: on <a href="#tab-home"> Home </a> the corresponding class of element is "tab-home".
-->
<div class="isotope-filter blockz-wrapper" id="isotope-filter">
<!-- ======== Block: Hero Image | Shows on: Home ======== -->
<div class="blockz-element tab-home">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Hero Image -->
<div class="blockz-intro active" id="intro-item1" style="background-image: url('img/intro.jpg');">
<!-- Carousel Item Mask -->
<div class="blockz-intro-mask">
<div class="blockz-intro-content">
<div class="blockz-intro-bar"><img src="img/ico-razor.png" alt=""></div>
<!-- Hero Title -->
<h2 class="blockz-intro-title">Gents Barbershop</h2>
<!-- /Hero Title -->
<!-- Hero Text -->
<p class="blockz-intro-title2">15 års erfaring i faget </p>
<!-- /Hero Text -->
</div>
</div>
<!-- Item Mask -->
</div>
<!-- /Content: Hero Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Hero Image ======== -->
<!-- ======== Block: Big Content | Shows on: Home ======== -->
<div class="blockz-element size-2 hsize-2 tab-home">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content with-padding with-border">
<!-- Content: Overlayz -->
<div class="blockz-overlayz blockz-overlayz-style1 blockz-overlayz-big" style="background-image: url('img/featured.jpg');">
<div class="blockz-overlayz-mask">
<!-- Overlayz Content -->
<div class="blockz-overlayz-content">
<h3 class="blockz-overlayz-title">"<strong>Modernity</strong> and <strong>elegance</strong> in one place!"</h3>
<div class="blockz-overlayz-text">Beardz. 518 Avenue Amet, Los Angeles - CA<br/>Since <strong>1956</strong></div>
</div>
<!-- /Overlayz Content -->
</div>
</div>
<!-- /Content: Overlayz -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Blocl: Big Content ======== -->
<!-- ======== Block: About Text | Shows on: About ======== -->
<div class="blockz-element tab-about size-2 hsize-2">
<div class="blockz-element-wrapper with-padding with-big-text">
<!-- content -->
<div class="blockz-element-content">
<div class="blockz-block-title">Om os</div>
<p>Kale chips hell of <strong>portland meggings</strong>, farm-to-table authentic subway tile. Keffiyeh tote bag hot chicken 90's, ramps freegan microdosing pour-over mumblecore quinoa lomo pinterest <strong>chicharrones readymade try-hard</strong>. Single-origin coffee hella mustache gastropub, ennui dreamcatcher pop-up tote bag vice. Squid artisan pork belly neutra, wayfarers <i>PBR&B banh mi tousled</i>. Godard fixie ugh asymmetrical, beard deep v green juice gastropub celiac. Chicharrones iPhone yr chartreuse tattooed, XOXO listicle austin bicycle rights. <strong>Bicycle rights flexitarian plaid church-key single-origin coffee.</strong></p>
<a href="#tab-contact" class="btn btn-default btn-rayen isotope-link" data-text="Let's Go!"><span>Kontakt os <i class="fa fa-long-arrow-right"></i></span></a>
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Image | Shows on: Home / Gallery ======== -->
<div class="blockz-element tab-home tab-gallery size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/1.jpg');">
<a href="img/gallery/1.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Team Member | Shows on: About ======== -->
<div class="blockz-element tab-about size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Overlayz -->
<div class="blockz-overlayz blockz-overlayz-style3" style="background-image: url('img/team1.jpg');">
<div class="blockz-overlayz-mask">
<!-- Overlayz Content -->
<div class="blockz-overlayz-content">
<h3 class="blockz-overlayz-title">Crag Rex</h3>
<div class="blockz-overlayz-text">Beard Stilyst</div>
</div>
<!-- /Overlayz Content -->
</div>
</div>
<!-- /Content: Overlayz -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Team Member ======== -->
<!-- ======== Block: Image | Shows on: About / Gallery ======== -->
<div class="blockz-element tab-about tab-gallery size-1 hsize-2">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/4.jpg');">
<a href="img/gallery/4.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Services | Shows on: Home / Services ======== -->
<div class="blockz-element size-1 hsize-1 tab-home tab-services">
<div class="blockz-element-wrapper with-padding">
<!-- content -->
<div class="blockz-element-content">
<!-- content -->
<div class="blockz-block-title">Services</div>
<!-- Content: Service -->
<div class="blockz-service">
<div class="blockz-service-ico">
<img src="img/ico-services2.png" alt="">
</div>
<div class="blockz-service-content">
<h2 class="blockz-service-title">Beard Shaving</h2>
<p>Ethical lo-fi meh fam, polaroid pop-up venmo poutine actually godard fixie tumblr.</p>
</div>
<!-- /Content: Service -->
</div>
<!-- /content -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Services ======== -->
<!-- ======== Block: Image | Shows on: About / Services / Gallery ======== -->
<div class="blockz-element tab-about tab-services tab-gallery size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/7.jpg');">
<a href="img/gallery/7.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Opening hours | Shows on: Home / About ======== -->
<div class="blockz-element size-1 hsize-1 tab-home tab-about">
<div class="blockz-element-wrapper with-padding">
<!-- content -->
<div class="blockz-element-content">
<!-- content -->
<div class="blockz-block-title">Åbningstider</div>
<dl class="dl-horizontal hours-list">
<dt>Mandag</dt>
<dd>10:00 - 18:00</dd>
<dt>Tirsdag</dt>
<dd>10:00 - 18:00</dd>
<dt>Onsdag</dt>
<dd>10:00 - 18:00</dd>
<dt>Torsdag</dt>
<dd>10:00 - 18:00</dd>
<dt>Fredag</dt>
<dd>10:00 - 18:00</dd>
<dt>Lørdag</dt>
<dd>9:00 - 15:00</dd>
<dt>Søndag</dt>
<dd>Lukket</dd>
</dl>
<!-- /content -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Opening hours ======== -->
<!-- ======== Block: Image Home | Shows on: Home / Gallery ======== -->
<div class="blockz-element tab-home tab-gallery size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/2.jpg');">
<a href="img/gallery/2.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Team Member | Shows on: About ======== -->
<div class="blockz-element tab-about size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Overlayz -->
<div class="blockz-overlayz blockz-overlayz-style3" style="background-image: url('img/team2.jpg');">
<div class="blockz-overlayz-mask">
<!-- Overlayz Content -->
<div class="blockz-overlayz-content">
<h3 class="blockz-overlayz-title">John Lee</h3>
<div class="blockz-overlayz-text">Hair Stilyst</div>
</div>
<!-- /Overlayz Content -->
</div>
</div>
<!-- /Content: Overlayz -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Team Member ======== -->
<!-- ======== Block: Team Member | Shows on: About ======== -->
<div class="blockz-element tab-about size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Overlayz -->
<div class="blockz-overlayz blockz-overlayz-style3" style="background-image: url('img/team3.jpg');">
<div class="blockz-overlayz-mask">
<!-- Overlayz Content -->
<div class="blockz-overlayz-content">
<h3 class="blockz-overlayz-title">Lian Thuan</h3>
<div class="blockz-overlayz-text">Beard Stilyst</div>
</div>
<!-- /Overlayz Content -->
</div>
</div>
<!-- /Content: Overlayz -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Team Member ======== -->
<!-- ======== Block: Services | Shows on: About ======== -->
<div class="blockz-element size-1 hsize-1 tab-about tab-services">
<div class="blockz-element-wrapper with-padding">
<!-- content -->
<div class="blockz-element-content">
<!-- content -->
<div class="blockz-block-title">Services</div>
<!-- Content: Service -->
<div class="blockz-service">
<div class="blockz-service-ico">
<img src="img/ico-services1.png" alt="">
</div>
<div class="blockz-service-content">
<h2 class="blockz-service-title">Haircuts</h2>
<p>Ethical lo-fi meh fam, polaroid pop-up venmo poutine actually godard fixie tumblr.</p>
</div>
<!-- /Content: Service -->
</div>
<!-- /content -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Services ======== -->
<!-- ======== Block: Image | Shows on: Services / Gallery ======== -->
<div class="blockz-element tab-services tab-gallery size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/6.jpg');">
<a href="img/gallery/6.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Image | Shows on: Services / Gallery ======== -->
<div class="blockz-element tab-services tab-gallery size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/5.jpg');">
<a href="img/gallery/5.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Services | Shows on: Services ======== -->
<div class="blockz-element size-1 hsize-1 tab-services">
<div class="blockz-element-wrapper with-padding">
<!-- content -->
<div class="blockz-element-content">
<!-- content -->
<div class="blockz-block-title">Services</div>
<!-- Content: Service -->
<div class="blockz-service">
<div class="blockz-service-ico">
<img src="img/ico-services3.png" alt="">
</div>
<div class="blockz-service-content">
<h2 class="blockz-service-title">Beard Treatment</h2>
<p>Ethical lo-fi meh fam, polaroid pop-up venmo poutine actually godard fixie tumblr.</p>
</div>
<!-- /Content: Service -->
</div>
<!-- /content -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Services ======== -->
<!-- ======== Block: Image | Shows on: Services / Gallery ======== -->
<div class="blockz-element tab-services tab-gallery size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/8.jpg');">
<a href="img/gallery/8.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Services | Shows on: Services ======== -->
<div class="blockz-element size-1 hsize-1 tab-services">
<div class="blockz-element-wrapper with-padding">
<!-- content -->
<div class="blockz-element-content">
<!-- content -->
<div class="blockz-block-title">Services</div>
<!-- Content: Service -->
<div class="blockz-service">
<div class="blockz-service-ico">
<img src="img/ico-services4.png" alt="">
</div>
<div class="blockz-service-content">
<h2 class="blockz-service-title">Hair Washing</h2>
<p>Ethical lo-fi meh fam, polaroid pop-up venmo poutine actually godard fixie tumblr.</p>
</div>
<!-- /Content: Service -->
</div>
<!-- /content -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Services ======== -->
<!-- ======== Block: About Text | Shows on: Prices ======== -->
<div class="blockz-element tab-prices size-2 hsize-2">
<div class="blockz-element-wrapper with-padding with-big-text">
<!-- content -->
<div class="blockz-element-content">
<h2 class="blockz-block-title">Priser</h2>
<ul class="blockz-price-list">
<!-- item -->
<li>
<!-- item title -->
<div class="blockz-price-title">
<!-- item name -->
<div class="blockz-price-name">
<span>Hair Trim</span>
</div>
<!-- /item name -->
<div class="blockz-price-dots"></div>
<!-- item price -->
<div class="blockz-price-price">
$25
</div>
<!-- /item price -->
</div>
<!-- /item title -->
<!-- item description -->
<div class="blockz-price-description">
<p>Here is the description of the item.</p>
</div>
<!-- /item description -->
</li>
<!-- /item -->
<!-- item -->
<li>
<!-- item title -->
<div class="blockz-price-title">
<!-- item name -->
<div class="blockz-price-name">
<span>Beard Trim</span>
</div>
<!-- /item name -->
<div class="blockz-price-dots"></div>
<!-- item price -->
<div class="blockz-price-price">
$20
</div>
<!-- /item price -->
</div>
<!-- /item title -->
<!-- item description -->
<div class="blockz-price-description">
<p>Here is the description of the item.</p>
</div>
<!-- /item description -->
</li>
<!-- /item -->
<!-- item -->
<li>
<!-- item title -->
<div class="blockz-price-title">
<!-- item name -->
<div class="blockz-price-name">
<span>Special Bear Treatment</span>
</div>
<!-- /item name -->
<div class="blockz-price-dots"></div>
<!-- item price -->
<div class="blockz-price-price">
$55
</div>
<!-- /item price -->
</div>
<!-- /item title -->
<!-- item description -->
<div class="blockz-price-description">
<p>Here is the description of the item.</p>
</div>
<!-- /item description -->
</li>
<!-- /item -->
<!-- item -->
<li>
<!-- item title -->
<div class="blockz-price-title">
<!-- item name -->
<div class="blockz-price-name">
<span>Complete Treatment</span>
</div>
<!-- /item name -->
<div class="blockz-price-dots"></div>
<!-- item price -->
<div class="blockz-price-price">
$95
</div>
<!-- /item price -->
</div>
<!-- /item title -->
<!-- item description -->
<div class="blockz-price-description">
<p>Here is the description of the item.</p>
</div>
<!-- /item description -->
</li>
<!-- /item -->
<!-- item -->
<li>
<!-- item title -->
<div class="blockz-price-title">
<!-- item name -->
<div class="blockz-price-name">
<span>Special Hair Treatment</span>
</div>
<!-- /item name -->
<div class="blockz-price-dots"></div>
<!-- item price -->
<div class="blockz-price-price">
$45
</div>
<!-- /item price -->
</div>
<!-- /item title -->
<!-- item description -->
<div class="blockz-price-description">
<p>Here is the description of the item.</p>
</div>
<!-- /item description -->
</li>
<!-- /item -->
<!-- item -->
<li>
<!-- item title -->
<div class="blockz-price-title">
<!-- item name -->
<div class="blockz-price-name">
<span>Hair Wash</span>
</div>
<!-- /item name -->
<div class="blockz-price-dots"></div>
<!-- item price -->
<div class="blockz-price-price">
$10
</div>
<!-- /item price -->
</div>
<!-- /item title -->
<!-- item description -->
<div class="blockz-price-description">
<p>Here is the description of the item.</p>
</div>
<!-- /item description -->
</li>
<!-- /item -->
</ul>
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Image | Shows on: Prices / Gallery ======== -->
<div class="blockz-element tab-prices tab-gallery size-2 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/9.jpg');">
<a href="img/gallery/9.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Image | Shows on: Prices / Gallery ======== -->
<div class="blockz-element tab-prices tab-gallery size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/10.jpg');">
<a href="img/gallery/10.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== Block: Image | Shows on: Prices / Gallery / Contact ======== -->
<div class="blockz-element tab-prices tab-gallery tab-contact size-1 hsize-1">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Image -->
<div class="blockz-picture" style="background-image: url('img/gallery/11.jpg');">
<a href="img/gallery/11.jpg" class="blockz-picture-mask nivobox" data-lightbox-gallery="gallery">
<div class="blockz-picture-content">
<i class="fa fa-plus-square-o"></i>
</div>
</a>
</div>
<!-- /Content: Image -->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
<!-- ======== BLock: Contact Form | Shows on: Contact ======== -->
<div class="blockz-element tab-contact size-2 hsize-2">
<div class="blockz-element-wrapper with-padding with-big-text">
<!-- content -->
<div class="blockz-element-content">
<!-- Content: Contact Form -->
<h2 class="blockz-block-title">Kontakt os</h2>
<p> <strong>Udfyld venligst formen</strong> for at sende os en besked.</p>
<div class="blockz-contact-form">
<form id="contactForm" method="POST" action="php/contact-form.php">
<!-- item -->
<div class="form-group">
<input type="text" class="form-control required" id="name" name="name" placeholder="Navn*" required="">
</div>
<!-- /item -->
<!-- item -->
<div class="form-group">
<input type="email" class="form-control required" id="email" name="email" placeholder="Email" required="">
</div>
<!-- /item -->
<!-- item -->
<div class="form-group">
<input type="text" class="form-control required" id="subject" name="subject" placeholder="Emne" required="">
</div>
<!-- /item -->
<!-- item -->
<div class="form-group">
<textarea class="form-control required" name="message" id="message" placeholder="Besked" required=""></textarea>
</div>
<!-- /item -->
<!-- item -->
<div class="form-group form-send">
<button type="submit" value="enviar" class="btn btn-default btn-rayen" data-text="Bekræft"><span>Send besked</span></button>
</div>
<!-- /item -->
</form>
</div>
<!-- /Content: Contact Form-->
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Contat Form ======== -->
<!-- ======== Block: Map | Shows on: Contact ======== -->
<div class="blockz-element tab-contact size-1 hsize-2">
<div class="blockz-element-wrapper">
<!-- content -->
<div class="blockz-element-content">
<div class="blockz-map" id="map">
<div class="map-overlay"></div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2248.7513410168262!2d12.509375315898524!3d55.6933107805375!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x465253ce0ef30bed%3A0xc0b247da5d89fc18!2sGodth%C3%A5bsvej+209%2C+2720+K%C3%B8benhavn%2C+Danmark!5e0!3m2!1sda!2sth!4v1538274368632" style="pointer-events: none;" allowfullscreen=""></iframe>
</div>
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Map ======== -->
<!-- ======== Block: Image | Shows on: Contact ======== -->
<div class="blockz-element tab-contact size-1 hsize-1">
<div class="blockz-element-wrapper with-padding">
<!-- content -->
<div class="blockz-element-content">
<h2 class="blockz-block-title">Kontaktoplysninger</h2>
<h4>Telefon</h4>
<p>+45 2711 3221</p>
<h4>Email:</h4>
<p>info@gentsbarbershop.dk</p>
<h4>Adresse:</h4>
<p>Godthåbsvej 209 2720 Vanløse</p>
</div>
<!-- /content -->
</div>
</div>
<!-- ======== /Block: Image ======== -->
</div>
<!-- /Page Elements -->
</section>
<!-- /Main Content
================================================== -->
</div>
<!-- /.page container -->
<!-- Contact Form - Ajax Messages
========================================================= -->
<!-- Form Sucess -->
<div class="form-result modal-wrap" id="contactSuccess">
<div class="modal-bg"></div>
<div class="modal-content">
<h4 class="modal-title"><i class="fa fa-check-circle"></i> Success!</h4>
<p>Your message has been sent to us.</p>
</div>
</div>
<!-- /Form Sucess -->
<!-- form-error -->
<div class="form-result modal-wrap" id="contactError">
<div class="modal-bg"></div>
<div class="modal-content">
<h4 class="modal-title"><i class="fa fa-times"></i> Error</h4>
<p>There was an error sending your message.</p>
</div>
</div>
<!-- /form-error -->
<!-- form-sending -->
<div class="form-result modal-wrap" id="contactWait">
<div class="modal-bg"></div>
<div class="modal-content">
<div class="modal-loader"></div>
<p>Sending Message, please wait...</p>
</div>
</div>
<!-- /form-sending -->
<!-- / Contact Form - Ajax Messages
========================================================= -->
<!-- Footer
================================================== -->
<footer id="footer">
<div id="footer-top">
<div class="container">
<!-- Social icons -->
<ul class="social-footer">
<li><a href="#" class="btn-default btn-wapasha" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="btn-default btn-wapasha" data-toggle="tooltip" data-placement="bottom" title="Instagram"><i class="fa fa-instagram"></i></a></li>
<li><a href="#" class="btn-default btn-wapasha" data-toggle="tooltip" data-placement="top" title="google-plus"><i class="fa fa-google-plus"></i></a></li>
</ul>
<!-- /Social Icons -->
<!-- Footer Quote -->
<p class="footer-quote"><br/><span class="footer-quote-author"></span></p>
<!-- /Footer Quote -->
</div>
</div>
<div id="footer-bottom">
<div class="container">
<p class="footer-bottom-text2"><span>© 2017, Beardz by <a href="http://www.dotrex.co">DotRex</a>. All Rights Reserved.</span></p>
</div>
</div>
</footer>
<!-- /Footer
================================================== -->
<!-- >> JS
============================================================================== -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="vendor/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/validate.js"></script>
<!-- Modal box-->
<script src="vendor/nivo-lightbox/nivo-lightbox.min.js"></script>
<!-- Images Loaded-->
<script src="vendor/imagesloaded.pkgd.min.js"></script>
<!-- Mansonry-->
<script src="vendor/masonry.pkgd.min.js"></script>
<!-- Isotope-->
<script src="vendor/jquery.ba-bbq.min.js"></script>
<script src="vendor/jquery.isotope2.min.js"></script>
<script src="vendor/packery-mode.pkgd.min.js"></script>
<!-- Double Tap to Go -->
<script src="vendor/doubletaptogo.min.js"></script>
<!-- Cross-browser -->
<script src="vendor/cross-browser.js"></script>
<!-- Main Scripts -->
<script src="js/main.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="vendor/html5shiv.js"></script>
<script src="vendor/respond.min.js"></script>
<![endif]-->
<!-- >> /JS
============================================================================= -->
</body>
</html>