templates/front/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block seo %}
  4.     {{ parent() }}
  5.     <meta name="keywords" content="{{ homepage.keywords }}"/>
  6.     <meta name="description" content="{{ homepage.description }}"/>
  7.     <meta property="og:title" content="Ryvup.com | Accueil">
  8.     <meta property="og:type" content="website">
  9.     <meta property="og:url" content="{{ url('app_client_home') }}">
  10.     <meta property="og:image" content="{% if aboutUs.image1 %}{{ asset('/uploads/files/about/' ~ aboutUs.image1) | imagine_filter('597x396') }}{% else %}{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('597x396') }}{% endif %}">
  11.     <meta property="og:description" content="{{ homepage.description }}">
  12.     <meta property="og:video" content="{% if aboutUs.videoLink1 %}{{ aboutUs.videoLink1 }}{% endif %}">
  13.     <meta property="og:locale" content="fr_FR">
  14.     <meta name="twitter:card" content="summary_large_image">
  15.     <meta name="twitter:url" content="{{ url('app_client_home') }}">
  16.     <meta name="twitter:title" content="Ryvup.com | Accueil">
  17.     <meta name="twitter:description" content="{{ homepage.description }}">
  18.     <meta name="twitter:image" content="{% if aboutUs.image1 %}{{ asset('/uploads/files/about/' ~ aboutUs.image1) | imagine_filter('597x396') }}{% else %}{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('597x396') }}{% endif %}">
  19. {% endblock %}
  21. {% block title %} {% trans %}Accueil{% endtrans %} | {{ parent() }} {% endblock %}
  23. {% block body %}
  24. <section class="hero_section" data-scrollax-parent="true" id="sec1">
  25.     <div class="hero-parallax">
  26.         <div class="bg" data-bg="{{ asset(homepage.getBackgroundPath()) }}" data-scrollax="properties: { translateY: '200px' }"></div>
  27.         <div class="overlay op7"></div>
  28.     </div>
  29.     <div class="hero-section-wrap fl-wrap">
  30.         <div class="container">
  31.             <div class="home-intro">
  32.                 <div class="section-title-separator"><span></span></div>
  33.                 <h2>{{ homepage.title1 }}</h2>
  34.                 <span class="section-separator"></span>                                    
  35.                 <h3 style="font-size: 1.5rem !important">{{ homepage.subTitle1 }}</h3>
  36.             </div>
  37.             <div class="d-flex flex-wrap justify-content-center mt-4">
  38.                 {% for service in services %}
  39.                 <a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="mx-2 my-2">
  40.                     <img src="{{ asset('uploads/files/services/' ~ service.image) | imagine_filter('180x180') }}" alt="{{ service.title }}" class="service-cat-transport">
  41.                 </a>
  42.                 {% endfor %}
  43.             </div>
  44.         </div>
  45.     </div>
  46. </section>
  48. <section>
  49.     <div class="container">
  50.         <div class="section-title">
  51.             <div class="section-title-separator"><span></span></div>
  52.             <h2>{{ homepage.title3 }}</h2>
  53.             <span class="section-separator"></span>
  54.             <p>{{ homepage.subTitle3 }}</p>
  55.         </div>
  57.         <div class="gallery-items fl-wrap mr-bot spad home-grid">
  58.             <div class="gallery-item">
  59.                 <div class="grid-item-holder">
  60.                     <div class="listing-item-grid">
  61.                         <div class="listing-counter"><span>79 </span> Hotels</div>
  62.                         <img  src="{{ asset('front/images/city/1.jpg') }}"   alt="">
  63.                         <div class="listing-item-cat">
  64.                             <h3><a href="listing.html">Rome</a></h3>
  65.                             <div class="weather-grid"   data-grcity="Rome"></div>
  66.                             <div class="clearfix"></div>
  67.                             <p>Constant care and attention to the patients makes good record</p>
  68.                         </div>
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.             <div class="gallery-item">
  73.                 <div class="grid-item-holder">
  74.                     <div class="listing-item-grid">
  75.                         <div class="listing-counter"><span>23 </span> Hotels</div>
  76.                         <img  src="{{ asset('front/images/city/1.jpg') }}"   alt="">
  77.                         <div class="listing-item-cat">
  78.                             <h3><a href="listing.html">London</a></h3>
  79.                             <div class="weather-grid"   data-grcity="London"></div>
  80.                             <div class="clearfix"></div>
  81.                             <p>Constant care and attention to the patients makes good record</p>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.             <div class="gallery-item">
  87.                 <div class="grid-item-holder">
  88.                     <div class="listing-item-grid">
  89.                         <div class="listing-counter"><span>57</span> Hotels</div>
  90.                         <img  src="{{ asset('front/images/city/1.jpg') }}"   alt="">
  91.                         <div class="listing-item-cat">
  92.                             <h3><a href="listing.html">Dubai</a></h3>
  93.                             <div class="weather-grid"   data-grcity="Dubai"></div>
  94.                             <div class="clearfix"></div>
  95.                             <p>Constant care and attention to the patients makes good record</p>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.             <div class="gallery-item">
  101.                 <div class="grid-item-holder">
  102.                     <div class="listing-item-grid">
  103.                         <div class="listing-counter"><span>122</span> Hotels</div>
  104.                         <img  src="{{ asset('front/images/city/1.jpg') }}"   alt="">
  105.                         <div class="listing-item-cat">
  106.                             <h3><a href="listing.html">New York</a></h3>
  107.                             <div class="weather-grid"   data-grcity="New York"></div>
  108.                             <div class="clearfix"></div>
  109.                             <p>Constant care and attention to the patients makes good record</p>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.         </div>
  115.         <a href="#" class="btn color-bg">Voir tous nos services<i class="fas fa-caret-right"></i></a>
  116.     </div>
  117. </section>
  119. <section class="grey-blue-bg">
  120.     <div class="container">
  121.         <div class="section-title">
  122.             <div class="section-title-separator"><span></span></div>
  123.             <h2>{{ homepage.title5 }}</h2>
  124.             <span class="section-separator"></span>
  125.             <p>{{ homepage.subTitle5 }}</p>
  126.         </div>
  127.         <div class="list-carousel fl-wrap card-listing ">
  128.             <div class="listing-carousel  fl-wrap ">
  129.                 <div class="slick-slide-item">
  130.                     <div class="listing-item">
  131.                         <article class="geodir-category-listing fl-wrap">
  132.                             <div class="geodir-category-img">
  133.                                 <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  134.                                 <div class="listing-avatar"><a href="#"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></a>
  135.                                     <span class="avatar-tooltip">Added By  <strong>Alisa Noory</strong></span>
  136.                                 </div>
  137.                                 <div class="sale-window">Sale 20%</div>
  138.                                 <div class="geodir-category-opt">
  139.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="5"></div>
  140.                                     <div class="rate-class-name">
  141.                                         <div class="score"><strong>Very Good</strong>27 Reviews </div>
  142.                                         <span>5.0</span>                                             
  143.                                     </div>
  144.                                 </div>
  145.                             </div>
  146.                             <div class="geodir-category-content fl-wrap title-sin_item">
  147.                                 <div class="geodir-category-content-title fl-wrap">
  148.                                     <div class="geodir-category-content-title-item">
  149.                                         <h3 class="title-sin_map"><a href="#">Premium Plaza Hotel</a></h3>
  150.                                         <div class="geodir-category-location fl-wrap"><a href="#" class="map-item"><i class="fas fa-map-marker-alt"></i> 27th Brooklyn New York, USA</a></div>
  151.                                     </div>
  152.                                 </div>
  153.                                 <p>Sed interdum metus at nisi tempor laoreet. Integer gravida orci a justo sodales.</p>
  154.                                 <ul class="facilities-list fl-wrap">
  155.                                     <li><i class="fal fa-wifi"></i><span>Free WiFi</span></li>
  156.                                     <li><i class="fal fa-parking"></i><span>Parking</span></li>
  157.                                     <li><i class="fal fa-smoking-ban"></i><span>Non-smoking Rooms</span></li>
  158.                                     <li><i class="fal fa-utensils"></i><span> Restaurant</span></li>
  159.                                 </ul>
  160.                                 <div class="geodir-category-footer fl-wrap">
  161.                                     <div class="geodir-category-price">Awg/Night <span>$ 320</span></div>
  162.                                     <div class="geodir-opt-list">
  163.                                         <a href="#" class="single-map-item" data-newlatitude="40.72956781" data-newlongitude="-73.99726866"><i class="fal fa-map-marker-alt"></i><span class="geodir-opt-tooltip">On the map</span></a>
  164.                                         <a href="#" class="geodir-js-favorite"><i class="fal fa-heart"></i><span class="geodir-opt-tooltip">Save</span></a>
  165.                                         <a href="#" class="geodir-js-booking"><i class="fal fa-exchange"></i><span class="geodir-opt-tooltip">Find Directions</span></a>
  166.                                     </div>
  167.                                 </div>
  168.                             </div>
  169.                         </article>
  170.                     </div>
  171.                 </div>
  172.                 <div class="slick-slide-item">
  173.                     <div class="listing-item">
  174.                         <article class="geodir-category-listing fl-wrap">
  175.                             <div class="geodir-category-img">
  176.                                 <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  177.                                 <div class="listing-avatar"><a href="#"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></a>
  178.                                     <span class="avatar-tooltip">Added By  <strong>Julie Cramp</strong></span>
  179.                                 </div>
  180.                                 <div class="sale-window big-sale">Sale 50%</div>
  181.                                 <div class="geodir-category-opt">
  182.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="4"></div>
  183.                                     <div class="rate-class-name">
  184.                                         <div class="score"><strong>Good</strong>12 Reviews </div>
  185.                                         <span>4.2</span>                                             
  186.                                     </div>
  187.                                 </div>
  188.                             </div>
  189.                             <div class="geodir-category-content fl-wrap title-sin_item">
  190.                                 <div class="geodir-category-content-title fl-wrap">
  191.                                     <div class="geodir-category-content-title-item">
  192.                                         <h3 class="title-sin_map"><a href="listing-single.html">Grand Hero Palace</a></h3>
  193.                                         <div class="geodir-category-location fl-wrap"><a href="#" class="map-item"><i class="fas fa-map-marker-alt"></i> W 85th St, New York,  USA</a></div>
  194.                                     </div>
  195.                                 </div>
  196.                                 <p> Morbi suscipit erat in diam bibendum rutrum in nisl. Aliquam et purus ante.</p>
  197.                                 <ul class="facilities-list fl-wrap">
  198.                                     <li><i class="fal fa-wifi"></i><span>Free WiFi</span></li>
  199.                                     <li><i class="fal fa-parking"></i><span>Parking</span></li>
  200.                                     <li><i class="fal fa-smoking-ban"></i><span>Non-smoking Rooms</span></li>
  201.                                     <li><i class="fal fa-utensils"></i><span> Restaurant</span></li>
  202.                                 </ul>
  203.                                 <div class="geodir-category-footer fl-wrap">
  204.                                     <div class="geodir-opt-link">
  205.                                         <div class="geodir-category-price">Awg/Night <span>$ 120</span></div>
  206.                                     </div>
  207.                                     <div class="geodir-opt-list">
  208.                                         <a href="#" class="single-map-item" data-newlatitude="40.76221766" data-newlongitude="-73.96511769"><i class="fal fa-map-marker-alt"></i><span class="geodir-opt-tooltip">On the map</span></a>
  209.                                         <a href="#" class="geodir-js-favorite"><i class="fal fa-heart"></i><span class="geodir-opt-tooltip">Save</span></a>
  210.                                         <a href="#" class="geodir-js-booking"><i class="fal fa-exchange"></i><span class="geodir-opt-tooltip">Find Directions</span></a>
  211.                                     </div>
  212.                                 </div>
  213.                             </div>
  214.                         </article>
  215.                     </div>         
  216.                 </div>
  217.                 <div class="slick-slide-item">
  218.                     <div class="listing-item">
  219.                         <article class="geodir-category-listing fl-wrap">
  220.                             <div class="geodir-category-img">
  221.                                 <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  222.                                 <div class="listing-avatar"><a href="#"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></a>
  223.                                     <span class="avatar-tooltip">Added By  <strong>Andy Moore</strong></span>
  224.                                 </div>
  225.                                 <div class="geodir-category-opt">
  226.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="5"></div>
  227.                                     <div class="rate-class-name">
  228.                                         <div class="score"><strong>Good</strong>6 Reviews </div>
  229.                                         <span>4.7</span>                                             
  230.                                     </div>
  231.                                 </div>
  232.                             </div>
  233.                             <div class="geodir-category-content fl-wrap title-sin_item">
  234.                                 <div class="geodir-category-content-title fl-wrap">
  235.                                     <div class="geodir-category-content-title-item">
  236.                                         <h3 class="title-sin_map"><a href="listing-single.html">Park Central</a></h3>
  237.                                         <div class="geodir-category-location fl-wrap"><a href="#" class="map-item"><i class="fas fa-map-marker-alt"></i>40 Journal Square Plaza, NJ,  USA</a></div>
  238.                                     </div>
  239.                                 </div>
  240.                                 <p> Sed tempor iaculis massa faucibus feugiat. In fermentum facilisis massa.</p>
  241.                                 <ul class="facilities-list fl-wrap">
  242.                                     <li><i class="fal fa-wifi"></i><span>Free WiFi</span></li>
  243.                                     <li><i class="fal fa-parking"></i><span>Parking</span></li>
  244.                                     <li><i class="fal fa-smoking-ban"></i><span>Non-smoking Rooms</span></li>
  245.                                     <li><i class="fal fa-utensils"></i><span> Restaurant</span></li>
  246.                                 </ul>
  247.                                 <div class="geodir-category-footer fl-wrap">
  248.                                     <div class="geodir-opt-link">
  249.                                         <div class="geodir-category-price">Awg/Night <span>$ 80</span></div>
  250.                                     </div>
  251.                                     <div class="geodir-opt-list">
  252.                                         <a href="#" class="single-map-item" data-newlatitude="40.88496706" data-newlongitude="-73.88191222"><i class="fal fa-map-marker-alt"></i><span class="geodir-opt-tooltip">On the map</span></a>
  253.                                         <a href="#" class="geodir-js-favorite"><i class="fal fa-heart"></i><span class="geodir-opt-tooltip">Save</span></a>
  254.                                         <a href="#" class="geodir-js-booking"><i class="fal fa-exchange"></i><span class="geodir-opt-tooltip">Find Directions</span></a>
  255.                                     </div>
  256.                                 </div>
  257.                             </div>
  258.                         </article>
  259.                     </div>
  260.                 </div>
  261.                 <div class="slick-slide-item">
  262.                     <div class="listing-item">
  263.                         <article class="geodir-category-listing fl-wrap">
  264.                             <div class="geodir-category-img">
  265.                                 <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  266.                                 <div class="listing-avatar"><a href="#"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></a>
  267.                                     <span class="avatar-tooltip">Added By  <strong>Mary Jones</strong></span>
  268.                                 </div>
  269.                                 <div class="sale-window">Sale 20%</div>
  270.                                 <div class="geodir-category-opt">
  271.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="3"></div>
  272.                                     <div class="rate-class-name">
  273.                                         <div class="score"><strong>Pleasant</strong>10 Reviews </div>
  274.                                         <span>3.2</span>                                             
  275.                                     </div>
  276.                                 </div>
  277.                             </div>
  278.                             <div class="geodir-category-content fl-wrap title-sin_item">
  279.                                 <div class="geodir-category-content-title fl-wrap">
  280.                                     <div class="geodir-category-content-title-item">
  281.                                         <h3 class="title-sin_map"><a href="listing-single.html">Holiday Home</a></h3>
  282.                                         <div class="geodir-category-location fl-wrap"><a href="#" class="map-item"><i class="fas fa-map-marker-alt"></i> 75 Prince St,  NY, USA</a></div>
  283.                                     </div>
  284.                                 </div>
  285.                                 <p>  Mauris ac maximus neque. Nam in mauris quis libero sodales eleifend.</p>
  286.                                 <ul class="facilities-list fl-wrap">
  287.                                     <li><i class="fal fa-wifi"></i><span>Free WiFi</span></li>
  288.                                     <li><i class="fal fa-parking"></i><span>Parking</span></li>
  289.                                     <li><i class="fal fa-smoking-ban"></i><span>Non-smoking Rooms</span></li>
  290.                                     <li><i class="fal fa-utensils"></i><span> Restaurant</span></li>
  291.                                 </ul>
  292.                                 <div class="geodir-category-footer fl-wrap">
  293.                                     <div class="geodir-opt-link">
  294.                                         <div class="geodir-category-price">Awg/Night <span>$ 50</span></div>
  295.                                     </div>
  296.                                     <div class="geodir-opt-list">
  297.                                         <a href="#" class="single-map-item" data-newlatitude="40.72228267" data-newlongitude="-73.99246214"><i class="fal fa-map-marker-alt"></i><span class="geodir-opt-tooltip">On the map</span></a>
  298.                                         <a href="#" class="geodir-js-favorite"><i class="fal fa-heart"></i><span class="geodir-opt-tooltip">Save</span></a>
  299.                                         <a href="#" class="geodir-js-booking"><i class="fal fa-exchange"></i><span class="geodir-opt-tooltip">Find Directions</span></a>
  300.                                     </div>
  301.                                 </div>
  302.                             </div>
  303.                         </article>
  304.                     </div>
  305.                     <!-- listing-item end --> 
  306.                 </div>
  307.                 <div class="slick-slide-item">
  308.                     <div class="listing-item">
  309.                         <article class="geodir-category-listing fl-wrap">
  310.                             <div class="geodir-category-img">
  311.                                 <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  312.                                 <div class="listing-avatar"><a href="#"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></a>
  313.                                     <span class="avatar-tooltip">Added By  <strong>Fider Mamby</strong></span>
  314.                                 </div>
  315.                                 <div class="sale-window">Sale 10%</div>
  316.                                 <div class="geodir-category-opt">
  317.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="5"></div>
  318.                                     <div class="rate-class-name">
  319.                                         <div class="score"><strong>Very Good</strong>102 Reviews </div>
  320.                                         <span>4.7</span>                                             
  321.                                     </div>
  322.                                 </div>
  323.                             </div>
  324.                             <div class="geodir-category-content fl-wrap title-sin_item">
  325.                                 <div class="geodir-category-content-title fl-wrap">
  326.                                     <div class="geodir-category-content-title-item">
  327.                                         <h3 class="title-sin_map"><a href="listing-single.html">Gold Plaza Hotel</a></h3>
  328.                                         <div class="geodir-category-location fl-wrap"><a href="#" class="map-item"><i class="fas fa-map-marker-alt"></i> 34-42 Montgomery St , NY, USA</a></div>
  329.                                     </div>
  330.                                 </div>
  331.                                 <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec tincidunt arcu, sit amet . </p>
  332.                                 <ul class="facilities-list fl-wrap">
  333.                                     <li><i class="fal fa-wifi"></i><span>Free WiFi</span></li>
  334.                                     <li><i class="fal fa-parking"></i><span>Parking</span></li>
  335.                                     <li><i class="fal fa-smoking-ban"></i><span>Non-smoking Rooms</span></li>
  336.                                     <li><i class="fal fa-utensils"></i><span> Restaurant</span></li>
  337.                                 </ul>
  338.                                 <div class="geodir-category-footer fl-wrap">
  339.                                     <div class="geodir-opt-link">
  340.                                         <div class="geodir-category-price">Awg/Night <span>$ 210</span></div>
  341.                                     </div>
  342.                                     <div class="geodir-opt-list">
  343.                                         <a href="#" class="single-map-item" data-newlatitude="40.94982541" data-newlongitude="-73.84357452"><i class="fal fa-map-marker-alt"></i><span class="geodir-opt-tooltip">On the map</span></a>
  344.                                         <a href="#" class="geodir-js-favorite"><i class="fal fa-heart"></i><span class="geodir-opt-tooltip">Save</span></a>
  345.                                         <a href="#" class="geodir-js-booking"><i class="fal fa-exchange"></i><span class="geodir-opt-tooltip">Find Directions</span></a>
  346.                                     </div>
  347.                                 </div>
  348.                             </div>
  349.                         </article>
  350.                     </div>
  351.                 </div>
  352.                 <div class="slick-slide-item">
  353.                     <div class="listing-item">
  354.                         <article class="geodir-category-listing fl-wrap">
  355.                             <div class="geodir-category-img">
  356.                                 <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  357.                                 <div class="listing-avatar"><a href="#"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></a>
  358.                                     <span class="avatar-tooltip">Added By  <strong>Alisa Noory</strong></span>
  359.                                 </div>
  360.                                 <div class="sale-window big-sale">Sale 70%</div>
  361.                                 <div class="geodir-category-opt">
  362.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="4"></div>
  363.                                     <div class="rate-class-name">
  364.                                         <div class="score"><strong> Good</strong>8 Reviews </div>
  365.                                         <span>4.1</span>                                             
  366.                                     </div>
  367.                                 </div>
  368.                             </div>
  369.                             <div class="geodir-category-content fl-wrap title-sin_item">
  370.                                 <div class="geodir-category-content-title fl-wrap">
  371.                                     <div class="geodir-category-content-title-item">
  372.                                         <h3 class="title-sin_map"><a href="listing-single.html">Moonlight Hotel</a></h3>
  373.                                         <div class="geodir-category-location fl-wrap"><a href="#" class="map-item"><i class="fas fa-map-marker-alt"></i> 70 Bright St New York, USA</a></div>
  374.                                     </div>
  375.                                 </div>
  376.                                 <p> Class aptent taciti  Mauris ac maximus neque. Nam in mauris quis libero sodales eleifend.</p>
  377.                                 <ul class="facilities-list fl-wrap">
  378.                                     <li><i class="fal fa-wifi"></i><span>Free WiFi</span></li>
  379.                                     <li><i class="fal fa-parking"></i><span>Parking</span></li>
  380.                                     <li><i class="fal fa-smoking-ban"></i><span>Non-smoking Rooms</span></li>
  381.                                     <li><i class="fal fa-utensils"></i><span> Restaurant</span></li>
  382.                                 </ul>
  383.                                 <div class="geodir-category-footer fl-wrap">
  384.                                     <div class="geodir-opt-link">
  385.                                         <div class="geodir-category-price">Awg/Night <span>$ 105</span></div>
  386.                                     </div>
  387.                                     <div class="geodir-opt-list">
  388.                                         <a href="#" class="single-map-item" data-newlatitude="40.90261483" data-newlongitude="-74.15737152"><i class="fal fa-map-marker-alt"></i><span class="geodir-opt-tooltip">On the map</span></a>
  389.                                         <a href="#" class="geodir-js-favorite"><i class="fal fa-heart"></i><span class="geodir-opt-tooltip">Save</span></a>
  390.                                         <a href="#" class="geodir-js-booking"><i class="fal fa-exchange"></i><span class="geodir-opt-tooltip">Find Directions</span></a>
  391.                                     </div>
  392.                                 </div>
  393.                             </div>
  394.                         </article>
  395.                     </div>
  396.                 </div>
  397.             </div>
  398.             <div class="swiper-button-prev sw-btn"><i class="fa fa-long-arrow-left"></i></div>
  399.             <div class="swiper-button-next sw-btn"><i class="fa fa-long-arrow-right"></i></div>
  400.         </div>
  401.     </div>
  402. </section>
  404. <section class="parallax-section" data-scrollax-parent="true">
  405.     <div class="bg" data-bg="{{ asset('front/images/bg/1.jpg') }}" data-scrollax="properties: { translateY: '100px' }"></div>
  406.     <div class="overlay op7"></div>
  407.     <div class="container">
  408.         <div class="row">
  409.             <div class="col-md-4">
  410.                 <div class="colomn-text fl-wrap pad-top-column-text_small">
  411.                     <div class="colomn-text-title">
  412.                         <h3>{{ homepage.title4 }}</h3>
  413.                         <p>{{ homepage.subTitle4|raw }}</p>
  414.                         <a href="{{ url('app_transporteur_register') }}" class="btn  color2-bg float-btn">Devenir transporteur<i class="fas fa-caret-right"></i></a>
  415.                     </div>
  416.                 </div>
  417.             </div>
  418.             <div class="col-md-8">
  419.                 <div class="light-carousel-wrap fl-wrap">
  420.                     <div class="light-carousel">
  421.                         <div class="slick-slide-item">
  422.                             <div class="hotel-card fl-wrap title-sin_item">
  423.                                 <div class="geodir-category-img card-post">
  424.                                     <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  425.                                     <div class="listing-counter">Awg/Night <strong>$85</strong></div>
  426.                                     <div class="sale-window">Sale 20%</div>
  427.                                     <div class="geodir-category-opt">
  428.                                         <div class="listing-rating card-popup-rainingvis" data-starrating2="5"></div>
  429.                                         <h4 class="title-sin_map"><a href="listing-single.html">Moonlight Hotel</a></h4>
  430.                                         <div class="geodir-category-location"><a href="#" class="single-map-item" data-newlatitude="40.90261483" data-newlongitude="-74.15737152"><i class="fas fa-map-marker-alt"></i> 75 Prince St,  NY, USA</a></div>
  431.                                         <div class="rate-class-name">
  432.                                             <div class="score"><strong> Good</strong>8 Reviews </div>
  433.                                             <span>4.8</span>                                             
  434.                                         </div>
  435.                                     </div>
  436.                                 </div>
  437.                             </div>
  438.                         </div>
  439.                         <div class="slick-slide-item">
  440.                             <div class="hotel-card fl-wrap title-sin_item">
  441.                                 <div class="geodir-category-img">
  442.                                     <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  443.                                     <div class="listing-counter">Awg/Night <strong>$80</strong></div>
  444.                                     <div class="sale-window big-sale">Sale 50%</div>
  445.                                     <div class="geodir-category-opt">
  446.                                         <div class="listing-rating card-popup-rainingvis" data-starrating2="5"></div>
  447.                                         <h4 class="title-sin_map"><a href="listing-single.html">Holiday Home</a></h4>
  448.                                         <div class="geodir-category-location"><a href="#" class="single-map-item" data-newlatitude="40.72228267" data-newlongitude="-73.99246214"><i class="fas fa-map-marker-alt"></i> 34-42 Montgomery St , NY, USA</a></div>
  449.                                         <div class="rate-class-name">
  450.                                             <div class="score"><strong> Good</strong>2 Reviews </div>
  451.                                             <span>4.7</span>                                             
  452.                                         </div>
  453.                                     </div>
  454.                                 </div>
  455.                             </div>
  456.                         </div>
  457.                         <div class="slick-slide-item">
  458.                             <div class="hotel-card fl-wrap title-sin_item">
  459.                                 <div class="geodir-category-img">
  460.                                     <a href="listing-single.html"><img src="{{ asset('front/images/gal/1.jpg') }}" alt=""></a>
  461.                                     <div class="listing-counter">Awg/Night <strong>$120</strong></div>
  462.                                     <div class="sale-window">Sale 10%</div>
  463.                                     <div class="geodir-category-opt">
  464.                                         <div class="listing-rating card-popup-rainingvis" data-starrating2="5"></div>
  465.                                         <h4 class="title-sin_map"><a href="listing-single.html">Grand Hero Palace</a></h4>
  466.                                         <div class="geodir-category-location"><a href="#" class="single-map-item" data-newlatitude="40.76221766" data-newlongitude="-73.96511769"><i class="fas fa-map-marker-alt"></i> 70 Bright St New York, USA</a></div>
  467.                                         <div class="rate-class-name">
  468.                                             <div class="score"><strong> Good</strong>31 Reviews </div>
  469.                                             <span>4.9</span>                                             
  470.                                         </div>
  471.                                     </div>
  472.                                 </div>
  473.                             </div>
  474.                         </div>                                          
  475.                     </div>
  476.                     <div class="fc-cont  lc-prev"><i class="fal fa-angle-left"></i></div>
  477.                     <div class="fc-cont  lc-next"><i class="fal fa-angle-right"></i></div>
  478.                 </div>
  479.             </div>
  480.         </div>
  481.     </div>
  482. </section>
  484. <section>
  485.     <div class="container">
  486.         <div class="section-title">
  487.             <div class="section-title-separator"><span></span></div>
  488.             <h2>{{ whyChooseUs.title|raw }}</h2>
  489.             <span class="section-separator"></span>
  490.             <p>{{ whyChooseUs.subTitle|raw }}</p>
  491.         </div>
  493.         <div class="row">
  494.             <div class="col-md-4">
  495.                 <div class="process-item big-pad-pr-item">
  496.                     <span class="process-count"> </span>
  497.                     <div class="time-line-icon">
  498.                         {{ whyChooseUs.icon1|raw }}
  499.                     </div>
  500.                     <h4><a href="#">{{ whyChooseUs.title1|raw }}</a></h4>
  501.                     <p>{{ whyChooseUs.content1|raw }}</p>
  502.                 </div>
  503.             </div>
  504.             <div class="col-md-4">
  505.                 <div class="process-item big-pad-pr-item">
  506.                     <span class="process-count"> </span>
  507.                     <div class="time-line-icon">
  508.                         {{ whyChooseUs.icon2|raw }}
  509.                     </div>
  510.                     <h4> <a href="#">{{ whyChooseUs.title2|raw }}</a></h4>
  511.                     <p>{{ whyChooseUs.content2|raw }}</p>
  512.                 </div>
  513.             </div>
  514.             <div class="col-md-4">
  515.                 <div class="process-item big-pad-pr-item nodecpre">
  516.                     <span class="process-count"> </span>
  517.                     <div class="time-line-icon">
  518.                         {{ whyChooseUs.icon3|raw }}
  519.                     </div>
  520.                     <h4><a href="#">{{ whyChooseUs.title3|raw }}</a></h4>
  521.                     <p>{{ whyChooseUs.content3|raw }}</p>
  522.                 </div>                               
  523.             </div>
  524.         </div>
  526.         <div class=" single-facts fl-wrap mar-top">
  527.             <div class="inline-facts-wrap">
  528.                 <div class="inline-facts">
  529.                     {{ whyChooseUs.icon4|raw }}
  530.                     <div class="milestone-counter">
  531.                         <div class="stats animaper">
  532.                             <div class="num" data-content="0" data-num="{{ whyChooseUs.content4|raw }}">{{ whyChooseUs.content4|raw }}</div>
  533.                         </div>
  534.                     </div>
  535.                     <h6>{{ whyChooseUs.title4|raw }}</h6>
  536.                 </div>
  537.             </div>
  538.             <div class="inline-facts-wrap">
  539.                 <div class="inline-facts">
  540.                     {{ whyChooseUs.icon5|raw }}
  541.                     <div class="milestone-counter">
  542.                         <div class="stats animaper">
  543.                             <div class="num" data-content="0" data-num="{{ whyChooseUs.content5|raw }}">{{ whyChooseUs.content5|raw }}</div>
  544.                         </div>
  545.                     </div>
  546.                     <h6>{{ whyChooseUs.title5|raw }}</h6>
  547.                 </div>
  548.             </div>
  549.             <div class="inline-facts-wrap">
  550.                 <div class="inline-facts">
  551.                     {{ whyChooseUs.icon6|raw }}
  552.                     <div class="milestone-counter">
  553.                         <div class="stats animaper">
  554.                             <div class="num" data-content="0" data-num="{{ whyChooseUs.content6|raw }}">{{ whyChooseUs.content6|raw }}</div>
  555.                         </div>
  556.                     </div>
  557.                     <h6>{{ whyChooseUs.title6|raw }}</h6>
  558.                 </div>
  559.             </div>
  560.             <div class="inline-facts-wrap">
  561.                 <div class="inline-facts">
  562.                     {{ whyChooseUs.icon7|raw }}
  563.                     <div class="milestone-counter">
  564.                         <div class="stats animaper">
  565.                             <div class="num" data-content="0" data-num="{{ whyChooseUs.content7|raw }}">{{ whyChooseUs.content7|raw }}</div>
  566.                         </div>
  567.                     </div>
  568.                     <h6>{{ whyChooseUs.title7|raw }}</h6>
  569.                 </div>
  570.             </div>
  571.         </div>
  572.     </div>
  573. </section>
  575. <section class="color-bg hidden-section">
  576.     <div class="wave-bg wave-bg2"></div>
  577.     <div class="container">
  578.         <div class="row">
  579.             <div class="col-md-6">
  580.                 <div class="colomn-text  pad-top-column-text fl-wrap">
  581.                     <div class="colomn-text-title">
  582.                         <h3>{{ homepage.title6 }}</h3>
  583.                         <p>{{ homepage.subTitle6 }}</p>
  584.                         <a href="#" class=" down-btn color3-bg"><i class="fab fa-apple"></i> Télécharger pour iPhone</a>
  585.                         <a href="#" class=" down-btn color3-bg"><i class="fab fa-android"></i> Télécharger pour Android</a>
  586.                     </div>
  587.                 </div>                              
  588.             </div>
  589.             <div class="col-md-6">
  590.                 <div class="collage-image">
  591.                     <img src="{{ asset('front/images/api.png') }}" class="main-collage-image" alt="">
  592.                     <div class="images-collage-title color3-bg">RYV<span>UP</span></div>
  593.                     <div class="collage-image-min cim_1"><img src="{{ asset('front/images/api/1.jpeg') }}" alt=""></div>
  594.                     <div class="collage-image-min cim_2"><img src="{{ asset('front/images/api/1.jpeg') }}" alt=""></div>
  595.                     <div class="collage-image-min cim_3"><img src="{{ asset('front/images/api/1.jpeg') }}" alt=""></div>
  596.                     <div class="collage-image-input">Rechercher <i class="fa fa-search"></i></div>
  597.                     <div class="collage-image-btn color2-bg">Demander un devis</div>
  598.                 </div>
  599.             </div>
  600.         </div>
  601.     </div>
  602. </section>
  604. <section>
  605.     <div class="container">
  606.         <div class="section-title">
  607.             <div class="section-title-separator"><span></span></div>
  608.             <h2>{{ homepage.title7 }}</h2>
  609.             <span class="section-separator"></span>
  610.             <p>{{ homepage.subTitle7 }}</p>
  611.         </div>
  612.         <div class="slider-carousel-wrap text-carousel-wrap fl-wrap">
  613.             <div class="swiper-button-prev sw-btn"><i class="fa fa-long-arrow-left"></i></div>
  614.             <div class="swiper-button-next sw-btn"><i class="fa fa-long-arrow-right"></i></div>
  615.             <div class="text-carousel single-carousel fl-wrap">
  616.                 <div class="slick-item">
  617.                     <div class="text-carousel-item">
  618.                         <div class="popup-avatar"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></div>
  619.                         <div class="listing-rating card-popup-rainingvis" data-starrating2="5"> </div>
  620.                         <div class="review-owner fl-wrap">Milka Antony  - <span>Happy Client</span></div>
  621.                         <p> "In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Lorem ipsum dolor sit amet, conse ctetuer adipiscing elit, sed diam nonu mmy nibh euismod tincidunt ut laoreet dolore magna aliquam erat."</p>
  622.                         <a href="#" class="testim-link">Via Facebook</a>
  623.                     </div>
  624.                 </div>
  625.                 <div class="slick-item">
  626.                     <div class="text-carousel-item">
  627.                         <div class="popup-avatar"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></div>
  628.                         <div class="listing-rating card-popup-rainingvis" data-starrating2="4"> </div>
  629.                         <div class="review-owner fl-wrap">Milka Antony  - <span>Happy Client</span></div>
  630.                         <p> "In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Lorem ipsum dolor sit amet, conse ctetuer adipiscing elit, sed diam nonu mmy nibh euismod tincidunt ut laoreet dolore magna aliquam erat."</p>
  631.                         <a href="#" class="testim-link">Via Facebook</a>
  632.                     </div>
  633.                 </div>
  634.                 <div class="slick-item">
  635.                     <div class="text-carousel-item">
  636.                         <div class="popup-avatar"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></div>
  637.                         <div class="listing-rating card-popup-rainingvis" data-starrating2="5"> </div>
  638.                         <div class="review-owner fl-wrap">Milka Antony  - <span>Happy Client</span></div>
  639.                         <p> "In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Lorem ipsum dolor sit amet, conse ctetuer adipiscing elit, sed diam nonu mmy nibh euismod tincidunt ut laoreet dolore magna aliquam erat."</p>
  640.                         <a href="#" class="testim-link">Via Facebook</a>
  641.                     </div>
  642.                 </div>
  643.                 <div class="slick-item">
  644.                     <div class="text-carousel-item">
  645.                         <div class="popup-avatar"><img src="{{ asset('front/images/avatar/1.jpg') }}" alt=""></div>
  646.                         <div class="listing-rating card-popup-rainingvis" data-starrating2="5"> </div>
  647.                         <div class="review-owner fl-wrap">Milka Antony  - <span>Happy Client</span></div>
  648.                         <p> "In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Lorem ipsum dolor sit amet, conse ctetuer adipiscing elit, sed diam nonu mmy nibh euismod tincidunt ut laoreet dolore magna aliquam erat."</p>
  649.                         <a href="#" class="testim-link">Via Facebook</a>
  650.                     </div>
  651.                 </div>
  652.             </div>
  653.         </div>
  654.     </div>
  655. </section>
  657. <section class="parallax-section" data-scrollax-parent="true">
  658.     <div class="bg"  data-bg="{{ asset('front/images/bg/1.jpg') }}" data-scrollax="properties: { translateY: '100px' }"></div>
  659.     <div class="overlay"></div>
  660.     <div class="container">
  661.         <div class="row">
  662.             <div class="col-md-8">
  663.                 <div class="colomn-text fl-wrap">
  664.                     <div class="colomn-text-title">
  665.                         <h3>{{ homepage.title8 }}</h3>
  666.                         <p>{{ homepage.subTitle8 }}</p>
  667.                         <a href="dashboard-add-listing.html" class="btn  color-bg float-btn">Add your hotel<i class="fal fa-plus"></i></a>
  668.                     </div>
  669.                 </div>
  670.             </div>
  671.         </div>
  672.     </div>
  673. </section>
  675. <section class=" middle-padding">
  676.     <div class="container">
  677.         <div class="section-title">
  678.             <div class="section-title-separator"><span></span></div>
  679.             <h2>{{ homepage.title9 }}</h2>
  680.             <span class="section-separator"></span>
  681.             <p>{{ homepage.subTitle9 }}</p>
  682.         </div>
  683.         <div class="row home-posts">
  684.             {% for article in lastArticles %}
  685.             <div class="col-md-4">
  686.                 <article class="card-post">
  687.                     <div class="card-post-img fl-wrap">
  688.                         <a href="{{ url('app_front_blog_read', {'cat_slug': article.category.slug, 'slug': article.slug}) }}">
  689.                             {% if article.image %}
  690.                             <img src="{{ asset('/uploads/files/articles/' ~ article.image) | imagine_filter('388x257') }}" alt="{{ article.title }}">
  691.                             {% else %}
  692.                             <img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('388x257') }}" alt="{{ article.title }}">
  693.                             {% endif %}
  694.                         </a>
  695.                     </div>
  696.                     <div class="card-post-content fl-wrap">
  697.                         <h3><a href="{{ url('app_front_blog_read', {'cat_slug': article.category.slug, 'slug': article.slug}) }}">{{ article.title }}</a></h3>
  698.                         <p>
  699.                             {% if article.content | length > 410 %}
  700.                             {{ article.content|slice(0,410)|raw }}...
  701.                             {% else %}
  702.                             {{ article.content|slice(0,410)|raw }}
  703.                             {% endif %}
  704.                         </p>
  705.                         <div class="post-opt">
  706.                             <ul>
  707.                                 <li><i class="fal fa-tags"></i> <a href="{{ url('app_front_blog_by_category', {'slug': article.category.slug}) }}" class="text-theme-blue">{{ article.category.name }}</a></li>
  708.                                 <li><i class="fal fa-calendar"></i> <span>{{ article.createdAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}</span></li>
  709.                             </ul>
  710.                         </div>
  711.                     </div>
  712.                 </article>
  713.             </div>
  714.             {% endfor %}
  715.         </div>
  716.         <a href="{{ url('app_front_blog') }}" class="btn color-bg ">Lire toutes les actualités<i class="fas fa-caret-right"></i></a>
  717.     </div>
  718.     <div class="section-decor"></div>
  719. </section>
  720. {% endblock %}