mirror of
https://github.com/rjNemo/vf-site
synced 2026-06-06 09:16:39 +00:00
354 lines
12 KiB
HTML
354 lines
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>
|