<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hotel Booking</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="img/favicon.ico" sizes="16x16">
<!-- fonts -->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Karla:700,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
<!-- fontawesome -->
<link rel="stylesheet" href="css/font-awesome.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<!-- uikit -->
<link rel="stylesheet" href="css/uikit.min.css" />
<!-- animate -->
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/datepicker.css" />
<!-- Owl carousel 2 css -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- rev slider -->
<link rel="stylesheet" href="css/rev-slider/settings.css" />
<!-- lightslider -->
<link rel="stylesheet" href="css/lightslider.css">
<!-- Theme -->
<link rel="stylesheet" href="css/reset.css">
<!-- custom css -->
<link rel="stylesheet" href="style.css" />
<!-- responsive -->
<link rel="stylesheet" href="css/responsive.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- This Template Is Fully Coded By Aftab Zaman from swiftconcept.com -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="contact_us_page">
<!-- start header -->
<header class="header_area">
<!-- start header top -->
<div class="header_top_area">
<div class="container">
<div class="row">
<div class="header_top clearfix">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<div class="left_header_top">
<ul>
<li><a href="#"><img src="img/temp-icon.png" alt="temp-icon">London dc, GR 17°C</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 floatright">
<div class="right_header_top clearfix floatright">
<ul class="nav navbar-nav navbar-right">
<li class="">
<a class="border-right-dark-4" href="#">login</a></li>
<li role="presentation" class="dropdown">
<a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
register
<span class="caret"></span>
</a>
<!-- <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
</ul> -->
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end header top -->
<!-- start main header -->
<div class="main_header_area">
<div class="container">
<!-- start mainmenu & logo -->
<div class="mainmenu">
<div id="nav">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="site_logo fix">
<a id="brand" class="clearfix navbar-brand" href="index.html"><img src="img/site-logo.png" alt="Trips"></a>
<!-- <div class="header_login floatleft">
<ul>
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
</ul>
</div> -->
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li role="presentation" class="dropdown">
<a id="drop-one" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
Home
</a>
<ul id="menu1" class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" tabindex="-1" href="index-two.html">Home Page two</a></li>
</ul>
</li>
<li><a href="accomodation.html">Accomodation</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li role="presentation" class="dropdown">
<a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
Features
</a>
<ul id="menu2" class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" tabindex="-1" href="about-us.html">About US</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="booking.html">Booking</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="room-details.html">Room Details</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="staff.html">Our Staff</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="404.html">404 Page</a></li>
</ul>
</li>
<li><a href="blog.html">News</a></li>
<li><a href="contact-us.html">Contacts</a></li>
</ul>
<div class="emergency_number">
<a href="tel:1234567890"><img src="img/call-icon.png" alt="">123 456 7890</a>
</div>
</div><!-- /.navbar-collapse -->
</nav>
</div>
</div>
<!-- end mainmenu and logo -->
</div>
</div>
<!-- end main header -->
</header>
<!-- end header -->
<!-- start breadcrumb -->
<section class="breadcrumb_main_area margin-bottom-80">
<div class="container-fluid">
<div class="row">
<div class="breadcrumb_main nice_title">
<h2>Contact Us</h2>
<!-- special offer start -->
<div class="special_offer_main">
<div class="container">
<div class="special_offer_sub">
<img src="img/special-offer-yellow-main.png" alt="imf">
</div>
</div>
</div>
<!-- end offer start -->
</div>
</div>
</div>
</section>
<!-- end breadcrunb -->
<!-- start other detect room section -->
<div class="contact_google_map_area margin-bottom-75">
<div class="container">
<div class="contact_google_map">
<div id="contactgoogleMap" style="width:100%;height:374px;"></div>
</div>
</div>
</div>
<!-- end other detect room section -->
<!-- start contact mail area -->
<section class="contact_mail_area margin-bottom-90">
<div class="container">
<div class="row">
<div class="contact_mail">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="send_mail">
<div class="section_title margin-bottom-40">
<h4>send us an email</h4>
</div>
<form action="contact_process.php" method="post">
<div class="row">
<div class="col-lg-6 col-md-6">
<input type="text" placeholder="First Name *" name="fname" required>
</div>
<div class="col-lg-6 col-md-6">
<input type="text" placeholder="Last Name *" required name="lname">
</div>
<div class="col-lg-6 col-md-6">
<input type="text" placeholder="Your Email Id *" required name="email"/>
</div>
<div class="col-lg-6 col-md-6">
<input type="text" placeholder="Phone Number *" required name="phone"/>
</div>
<div class="col-lg-12 col-md-12">
<textarea name="message" placeholder="Message" required></textarea>
</div>
<div class="col-lg-4 col-md-4">
<!-- <a href="#" class="btn btn-warning btn-md"></a> -->
<input class="btn btn-warning btn-md" type="submit" name="submit" value="Submit Now" />
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="contact_info margin-top-65">
<div class="section_title margin-bottom-45">
<h4>Contact Info</h4>
</div>
<ul class="clearul">
<li>
<i class="fa fa-map-marker"></i>
St Amsterdam finland, <br>
United Stats of AKY16 8PN
</li>
<li>
<i class="fa fa-phone"></i>
1234567890
</li>
<li>
<i class="fa fa-envelope-o"></i>
[email protected]
</li>
</ul>
<div class="social_icons clearfix">
<ul class="clearul">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end contact mail area -->
<!-- start contact us area -->
<section class="contact_us_area content-left">
<div class="container">
<div class="contact_us clearfix">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="call clearfix">
<h6>Call Us</h6>
<p>123 456 7890</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="email_us clearfix">
<h6>Email us</h6>
<p>[email protected]</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="news_letter clearfix">
<input type="text" placeholder="Enter ID for News Letter">
<a href="#" class="btn btn-blue">go</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="social_icons clearfix">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- end contact us area -->
<!-- start footer -->
<footer class="footer_area">
<div class="container">
<div class="footer">
<div class="footer_top padding-top-80 clearfix">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="footer_widget">
<div class="footer_logo">
<a href="#"><img src="img/footer-logo-one.png" alt="img"></a>
</div>
<p>Lorem ipsum dolor sit amet, conser adipiscing elit. In consectetur tincidunt dolor.</p>
<ul>
<li>
<P><i class="fa fa-map-marker"></i>St Amsterdam finland, <br> United Stats of AKY16 8PN</P>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="row">
<div class="footer_widget clearfix">
<h5 class="padding-left-15">Quick Links</h5>
<div class="col-lg-6 col-md-6 col-sm-6">
<ul>
<li><a href="#">Rooms</a></li>
<li><a href="#">Food & Drinks</a></li>
<li><a href="#">Beach Venues</a></li>
<li><a href="#">Amenities</a></li>
</ul>
</div>
<div class="col-lg-6 col-md-6 sol-sm-6">
<ul>
<li><a href="#">Noordwijk</a></li>
<li><a href="#">Wellness</a></li>
<li><a href="#">Manifesto</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="footer_widget">
<h5>We Are Global</h5>
<div class="footer_map">
<a href="#"><img src="img/footer-map-two.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="container">
<div class="footer_copyright margin-tb-50 content-center">
<p>© 2015 <a href="#">Hotelbooking</a>. All rights reserved</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- jquery library -->
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- uikit -->
<script src="js/uikit.min.js"></script>
<!-- easing -->
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/datepicker.js"></script>
<!-- scroll up -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- owlcarousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- lightslider -->
<script src="js/lightslider.js"></script>
<!-- wow Animation -->
<script src="js/wow.min.js"></script>
<!--Activating WOW Animation only for modern browser-->
<!--[if !IE]><!-->
<script type="text/javascript">new WOW().init();</script>
<!--<![endif]-->
<!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
<!--[if gte IE 9]>
<script type="text/javascript">new WOW().init();</script>
<![endif]-->
<!--Opacity & Other IE fix for older browser-->
<!--[if lte IE 8]>
<script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
<![endif]-->
<!-- my js -->
<script src="js/main.js"></script>
<!-- Google maps API -->
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
var myCenter=new google.maps.LatLng(-37.831208, 144.998499);
function initialize()
{
var mapProp = {
center:myCenter,
zoom:15,
scrollwheel: false,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("contactgoogleMap"),mapProp);
var marker=new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE,
icon:'img/google-pin-one.png'
});
var infowindow = new google.maps.InfoWindow({
content:"united-states"
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>
|