mirror of
https://github.com/rjNemo/vf-site
synced 2026-06-06 01:16:38 +00:00
237 lines
No EOL
12 KiB
HTML
237 lines
No EOL
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<meta name="description" content="Description">
|
|
<meta name="author" content="Author">
|
|
|
|
<!-- OG Meta Tags to improve the way the post looks when you share the page on Facebook, Twitter, LinkedIn -->
|
|
<meta property="og:site_name" content="" /> <!-- website name -->
|
|
<meta property="og:site" content="" /> <!-- website link -->
|
|
<meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
|
|
<meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
|
|
<meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
|
|
<meta property="og:url" content="" /> <!-- where do you want your post to link to -->
|
|
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter -->
|
|
|
|
<!-- Webpage Title -->
|
|
<title>Contact Details - Villa</title>
|
|
|
|
<!-- Styles -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet">
|
|
<link href="css/bootstrap.css" rel="stylesheet">
|
|
<link href="css/fontawesome-all.css" rel="stylesheet">
|
|
<link href="css/bootstrap-datepicker3.css" rel="stylesheet">
|
|
<link href="css/swiper.css" rel="stylesheet">
|
|
<link href="css/magnific-popup.css" rel="stylesheet">
|
|
<link href="css/styles.css" rel="stylesheet">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" href="images/favicon.png">
|
|
</head>
|
|
<body data-spy="scroll" data-target=".fixed-top">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg fixed-top navbar-light">
|
|
<div class="container">
|
|
|
|
<!-- Text Logo - Use this if you don't have a graphic logo -->
|
|
<!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Villa</a> -->
|
|
|
|
<!-- Image Logo -->
|
|
<a class="navbar-brand logo-image" href="index.html"><img src="images/logo.svg" alt="alternative"></a>
|
|
|
|
<button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
|
|
<ul class="navbar-nav ">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="article.html">Article <span class="sr-only">(current)</span></a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Rooms</a>
|
|
<div class="dropdown-menu" aria-labelledby="dropdown01">
|
|
<a class="dropdown-item page-scroll" href="balcony-room.html">Balcony Room</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item page-scroll" href="panoramic-room.html">Panoramic Room</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item page-scroll" href="presidential-room.html">Presidential Room</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
<span class="nav-item ml-auto">
|
|
<a class="btn-outline-sm" href="tel:1-800-324-9832"><i class="fas fa-phone-alt"></i>1-800-324-9832</a>
|
|
</span>
|
|
<span class="nav-item lang-switch">
|
|
<a class="lang-item no-line active" href="index.html"><img src="images/language-en.jpg" alt="alternative">EN</a> | <a class="lang-item no-line" href="index.html"><img src="images/language-it.jpg" alt="alternative">IT</a>
|
|
</span>
|
|
</div> <!-- end of navbar-collapse -->
|
|
</div> <!-- end of container -->
|
|
</nav> <!-- end of navbar -->
|
|
<!-- end of navigation -->
|
|
|
|
|
|
<!-- Header -->
|
|
<header class="ex-header bg-gray">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-10 offset-xl-1">
|
|
<h1 class="green">Contact Us</h1>
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</header> <!-- end of ex-header -->
|
|
<!-- end of header -->
|
|
|
|
|
|
<!-- Form -->
|
|
<div class="ex-form-1 bg-gray pb-6">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-10 offset-xl-1">
|
|
<p class="mb-5">Here is your opportunity to get in touch with us if you are looking for a B&B capable of offering an amazing experience both in terms of comfort and relaxation <a href="mailto:reception@villa.com">reception@villa.com</a> or just give us a call whenever you can <a href="tel:1-800-324-9832">1-800-324-9832</a></p>
|
|
|
|
<!-- Contact Form -->
|
|
<form id="contactForm" data-toggle="validator" data-focus="false">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control-input" id="cname" required>
|
|
<label class="label-control" for="cname">Name</label>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" class="form-control-input" id="cemail" required>
|
|
<label class="label-control" for="cemail">Email</label>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<textarea class="form-control-textarea" id="cmessage" required></textarea>
|
|
<label class="label-control" for="cmessage">Your message</label>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="form-control-submit-button">Submit</button>
|
|
</div>
|
|
<div class="form-message">
|
|
<div id="cmsgSubmit" class="h3 text-center hidden"></div>
|
|
</div>
|
|
</form>
|
|
<!-- end of contact form -->
|
|
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of ex-form-1 -->
|
|
<!-- end of form -->
|
|
|
|
|
|
<!-- Basic -->
|
|
<div class="ex-basic-1 pt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-10 offset-xl-1">
|
|
<h2 class="mt-3 mb-4">Location Information</h2>
|
|
<p class="mb-5">Our mission at Villa is to focus an all the details to make your stay an amazing experience. We've trained our staff to meet your expectations and exceed them so that your Villa experience becomes not just a regular memory but one of the best memories you have. We're passionate about this stuff and we will not let you down.</p>
|
|
|
|
<div class="map-responsive mb-5">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6423.841890375458!2d25.435475745356655!3d36.386907765681734!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1499ce86adfd9ff7%3A0xb2a761f740d68afc!2sSantorini!5e0!3m2!1sen!2sro!4v1596106317886!5m2!1sen!2sro" allowfullscreen></iframe>
|
|
</div>
|
|
|
|
<a class="btn-solid-reg mb-6" href="index.html#header">Home</a>
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of ex-basic-1 -->
|
|
<!-- end of basic -->
|
|
|
|
|
|
<!-- Footer -->
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h3>If you are looking too have a comfortable and relaxing time then you should get in touch with us using <a class="green" href="mailto:reception@villa.com">reception@villa.com</a></h3>
|
|
<div class="social-container">
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-facebook-f fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-twitter fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-pinterest-p fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-instagram fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
<span class="fa-stack">
|
|
<a href="#your-link">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-youtube fa-stack-1x"></i>
|
|
</a>
|
|
</span>
|
|
</div> <!-- end of social-container -->
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of footer -->
|
|
<!-- end of footer -->
|
|
|
|
|
|
<!-- Copyright -->
|
|
<div class="copyright">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<hr class="divider">
|
|
</div> <!-- end of col -->
|
|
</div> <!-- end of row -->
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<ul class="list-unstyled li-space-lg p-small">
|
|
<li><a href="article.html">Article</a></li>
|
|
<li><a href="balcony-room.html">Balcony Room</a></li>
|
|
<li><a href="panoramic-room.html">Panoramic Room</a></li>
|
|
<li><a href="presidential-room.html">Presidential Room</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul> <!-- end of list-unstyled -->
|
|
</div> <!-- end of col -->
|
|
<div class="col-lg-6">
|
|
<p class="p-small statement">Copyright © <a href="#your-link">Name</a></p>
|
|
</div> <!-- end of col -->
|
|
</div> <!-- enf of row -->
|
|
</div> <!-- end of container -->
|
|
</div> <!-- end of copyright -->
|
|
<!-- end of copyright -->
|
|
|
|
|
|
<!-- Scripts -->
|
|
<script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
|
|
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
|
|
<script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
|
|
<script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
|
|
<script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
|
|
<script src="js/bootstrap-datepicker.min.js"></script> <!-- Datepicker for Bootstrap -->
|
|
<script src="js/scripts.js"></script> <!-- Custom scripts -->
|
|
</body>
|
|
</html> |