mirror of
https://github.com/rjNemo/vf-site
synced 2026-06-11 11:36:40 +00:00
471 lines
18 KiB
HTML
471 lines
18 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="Author" />
|
|
<meta name="author" content="Name" />
|
|
|
|
<!-- 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>Panoramic Room - 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">Panoramic Room - $79/day</h1>
|
|
</div>
|
|
<!-- end of col -->
|
|
</div>
|
|
<!-- end of row -->
|
|
</div>
|
|
<!-- end of container -->
|
|
</header>
|
|
<!-- end of ex-header -->
|
|
<!-- end of header -->
|
|
|
|
<!-- Basic -->
|
|
<div class="ex-basic-1 bg-gray pb-6">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<!-- Image Slider Room -->
|
|
<div class="slider-container">
|
|
<div class="swiper-container image-slider-room">
|
|
<div class="swiper-wrapper">
|
|
<!-- Slide -->
|
|
<div class="swiper-slide">
|
|
<div class="image-container">
|
|
<a
|
|
class="popup-link"
|
|
href="images/room-panoramic-1.jpg"
|
|
data-effect="fadeIn"
|
|
><img
|
|
class="img-fluid"
|
|
src="images/room-panoramic-1.jpg"
|
|
alt="alternative"
|
|
/></a>
|
|
</div>
|
|
</div>
|
|
<!-- end of slide -->
|
|
|
|
<!-- Slide -->
|
|
<div class="swiper-slide">
|
|
<div class="image-container">
|
|
<a
|
|
class="popup-link"
|
|
href="images/room-panoramic-2.jpg"
|
|
data-effect="fadeIn"
|
|
><img
|
|
class="img-fluid"
|
|
src="images/room-panoramic-2.jpg"
|
|
alt="alternative"
|
|
/></a>
|
|
</div>
|
|
</div>
|
|
<!-- end of slide -->
|
|
|
|
<!-- Slide -->
|
|
<div class="swiper-slide">
|
|
<div class="image-container">
|
|
<a
|
|
class="popup-link"
|
|
href="images/room-panoramic-3.jpg"
|
|
data-effect="fadeIn"
|
|
><img
|
|
class="img-fluid"
|
|
src="images/room-panoramic-3.jpg"
|
|
alt="alternative"
|
|
/></a>
|
|
</div>
|
|
</div>
|
|
<!-- end of slide -->
|
|
</div>
|
|
<!-- end of swiper-wrapper -->
|
|
|
|
<!-- Add Arrows -->
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
<!-- end of add arrows -->
|
|
</div>
|
|
<!-- end of swiper container -->
|
|
</div>
|
|
<!-- end of slider-container -->
|
|
<!-- end of image slider -->
|
|
</div>
|
|
<!-- end of col -->
|
|
</div>
|
|
<!-- end of row -->
|
|
</div>
|
|
<!-- end of container -->
|
|
</div>
|
|
<!-- end of ex-basic-1 -->
|
|
<!-- end of basic -->
|
|
|
|
<!-- 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">Description</h2>
|
|
<p class="mb-5">
|
|
Each of Villa's rooms was designed to offer the best possible
|
|
experience for many types of travelers from the adventure seekers
|
|
to those who value comfort. We've designed the rooms based on more
|
|
than 10 years of experience in the hospitality business and the
|
|
entire team is very proud of what we achieved with Villa.
|
|
</p>
|
|
|
|
<div class="text-box mb-6">
|
|
<h3>Rooms Designed For Comfort And Relaxation</h3>
|
|
<p>
|
|
The rooms are designed to offer the best possible levels of
|
|
comfort and relaxation. The design is contemporary based on
|
|
comforting colors and manages to appeal to many types of
|
|
personalities and tastes. The materials used in Villa's
|
|
construction are modern and durable, offering warm temperatures
|
|
in the winter and cooler summer days.
|
|
</p>
|
|
</div>
|
|
<!-- end of text-box -->
|
|
|
|
<ul class="list-unstyled list-icon-lg mb-5">
|
|
<li class="media">
|
|
<div class="list-icon bg-1">
|
|
<i class="fas fa-shower"></i>
|
|
</div>
|
|
<div class="media-body">
|
|
<h3 class="list-item-title">Modern Amenities</h3>
|
|
<p class="list-item-text">
|
|
Villa's amenities and rooms rooms are designed to offer the
|
|
best possible levels of comfort and relaxation. The design
|
|
is contemporary based on comforting colors and manages to
|
|
appeal to many types of personalities and tastes. The
|
|
materials used in Villa's construction are provided by top
|
|
suppliers.
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="media">
|
|
<div class="list-icon bg-2">
|
|
<i class="fas fa-tv"></i>
|
|
</div>
|
|
<div class="media-body">
|
|
<h3 class="list-item-title">Brand Name Appliances</h3>
|
|
<p class="list-item-text">
|
|
All the electronics are functional and designed to offer the
|
|
best possible levels of comfort and relaxation. The design
|
|
is contemporary based on comforting colors and manages to
|
|
appeal to many types of personalities and tastes. The main
|
|
focus of all appliances is to offer a great vacation time
|
|
while indoors.
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="media">
|
|
<div class="list-icon bg-3">
|
|
<i class="fas fa-wine-bottle"></i>
|
|
</div>
|
|
<div class="media-body">
|
|
<h3 class="list-item-title">Packed Minibar</h3>
|
|
<p class="list-item-text">
|
|
The minibar is packed with goodie and designed to offer the
|
|
best possible levels of comfort and relaxation. The design
|
|
is contemporary based on comforting colors and manages to
|
|
appeal. The main focus of the minibar is to offer a great
|
|
vacation time while you are in the room.
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<!-- end of list-unstyled -->
|
|
|
|
<p class="mb-4">
|
|
Other features designed to offer the best possible levels of
|
|
comfort and relaxation. The design is contemporary based on
|
|
comforting colors and manages to appeal to many types of
|
|
personalities and tastes. The materials used in Villa's
|
|
construction are modern and durable, offering warm temperatures in
|
|
the winter and cooler summer days.
|
|
</p>
|
|
|
|
<ul class="list-unstyled li-space-lg amenities mb-5">
|
|
<li class="media">
|
|
<i class="fas fa-shower"></i>
|
|
<div class="media-body">
|
|
<strong>Warm shower</strong> for those early spring and late
|
|
autumn days. Showers are also available at the beach
|
|
</div>
|
|
</li>
|
|
<li class="media">
|
|
<i class="fas fa-tv"></i>
|
|
<div class="media-body">
|
|
<strong>Modern LCD tv</strong> for rainy days that have to be
|
|
spent inside. You can event connect the gaming console
|
|
</div>
|
|
</li>
|
|
<li class="media">
|
|
<i class="fas fa-snowflake"></i>
|
|
<div class="media-body">
|
|
<strong>Air conditioning</strong> that is state of the art
|
|
technology specially designed to create the optimum
|
|
temperature
|
|
</div>
|
|
</li>
|
|
<li class="media">
|
|
<i class="fas fa-image"></i>
|
|
<div class="media-body">
|
|
<strong>Beautiful views</strong> from any window. Enjoy them
|
|
from inside the room or sitting outside on the large balcony
|
|
</div>
|
|
</li>
|
|
<li class="media">
|
|
<i class="fas fa-wine-bottle"></i>
|
|
<div class="media-body">
|
|
<strong>Packed minibar</strong> loaded with goodies so you can
|
|
enjoy some treats if you forget to shop in town
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<a class="btn-solid-reg mb-6" href="index.html">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>
|