File: //home/artinside/public_html/lhh/themes/en/home.php
<?php $v->layout("_theme");
$v->start("css"); ?>
<?php $v->end(); ?>
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-100 include-header" data-autoplay="7000" data-speed="650" data-loop="true">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark">
<div class="overlay-black-light"></div>
<div class="container">
<div class="slider-caption slider-caption-center">
<h1 class="hero-title display-3 font-weight-bold mt-5 text-shadow" style="letter-spacing: 0.05em">The Shape of Things to come</h1>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url("shared/img/sl2.jpg")?>');"></div>
</div>
<div class="swiper-slide dark">
<div class="container">
<div class="slider-caption slider-caption-center">
<h1 class="hero-title display-3 font-weight-bold mt-5 text-shadow" style="letter-spacing: 0.05em">The Shape of Things to come</h1>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url("shared/img/sl3.jpg")?>');"></div>
</div>
<div class="swiper-slide dark">
<div class="container">
<div class="slider-caption slider-caption-center">
<h1 class="hero-title display-3 font-weight-bold mt-5 text-shadow" style="letter-spacing: 0.05em">The Shape of Things to come</h1>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url("shared/img/sl4.jpg")?>');"></div>
</div>
</div>
<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<section id="content">
<div class="content-wrap">
<div class="container py-5 mb-5">
<div class="row justify-content-between align-items-center col-mb-30">
<div class="col-md-4">
<img src="<?= theme("assets/images/logo.svg")?>">
</div>
<div class="col-md-6 offset-1">
<h3 class="text-uppercase ls2 color-2 mb-0 font-weight-bolder">See the light</h3>
<p class="mb-4 font-weight-normal mt-0">Next time you're in town we'd love if you satyed whith us</p>
<blockquote class="mb-4 font-weight-normal mt-0 font-italic">Everything here is designed to generate human interaction, and provide meaningful experiences and entertainment. Our aim i to go far beyond the traditional vision of hotels and develop sustainable "places to live" for the 21st century.</blockquote>
</div>
</div>
</div>
<div class="section parallax dark m-0" style="padding: 100px 0; background-color:rgb(29,29,27);" data-150-top="background-color:rgb(29,29,27);" data-0-bottom="background-color:rgb(227,196,41);">
<div class=" overlay-transparent" style="background: url('<?= url("/shared/img/bg2.jpg")?>') no-repeat right center / cover; min-height: 300px; padding: 120px 0"></div>
<div class="container">
<div class="heading-block mw-xs mx-auto text-center mb-6">
<h2 class="text-uppercase ls2 font-large text-white" >EXPERIENCES
DISRUPTIVE & FUN</h2>
<p class="text-white nott ls0">A happy and welcoming team and a vibrant place animated by special events, music and culinary creations, delivering an authentic and unforgettable guest experience.</p>
</div>
<div class="heading-block mw-xs mx-auto text-center">
<h3 class="text-uppercase ls2 font-large text-white" >FRENCH SAVOIR FAIRE</h3>
</div>
<div class="row services-grid gutter-30 position-relative p-4">
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column mx-0" style="background-image: linear-gradient(#2646532b, #333333), url('<?= url("shared/img/atelier.jpg")?>')">
<div class="fbox-icon mb-4">
<a href="<?= url("design")?>"><img src="<?= url("shared/img/ic6.svg")?>" alt="icon lhh" title="icon lhh" width="" class="icon-lhh"></a>
</div>
<div class="fbox-content">
<h4 class="font-weight-semibold h4 mb-4 mt-2 ls0 nott color-2">Atelier Arcau</h4>
<p>Architecture & design: Everything here is designed to generate human interaction, and provide meaningful experiences and entertainment.</p>
<a href="<?= url("design")?>" class="hover-button"><u>Experience More</u> <i class="icon-line-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#2646532b, #333333), url('<?= url("shared/img/img3.jpg")?>')">
<div class="fbox-icon mb-4">
<a href="<?= url("food")?>"><img src="<?= url("shared/img/ic3.svg")?>" alt="icon lhh" title="icon lhh" width="" class="icon-lhh"></a>
</div>
<div class="fbox-content">
<h4 class="font-weight-semibold h4 mb-4 mt-2 ls0 nott color-2">Great Food</h4>
<p>Created by Michelin Starred Chef, Baptiste Denieul, amazing and affordable gastronomy in a vibrant place.</p>
<a href="<?= url("food")?>" class="hover-button"><u>Experience More</u> <i class="icon-line-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#2646532b, #333333), url('<?= url("shared/img/img5.jpg")?>')">
<div class="fbox-icon mb-4">
<a href="<?= url("spa")?>"><img src="<?= url("shared/img/ic5.svg")?>" alt="icon lhh" title="icon lhh" width="" class="icon-lhh"></a>
</div>
<div class="fbox-content">
<h4 class="font-weight-semibold h4 mb-4 mt-2 ls0 nott color-2">SPA L'OCCITANE</h4>
<p> An immersion in the heart of nature (link para pagina L’Occitane</p>
<a href="<?= url("spa")?>" class="hover-button"><u>Experience More</u> <i class="icon-line-arrow-right"></i></a>
</div>
</div>
</div>
<!-- <img src="demos/finance/images/grid.svg" alt="Grid Image" class="op-05" style="position: absolute; right: -20px; bottom: 0; z-index: -1;">-->
</div>
<div class="heading-block mw-xs mx-auto text-center mt-5">
<h3 class="text-uppercase ls2 font-large text-white" >AND MORE</h3>
</div>
<div class="row services-grid gutter-30 position-relative p-4">
<div class="col-lg-4 col-md-6 col-sm-12 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#2646532b, #333333), url('<?= url("shared/img/img1.jpg")?>')">
<div class="fbox-icon mb-4">
<a href="<?= url("your-stay")?>"><img src="<?= url("shared/img/ic1.svg")?>" alt="icon lhh" title="icon lhh" width="" class="icon-lhh"></a>
</div>
<div class="fbox-content">
<h4 class="font-weight-semibold h4 mb-4 mt-2 ls0 nott color-2">Customize</h4>
<p>Bath amenities of your choice, Unpacking | Repacking of luggage, Personally select the minibar items... A special dream?
Tell us, we can help you!</p>
<a href="<?= url("your-stay")?>" class="hover-button"><u>Experience More</u> <i class="icon-line-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#2646532b, #333333), url('<?= url("shared/img/img2.jpg")?>')">
<div class="fbox-icon mb-4">
<a href="<?= url("your-stay")?>"><img src="<?= url("shared/img/ic2.svg")?>" alt="icon lhh" title="icon lhh" width="" class="icon-lhh"></a>
</div>
<div class="fbox-content">
<h4 class="font-weight-semibold h4 mb-4 mt-2 ls0 nott color-2">Kids</h4>
<p>A place to make friends, have fun, celebrate and… adults can be accepted</p>
<a href="<?= url("your-stay")?>" class="hover-button"><u>Experience More</u> <i class="icon-line-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0" style="background-image: linear-gradient(#2646532b, #333333), url('<?= url("shared/img/img4.jpg")?>')">
<div class="fbox-icon mb-4">
<a href="<?= url("your-stay")?>"><img src="<?= url("shared/img/ic4.svg")?>" alt="icon lhh" title="icon lhh" width="" class="icon-lhh"></a>
</div>
<div class="fbox-content">
<h4 class="font-weight-semibold h4 mb-4 mt-2 ls0 nott color-2">Work/Play</h4>
<p>FUN HOUSE:
Is the heart of the common area you can work or just relax...</p>
<a href="<?= url("your-stay")?>" class="hover-button"><u>Experience More</u> <i class="icon-line-arrow-right"></i></a>
</div>
</div>
</div>
<!-- <img src="demos/finance/images/grid.svg" alt="Grid Image" class="op-05" style="position: absolute; right: -20px; bottom: 0; z-index: -1;">-->
</div>
</div>
</div>
<?php $v->insert("views/map"); ?>
<div class="section bg-transparent" style="padding: 100px 0;">
<div class="container">
<div class="heading-block mw-xs mx-auto text-center mb-6">
<h2 class="text-uppercase ls2 font-large" >LATEST FROM PRESS</h2>
<p class="nott ls0 text-muted">Stay in Touch with the Latest News & Events from LHH</p>
</div>
<div class="row posts-md col-mb-30">
<?php foreach ($posts as $post): ?>
<div class="entry col-sm-6 col-xl-3">
<div class="grid-inner">
<div class="entry-image">
<a href="<?= url("blog/{$post->uri}") ?>" title="<?= $post->title ?>"><img src="<?= image($post->cover, 600,500)?>" alt="<?= $post->title ?>"></a>
</div>
<div class="entry-title title-xs nott">
<h3 class="font-medium2"><a class="color-2" href="<?= url("blog/{$post->uri}") ?>" title="<?= $post->title ?>"><?= $post->title ?></a> </h3>
</div>
<div class="entry-meta">
<ul>
<li><i class="icon-calendar3"></i> <?= date_fmt($post->created_at, "Y/m/d")?></li>
</ul>
</div>
<div class="entry-content">
<p><?= str_limit_chars(strip_tags($post->content), 80) ?></p>
<p><a href="<?= url("blog/{$post->uri}") ?>" class="color-2">Read more >></a></p>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<div class="clear"></div>
<?php $v->insert("views/newsletter-widget"); ?>
</div>
</section><!-- #content end -->