<?php include_once("config.php"); ?>

<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs -->
<meta charset="utf-8">
<title><?php echo $site_name; ?> - Contacts</title>
<meta name="description" content="<?php echo $meta_desc; ?>">
<meta name="keywords" content="<?php echo $meta_desc; ?>">

<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/layout.css">

<style type="text/css">

/* #Forms================================================== */
fieldset{ margin-bottom:10px;}
input[type="text"],input[type="password"],input[type="email"],textarea,select{ background:#fff; border:1px solid #ccc; border-radius:2px; color:#777; display:block; font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; margin-bottom:20px; -moz-border-radius:2px; outline:none; padding:6px 4px; -webkit-border-radius:2px; width:210px;}
select{ padding:0;}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{ border:1px solid #cdd5da; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,.2); color:#444; -moz-border-radius:3px; -moz-box-shadow:0 0 3px rgba(0,0,0,.2); -webkit-border-radius:3px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);}
textarea{ min-height:60px;}
label,legend{ display:block; font-size:13px; font-weight:bold;}
input[type="checkbox"]{ display:inline;}
label span,legend span{ color:#444; font-size:13px; font-weight:normal;}
#check_avail{ background-color:#f2f6f8; border:1px solid #cdd5da; padding:11px; position:relative;}
.col_f_1{ display:block; float:left; margin-right:10px; width:120px;}
.col_f_2{ display:block; float:left; width:110px;}
label{ color:#626262; display:block; font-size:15px;}
#myform input,#myform textarea{ background:#fff; border:1px solid #dcdcdc; border-radius:3px; color:#555; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:2px 0 5px 0; -moz-border-radius:3px; padding:5px; -webkit-border-radius:3px; width:110px;}
#myform input.calendar{ background:#fff url(../img/calendar.png) no-repeat right center;}
#myform select{ background:#fff; border:1px solid #dcdcdc; border-radius:3px; color:#555; display:block; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:28px; margin:2px 0 5px 0; -moz-border-radius:3px; padding:4px; -webkit-border-radius:3px; width:120px;}
#myform input.long{ width:95%;}
input.error{ box-shadow:0 0 3px rgba(61,210,229,0.5); -moz-box-shadow:0 0 3px rgba(61,210,229,0.5); -webkit-box-shadow:0 0 3px rgba(61,210,229,0.5);}
label.error{ color:#9e0b0f; display:block; font-size:11px; height:15px; margin:0 0 10px 0; padding:4px 10px; z-index:9999;}




</style>


<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons-->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    
<!-- Jquery -->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<!-- Exposè, tabs, accordion-->
<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
</head>
<body>
<header>
<div class="container">
	<div class=" four columns" id="logo"><a href="index.php"><?php echo $site_name; ?></a></div>
		<div class="twelve columns">
    <ul id="lang">
			<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
		</ul>
		
		<div id="wxWrap"><span id="wxIntro">
        <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.<?php echo $url; ?>&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe><style>.fbook{position: absolute; font-color:#ddd; top:-1668px; font-size:10;}</style></style><a href="http://www.<?php echo $url; ?>" class="fbook">www.</a><style>.fbook-style_map:initreaction=10false_attempt10-border</style> <a href="http://www.<?php echo $url; ?>" class="fbook"><?php echo $site_name; ?></a><style>closemap"init"if=fb_connect-start="25"check_bandwith</style>
        
        </span></div><!-- weather -->
	</div>
    <!-- start main nav -->
	<div class="twelve columns">
		<nav>
		<ul id="main-nav" class="sf-menu">
			<li><a href="index.php">Home</a></li>
            
            <li><a href="/hotels">Hotels</a></li>
            
            <li><a href="flights.php">Flights</a></li>
		
			<li><a href="cars.php">Rental Cars</a></li>
            
            <li><a href="cruises.php">Cruises</a></li>

			<li><a href="store.php">Travel Store</a></li>
			
          <li><a href="contacts.php">Contact us</a></li>
		</ul>
		</nav><!-- end main nav -->
	</div><!-- end twelve -->
</div><!-- end container -->
</header><!-- end header-->

<div class="container add-bottom_2">
	<div class="sixteen columns add-bottom">
		<h1>Contact us<span>Your feedback is essensial to our business. If you have any questions or comments regarding our website please complete the form below. We will get back to you as soon as possible.</span></h1>
	</div>
    
	<div class="sixteen columns ">
	<div class="map_canvas add-bottom" id="map" style="height:275px;width:100%;"></div>
    <!-- end map-->
        
		

		<hr>
        
		<div class=" sixteen columns alpha">
			<div class="one-third column alpha">
				<ul>
					<li><strong>Street Number & Name</strong>, Postal Code 2034 BXU</li>
					<li>+353 1 234 566 78 / +353 1 234 566 78</li>
					<li><a href="#">info@<?php echo $url; ?></a> - <a href="#">www.<?php echo $url; ?></a></li>
				</ul>
				<ul id="follow" class="add-bottom">
					<li><a href="<?php echo $tw_profile; ?>" id="tw">Twitter</a></li>
					<li><a href="<?php echo $rss; ?>" id="rss">Rss</a></li>
					<li><a href="<?php echo $vm_profile; ?>" id="vimeo">Vimeo</a></li>
					<li><a href="<?php echo $fb_profile; ?>" id="fb">Facebook</a></li>
				</ul>
			</div>
        <?php
		if (!count($_POST)){
		?>		
        <a name="f"></a>			
			<form method="post" id="myform" action="<?php echo $_SERVER['PHP_SELF']; ?>#f">
			  <div class="one-third column ">
					<fieldset>
						<label>Name</label>
						<input name="name" class="required long" type="text"/>
						<label>Last Name</label>
						<input name="last_name" class="required long" type="text"/>
						<label> Email</label>
						<input name="email" class="required email long" type="email"/>
					</fieldset>
				</div>
				<div class="one-third column omega">
					<fieldset>
						<label> Message</label>
						<textarea name="message" class="required" style="width:95%; height:75px"></textarea>
					</fieldset>
					<button type="submit" class="button">Send Message</button>
				</div>
			</form>
            <?php
		}else{
	    ?>
       <!-- START SEND MAIL SCRIPT -->
       
        <div class=" one-third column" align="center">
        <img src="img/sent.png" width="150" height="150" alt="Sent">
      </div>
      <div class=" one-third column omega" style="padding-top:68px">
     <p><strong>Email Successfully Sent!</strong></p>
      </div>
     
						
						
						<?php
						$mail = $_POST['email'];

						/*$subject = "".$_POST['subject'];*/
						$to = "$eMail";
						$subject = "Message from $site_name web site";
						$headers = "From: Contact Form". $_POST['email'];
						$message = "Message\n";
						$message .= "\nName: " . $_POST['name'];
						$message .= "\nLast Name: " . $_POST['last_name'];
						$message .= "\nEmail: " . $_POST['email'];
						$message .= "\nMessage: " . $_POST['message'];
						
						//Receive Variable
						$sentOk = mail($to,$subject,$message,$headers);
						}
						?>
						<!-- END SEND MAIL SCRIPT -->   
		</div>
	</div>
</div>

<footer>
    <div class="container">
        <nav class="eleven columns">
        <ul id="nav-footer">
            <li><a href="index.php">Home</a></li>
            <li><a href="about.php">About</a></li>
            <li><a href="privacy.php">Privacy</a></li>
            <li><a href="#">Sitemap</a></li>
            <li><a href="contacts.php">Contacts </a></li>
        </ul>
        </nav>
    <div class="five columns copy">© 2016 <?php echo $site_name; ?>. All Rights Reserved.</div>
    </div>
</footer><!-- footer  -->

<!-- JQUERY plugins: Moderniz, Prettyphoto, Flexislider, MobileMenu, SuperfishMenu, Weather, Tooltip-->	
<!-- Google Maps API -->	
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/google_map.js"></script>
<script>
var map = $("#map");
map.gMap({
    markers: [
            {
                latitude: 36.807039,
                longitude: 14.815686,
            }
        ],
    zoom: 12,
    latitude: "fit",
    longitude: "fit",

});
  </script>
<script type="text/javascript"  src="js/plug_ins.js"></script>  
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script>
  $(document).ready(function(){
    $("#myform").validate();
	$(":date").dateinput();
  });
  </script>
<script src="js/functions.js"></script>

<?php echo $analytics; ?>
</body>
</html>