mirror of
https://github.com/rjNemo/vf-site
synced 2026-06-06 01:16:38 +00:00
layout
This commit is contained in:
parent
e57bd92532
commit
c4f79b22ba
5 changed files with 196 additions and 238 deletions
|
|
@ -1,8 +1,10 @@
|
|||
# VillaFleurie rental site
|
||||
|
||||
[](https://app.netlify.com/sites/villafleurie-site/deploys)
|
||||
|
||||
## TODO
|
||||
|
||||
- [ ] Create a base template for the header and footer
|
||||
- [X] Create a base template for the header and footer
|
||||
- [ ] Build index page
|
||||
- [ ] Build room pages
|
||||
- [ ] Build contact pages
|
||||
|
|
|
|||
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 142 52"><defs><style>.cls-1{fill:#1ebbce;}</style></defs><title>logo</title><path class="cls-1" d="M38,8.1a26.73,26.73,0,0,1-2.973-.817,9.06,9.06,0,0,1-2.357-1.157l0.547-2.587H50.569L50.023,6.126a18.063,18.063,0,0,1-2.358,1.089,19.674,19.674,0,0,1-2.973.885L19.818,51.184,12.984,52,4.715,8.1a18.813,18.813,0,0,1-2.7-.851A7.851,7.851,0,0,1,0,6.126L0.547,3.539H23.1L22.551,6.126a20.649,20.649,0,0,1-2.8,1.123,30.474,30.474,0,0,1-3.212.851l3.9,26.816,0.205,6.4h0.136l2.871-6.534Z"/><path class="cls-1" d="M47.288,21.1V18.786a23.789,23.789,0,0,1,2.734-.851q1.707-.442,3.622-0.783t3.793-.578a26.8,26.8,0,0,1,3.314-.238l1.23,0.813-6.15,29.2h4.783v2.374a13.588,13.588,0,0,1-2.084,1.188A20.7,20.7,0,0,1,56,50.89a21.885,21.885,0,0,1-2.7.663,14.83,14.83,0,0,1-2.6.244q-2.6,0-3.588-.987a2.985,2.985,0,0,1-.991-2.145,16.957,16.957,0,0,1,.205-2.653q0.206-1.292.547-2.86l4.647-21.1ZM52.96,5.785a4.413,4.413,0,0,1,1.572-3.607A6.034,6.034,0,0,1,58.5.885a6.219,6.219,0,0,1,4.134,1.293,4.458,4.458,0,0,1,1.538,3.607,4.3,4.3,0,0,1-1.538,3.471A6.212,6.212,0,0,1,58.5,10.55a6.026,6.026,0,0,1-3.963-1.293A4.259,4.259,0,0,1,52.96,5.785Z"/><path class="cls-1" d="M74.485,5.65l-4.647-.885V2.45a17.637,17.637,0,0,1,2.585-.817q1.632-.408,3.538-0.783t3.911-.612A31.71,31.71,0,0,1,83.58,0l1.36,0.747-8.952,45.6H80.84v2.374A9.285,9.285,0,0,1,79,49.842a17.322,17.322,0,0,1-2.551.977,28.038,28.038,0,0,1-2.89.7,15.682,15.682,0,0,1-2.856.278,4.825,4.825,0,0,1-3.368-.987,2.913,2.913,0,0,1-1.054-2.145,16.876,16.876,0,0,1,.205-2.653q0.2-1.292.547-2.86Z"/><path class="cls-1" d="M94.918,5.65l-4.647-.885V2.45a17.637,17.637,0,0,1,2.585-.817q1.632-.408,3.538-0.783t3.911-.612A31.71,31.71,0,0,1,104.013,0l1.36,0.747-8.952,45.6h4.852v2.374a9.285,9.285,0,0,1-1.837,1.117,17.322,17.322,0,0,1-2.551.977,28.038,28.038,0,0,1-2.89.7,15.682,15.682,0,0,1-2.856.278,4.825,4.825,0,0,1-3.368-.987,2.913,2.913,0,0,1-1.054-2.145,16.876,16.876,0,0,1,.205-2.653q0.2-1.292.547-2.86Z"/><path class="cls-1" d="M128.061,40.361a26.343,26.343,0,0,1-2.222,4.255,20.261,20.261,0,0,1-3.04,3.709,15.353,15.353,0,0,1-3.759,2.655A9.84,9.84,0,0,1,114.6,52a6.954,6.954,0,0,1-5.672-2.585q-2.119-2.586-2.119-7.691a32.332,32.332,0,0,1,1.469-9.9,25.375,25.375,0,0,1,4.168-8.031,19.331,19.331,0,0,1,6.526-5.377,18.62,18.62,0,0,1,8.541-1.94,9.976,9.976,0,0,1,3.042.409q1.263,0.408,2.7,1.021a19.716,19.716,0,0,1,3.826-1.021A30.617,30.617,0,0,1,142,16.54l-5.74,29.811h4.785v2.374a9.747,9.747,0,0,1-1.813,1.117,17.062,17.062,0,0,1-2.459.977,26.336,26.336,0,0,1-2.735.7,13.557,13.557,0,0,1-2.631.278,4.731,4.731,0,0,1-3.417-1.021,3,3,0,0,1-1.024-2.11,20.007,20.007,0,0,1,.342-3.232q0.341-2.007,1.024-5.071h-0.273Zm-8.475,6.195a4.31,4.31,0,0,0,2.7-1.158,15.82,15.82,0,0,0,2.665-2.892,28.583,28.583,0,0,0,2.323-3.812q1.059-2.077,1.81-3.846l2.529-13.476a6.587,6.587,0,0,0-1.537-.783,6.127,6.127,0,0,0-1.879-.238,7.542,7.542,0,0,0-4.922,1.8,14.9,14.9,0,0,0-3.689,4.7,25.963,25.963,0,0,0-2.288,6.5,33.8,33.8,0,0,0-.786,7.215,10.3,10.3,0,0,0,.751,4.56A2.463,2.463,0,0,0,119.587,46.556Z"/></svg>
|
||||
|
Before Width: | Height: | Size: 3 KiB |
217
index.html
217
index.html
|
|
@ -3,97 +3,76 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<<<<<<< HEAD
|
||||
|
||||
=======
|
||||
|
||||
>>>>>>> 975f0fb (use jinja)
|
||||
<!-- SEO Meta Tags -->
|
||||
<meta name="description" content="Description">
|
||||
<meta name="author" content="Author">
|
||||
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe">
|
||||
<meta name="author" content="VillaFleurie">
|
||||
|
||||
<!-- 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 -->
|
||||
<meta property="og:site_name" content="VillaFleurie"/> <!-- website name -->
|
||||
<meta property="og:site" content=""/> <!-- website link -->
|
||||
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post -->
|
||||
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/>
|
||||
<!-- 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>Villa</title>
|
||||
<title>VillaFleurie</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=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">
|
||||
<link href="../css/magnific-popup.css" rel="stylesheet">
|
||||
<link href="../css/styles.css" rel="stylesheet">
|
||||
|
||||
<!-- Favicon -->
|
||||
<!-- 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">
|
||||
<!-- 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> -->
|
||||
<!-- 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>
|
||||
<!-- Image Logo -->
|
||||
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a>
|
||||
|
||||
<button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<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>
|
||||
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">Chambres</a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdown01">
|
||||
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</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:+590690441530"> <i class="fas fa-phone-alt"></i>+590 690 44 15 30</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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> <!-- end of navbar-collapse -->
|
||||
</div> <!-- end of container -->
|
||||
</nav> <!-- end of navbar -->
|
||||
<!-- end of navigation -->
|
||||
|
||||
|
||||
<!-- Header -->
|
||||
|
|
@ -719,87 +698,85 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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">
|
||||
<!-- Footer -->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h3>Si vous souhaitez passer un moment confortable et relaxant, n'hésitez pas à nous contacter : <a class="green" href="mailto:location.villafleurie@gmail.com">
|
||||
location.villafleurie@gmail.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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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 -->
|
||||
</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 -->
|
||||
<!-- 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="t2-corail.html">T2 Corail</a></li>
|
||||
<li><a href="t3-azur.html">T3 Azur</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 © VillaFleurie</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 -->
|
||||
<!-- 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>
|
||||
|
|
|
|||
|
|
@ -5,177 +5,157 @@
|
|||
<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">
|
||||
<meta name="description" content="VillaFleurie location de vacances au Gosier en Guadeloupe">
|
||||
<meta name="author" content="VillaFleurie">
|
||||
|
||||
<!-- 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 -->
|
||||
<meta property="og:site_name" content="VillaFleurie"/> <!-- website name -->
|
||||
<meta property="og:site" content=""/> <!-- website link -->
|
||||
<meta property="og:title" content="VillaFleurie"/> <!-- title shown in the actual shared post -->
|
||||
<meta property="og:description" content="VillaFleurie location de vacances au Gosier en Guadeloupe"/>
|
||||
<!-- 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>VillaFleurie</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=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">
|
||||
<link href="../css/magnific-popup.css" rel="stylesheet">
|
||||
<link href="../css/styles.css" rel="stylesheet">
|
||||
|
||||
<!-- Favicon -->
|
||||
<!-- 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">
|
||||
<!-- 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> -->
|
||||
<!-- 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>
|
||||
<!-- Image Logo -->
|
||||
<a class="navbar-brand logo-image" href="index.html"><img src="../images/logo.png" alt="VillaFleurie logo" style="height: 76px"></a>
|
||||
|
||||
<button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<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>
|
||||
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">Chambres</a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdown01">
|
||||
<a class="dropdown-item page-scroll" href="t2-corail.html">T2 Corail</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item page-scroll" href="t3-azur.html">T3 Azur</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:+590690441530"> <i class="fas fa-phone-alt"></i>+590 690 44 15 30</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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> <!-- end of navbar-collapse -->
|
||||
</div> <!-- end of container -->
|
||||
</nav> <!-- end of navbar -->
|
||||
<!-- end of navigation -->
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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">
|
||||
<!-- Footer -->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h3>Si vous souhaitez passer un moment confortable et relaxant, n'hésitez pas à nous contacter : <a class="green" href="mailto:location.villafleurie@gmail.com">
|
||||
location.villafleurie@gmail.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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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 -->
|
||||
</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 -->
|
||||
<!-- 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="t2-corail.html">T2 Corail</a></li>
|
||||
<li><a href="t3-azur.html">T3 Azur</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 © VillaFleurie</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 -->
|
||||
<!-- 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>
|
||||
Loading…
Reference in a new issue