
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        
        <title>HaifaVacation-old site | Contact</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/line-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/theme.css" rel="stylesheet" type="text/css" media="all"/>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700%7CRaleway:700' rel='stylesheet' type='text/css'>
        <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        <script src="js/myapt.js"></script>
 <script type="text/javascript">
/*-----------------------------------------------------------------------*/
/* ! Update Here (OWNER DETAILS)*/
/*----------------------------------------------------------------------*/

  function showimg() {
            var aptmail = 'ayelet.dekel@hotmail.com';
            var skype = 'ayelet.dekel@hotmail.com';
            var phone = '+ 972 54808 2717';
            var name = 'David';
            var street = 'Ha Tamar st';

/*-----------------------------------------------------------------------*/

      document.getElementById('owner').innerHTML += owner(name,phone,street,aptmail,skype);
  
/*---------------------------------------------*/   
  UpdateForm(imgarray,aptmail);
}

      window.onload = showimg;
      </script>

    </head>
    <body>
    	<!-- ## Disable to Avoide some problems on loading in slow connections like phones
    	<div class="loader">
    		<div class="spinner">
			  <div class="double-bounce1"></div>
			  <div class="double-bounce2"></div>
			</div>
    	</div>  -->
		<div class="nav-container">
			<nav class="top-bar overlay-bar">
				<div class="container">
				
					<div class="row utility-menu">
						<div class="col-sm-12">
							<div class="utility-inner clearfix">
								<span class="alt-font"><i class="icon icon_pin"></i> Haifa, Israel &nbsp;</span>
								<div class="pull-right">
									<a href="faq.html" class="btn btn-primary login-button btn-xs">FAQ</a>
									<a href="contactus.php" class="btn btn-primary btn-filled btn-xs">Contact us</a>
								<a href="#" class="language"><img alt="English" src="img/english.png"></a>
                                    <!-- coming soon
								<a href="#" class="language"><img alt="french" src="img/fr-flag.png"></a>
                                <a href="#" class="language"><img alt="russian" src="img/ru-flag.png"></a>
                                    -->
								</div>
							</div>
						</div>
					</div><!--end of row-->
				
				
					<div class="row nav-menu">
						<div class="col-sm-3 col-md-2 columns">
							<a href="index.html">
								<img class="logo logo-light" alt="Logo" src="img/logo-light.png">
								<img class="logo logo-dark" alt="Logo" src="img/logo-dark.png">
							</a>
						</div>
<div class="col-sm-9 col-md-10 columns">
							<ul class="menu">
								<li class="has-dropdown"><a href="#">Home Pages</a>
									<div class="subnav subnav-fullwidth">
								      <div class="col-md-3">
											<ul class="subnav">
												<li><a href="index.html">Home </a></li>
												<li><a href="index.php">Home old</a></li>
                                          </ul>	
								        </div>
									</div>
								</li>
    </ul>

							<ul class="social-icons text-right">
								<li>
									<a href="#">
										<i class="icon social_twitter"></i>
									</a>
								</li>
							
								<li>
									<a href="#">
										<i class="icon social_facebook"></i>
									</a>
								</li>
							
								<li>
									<a href="#">
										<i class="icon social_instagram"></i>
									</a>
								</li>
							</ul>
					</div><!--end of row-->
					
					<div class="mobile-toggle">
						<i class="icon icon_menu"></i>
					</div>
					
				</div><!--end of container-->
			</nav>
		</div>
		<div class="main-container">
		<section class="contact-photo">
				
				<div class="background-image-holder">
					<img class="background-image" alt="Background Image" src="img/s-sensetsurfboardcouple-freephoto-JensMayer.jpg"><!--src="img/hero4.jpg"--> 
				</div>
				
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center">
							<h1 class="text-white">Contact Us<br>
							We'd love to hear from you
							</h1>
						</div>
					</div><!--end of row-->
					
					<div class="photo-form-wrapper clearfix">
                        <div class="col-md-6 col-sm-8 col-sm-offset-2 col-md-offset-3 text-center">
							<h5 id="owner" class="text-center">Details</h5>
					   </div>
						<form class="email-form" id="form1" name="form1">
							<div class="row">
								<div class="col-md-3 col-sm-4 col-sm-offset-2 col-md-offset-3">
									<input class="form-name validate-required" type="text" placeholder="Your Name" name="name" value="<?php echo $_POST['name']; ?>"/>
								</div>
							
								<div class="col-md-3 col-sm-4">
									<input class="form-email validate-required validate-email" type="text" placeholder="Your Email" name="email" value="<?php echo $_POST['email']; ?>" />
								</div>
							</div><!--end of row-->
						
							<div class="row">
								<div class="col-md-6 col-sm-8 col-sm-offset-2 col-md-offset-3 text-center">
									<input class="form-message validate-required" type="text" name="message" placeholder="Your Message" value="<?php echo $_POST['message']; ?>" >
									<input type="submit" class="send-form btn-filled" value="send" method="POST" ><!--Send Form-->
                                    <?php
								
								if ( isset( $_POST['send'] ) )
								{
									$name = trim( $_POST['name'] );
									$email = trim( $_POST['email'] );
									$phone = trim( $_POST['phone'] );
									$message = trim( $_POST['message'] );
									
									if ( ! $name || ! $email || ! $phone || ! $message )
									{
										echo "Please fill in all of the form details and try again!<br />";
									}
									else if ( ! preg_match("#[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})#", $email ) )
									{
										echo "Please enter a valid e-mail so I can contact you back.<br />";
									}
                                    else if (strlen($message) > 205)
									{
										echo "Only 200 words allowed.<br />";
									}
									else
									{
										$to = "ayelet.dekel@hotmail.com";
										
										$title = "HaifaVacation - Contact by {$name}";
										$body = "<h3>New Contact Request</h3>
										<b>Name: </b> {$name}<br />
										<b>E-mail:</b> {$email}<br />
										<b>Phone:</b> {$phone}<br /><br />
										<b>Message:</b> <br />{$message}";
										
										$headers = "MIME-Version: 1.0\r\n";
										$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
										$headers .= "To: Dekel D. <{$to}>\r\n";
										$headers .= "From: booking@HaifaVacation.co.il <{$email}>\r\n";
										
										if ( mail( $to, $title, $body, $headers  ) )
										{
											echo "The contact request has been submitted successfully!<br />";
										}
										else
										{
											echo "The mail could not be sent because of a server error.<br />";
										}										
									}
								}
								?>
									<div class="form-success">
										<span class="text-white">Message sent - Thanks for your enquiry</span>
									</div>
									<div class="form-error">
										<span class="text-white">Please complete all fields correctly</span>
									</div>
								</div>	
							</div><!--end of row-->
						</form>
						
					</div><!--end of photo form wrapper-->
					
					<div class="row">
							<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center"><!--
								<ul class="social-icons">
									<li>
										<a href="#">
											<i class="icon social_twitter"></i>
										</a>
									</li>
								
									<li>
										<a href="#">
											<i class="icon social_facebook"></i>
										</a>
									</li>
								
									<li>
										<a href="#">
											<i class="icon social_instagram"></i>
										</a>
									</li>
								
									<li>
										<a href="#">
											<i class="icon social_dribbble"></i>
										</a>
									</li>
								
									<li>
										<a href="#">
											<i class="icon social_tumblr"></i>
										</a>
									</li>
								
									<li>
										<a href="#">
											<i class="icon social_pinterest"></i>
										</a>
									</li>
								</ul>--><br>
                      
                        								<span class="sub">© Copright <a href="#">HaifaVacation.co.il</a> - All Rights Reserved</span>
							</div>
						</div><!--end of row-->
		
				</div><!--end of container-->
			
			</section>
		</div>
		
		<div class="footer-container">
		</div>
		<!-- ## SCRIPTS -->
		<script src="js/jquery.min.js"></script>
        <script src="js/jquery.plugin.min.js"></script>
        <script async src="js/bootstrap.min.js"></script>
        <script async src="js/jquery.flexslider-min.js"></script>
        <script async src="js/smooth-scroll.min.js"></script>
        <script async src="js/skrollr.min.js"></script>
        <script async src="js/spectragram.min.js"></script>
        <script async src="js/scrollReveal.min.js"></script>
        <script async src="js/isotope.min.js"></script>
        <script async src="js/twitterFetcher_v10_min.js"></script>
        <script async src="js/lightbox.min.js"></script>
        <!--<script src="js/jquery.countdown.min.js"></script>-->
        <script src="js/scripts.js"></script>
        <script> 		nl_lang = "he"; 		nl_pos = "tr"; 		nl_link = "0"; 		nl_color = "blue"; 		nl_compact = "0"; 		nl_accordion = "0"; 		</script> 		<script type="text/javascript" charset="utf-8" src="/nagishli/nagishli.js" defer></script>
		 <script>
			nl_lang = "en";
			nl_pos = "tr"; 
			//tl-top left defualt. others: tr,br,bl. 
			// firefox will have problem with bottom location on zoom event
			nl_link = "0";
			nl_color = "blue";
			nl_compact = "1";
			nl_accordion = "1";
		</script>
	</body>
</html>
				