first commit

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/osm"]
+	path = themes/osm
+	url = https://github.com/Hanzei/hugo-component-osm.git

LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 YOUR_NAME_HERE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,52 @@
+# coHub Hugo
+
+<img src="https://user-images.githubusercontent.com/17458664/150072315-13c8a214-a88e-44da-8ab0-6cf353c1feec.png" alt="screenshot" width="100%">
+
+coHub is a simple, minimal and responsive Portfolio Hugo Theme. coHub is well organized, well-formatted and named accordingly so it’s easy to change any and all of the design. coHub is built with Bootstrap 4.5. You can customize it very easily to fit your needs.
+
+## Table of Contents
+
+- [Live Demo](#live-demo)
+- [Installation](#installation)
+- [Main Features](#features)
+- [Support](#support)
+- [Licensing](#licensing)
+- [Hire](#hire)
+
+## Live Demo
+
+Check out the live demo [here](https://cohub-hugo.netlify.app/)
+
+## Installation
+
+1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/hugo-coHub.git themes/coHub`.
+2. Copy the `data`, `content`, `static`, `resources` & `config.toml` files from the `exampleSite` directory and paste it on you Hugo Project repository/directory. From the site home directory:
+
+   ```cli
+   cp -a themes/coHub/exampleSite/* .
+   ```
+
+3. Build your site with `hugo serve` and see the result at `http://localhost:1313/`.
+
+## Features
+
+- Responsive Ready.
+- Powered by Bootstrap 4.5.
+- Blog Support.
+- Well formatted code.
+- Easy Customization.
+- FabForm.io [static website forms](https://fabform.io).
+- Google Analytics.
+- Crafted for Personal Portfolio
+
+## Support
+
+Have some question or facing any technical trouble? Feel free to [Contact Us](https://staticmania.com/contact/).
+
+## Licensing
+
+This Repository is licensed under the [MIT](https://github.com/StaticMania/coHub/blob/master/LICENSE) License.
+
+## Hire
+
+Need help to build HUGO websites with your custom requirements. Feel free to [contact](https://staticmania.com/contact/) us. We provide custom development service for HUGO.

archetypes/default.md

@@ -0,0 +1,2 @@
++++
++++

assets/js/calendar.js

@@ -0,0 +1,115 @@
+let date = new Date();
+let year = date.getFullYear();
+let month = date.getMonth();
+
+const day = document.querySelector(".calendar-dates");
+
+const currdate = document
+    .querySelector(".calendar-current-date");
+
+const prenexIcons = document
+    .querySelectorAll(".calendar-navigation span");
+
+// Array of month names
+const months = [
+    "Janvier",
+    "Février",
+    "Mars",
+    "Avril",
+    "Mai",
+    "Juin",
+    "Juillet",
+    "Août",
+    "Septembre",
+    "Octobre",
+    "Novembre",
+    "Décembre"
+];
+
+// Function to generate the calendar
+const manipulate = () => {
+
+    // Get the first day of the month
+    let dayone = new Date(year, month, 1).getDay();
+
+    // Get the last date of the month
+    let lastdate = new Date(year, month + 1, 0).getDate();
+
+    // Get the day of the last date of the month
+    let dayend = new Date(year, month, lastdate).getDay();
+
+    // Get the last date of the previous month
+    let monthlastdate = new Date(year, month, 0).getDate();
+
+    // Variable to store the generated calendar HTML
+    let lit = "";
+
+    // Loop to add the last dates of the previous month
+    for (let i = dayone; i > 0; i--) {
+        lit +=
+            `<li class="inactive">${monthlastdate - i + 1}</li>`;
+    }
+
+    // Loop to add the dates of the current month
+    for (let i = 1; i <= lastdate; i++) {
+
+        // Check if the current date is today
+        let isToday = i === date.getDate()
+            && month === new Date().getMonth()
+            && year === new Date().getFullYear()
+            ? "active"
+            : "";
+        lit += `<li class="${isToday}">${i}</li>`;
+    }
+
+    // Loop to add the first dates of the next month
+    for (let i = dayend; i < 6; i++) {
+        lit += `<li class="inactive">${i - dayend + 1}</li>`
+    }
+
+    // Update the text of the current date element
+    // with the formatted current month and year
+    currdate.innerText = `${months[month]} ${year}`;
+
+    // update the HTML of the dates element
+    // with the generated calendar
+    day.innerHTML = lit;
+}
+
+manipulate();
+
+// Attach a click event listener to each icon
+prenexIcons.forEach(icon => {
+
+    // When an icon is clicked
+    icon.addEventListener("click", () => {
+
+        // Check if the icon is "calendar-prev"
+        // or "calendar-next"
+        month = icon.id === "calendar-prev" ? month - 1 : month + 1;
+
+        // Check if the month is out of range
+        if (month < 0 || month > 11) {
+
+            // Set the date to the first day of the
+            // month with the new year
+            date = new Date(year, month, new Date().getDate());
+
+            // Set the year to the new year
+            year = date.getFullYear();
+
+            // Set the month to the new month
+            month = date.getMonth();
+        }
+
+        else {
+
+            // Set the date to the current date
+            date = new Date();
+        }
+
+        // Call the manipulate function to
+        // update the calendar display
+        manipulate();
+    });
+});

assets/js/formhandler.js

@@ -0,0 +1,40 @@
+window.addEventListener("DOMContentLoaded", function() {    
+  var form = document.getElementById("contact-form");
+  var button = document.getElementById("contact-form-button");
+  var status = document.getElementById("contact-form-status");
+
+  function success() {
+    form.reset();
+    button.style = "display: none ";
+    status.innerHTML = "Thanks! Contact form is submitted successfully.";
+  }
+
+  function error() {
+    status.innerHTML = "Oops! There was a problem.";
+  }
+
+  // handle the form submission event
+
+  form.addEventListener("submit", function(ev) {
+    ev.preventDefault();
+    var data = new FormData(form);
+    ajax(form.method, form.action, data, success, error);
+  });
+});
+
+// helper function for sending an AJAX request
+
+function ajax(method, url, data, success, error) {
+  var xhr = new XMLHttpRequest();
+  xhr.open(method, url);
+  xhr.setRequestHeader("Accept", "application/json");
+  xhr.onreadystatechange = function() {
+    if (xhr.readyState !== XMLHttpRequest.DONE) return;
+    if (xhr.status === 200) {
+      success(xhr.response, xhr.responseType);
+    } else {
+      error(xhr.status, xhr.response, xhr.responseType);
+    }
+  };
+  xhr.send(data);
+}

assets/js/script.js

@@ -0,0 +1,364 @@
+$(document).ready(function () {
+  "use strict";
+  //Copyright Date
+  // var newYear = document.getElementById("newYear");
+  // newYear.innerHTML = new Date().getFullYear();
+  
+  // Scroll to top
+  $("a[href='#top']").click(function () {
+    $("html, body").animate(
+      {
+        scrollTop: 0,
+      },
+      "slow"
+    );
+    return false;
+  });
+
+  // Smooth scroll
+  $("a.scroll-to").on("click", function (event) {
+    $("html, body")
+      .stop()
+      .animate(
+        {
+          scrollTop: $(this.hash).offset().top - 50,
+        },
+        1000
+      );
+    event.preventDefault();
+    if (screen.width < 992) {
+      $(".navbar-toggler").click();
+    }
+  });
+
+  // AOS initialize
+  AOS.init({
+    disable: "mobile",
+  });
+
+  // Service Item Match Height
+  $(".service-item").matchHeight({
+    byRow: 0,
+  });
+
+  // .blog-content Match Height
+  $(".blog-content").matchHeight({
+    byRow: 0,
+  });
+  $(".story-slider").slick({
+    dots: true,
+    infinite: true,
+    speed: 300,
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    arrows: false,
+    autoplay: true,
+    responsive: [
+      {
+        breakpoint: 992,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 768,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+  $(".quotes-slider").slick({
+    dots: true,
+    infinite: true,
+    speed: 300,
+    slidesToShow: 1,
+    slidesToScroll: 1,
+    arrows: false,
+    autoplay: true,
+    responsive: [
+      {
+        breakpoint: 992,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 768,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+  $(".clients-slider").slick({
+    dots: true,
+    infinite: true,
+    speed: 300,
+    slidesToShow: 4,
+    slidesToScroll: 1,
+    arrows: false,
+    autoplay: true,
+    responsive: [
+      {
+        breakpoint: 992,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 768,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  });
+  $(".popup-youtube, .popup-vimeo, .popup-gmaps").magnificPopup({
+    disableOn: 700,
+    type: "iframe",
+    mainClass: "mfp-fade",
+    removalDelay: 160,
+    preloader: false,
+    fixedContentPos: false,
+  });
+  // Magnific Gallery
+  $(".gallery").magnificPopup({
+    delegate: "a",
+    type: "image",
+    closeOnContentClick: false,
+    closeBtnInside: false,
+    mainClass: "mfp-with-zoom mfp-img-mobile",
+    image: {
+      verticalFit: true,
+      titleSrc: function (item) {
+        return (
+          item.el.attr("title") +
+          ' &middot; <a class="image-source-link" href="' +
+          item.el.attr("data-source") +
+          '" target="_blank">image source</a>'
+        );
+      },
+    },
+    gallery: {
+      enabled: true,
+    },
+    zoom: {
+      enabled: true,
+      duration: 300, // don't foget to change the duration also in CSS
+      opener: function (element) {
+        return element.find("img");
+      },
+    },
+  });
+});
+
+// Add nav bg
+$(window).on("scroll", function () {
+  if ($(window).scrollTop()) {
+    $(".main-nav").addClass("nav-bg");
+  } else {
+    $(".main-nav").removeClass("nav-bg");
+  }
+});
+// G-Map
+/**
+ * Created by Kausar on 06/10/2016.
+ */
+ window.marker = null;
+
+ function initialize() {
+   var map;
+   var lat = $("#map").data("lat");
+   var long = $("#map").data("long");
+   console.log(lat, long);
+   var mapCenter = new google.maps.LatLng(lat, long);
+   var style = [
+    {
+        "featureType": "all",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#202c3e"
+            }
+        ]
+    },
+    {
+        "featureType": "all",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "gamma": 0.01
+            },
+            {
+                "lightness": 20
+            },
+            {
+                "weight": "1.39"
+            },
+            {
+                "color": "#ffffff"
+            }
+        ]
+    },
+    {
+        "featureType": "all",
+        "elementType": "labels.text.stroke",
+        "stylers": [
+            {
+                "weight": "0.96"
+            },
+            {
+                "saturation": "9"
+            },
+            {
+                "visibility": "on"
+            },
+            {
+                "color": "#000000"
+            }
+        ]
+    },
+    {
+        "featureType": "all",
+        "elementType": "labels.icon",
+        "stylers": [
+            {
+                "visibility": "off"
+            }
+        ]
+    },
+    {
+        "featureType": "landscape",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "lightness": 30
+            },
+            {
+                "saturation": "9"
+            },
+            {
+                "color": "#29446b"
+            }
+        ]
+    },
+    {
+        "featureType": "poi",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "saturation": 20
+            }
+        ]
+    },
+    {
+        "featureType": "poi.park",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "lightness": 20
+            },
+            {
+                "saturation": -20
+            }
+        ]
+    },
+    {
+        "featureType": "road",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "lightness": 10
+            },
+            {
+                "saturation": -30
+            }
+        ]
+    },
+    {
+        "featureType": "road",
+        "elementType": "geometry.fill",
+        "stylers": [
+            {
+                "color": "#193a55"
+            }
+        ]
+    },
+    {
+        "featureType": "road",
+        "elementType": "geometry.stroke",
+        "stylers": [
+            {
+                "saturation": 25
+            },
+            {
+                "lightness": 25
+            },
+            {
+                "weight": "0.01"
+            }
+        ]
+    },
+    {
+        "featureType": "water",
+        "elementType": "all",
+        "stylers": [
+            {
+                "lightness": -20
+            }
+        ]
+    }
+  ];
+   var mapOptions = {
+     // SET THE CENTER
+     center: mapCenter,
+     // SET THE MAP STYLE & ZOOM LEVEL
+     mapTypeId: google.maps.MapTypeId.ROADMAP,
+     // REMOVE ALL THE CONTROLS EXCEPT ZOOM
+     zoom: 12,
+     panControl: false,
+     scrollwheel: false,
+     zoomControl: true,
+     mapTypeControl: false,
+     scaleControl: false,
+     streetViewControl: false,
+     overviewMapControl: false,
+     zoomControlOptions: {
+       style: google.maps.ZoomControlStyle.LARGE,
+     },
+   };
+ 
+   map = new google.maps.Map(document.getElementById("map"), mapOptions);
+   // SET THE MAP TYPE
+   var mapType = new google.maps.StyledMapType(style, {
+     name: "Grayscale",
+   });
+   map.mapTypes.set("grey", mapType);
+   map.setMapTypeId("grey");
+   //CREATE A CUSTOM PIN ICON
+   var marker_image = $("#map").data("pin");
+   var pinIcon = new google.maps.MarkerImage(
+     marker_image,
+     null,
+     null,
+     null
+   );
+   marker = new google.maps.Marker({
+     position: mapCenter,
+     map: map,
+     icon: pinIcon,
+     title: "CoHub",
+   });
+ }
+ 
+ if ($("#map").length > 0) {
+   google.maps.event.addDomListener(window, "load", initialize);
+ }
+ 

assets/scss/_animatedtext.scss

@@ -0,0 +1,84 @@
+.jt {
+  position: relative;
+  font-size: 20vmin;
+  font-family: 'Staatliches', sans-serif;
+  text-transform: uppercase;
+  font-display: swap;
+  text-shadow: 0 0 10px tomato;
+}
+
+.jt__row {
+  display: block;
+}
+.jt__row:nth-child(1) {
+  clip-path: polygon(-10% 75%, 110% 75%, 110% 110%, -10% 110%);
+}
+.jt__row:nth-child(2) {
+  clip-path: polygon(-10% 50%, 110% 50%, 110% 75.3%, -10% 75.3%);
+}
+.jt__row:nth-child(3) {
+  clip-path: polygon(-10% 25%, 110% 25%, 110% 50.3%, -10% 50.3%);
+}
+.jt__row:nth-child(4) {
+  clip-path: polygon(-10% 0%, 110% 0%, 110% 25.3%, -10% 25.3%);
+}
+
+.jt__row.jt__row--sibling {
+  position: absolute;
+  top: 0;
+  left: 0;
+  user-select: none;
+  witdh:800px;
+}
+
+.jt__text {
+  display: block;
+  transform-origin: bottom left;
+  animation: moveIn 2s 0s cubic-bezier(.36,0,.06,1) alternate infinite ;
+}
+.jt__row:nth-child(1) .jt__text {
+  transform: translateY(-0.1em);
+}
+.jt__row:nth-child(2) .jt__text {
+  transform: translateY(-0.3em) scaleY(1.1);
+}
+.jt__row:nth-child(3) .jt__text {
+  transform: translateY(-0.5em) scaleY(1.2) ;
+}
+.jt__row:nth-child(4) .jt__text {
+  transform: translateY(-0.7em) scaleY(1.3) ;
+}
+.jt__row:nth-child(5) .jt__text {
+  transform: translateY(-0.9em) scaleY(1.4) ;
+}
+.jt__row:nth-child(6) .jt__text {
+  transform: translateY(-1.1em) scaleY(1.5) ;
+}
+
+@keyframes moveIn {
+  50%, 100% {
+    transform: translateY(0em)
+  }
+  0%   {
+  opacity: 0;
+  filter: blur(10px);
+
+  }
+  100% {
+  opacity: 1;
+  filter: blur(0px);
+  }
+}
+
+
+
+.debug .jt__row:nth-child(even) {
+  color: black;
+  background: white;
+}
+.debug .jt__row:nth-child(odd) {
+  color: white;
+  background: black;
+}
+
+* { box-sizing: border-box }

assets/scss/_buttons.scss

@@ -0,0 +1,12 @@
+.btn-primary {
+  background: $primary-color;
+  color: $white;
+  border: 1px solid $primary-color;
+  font-family: $primary-font;
+  font-size: 14px;
+  padding: 15px 40px;
+  transition: 0.3s $site-ease;
+  &:hover {
+    transform: translateY(-3px);
+  }
+}

assets/scss/_common.scss

@@ -0,0 +1,183 @@
+.section {
+  padding: 100px 0;
+  @include desktop {
+    padding: 50px 0;
+  }
+
+  &-title {
+    text-align: center;
+    margin-bottom: 100px;
+    position: relative;
+    @include mobile {
+      margin-bottom: 70px;
+    }
+
+    &::before {
+      content: "";
+      position: absolute;
+      width: 100px;
+      height: 5px;
+      background: $text-color;
+      border-radius: 5px;
+      bottom: -25px;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    h2 {
+      font-size: 40px;
+      color: #252525;
+      margin-bottom: 15px;
+
+      @include tablet {
+        font-size: 25px;
+      }
+    }
+
+    h3 {
+      font-size: 40px;
+      color: $white;
+      margin-bottom: 15px;
+
+      @include tablet {
+        font-size: 25px;
+      }
+    }
+
+    p {
+      width: 66%;
+      margin: 0 auto;
+
+      @include mobile-xs {
+        width: 72%;
+      }
+
+      @include mobile {
+        width: 90%;
+      }
+
+      @include tablet {
+        font-size: 16px;
+      }
+
+      @include desktop {
+        width: 100%;
+      }
+    }
+  }
+}
+.page-header {
+  text-align: center;
+  padding-bottom: 100px;
+  @include desktop-lg {
+    padding-bottom: 60px;
+  }
+  @include tablet {
+    padding-bottom: 50px;
+  }
+
+  h2 {
+    font-size: 40px;
+    color: #252525;
+    margin-bottom: 15px;
+
+    @include tablet {
+      font-size: 30px;
+    }
+  }
+
+  p {
+    width: 66%;
+    margin: 0 auto;
+
+    @include mobile-xs {
+      width: 72%;
+    }
+
+    @include mobile {
+      width: 90%;
+    }
+
+    @include tablet {
+      font-size: 16px;
+    }
+
+    @include desktop {
+      width: 100%;
+    }
+  }
+}
+.about {
+  padding-top: 150px;
+  @include mobile {
+    padding-top: 120px;
+  }
+}
+// bloge page-title
+.page-title {
+  padding: 200px 0 50px;
+  text-align: center;
+  @include desktop-lg {
+    padding: 130px 0 50px;
+  }
+  @include desktop {
+    padding: 140px 0 50px;
+  }
+  @include mobile {
+    padding: 110px 0 30px;
+  }
+  @include mobile-xs {
+    padding: 110px 0 0px;
+  }
+
+  h1 {
+    margin-bottom: 15px;
+  }
+
+  .breadcrumb {
+    padding: 0;
+    background: transparent;
+    justify-content: center;
+  }
+
+  .breadcrumb-item {
+    font-family: $primary-font;
+
+    a {
+      font-weight: 600;
+      color: $primary-color;
+    }
+  }
+}
+
+.privacy-policy {
+  background-color: $border-color;
+  padding: 150px 0;
+  @include mobile {
+    padding-bottom: 40px;
+  }
+  &-content {
+    padding: 50px;
+    background-color: $white;
+    border-radius: 20px;
+    @include desktop {
+      padding: 30px;
+    }
+  }
+  &-item {
+    margin-bottom: 40px;
+    h2 {
+      margin-bottom: 10px;
+      font-weight: 600;
+      font-size: 20px;
+      line-height: 26px;
+    }
+    p {
+      margin-bottom: 20px;
+      font-weight: normal;
+      font-size: 16px;
+      line-height: 26px;
+      color: $text-color;
+    }
+  }
+}

assets/scss/_mixins.scss

@@ -0,0 +1,48 @@
+@mixin mobile-xs{
+  @media(max-width:400px){
+    @content;
+  }
+}
+@mixin mobile{
+  @media(max-width:575px){
+    @content;
+  }
+}
+@mixin tablet{
+  @media(max-width:767px){
+    @content;
+  }
+}
+@mixin desktop{
+  @media(max-width:991px){
+    @content;
+  }
+}
+@mixin desktop-lg{
+  @media(max-width:1199px){
+    @content;
+  }
+}
+
+@mixin desktop-xl{
+  @media(max-width:1400px){
+    @content;
+  }
+}
+
+@mixin desktop-1500{
+  @media(min-width:1500px){
+    @content;
+  }
+}
+
+@mixin desktop-4k{
+  @media(min-width:2000px){
+    @content;
+  }
+}
+
+
+@mixin size($size){
+  width: $size; height: $size;
+}

assets/scss/_typography.scss

@@ -0,0 +1,50 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400|Open+Sans:300,400,600,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
+
+body {
+  font-family: $secondary-font;
+  font-size: 16px;
+  color: $text-color;
+  background: $body-color;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: $text-color-dark;
+  font-family: $primary-font;
+  font-weight: 400;
+}
+
+p {
+  font-size: 16px;
+  color: $text-color;
+  line-height: 26px;
+  font-weight: 300;
+  letter-spacing: 0.5px;
+}
+
+h1 {
+  font-size: 44px;
+  line-height: 58px;
+}
+
+h2 {
+  font-size: 33px;
+  line-height: 45px;
+  font-weight: 300;
+}
+
+h3 {
+  font-size: 19px;
+  font-weight: 400;
+  color: $text-color-dark;
+}
+
+h4 {
+  font-size: 16px;
+  font-weight: 400;
+}

assets/scss/_variables.scss

@@ -0,0 +1,17 @@
+//site color variables
+$body-color: #FFF;
+$bg-color:#DFF1F4;
+$primary-color: #007af5;
+$secondary-color: #5477F8;
+$text-color: #808080;
+$text-color-dark:#252525;
+$site-ease: cubic-bezier(0.77, 0, 0.175, 1);
+$border-color: #EDEDF4;
+
+// solid colors
+$white: #fff;
+$black: #000;
+
+// Font Variables
+$primary-font: 'Montserrat', sans-serif;
+$secondary-font: 'Open Sans', sans-serif;

assets/scss/components/_blog.scss

@@ -0,0 +1,228 @@
+.blog {
+  padding-top: 100px;
+  padding-bottom: 100px;
+  @include tablet {
+    padding-top: 60px;
+    padding-bottom: 60px;
+  }
+  @include mobile {
+    padding: 30px 0;
+  }
+  &-post {
+    margin-bottom: 30px;
+    @include mobile {
+      margin-bottom: 15px;
+    }
+    img {
+      width: 100%;
+      border-radius: 5px 5px 0 0;
+      transition: all 0.3s ease-in-out;
+
+      &:hover {
+        opacity: 0.7;
+      }
+    }
+  }
+  &-content {
+    padding: 30px 20px;
+    border-left: 1px solid #ececec;
+    border-right: 1px solid #ececec;
+    border-bottom: 1px solid #ececec;
+    border-radius: 0px 5px 5px 5px;
+
+    h3 {
+      @include mobile-xs {
+        margin-top: 20px;
+      }
+
+      a {
+        font-size: 18px;
+        line-height: 26px;
+        color: $text-color-dark;
+        text-transform: capitalize;
+
+        @include mobile-xs {
+          font-size: 15px;
+        }
+
+        &:hover {
+          text-decoration: none;
+          color: $primary-color;
+        }
+      }
+
+      font-weight: 500;
+    }
+
+    a.more {
+      font-size: 14px;
+      font-weight: 400;
+      font-family: $primary-font;
+      text-transform: capitalize;
+      transition: 0.3s $site-ease;
+
+      span {
+        display: inline-block;
+        margin-left: 5px;
+      }
+
+      &:hover {
+        text-decoration: none;
+        letter-spacing: 1px;
+      }
+    }
+  }
+
+  &-pagination {
+    margin-top: 40px;
+
+    .pagination {
+      justify-content: center;
+
+      .page-item {
+        &:not(:last-child) {
+          margin-right: 10px;
+        }
+
+        .page-link {
+          font-size: 18px;
+          border-radius: 5px;
+          border: none;
+          padding: 12px 20px;
+          color: $text-color-dark;
+          font-weight: 300;
+          transition: all 0.3s ease;
+          font-family: $primary-font;
+        }
+
+        &.active {
+          .page-link {
+            background-color: $primary-color;
+            color: $white;
+          }
+        }
+      }
+    }
+  }
+}
+
+.post {
+  text-align: center;
+  padding-top: 150px;
+  padding-bottom: 90px;
+
+  @include desktop {
+    padding-bottom: 50px;
+  }
+  @include mobile {
+    padding-top: 110px;
+    padding-bottom: 40px;
+  }
+
+  &-title {
+    padding-bottom: 20px;
+
+    h2 {
+      font-size: 33px;
+      line-height: 35px;
+
+      @include mobile {
+        font-size: 30px;
+      }
+      @include mobile-xs {
+        font-size: 25px;
+      }
+    }
+  }
+
+  &-meta {
+    padding-bottom: 50px;
+    @include mobile {
+      padding-bottom: 20px;
+    }
+
+    p {
+      a {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  &-image {
+    img {
+      max-width: 100%;
+      border-radius: 6px;
+    }
+  }
+
+  &-body {
+    text-align: left;
+    padding-top: 30px;
+    p {
+      line-height: 32px;
+      margin-bottom: 30px;
+      @include mobile-xs {
+        font-size: 15px;
+      }
+    }
+
+    blockquote {
+      p{
+        font-size: 16px;
+        line-height: 30px;
+        color: $text-color-dark;
+        margin-bottom: 40px;
+        font-family: $primary-font;
+        font-weight: 400;
+        font-style: italic;
+        @include mobile-xs {
+          font-size: 15px;
+        }
+      }
+    }
+    ul,
+    ol {
+      margin: 0;
+      padding-left: 20px;
+      li {
+        &:not(:last-child) {
+          margin-bottom: 10px;
+        }
+        font-weight: 300;
+      }
+    }
+  }
+
+  &-list {
+    text-align: left;
+    li {
+      font-size: 22px;
+      @include mobile-xs {
+        font-size: 18px;
+      }
+      &:not(:last-child) {
+        margin-bottom: 10px;
+      }
+    }
+  }
+  p{
+    .tags{
+      font-size: 14px;
+      color: #666;
+      font-weight: 500;
+      transition: all .3s ease-in-out;
+      display: inline-block;
+      text-decoration: none;
+      &:nth-child(2) {
+        margin-left: 5px !important;
+      }
+      &:not(:last-child) {
+        margin-right: 5px;
+      }
+      &:hover{
+        color: #0056b3;
+        text-decoration: underline;
+      }
+    } 
+  }
+}

assets/scss/components/_clients.scss

@@ -0,0 +1,60 @@
+.clients {
+  position: relative;
+  padding: 50px 0;
+  overflow: hidden;
+  text-align: center;
+  background-color: #8080802e;
+  margin: 100px 0;
+  @include desktop {
+    margin-bottom: 50px;
+  }
+  @include tablet {
+    margin: 50px 0 30px 0;
+  }
+  &-slider {
+    position: relative;
+    padding: 50px 0;
+    @include mobile {
+      padding: 20px 0;
+    }
+    &-item {
+      position: relative;
+      outline: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      img {
+        max-width: 80%;
+        margin: 0 auto;
+        display: block;
+      }
+    }
+    .slick-dots {
+      position: absolute;
+      bottom: -50px;
+      display: flex;
+      justify-content: center;
+      @include mobile {
+        bottom: -30px;
+      }
+      li {
+        margin: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        button {
+          background: $text-color;
+          text-indent: -999999999px;
+          border-radius: 50%;
+          width: 3px;
+          height: 3px;
+          outline: 0;
+        }
+      }
+    }
+    .slick-dots li.slick-active button {
+      background: $primary-color;
+    }
+  }
+}

assets/scss/components/_contact.scss

@@ -0,0 +1,112 @@
+.contact {
+  .container-fluid {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  &-aria {
+    background: #222029;
+    padding: 100px;
+    @include desktop {
+      text-align: center;
+      padding: 50px;
+    }
+    @include mobile {
+      padding: 30px;
+    }
+    @include mobile-xs {
+      padding: 30px 10px;
+    }
+    a:link {
+      text-decoration: none;
+    }
+    h3 {
+      font-size: 25px;
+      line-height: 38px;
+      font-weight: 300;
+      color: $white;
+    }
+
+    ul {
+      padding: 0;
+      margin: 30px 0;
+
+      li {
+        list-style: none;
+        a {
+          color: $white;
+          line-height: 32px;
+          font-size: 19px;
+          font-weight: 400;
+          text-decoration: underline;
+          font-family: $primary-font;
+        }
+      }
+    }
+
+    h2 {
+        color: $white;
+      }
+
+    p {
+      color: $white;
+      font-weight: 300;
+      line-height: 32px;
+      margin-bottom: 20px;
+
+      @include desktop {
+        width: 80%;
+        margin: 0 auto;
+        padding-bottom: 20px;
+      }
+
+      @include mobile {
+        width: 100%;
+      }
+    }
+  }
+  #map {
+    height: 100%;
+
+    @include desktop {
+      height: 500px;
+    }
+    @include tablet {
+      height: 400px;
+    }
+    @include mobile {
+      height: 300px;
+    }
+    @include mobile-xs {
+      height: 200px;
+    }
+  }
+  &-section {
+    padding: 140px 0 100px 0;
+    @include mobile {
+      padding: 120px 0 50px 0;
+    }
+  }
+  &-form {
+    text-align: center;
+    h2 {
+      font-size: 30px;
+      margin-bottom: 40px;
+      @include mobile-xs {
+        font-size: 24px;
+        line-height: 40px;
+      }
+    }
+    form {
+      .form-control {
+        padding: 17px 20px;
+        margin-bottom: 30px;
+        @include mobile-xs {
+          margin-bottom: 20px;
+        }
+      }
+      .form-check {
+        margin-bottom: 30px;
+      }
+    }
+  }
+}

assets/scss/components/_cta.scss

@@ -0,0 +1,17 @@
+.cta {
+  padding-bottom: 50px;
+  @include tablet {
+    padding-bottom: 20px;
+  }
+  &-content {
+    text-align: center;
+
+    h2 {
+      margin-bottom: 15px;
+
+      @include mobile-xs {
+        font-size: 20px;
+      }
+    }
+  }
+}

assets/scss/components/_error.scss

@@ -0,0 +1,121 @@
+.error {
+  background: #f0f2f5;
+  position: relative;
+  overflow: hidden;
+  &-content {
+    padding: 270px 0 245px;
+    text-align: center;
+
+    @include desktop-lg {
+      padding: 200px 0;
+    }
+
+    @include desktop {
+      padding: 150px 0 100px;
+    }
+    @include mobile {
+      padding: 120px 0 60px;
+    }
+
+    h2 {
+      font-size: 170px;
+      display: inline-block;
+      margin-bottom: 80px;
+
+      @include desktop {
+        font-size: 100px;
+        margin-bottom: 60px;
+      }
+
+      @include tablet {
+        font-size: 80px;
+        margin-bottom: 50px;
+      }
+
+      @include mobile {
+        font-size: 50px;
+        margin-bottom: 30px;
+      }
+
+      @include mobile-xs {
+        font-size: 40px;
+        margin-bottom: 20px;
+      }
+    }
+
+    p {
+      font-size: 30px;
+      font-weight: 500;
+      color: $text-color-dark;
+      @include mobile-xs {
+        font-size: 24px;
+      }
+    }
+
+    form {
+      padding: 30px 0 70px;
+      width: 50%;
+      margin: 0 auto;
+
+      @include tablet {
+        width: 80%;
+      }
+      @include mobile {
+        padding: 30px 0 40px;
+      }
+
+      .input-group {
+        .form-control {
+          background: white;
+          padding: 20px 50px 20px 40px;
+          border-radius: 50px;
+          color: $text-color;
+          position: relative;
+          z-index: 0;
+          border: none;
+
+          @include mobile-xs {
+            padding: 10px 50px 10px 20px;
+          }
+        }
+
+        .input-search {
+          position: absolute;
+          top: 50%;
+          left: 95%;
+          transform: translate(-95%, -50%);
+
+          @include mobile-xs {
+            left: 90%;
+          }
+
+          a {
+            text-decoration: none;
+            font-size: 30px;
+            i {
+              color: $text-color;
+            }
+          }
+        }
+      }
+    }
+
+    &-link {
+      a {
+        background: $primary-color;
+        padding: 15px 30px;
+        color: $white;
+        border-radius: 30px;
+        font-size: 16px;
+        font-weight: 600;
+        text-decoration: none;
+        text-transform: capitalize;
+        text-decoration: none;
+
+        i {
+          padding-right: 10px;
+        }
+      }
+    }
+  }
+}

assets/scss/components/_faq.scss

@@ -0,0 +1,52 @@
+.faq {
+  background: #b8cfe6 ;
+  padding: 100px 0;
+  @include desktop {
+    text-align: center;
+    padding: 0 0 50px 0;
+  }
+
+  .text-block {
+    h2 {
+      color: #002255;
+      @include tablet {
+        margin-bottom: 40px;
+      }
+      @include mobile-xs {
+        font-size: 20px;
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &-content {
+    margin: 0 auto 30px;
+    @include tablet {
+      text-align: center;
+    }
+    @include mobile {
+      width: 100%;
+    }
+    @include mobile-xs {
+      margin-bottom: 15px;
+    }
+    h3 {
+      color: #002255;
+      font-weight: 500;
+      margin: 0 0 10px;
+      @include desktop {
+        margin-top: 0;
+      }
+    }
+
+    p {
+      font-weight: 400;
+      font-size: 14px;
+    }
+
+    a {
+      text-decoration: underline;
+      font-size: 14px;
+    }
+  }
+}

assets/scss/components/_footer.scss

@@ -0,0 +1,152 @@
+.footer {
+  padding: 100px 0;
+  background: #f7f8fc;
+  @include desktop {
+    padding: 50px 0;
+    text-align: center;
+  }
+
+  @include tablet {
+    text-align: center;
+  }
+
+  &-logo {
+    margin-bottom: 30px;
+  }
+
+  &-menu {
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    padding-bottom: 20px;
+
+    @include tablet {
+      justify-content: center;
+    }
+
+    @include desktop {
+      padding-bottom: 10px;
+      justify-content: center;
+    }
+
+    img {
+      width: 15%;
+    }
+
+    ul {
+      margin: 0;
+      padding: 0;
+
+      li {
+        list-style: none;
+        display: inline-block;
+
+        &:not(:first-child) {
+          padding-left: 50px;
+
+          @include desktop {
+            padding-left: 30px;
+          }
+        }
+
+        a {
+          font-size: 12px;
+          color: $text-color-dark;
+          transition: all 0.5s ease-in-out;
+
+          &:hover {
+            opacity: 0.7;
+          }
+        }
+      }
+    }
+  }
+
+  &-text-block {
+    @include desktop {
+      text-align: center;
+    }
+
+    p {
+      margin-bottom: 0;
+      font-family: $primary-font;
+    }
+  }
+
+  &-icon {
+    display: flex;
+    justify-content: flex-end;
+    padding-bottom: 20px;
+
+    @include desktop {
+      justify-content: center;
+      margin-top: 40px;
+    }
+
+    @include desktop {
+      padding-bottom: 10px;
+    }
+
+    ul {
+      padding: 0;
+      margin: 0;
+
+      li {
+        list-style: none;
+        padding-left: 15px;
+        display: inline-block;
+
+        &:first-child {
+          padding-left: 0;
+        }
+
+        a {
+          color: #666666;
+          transition: all 0.3s ease-in-out;
+          text-decoration: none;
+
+          i {
+            font-size: 1.5rem;
+            opacity: 0.5;
+          }
+        }
+      }
+    }
+  }
+
+  &-copyright-text {
+    display: flex;
+    justify-content: flex-end;
+    opacity: 0.5;
+
+    @include desktop {
+      justify-content: center;
+    }
+
+    p {
+      font-size: 12px;
+      margin-bottom: 0;
+    }
+
+    ul {
+      padding: 0;
+      margin: 0;
+
+      li {
+        list-style: none;
+        display: inline-block;
+        padding-left: 20px;
+
+        a {
+          font-size: 12px;
+          color: #666666;
+          transition: all 0.3s ease-in-out;
+        }
+      }
+    }
+  }
+
+  li:hover > a {
+    color: $primary-color;
+  }
+}

assets/scss/components/_gallery.scss

@@ -0,0 +1,56 @@
+.gallery {
+  padding: 100px 0;
+  @include desktop-lg {
+    padding: 70px 0 50px;
+  }
+  @include tablet {
+    padding: 50px 0 0;
+  }
+  &-item {
+    opacity: 1;
+    transition: all 0.5s $site-ease;
+    margin-bottom: 30px;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
+    a {
+      cursor: url(../images/plus.png), auto;
+    }
+    img {
+      max-width: 100%;
+    }
+    &:hover {
+      transform: scale(1.02);
+    }
+  }
+
+  &-button-platform {
+    padding-bottom: 20px;
+
+    a {
+      background: $primary-color;
+      transition: all 0.3s ease-in-out;
+      position: relative;
+      font-family: "Lato", sans-serif;
+      padding: 10px 50px;
+      text-transform: uppercase;
+      font-size: 12px;
+
+      .badge {
+        top: -7px;
+        position: absolute;
+        color: #f7f1f1;
+        background: #31639c;
+        border-radius: 50px;
+        padding: 7px 20px;
+        font-size: 10px;
+        font-weight: 400;
+        right: -20px;
+      }
+    }
+
+    &-pragrap {
+      font-size: 12px;
+    }
+  }
+}

assets/scss/components/_hero.scss

@@ -0,0 +1,147 @@
+.hero {
+  padding: 250px 0 200px;
+  position: relative;
+  background-position: center;
+  background-size: cover;
+
+  @include desktop-lg {
+    padding: 150px 0 120px;
+  }
+  @include desktop {
+    padding: 200px 0 120px;
+  }
+  @include tablet {
+    padding: 150px 0 100px;
+  }
+  @include mobile {
+    padding: 120px 0 80px;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba($color: $black, $alpha: 0.5);
+  }
+
+  &-content {
+    text-align: center;
+    position: relative;
+    z-index: 1;
+
+    h1 {
+      color: whitesmoke;
+      margin-bottom: 15px;
+      font-size: 50px;
+      line-height: 70px;
+
+      @include tablet {
+        font-size: 40px;
+        line-height: 55px;
+      }
+      @include mobile {
+        font-size: 30px;
+        line-height: 45px;
+      }
+
+      @include mobile-xs {
+        font-size: 24px;
+        line-height: 40px;
+      }
+    }
+
+    h2 {
+      color: #cc0016;
+    }
+
+    h3 {
+      color: whitesmoke;
+      margin-bottom: 5px;
+      font-size: 20px;
+      line-height: 30px;
+
+      @include tablet {
+        font-size: 150px;
+        line-height: 35px;
+      }
+      @include mobile {
+        font-size: 15px;
+        line-height: 25px;
+      }
+
+      @include mobile-xs {
+        font-size: 18px;
+        line-height: 20px;
+      }
+    }
+
+    p {
+      color: #b8cfe6;
+      font-size: 19px;
+      line-height: 32px;
+      width: 83%;
+      margin: 0 auto 50px;
+
+      @include desktop {
+        width: 100%;
+      }
+      @include mobile {
+        margin: 0;
+      }
+    }
+  }
+
+  &-video-player {
+    margin-top: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    flex-direction: column;
+
+    @include desktop {
+      margin-top: 60px;
+    }
+    @include mobile {
+      margin-top: 30px;
+    }
+    .hero-video-player-icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      a {
+        display: block;
+        position: relative;
+        background: #b8cfe6;
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+        color: $white;
+        margin-bottom: 20px;
+        transition: 0.3s ease-in-out;
+
+        &:hover {
+          transform: scale(1.2);
+          i {
+            color: $primary-color;
+            font-size: 20px;
+          }
+        }
+        i {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          transition: all 0.3s ease-in-out;
+        }
+      }
+    }
+    span {
+      color: #b8cfe6;
+      font-family: $primary-font;
+    }
+  }
+}

assets/scss/components/_liens.scss

@@ -0,0 +1,29 @@
+.lien {
+  padding: 100px 0;
+  @include desktop-lg {
+    padding: 70px 0 50px;
+  }
+  @include tablet {
+    padding: 50px 0 0;
+  }
+  &-infos {
+    text-align: center;
+    margin-bottom: 30px;
+  }
+  &-thumb {
+      margin-bottom: 20px;
+      overflow: hidden;
+      border-radius: 8px;
+      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+      img {
+        width: 100%;
+        border-radius: 8px;
+        transition: all 0.5s ease-in-out;
+      }
+      &:hover {
+        img {
+          transform: scale(1.2);
+        }
+      }
+    }
+  }

assets/scss/components/_navigation.scss

@@ -0,0 +1,153 @@
+.main-nav {
+  padding: 30px 35px 20px;
+  transition: all 0.5s ease-in-out;
+  position: fixed;
+  z-index: 99;
+  top: 0;
+  width: 100%;
+  @include desktop {
+    background: $white;
+    padding: 30px;
+  }
+  @include mobile {
+    padding: 15px 30px;
+    width: 95%;
+    left: 50%;
+    transform: translateX(-50%);
+    top: 10px;
+  }
+  .navbar-nav {
+    .nav-item {
+      .nav-link {
+        color: $white;
+        padding-left: 20px;
+        font-weight: 500;
+        font-size: 14px;
+        padding-right: 20px;
+        letter-spacing: 1px;
+        position: relative;
+        font-family: $primary-font;
+        z-index: 1;
+        transition: all 0.5s ease-in-out;
+        @include desktop {
+          color: $text-color-dark;
+        }
+      }
+    }
+
+    @include desktop {
+      align-items: center;
+    }
+  }
+
+  .navbar-brand {
+    .logo-main {
+      display: none;
+      @include desktop {
+        display: block;
+      }
+    }
+    .logo-white {
+      display: block;
+      @include desktop {
+        display: none;
+      }
+    }
+    img {
+      width: 100px;
+    }
+  }
+
+  .navbar-toggler {
+    outline: 0;
+    padding: 0;
+
+    .icon-bar {
+      width: 25px;
+      height: 2px;
+      background: $secondary-color;
+      transition: all 0.2s;
+      display: block;
+
+      &:not(:last-child) {
+        margin-bottom: 5px;
+      }
+
+      &:nth-child(1) {
+        transform: rotate(45deg);
+        transform-origin: 10% 10%;
+      }
+
+      &:nth-child(2) {
+        opacity: 0;
+        filter: alpha(opacity=0);
+      }
+
+      &:nth-child(3) {
+        transform: rotate(-45deg);
+        transform-origin: 10% 90%;
+      }
+    }
+
+    &.collapsed {
+      .icon-bar {
+        &:nth-child(1) {
+          transform: rotate(0);
+        }
+
+        &:nth-child(2) {
+          opacity: 1;
+          filter: alpha(opacity=1);
+        }
+
+        &:nth-child(3) {
+          transform: rotate(0);
+        }
+      }
+    }
+  }
+
+  &.nav-bg {
+    background: $white;
+    padding: 20px;
+    border: none;
+    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
+    top: 0;
+    @include mobile {
+      top: 10px;
+      padding: 20px 20px;
+    }
+    .navbar-brand {
+      .logo-main {
+        display: block;
+      }
+
+      .logo-white {
+        display: none;
+      }
+    }
+
+    .nav-link {
+      color: $text-color-dark !important;
+
+      &::before {
+        background: darken($color: $white, $amount: 10) !important;
+      }
+    }
+
+    .account-list {
+      li {
+        a {
+          color: $white;
+          background: $secondary-color;
+          box-shadow: none;
+        }
+      }
+    }
+  }
+
+  &-colored {
+    @extend .nav-bg;
+    box-shadow: none;
+  }
+}

assets/scss/components/_pricing.scss

@@ -0,0 +1,184 @@
+.pricing {
+  padding: 100px 0;
+  @include desktop {
+    padding: 50px 0;
+  }
+  @include mobile-xs {
+    padding: 30px 0;
+  }
+  &-wraper {
+    transition: all 0.3s ease-in-out;
+    .pricing-item {
+      background: $white;
+      padding: 40px 10px;
+      text-align: center;
+      border: 1px solid #0000001c;
+      border-radius: 6px 6px 0 0;
+      position: relative;
+      h2 {
+        color: $white;
+      }
+      h3 {
+        margin-bottom: 20px;
+      }
+      span.price {
+        font-size: 70px;
+        font-weight: 400;
+        font-family: $primary-font;
+        color: $text-color-dark;
+        transition: all 0.3s ease-in-out;
+        sup {
+          font-size: 30px;
+        }
+        display: block;
+        margin-bottom: 20px;
+      }
+      &-badge {
+        position: absolute;
+        background: $primary-color;
+        padding: 5px 10px;
+        font-size: 10px;
+        font-weight: 700;
+        color: $white;
+        text-transform: lowercase;
+        font-family: $primary-font;
+        border-radius: 5px;
+        top: 20px;
+        right: 20px;
+      }
+      p {
+        margin-top: 20px;
+        font-size: 14px;
+        width: 80%;
+        margin: 0 auto;
+      }
+    }
+    a {
+      border: none;
+      width: 100%;
+      border-radius: 0px 0px 6px 6px;
+      font-size: 13px;
+      padding: 15px;
+      font-weight: 500;
+      transition: all 0.3s ease-in-out;
+      @include desktop {
+        margin-bottom: 20px;
+      }
+    }
+    &:hover {
+      transform: scale(1.05);
+      a {
+        background-color: darken($color: $primary-color, $amount: 10);
+        transform: translateY(0);
+      }
+      span.price {
+        color: $primary-color;
+      }
+    }
+  }
+}
+
+.calendar-container {
+    background: $white;
+    /* width: 450px; */
+    border-radius: 10px;
+    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
+}
+
+.calendar-container header {
+    display: flex;
+    align-items: center;
+    padding: 25px 30px 10px;
+    justify-content: space-between;
+}
+
+header .calendar-navigation {
+    display: flex;
+}
+
+header .calendar-navigation span {
+    height: 38px;
+    width: 38px;
+    margin: 0 1px;
+    cursor: pointer;
+    text-align: center;
+    line-height: 30px;
+    border-radius: 50%;
+    user-select: none;
+    color: #aeabab;
+    font-size: 1.9rem;
+}
+
+.calendar-navigation span:last-child {
+    margin-right: -10px;
+}
+
+header .calendar-navigation span:hover {
+    background: #f2f2f2;
+}
+
+header .calendar-current-date {
+    font-weight: 500;
+    font-size: 1.45rem;
+}
+
+.calendar-body {
+    padding: 15px;
+}
+
+.calendar-body ul {
+    list-style: none;
+    flex-wrap: wrap;
+    display: flex;
+    text-align: center;
+}
+
+.calendar-body .calendar-dates {
+    margin-bottom: 20px;
+}
+
+.calendar-body li {
+    width: calc(100% / 7);
+    font-size: 1rem;
+    color: #414141;
+}
+
+.calendar-body .calendar-weekdays li {
+    cursor: default;
+    font-weight: 500;
+}
+
+.calendar-body .calendar-dates li {
+    margin-top: 30px;
+    position: relative;
+    z-index: 1;
+    cursor: pointer;
+}
+
+.calendar-dates li.inactive {
+    color: #aaa;
+}
+
+.calendar-dates li.active {
+    color: #fff;
+}
+
+.calendar-dates li::before {
+    position: absolute;
+    content: "";
+    z-index: -1;
+    top: 50%;
+    left: 50%;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.calendar-dates li.active::before {
+    background: $primary-color;
+}
+
+.calendar-dates li:not(.active):hover::before {
+    background: $bg-color;
+}

assets/scss/components/_quotes.scss

@@ -0,0 +1,54 @@
+.quotes {
+  text-align: center;
+  &-slider {
+    &-item {
+      outline: none;
+      h2 {
+        font-size: 40px;
+        font-weight: 500;
+        display: block;
+        line-height: 50px;
+        margin: 0 140px 20px 140px;
+        @include tablet {
+          margin: 0 50px 20px 50px;
+        }
+        @include mobile {
+          margin: 0 10px 20px 10px;
+          font-size: 30px;
+          line-height: 40px;
+        }
+        @include mobile-xs {
+          font-size: 25px;
+          line-height: 35px;
+        }
+      }
+      span {
+        font-size: 16px;
+      }
+    }
+    .slick-dots {
+      position: absolute;
+      bottom: -40px;
+      display: flex;
+      justify-content: center;
+      li {
+        margin: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        button {
+          background: $text-color;
+          text-indent: -999999999px;
+          border-radius: 50%;
+          width: 3px;
+          height: 3px;
+          outline: 0;
+        }
+      }
+    }
+    .slick-dots li.slick-active button {
+      background: $primary-color;
+    }
+  }
+}

assets/scss/components/_service.scss

@@ -0,0 +1,45 @@
+.service {
+  background: #f7f8fc;
+  padding: 50px 0;
+  @include mobile {
+    padding: 20px 0;
+  }
+  &-item {
+    background: $white;
+    padding: 50px 30px 50px;
+    text-align: center;
+    border: 1px solid #0000001c;
+    border-radius: 6px;
+    margin-bottom: 30px;
+    transition: all 0.3s ease-in-out;
+    @include mobile {
+      padding: 20px;
+      margin-bottom: 20px;
+    }
+    i {
+      font-size: 40px;
+      margin-bottom: 40px;
+      color: #002255;
+      /* color: $text-color-dark; */
+      display: inline-block;
+      transition: all 0.3s ease-in-out;
+    }
+    h3 {
+      color: #002255;
+      text-transform: capitalize;
+      line-height: 26px;
+    }
+    p {
+      font-size: 14px;
+      color: #666666;
+      line-height: 26px;
+      margin-bottom: 0;
+    }
+    &:hover {
+      transform: scale(1.05);
+      i {
+        color: $primary-color;
+      }
+    }
+  }
+}

assets/scss/components/_story.scss

@@ -0,0 +1,46 @@
+.story {
+  position: relative;
+  display: flex;
+  align-items: center;
+  &-content {
+    @include tablet {
+      text-align: center;
+    }
+    h2 {
+      margin-bottom: 20px;
+    }
+  }
+  &-slider {
+    .slider-item {
+      outline: none;
+      img {
+        width: 100%;
+        transition: 0.5s $site-ease;
+      }
+    }
+    .slick-dots {
+      position: absolute;
+      bottom: -40px;
+      display: flex;
+      justify-content: center;
+      li {
+        margin: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        button {
+          background: $text-color;
+          text-indent: -999999999px;
+          border-radius: 50%;
+          width: 5px;
+          height: 5px;
+          outline: 0;
+        }
+      }
+    }
+    .slick-dots li.slick-active button {
+      background: $primary-color;
+    }
+  }
+}

assets/scss/components/_team.scss

@@ -0,0 +1,30 @@
+.team {
+  background: #b8cfe6 ;
+  padding-bottom: 100px;
+  @include desktop {
+    padding-bottom: 40px;
+  }
+  @include mobile {
+    padding-bottom: 30px;
+  }
+  .member-informashion {
+    text-align: center;
+    margin-bottom: 30px;
+    .member-thume {
+      margin-bottom: 20px;
+      overflow: hidden;
+      border-radius: 8px;
+      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+      img {
+        width: 100%;
+        border-radius: 8px;
+        transition: all 0.5s ease-in-out;
+      }
+      &:hover {
+        img {
+          transform: scale(1.2);
+        }
+      }
+    }
+  }
+}

assets/scss/components/_testimonial.scss

@@ -0,0 +1,60 @@
+.testimonial {
+  position: relative;
+  background-position: center;
+  background-size: cover;
+  background-attachment: fixed;
+  padding: 100px 0;
+  @include desktop {
+    padding: 50px 0;
+  }
+  &::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: rgba($color: $black, $alpha: 0.5);
+    top: 0;
+    left: 0;
+  }
+  &-content {
+    background: $white;
+    padding: 50px 70px 40px;
+    border-radius: 6px;
+    position: relative;
+    z-index: 1;
+    @include desktop {
+      text-align: center;
+    }
+
+    @include mobile {
+      padding: 30px;
+    }
+    @include mobile-xs {
+      padding: 30px 15px 15px;
+    }
+
+    h3 {
+      font-weight: 300;
+      font-size: 25px;
+      margin-bottom: 35px;
+    }
+
+    blockquote {
+      line-height: 32px;
+      font-family: $primary-font;
+      font-weight: 600;
+      letter-spacing: 0.5px;
+      color: $text-color-dark;
+      cite {
+        color: #666666;
+        display: block;
+        margin-top: 30px;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 600;
+        font-family: $secondary-font;
+        letter-spacing: 0;
+      }
+    }
+  }
+}

assets/scss/critical.scss

@@ -0,0 +1,13 @@
+@import "variables";
+
+@import "plugins/bootstrap.min";
+
+@import "typography";
+
+@import "mixins";
+
+@import "buttons";
+
+@import "components/navigation";
+
+@import "components/hero";

assets/scss/non-critical.scss

@@ -0,0 +1,47 @@
+@import "variables";
+
+@import "mixins";
+
+@import "plugins/themify";
+
+@import "plugins/slick";
+
+@import "plugins/slick-theme";
+
+@import "plugins/aos";
+
+@import "plugins/magnific-popup";
+
+@import "plugins/animate";
+
+@import "common";
+
+@import "components/gallery";
+
+@import "components/cta";
+
+@import "components/service";
+
+@import "components/blog";
+
+@import "components/testimonial";
+
+@import "components/pricing";
+
+@import "components/faq";
+
+@import "components/clients";
+
+@import "components/story";
+
+@import "components/team";
+
+@import "components/liens";
+
+@import "components/quotes";
+
+@import "components/contact";
+
+@import "components/error";
+
+@import "components/footer";

assets/scss/plugins/_magnific-popup.scss

@@ -0,0 +1,470 @@
+/* Magnific Popup CSS */
+.mfp-bg {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1042;
+    overflow: hidden;
+    position: fixed;
+    background: #0b0b0b;
+    opacity: 0.8;
+}
+
+.mfp-wrap {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1043;
+    position: fixed;
+    outline: none !important;
+    -webkit-backface-visibility: hidden;
+}
+
+.mfp-container {
+    text-align: center;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    padding: 0 8px;
+    box-sizing: border-box;
+}
+
+.mfp-container:before {
+    content: '';
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+}
+
+.mfp-align-top .mfp-container:before {
+    display: none;
+}
+
+.mfp-content {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+    margin: 0 auto;
+    text-align: left;
+    z-index: 1045;
+}
+
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
+    width: 100%;
+    cursor: auto;
+}
+
+.mfp-ajax-cur {
+    cursor: progress;
+}
+
+.mfp-zoom-out-cur,
+.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+    cursor: -moz-zoom-out;
+    cursor: -webkit-zoom-out;
+    cursor: zoom-out;
+}
+
+.mfp-zoom {
+    cursor: pointer;
+    cursor: -webkit-zoom-in;
+    cursor: -moz-zoom-in;
+    cursor: zoom-in;
+}
+
+.mfp-auto-cursor .mfp-content {
+    cursor: auto;
+}
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+}
+
+.mfp-loading.mfp-figure {
+    display: none;
+}
+
+.mfp-hide {
+    display: none !important;
+}
+
+.mfp-preloader {
+    color: #CCC;
+    position: absolute;
+    top: 50%;
+    width: auto;
+    text-align: center;
+    margin-top: -0.8em;
+    left: 8px;
+    right: 8px;
+    z-index: 1044;
+}
+
+.mfp-preloader a {
+    color: #CCC;
+}
+
+.mfp-preloader a:hover {
+    color: #FFF;
+}
+
+.mfp-s-ready .mfp-preloader {
+    display: none;
+}
+
+.mfp-s-error .mfp-content {
+    display: none;
+}
+
+button.mfp-close,
+button.mfp-arrow {
+    overflow: visible;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+    -webkit-appearance: none;
+    display: block;
+    outline: none;
+    padding: 0;
+    z-index: 1046;
+    box-shadow: none;
+    touch-action: manipulation;
+}
+
+button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+.mfp-close {
+    width: 44px;
+    height: 44px;
+    line-height: 44px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    text-decoration: none;
+    text-align: center;
+    opacity: 0.65;
+    padding: 0 0 18px 10px;
+    color: #FFF;
+    font-style: normal;
+    font-size: 28px;
+    font-family: Arial, Baskerville, monospace;
+}
+
+.mfp-close:hover,
+.mfp-close:focus {
+    opacity: 1;
+}
+
+.mfp-close:active {
+    top: 1px;
+}
+
+.mfp-close-btn-in .mfp-close {
+    color: #333;
+}
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+    color: #FFF;
+    right: -6px;
+    text-align: right;
+    padding-right: 6px;
+    width: 100%;
+}
+
+.mfp-counter {
+    position: absolute;
+    top: 0;
+    right: 0;
+    color: #CCC;
+    font-size: 12px;
+    line-height: 18px;
+    white-space: nowrap;
+}
+
+.mfp-arrow {
+    position: absolute;
+    opacity: 0.65;
+    margin: 0;
+    top: 50%;
+    margin-top: -55px;
+    padding: 0;
+    width: 90px;
+    height: 110px;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.mfp-arrow:active {
+    margin-top: -54px;
+}
+
+.mfp-arrow:hover,
+.mfp-arrow:focus {
+    opacity: 1;
+}
+
+.mfp-arrow:before,
+.mfp-arrow:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    margin-top: 35px;
+    margin-left: 35px;
+    border: medium inset transparent;
+}
+
+.mfp-arrow:after {
+    border-top-width: 13px;
+    border-bottom-width: 13px;
+    top: 8px;
+}
+
+.mfp-arrow:before {
+    border-top-width: 21px;
+    border-bottom-width: 21px;
+    opacity: 0.7;
+}
+
+.mfp-arrow-left {
+    left: 0;
+}
+
+.mfp-arrow-left:after {
+    border-right: 17px solid #FFF;
+    margin-left: 31px;
+}
+
+.mfp-arrow-left:before {
+    margin-left: 25px;
+    border-right: 27px solid #3F3F3F;
+}
+
+.mfp-arrow-right {
+    right: 0;
+}
+
+.mfp-arrow-right:after {
+    border-left: 17px solid #FFF;
+    margin-left: 39px;
+}
+
+.mfp-arrow-right:before {
+    border-left: 27px solid #3F3F3F;
+}
+
+.mfp-iframe-holder {
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+
+.mfp-iframe-holder .mfp-content {
+    line-height: 0;
+    width: 100%;
+    max-width: 900px;
+}
+
+.mfp-iframe-holder .mfp-close {
+    top: -40px;
+}
+
+.mfp-iframe-scaler {
+    width: 100%;
+    height: 0;
+    overflow: hidden;
+    padding-top: 56.25%;
+}
+
+.mfp-iframe-scaler iframe {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #000;
+}
+
+/* Main image in popup */
+img.mfp-img {
+    width: auto;
+    max-width: 100%;
+    height: auto;
+    display: block;
+    line-height: 0;
+    box-sizing: border-box;
+    padding: 40px 0 40px;
+    margin: 0 auto;
+}
+
+/* The shadow behind the image */
+.mfp-figure {
+    line-height: 0;
+}
+
+.mfp-figure:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 40px;
+    bottom: 40px;
+    display: block;
+    right: 0;
+    width: auto;
+    height: auto;
+    z-index: -1;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #444;
+}
+
+.mfp-figure small {
+    color: #BDBDBD;
+    display: block;
+    font-size: 12px;
+    line-height: 14px;
+}
+
+.mfp-figure figure {
+    margin: 0;
+}
+
+.mfp-bottom-bar {
+    margin-top: -36px;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    width: 100%;
+    cursor: auto;
+}
+
+.mfp-title {
+    text-align: left;
+    line-height: 18px;
+    color: #F3F3F3;
+    word-wrap: break-word;
+    padding-right: 36px;
+}
+
+.mfp-image-holder .mfp-content {
+    max-width: 100%;
+}
+
+.mfp-gallery .mfp-image-holder .mfp-figure {
+    cursor: pointer;
+}
+
+@media screen and (max-width: 800px) and (orientation: landscape),
+screen and (max-height: 300px) {
+
+    /**
+         * Remove all paddings around the image on small screen
+         */
+    .mfp-img-mobile .mfp-image-holder {
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+    .mfp-img-mobile img.mfp-img {
+        padding: 0;
+    }
+
+    .mfp-img-mobile .mfp-figure:after {
+        top: 0;
+        bottom: 0;
+    }
+
+    .mfp-img-mobile .mfp-figure small {
+        display: inline;
+        margin-left: 5px;
+    }
+
+    .mfp-img-mobile .mfp-bottom-bar {
+        background: rgba(0, 0, 0, 0.6);
+        bottom: 0;
+        margin: 0;
+        top: auto;
+        padding: 3px 5px;
+        position: fixed;
+        box-sizing: border-box;
+    }
+
+    .mfp-img-mobile .mfp-bottom-bar:empty {
+        padding: 0;
+    }
+
+    .mfp-img-mobile .mfp-counter {
+        right: 5px;
+        top: 3px;
+    }
+
+    .mfp-img-mobile .mfp-close {
+        top: 0;
+        right: 0;
+        width: 35px;
+        height: 35px;
+        line-height: 35px;
+        background: rgba(0, 0, 0, 0.6);
+        position: fixed;
+        text-align: center;
+        padding: 0;
+    }
+}
+
+@media all and (max-width: 900px) {
+    .mfp-arrow {
+        -webkit-transform: scale(0.75);
+        transform: scale(0.75);
+    }
+
+    .mfp-arrow-left {
+        -webkit-transform-origin: 0;
+        transform-origin: 0;
+    }
+
+    .mfp-arrow-right {
+        -webkit-transform-origin: 100%;
+        transform-origin: 100%;
+    }
+
+    .mfp-container {
+        padding-left: 6px;
+        padding-right: 6px;
+    }
+}
+
+.mfp-iframe-holder .mfp-close{
+    font-family: $primary-font;
+    font-weight: 300;
+    font-size: 35px;
+}
+
+button.mfp-close{
+    font-family: $primary-font;
+    font-weight: 300;
+    font-size: 35px;
+}
+
+.mfp-zoom-out-cur{
+    cursor: url(../images/minus.png), auto;
+}
+
+.mfp-title, .mfp-counter{
+    font-family: $primary-font;
+}

assets/scss/plugins/_slick-theme.scss

@@ -0,0 +1,199 @@
+@charset 'UTF-8';
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('../fonts/slick.eot');
+    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
+    font-display: swap;
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '→';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: .25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}

assets/scss/plugins/_slick.scss

@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}

config.toml

@@ -0,0 +1,83 @@
+baseURL = 'https://loicgentil.fr'
+languageCode = 'fr-FR'
+timeZone = "Europe/Paris"
+paginate = 6
+theme = ["osm", "coHub"]
+title = 'Loïc GENTIL'
+ 
+
+  # Main Menu
+  [[menu.Main]]
+  name = "L'Ostéopathie Tissulaire"
+  url= "#osteopathie"
+  weight = 1
+  [[menu.Main]]
+  name = "En savoir plus..."
+  url= "#blog"
+  weight = 2
+  [[menu.Main]]
+  name = "Qui je suis..."
+  url= "#qui"
+  weight = 3
+  [[menu.Main]]
+  name = "Quelques liens..."
+  url= "#liens"
+  weight = 4
+  [[menu.Main]]
+  name = "Horaires et Tarif"
+  url= "#horaires"
+  weight = 5
+  [[menu.Main]]
+  name = "Le Cabinet"
+  url= "#cabinet"
+  weight = 6
+  [[menu.Main]]
+  name = "Contact"
+  url= "/contact"
+  weight = 7
+
+  # Sitemap Menu
+  [[menu.sitemap]]
+  name = "Politque de Confidentialité"
+  url = "/privacy/"
+  weight = 1
+
+[params]
+  # theme_overrides = "css/overrides.css"
+  aboutPageURL = "#about"
+  contactLink = "/contact/"
+  copyright = "© {year} <a href=\"https://loicgentil.fr/\" target=\"_blank\">Loïc GENTIL</a>"
+  fabFormURL =  "https://fabform.io/f/AsXHy5l"
+  googleAnalytics = "G-3H764HLJE9"
+  logo = "images/logo.png"
+  footerlogo = "images/logo_alt.png"
+  footerDescription = "Loïc GENTIL  - Masseur-Kinésithérapeute - Osthéopathie Tissulaire"
+
+  [params.address]
+  name = " Loïc GENTIL"
+  address = "35 avenue Gaston BERGER <br>  35000 RENNES"
+  email = "loic_gentil@orange.fr"
+  openingDesc = "Ouvert du Lundi au Vendredi de 8 heures à 19 heures."
+  openingHours = "En cas de besoin, des créneaux sont réservés aux urgences."
+  phone = "02 99 54 58 75"
+
+  [params.map]
+  APIkey = "AIzaSyC9rV6yesIygoVKTD6QLf_iCa9eiIIHqZ0"
+  latitude = "48.1198756"
+  longitude = "-1.7075053"
+  pinImage = "images/pin.png"
+
+  # Social icons
+  [[params.social]]
+  icon = "ti-facebook"
+  url = "https://www.facebook.com/"
+  weight = 1
+  [[params.social]]
+  icon = "ti-instagram"
+  url = "https://www.instagram.com/"
+  weight = 2
+  [[params.social]]
+  icon = "ti-linkedin"
+  url = "https://www.linkedin.com"
+  weight = 3
+

content/about/_index.md

@@ -0,0 +1,16 @@
+---
+title: "About"
+date: 2022-01-08T10:41:03+06:00
+subTitle: >
+        Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta.
+sliderImage:
+  - image: "images/stor/story-01.jpg"
+  - image: "images/stor/story-01.jpg"
+  - image: "images/stor/story-01.jpg"
+---
+## This Is Our Story.
+
+We’re here for those who refuse to settle. Who never stop moving forwards. Who continue to search for new
+ideas and better experiences in everything they do. Because today’s hyper-connected world deserves a
+financial partner just as progressive.One that adapts to your needs, gives you control and constantly pushes
+you into new exciting spaces.

content/blog/_index.md

@@ -0,0 +1,4 @@
+---
+title: "En savoir plus..."
+---
+

content/blog/a-qui-s-adresse-l-ostéopathie-tissulaire.md

@@ -0,0 +1,18 @@
+---
+title: "À qui s'adresse l'Ostéopathie Tissulaire ?"
+date: 2024-01-01T00:01:00+01:00
+featureImage: images/blog/i_nourrisson-1.png
+tags: ["publics", "symptomes"]
+---
+  ### Aux personnes souffrant :
+  - De symptômes neuro-squelettiques : sciatique, lombalgie, cervicalgie, dorsalgie, cruralgie.
+  - De symptômes digestifs : constipation, ballonnements, aigreurs, reflux gastrique.
+  - De migraines, maux de tête : vertiges, de problèmes de concentration, d’insomnie, d’acouphènes, de bruxisme.
+  - De troubles musculo-tendineux : inflammations, tendinites, contractures...
+  - De troubles de la sphère ORL ou génitale.
+
+  ####  
+  ### Elle s’adresse aussi :
+  - Aux nourrissons : post-accouchement (ventouse, forceps), plagiocéphalie, torticolis, problèmes de succion, régurgitations, reflux, coliques...
+  - Aux enfants : suivi de traitement d'orthodontie, bruxisme, problèmes de concentration, troubles du comportement...
+  - Aux personnes venant de subir un traumatisme physique : entorses, fractures consolidées, grosse chute, accident de voiture...

content/blog/accompagnement-et-developpement-personnel.md

@@ -0,0 +1,16 @@
+---
+title: "Accompagnement et développement personnel..."
+date: 2024-01-01T00:02:00+01:00
+featureImage: images/blog/i_athlete-1.png
+tags: ["accompagnement", "développement"]
+---
+  ### Le souffle de vie... Vers une biodynamique !
+  
+  > “Si on libère régulièrement les tensions de nos tissus, moins de symptômes apparaissent et notre corps est capable de mieux digérer ce qu’on lui fait subir physiquement, émotionnellement et psychologiquement.”
+
+  - Des sportifs lors d’une préparation à une épreuve (ostéopathe pendant 10 ans au sein de l'équipe du Stade Rennais Rugby).
+  - Des étudiants préparant un examen ou un concours.
+  - Des enfants et adolescents en soins d'orthodontie.
+  - Des femmes enceintes tout au long de leur grossesse pour que leur corps soit prêt le jour J (J’interviens à la PMI de Maurepas à Rennes).
+  - Des personnes voulant se libérer de leur inconfort de vie (angoisses, peurs, anxiétés...) et/ou souhaitant réaliser un travail de développement personnel.
+

content/blog/d-ou-viennent-ces-tensions-et-blocages.md

@@ -0,0 +1,15 @@
+---
+title: "D'où viennent ces tensions et blocages ?"
+date: 2024-01-01T00:00:00+01:00
+featureImage: images/blog/i_articulation-1.png
+tags: [ "tensions"]
+---
+  ### Du vécu de notre corps :
+
+  - Traumatismes physiques, psychologiques et émotionnels.
+  - Excès alimentaires et autres.
+  - Stress et contrariétés du quotidien.
+  - De toutes nos loyautés et tous nos formatages familiaux, culturels et sociétaux.
+
+  >
+  Leur accumulation empêche l’homéostasie et l’adaptabilité du corps, ce qui entraine des symptômes et des maladies à plus ou moins long terme.

content/blog/deroulement-d-une-seance.md

@@ -0,0 +1,16 @@
+---
+title: "Déroulement d'une séance..."
+date: 2024-01-01T00:03:00+01:00
+featureImage: images/blog/i_dos-1.png
+tags: ["Séance","Ostéopathie", "Déroulement"]
+---
+  ### Les étapes :
+  
+  - Le patient reste habillé et est allongé sur le dos, sur le côté ou assis en fonction de son confort, mes mains sont disposées à la base du crâne. C’est une zone clé du corps du point de vue anatomique (attaches fasciales), embryologique (tube neural) et psychologique (cerveau).
+  - La communication s’établit alors avec le corps du patient afin de laisser se faire l’homéostasie.
+  - En fonction des besoins je peux être amené à travailler sur d’autres parties du corps.
+  - Cette communication, comme dans une conversation verbale, n’est pas à sens unique.
+  - Il en résulte des résonances dans mon propre corps qui peuvent s’exprimer par de grandes respirations et des bruits digestifs.
+  - La séance se termine lorsque de nouveau je sens le corps du patient communiquant, relâché et plus apaisé (environ 45 min).
+  - Le nombre de séances dépend de chaque patient et de chaque vécu. Le plus souvent, les résultats sont significatifs (soulagement et profonde détente) en 1 à 3 séances.
+

content/contact/_index.md

@@ -0,0 +1,7 @@
+---
+title: "Contactez-Moi"
+date: 2024-01-01T00:01:00+01:00
+subTitle: >
+          Veuillez utiliser ce formulaire afin de me faire part de vos remarques et commentaires. J'y répondrai dans les meilleurs délais. Pour une prise de rendez-vous, veuillez plutôt utiliser le lien Doctolib situé au bas de cette page.
+---
+

content/privacy/_index.md

@@ -0,0 +1,52 @@
+---
+title: "Politique de Confidentialité"
+date: 2022-01-08T12:51:52+06:00
+subtitle: Dans le cadre de l'exploitation du site loicgentil.fr, nous sommes amenés à collecter des informations et données personnelles vous concernant.
+          La présente politique de confidentialité a pour but de vous informer sur la manière dont nous collectons et traitons ces informations et données, ainsi que sur vos droits en la matière.
+          Nous nous engageons à mettre en œuvre un traitement de ces informations et données respectueux de votre vie privée et conforme à la législation en vigueur en France et en Europe. Par ailleurs, nous utilisons des mesures techniques ou organisationnelles appropriées pour assurer la sécurité de vos informations, notamment contre le traitement non autorisé ou illicite, la perte, la destruction ou les dégâts d'origine accidentelle, ou l'accès par des personnes non autorisées.
+---
+### Qui est responsable de vos informations ?
+
+Le responsable de traitement de vos données personnelles est Loïc GENTIL, Masseur Kinésithérpeuthe, dont le siège est situé 35 avenue Gaston Berger à Rennes, immatriculé sous le numéro RPPS 10005350524.
+
+
+### Quels sont les types d'informations collectées ?
+
+Nous collectons les informations relatives à votre identité (civilité, nom, prénom, adresse...) que vous acceptez de nous communiquer lorsque vous complétez le formulaire de contact sur le site.
+
+Le caractère obligatoire des informations à fournir est indiqué par un astérisque.
+
+Nous collectons également les informations relatives aux transactions (numéro de transaction, détail de la commande), au suivi de la relation commerciale (commandes, factures, correspondances) et aux règlements effectués.
+
+
+### Pourquoi vos informations sont-elles collectées ?
+
+Nous conservons et utilisons vos informations uniquement dans le cadre prévu par la règlementation et pour une durée limitée aux objectifs indiqués lors de la collecte.
+
+- Gestion des commandes et de la relation client : la base légale est l'exécution d'un contrat ou de mesures précontractuelles. Les informations sont conservées pour la durée nécessaire à la gestion de la relation commerciale.
+- Tenue de la comptabilité : la base légale est le respect de nos obligations légales, comptables et fiscales. Les informations sont conservées pendant 10 ans.
+- Sécurité du site et prévention de la fraude : la base légale est notre intérêt légitime. Les informations sont conservées pour une durée maximale de 13 mois.
+
+
+### À qui vos informations sont-elles transmises ?
+
+Vos informations sont utilisées par nos services en interne. Tout accès à vos données personnelles est soumis à un engagement de confidentialité.
+
+Elles sont également susceptibles d'être transmises à nos sous-traitants chargés des prestations techniques nécessaires au fonctionnement du site (hébergement, maintenance...).
+
+La transmission de vos informations s'effectue toujours sur la base de contrat mentionnant la réglementation et les obligations applicables en matière de protection des données personnelles.Vous pouvez également vous opposer au traitement de vos informations, pour des raisons tenant à votre situation particulière, sauf en cas de prospection commerciale, à laquelle vous pouvez vous opposer sans avoir à fournir de justification.
+
+Vous pouvez retirer à tout moment votre consentement, sans porter atteinte à la licéité du traitement fondé sur le consentement effectué avant le retrait de celui-ci.
+
+Vous disposez d'un droit à la portabilité de vos données.
+
+Vous pouvez émettre des directives concernant la conservation, la suppression ou la communication de vos données personnelles après votre décès.
+
+Pour exercer vos droits ou pour toute question sur le traitement de vos informations, vous pouvez contacter notre Déléguée à la protection des données :
+
+**Par voie électronique :** loic_gentil@orange.fr
+
+**Par courrier postal :** Loïc GENTIL,
+35 avenue Gaston Berger,
+35000 Rennes,
+France

content/terms/_index.md

@@ -0,0 +1,24 @@
+---
+title: "CoHub Terms & Conditions"
+date: 2022-01-08T12:52:02+06:00
+subtitle: >
+          Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta.
+---
+## What is Lorem Ipsum?
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
+
+## What is Lorem Ipsum?
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
+
+## What is Lorem Ipsum?
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
+
+## What is Lorem Ipsum?
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
+
+## What is Lorem Ipsum?
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
+
+## What is Lorem Ipsum?
+Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
+

data/blogSection.yml

@@ -0,0 +1,7 @@
+---
+enable: true
+title: "En savoir plus..."
+subtitle: >
+          Cliquez sur les liens ci-dessous pour afficher les informations.
+buttonTarget: blog
+---

data/clients.yml

@@ -0,0 +1,11 @@
+---
+enable: true
+title: "Featured In"
+clients:
+  - image: "images/client/clients01.png"
+  - image: "images/client/clients02.png"
+  - image: "images/client/clients03.png"
+  - image: "images/client/clients01.png"
+  - image: "images/client/clients03.png"
+  - image: "images/client/clients02.png"
+---

data/cta.yml

@@ -0,0 +1,6 @@
+---
+enable: true
+title: "Prendre un rendez-vous"
+buttonTarget: contact
+priceLink: "#priceLink"
+---

data/feedback.yml

@@ -0,0 +1,9 @@
+---
+enable: true
+title: "Valuable Feedback"
+feedback: >
+          ‘We achieved a cost-savings project while achieving cultural transformation to collaborate better together.
+            Our innovation lab brings ideas, skills and importantly, individuals together to enable innovation.’
+feedbackAuthor: "FRANCIS VAN PARYS, PRESIDENT AND CEO, GE HEALTHCARE KOREA"
+backgroundImage: images/backgrounds/35-avenue-Gaston-berger_blue.jpg
+---

data/gallery.yml

@@ -0,0 +1,14 @@
+---
+title : "Le Cabinet"
+enable: true
+subtitle: >
+        .
+heroVideo : "https://vimeo.com/1017000643"
+herosVideoDesc: "<span><strong>Bienvenue au Cabinet</strong></span>"
+description: Quelques images du cabinet
+galleryImage: 
+ - image: "images/gallery/cabinet01.jpg"
+ - image: "images/gallery/cabinet02.jpg"
+ - image: "images/gallery/cabinet03.jpg"
+ - image: "images/gallery/cabinet04.jpg"
+---

data/hero.yml

@@ -0,0 +1,12 @@
+---
+title : "<h1>LOÏC GENTIL</h1>
+         <h2>MASSEUR KINÉSITHÉRAPEUTE</h2>"
+enable: true
+subtitle:
+  - word: "MIGRAINE - ACOUPHÈNES - CONSTIPATION - LUMBAGO"
+  - word: "VERTIGES - INSOMNIES - BLOCAGE DE MÂCHOIRE"
+  - word: "ANXIÉTÉ - PEURS - ANGOISSES - DOULEURS INEXPLIQUÉES"
+heroBGimg: "images/hero/hero.webp"
+heroVideo : ""
+herosVideoDesc: ""
+---

data/horaires.yml

@@ -0,0 +1,15 @@
+---
+enable: true
+title: "Horaires et Tarif"
+feedback: >
+          Le cabinet est ouvert du Lundi au Vendredi de 8 heures à 19 heures.
+          En cas de besoin, des créneaux sont réservés aux urgences.
+feedbackAuthor: ""
+backgroundImage: images/backgrounds/35-avenue-Gaston-berger_blue.jpg
+itemPrices:
+  - packcage: "La Séance"
+    description: >
+                Honoraires communiqués à titre indicatif pouvant varier selon le type de soins réalisés, le nombre de consultations et les actes additionnels nécessaires.
+    price: 60
+    buttonTarget: "https://www.doctolib.fr/osteopathe/rennes/loic-gentil"
+---

data/investor.yml

@@ -0,0 +1,32 @@
+---
+enable: true
+title: "Our Angel Investors"
+subtitle: >
+          Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed, 
+          convallis at tellus. Nulla quis lorem ut libero malesuada feugiat.
+investor:
+  - name: "Spider Web"
+    post: "investor"
+    image: "images/team/design-team-01.jpg"
+  - name: "yrban"
+    post: "investor"
+    image: "images/team/design-team-02.jpg"
+  - name: "staticsoft"
+    post: "investor"
+    image: "images/team/design-team-03.jpg"
+  - name: "jackmaster"
+    post: "investor"
+    image: "images/team/marketing-team-01.jpg"
+  - name: "Franc Marketing"
+    post: "investor"
+    image: "images/team/marketing-team-05.jpg"
+  - name: "British Marketer"
+    post: "investor"
+    image: "images/team/marketing-team-03.jpg"
+  - name: "Spider Web"
+    post: "investor"
+    image: "images/team/design-team-01.jpg"
+  - name: "yrban"
+    post: "investor"
+    image: "images/team/design-team-02.jpg"
+---

data/liens.yml

@@ -0,0 +1,43 @@
+---
+enable: true
+title: "Quelques liens..."
+subtitle: "Pour aller plus loin !"
+livres:
+  - name: "Approche tissulaire de l'ostéopathie - Un modèle du corps conscient"
+    post: "Pierre Tricot"
+    image: "images/liens/b_pierre-tricot-1.jpg"
+    link: "http://www.approche-tissulaire.fr"
+  - name: "Approche tissulaire de l'ostéopathie - Praticien de la conscience"
+    post: "Pierre Tricot"
+    image: "images/liens/b_pierre-tricot-2.jpg"
+    link: "http://www.approche-tissulaire.fr"
+  - name: "Plénitude, empathie et résilience"
+    post: "Richard Moss"
+    image: "images/liens/b_richard-moss.jpg"
+    link: "http://richardmoss.com"
+  - name: "Conversations avec Dieu"
+    post: "Neale Donald Walsch"
+    image: "images/liens/b_neale-donald-walsch.jpg"
+    link: "http://www.nealedonaldwalsch.com"
+  - name: "Guérir"
+    post: "David Servant-Schreiber"
+    image: "images/liens/b_david-servant-schreiber.jpg"
+    link: "http://www.guerir.org"
+  - name: "Le pouvoir du moment présent"
+    post: "Eckhart Tollé"
+    image: "images/liens/b_eckhart-tolle.jpg"
+    link: "https://www.eckharttolle.com"
+sites:
+  - name: "Approche tissulaire de l'ostéopathie"
+    post: "Pierre Tricot"
+    image: "images/liens/w_pierre-tricot.png"
+    link: "http://www.approche-tissulaire.fr"
+  - name: "Ostéopathe - Rennes"
+    post: "Daniel Gaignon"
+    image: "images/liens/w_daniel-gaignon.png"
+    link: "http://www.therapeute-rennes.fr"
+  - name: "Consciencéa"
+    post: "Edwige Machelard"
+    image: "images/liens/w_edwige-machelard.png"
+    link: "https://consciencea.fr"
+---

data/osteopathie.yml

@@ -0,0 +1,21 @@
+---
+enable: true
+title: "Qu'est-ce que l'Ostéopathie Tissulaire ?"
+subtitle: >
+          Cela consiste à libérer les tissus corporels de leurs tensions et blocages à l'aide de techniques douces et apaisantes pour le corps.
+          On entend par tissus corporels : os, ligaments, tendons, muscles, fascias...
+          Principes de base utilisés :
+services:
+  - name: "L'Holisme"
+    description: >
+                Considérer le patient dans sa globalité.
+    icon: "ti-user"
+  - name: "L'Homéostasie"
+    description: >
+                Faculté de l'organisme à s'auto-guérir si on lui en laisse la possibilité.
+    icon: "ti-infinite"
+  - name: "La Communication Tissulaire"
+    description: >
+                Se mettre en contact avec les tissus afin de cerner les tensions et les blocages et leur permettre de se libérer en suivant le principe de l'homéostasie.
+    icon: "ti-signal"
+---

data/pricing.yml

@@ -0,0 +1,27 @@
+---
+enable: true
+title: "Simple pricing for everyone"
+subtitle: >
+          Whether you're looking for a full-time workspace or are just visiting Melbourne,
+           we've got an option for everyone
+buttonTarget: "contact"
+itemPrices:
+  - packcage: "Daily"
+    description: >
+                Lorem ipsum dolor sit amet consectetur adipisicing elit. 
+                Expedita pariatur quidem, impedit ipsa repellat sed!
+    price: 19
+    badge: 
+  - packcage: "Weekly"
+    description: >
+                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+                Libero exercitationem sed eius autem quisquam sapiente?
+    price: 79
+    badge: popular
+  - packcage: "Monthly"
+    description: >
+                Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis, 
+                quas nesciunt vitae suscipit necessitatibus ea.
+    price: 99
+    badge:
+---

data/qui.yml

@@ -0,0 +1,35 @@
+---
+enable: true
+title: "Qui je suis..."
+faq:
+  - question: "1973"
+    answer: >
+            Je suis né le 17 Décembre 1973 à Paris.
+  - question: "1994"
+    answer: >
+            Diplôme de Masseur-Kinésithérapeute (ADERF, Paris).
+  - question: "2001"
+    answer: >
+            Diplôme d'Ostéopathie (École de la MTM).
+  - question: "2003"
+    answer: >
+            Découverte de l'Ostéopathie Tissulaire grâce à Pierre Tricot.
+  - question: "1999 / 2009"
+    answer: >
+            Kiné-Ostéopathe de l'équipe du Stade Rennais Rugby Féminin.
+  - question: "Depuis 2014"
+    answer: >
+            Mise en place de séances thérapeutiques avec Edwige Machelard (sophro-analyste).
+  - question: "Depuis 2015"
+    answer: >
+            Collaboration avec la PMI de Maurepas (Rennes) auprès des femmes enceintes.
+  - question: "Depuis 2016"
+    answer: >
+            Co-animation de Stages de Développement Personnel avec Daniel Gaignon et Bertrand Jouet (Ostéopathe à Vannes).
+  - question: "2017"
+    answer: >
+            Formation à la Méditation Pleine Conscience (programme MBSR) au Centre Ô Coeur de l'Être avec Stéphanie Maulay ;
+  - question: "Activités..."
+    answer: >
+            Je pratique la méditation, le surf, la course à pied et le trail : Marathons de Paris, Vannes, Rennes et du Mont-Saint-Michel ; Écotrail de Paris ; Les Templiers ; Grand Raid du Golfe du Morbihan ; Ultra Trail du Mont-Blanc.
+---

data/testimonial.yml

@@ -0,0 +1,40 @@
+---
+enable: true
+testimonial:
+  - author: "Pierre Tricot"
+    testimonialImage: "images/testimonial/b_approche-tissulaire-de-l'osteopathie-livre-1-un-modèle-du-corps-conscient-pierre-tricot.jpg"
+    testimonialLink: "http://www.approche-tissulaire.fr"
+    testimonialDetails: "Approche tissulaire de l'ostéopathie (Livre 1) - Un modèle du corps conscient."
+  - author: "Pierre Tricot"
+    testimonialImage: "images/testimonial/b_approche-tissulaire-de-l-osteopathie-livre-2-praticien-de-la-conscience-pierre-tricot.jpg"
+    testimonialLink: "http://www.approche-tissulaire.fr"
+    testimonialDetails: "Approche tissulaire de l'ostéopathie (Livre-2) - Praticien de la conscience."
+  - author: "Richard Moss"
+    testimonialImage: "images/testimonial/b_plenitude-empathie-resilience-richard-moss.jpg"
+    testimonialLink: "http://richardmoss.com"
+    testimonialDetails: "richardmoss.com"
+  - author: "Neale Donald Walsch"
+    testimonialImage: "images/testimonial/b_conversations-avec-dieu-neale-donald-walsch.jpg"
+    testimonialLink: "http://www.nealedonaldwalsch.com"
+    testimonialDetails: "Conversations avec Dieu"
+  - author: "David Servant Schreiber"
+    testimonialImage: "images/testimonial/b_guerir-david-servant-schreiber.jpg"
+    testimonialLink: "http://www.guerir.org"
+    testimonialDetails: "Guérir."
+  - author: "Eckhart Tollé"
+    testimonialImage: "images/testimonial/b_le-pouvoir-du-moment-present-eckhart-tolle.jpg"
+    testimonialLink: "https://www.eckharttolle.com"
+    testimonialDetails: "Le pouvoir du moment présent."
+  - author: "Pierre Tricot"
+    testimonialImage: "images/testimonial/w_pierre-tricot.png"
+    testimonialLink: "http://www.approche-tissulaire.fr"
+    testimonialDetails: "www.approche-tissulaire.fr"
+  - author: "Daniel Gaignon"
+    testimonialImage: "images/testimonial/w_daniel-gaignon.png"
+    testimonialLink: "http://www.therapeute-rennes.fr"
+    testimonialDetails: "www.therapeute-rennes.fr"
+  - author: "Edwige Machelard"
+    testimonialImage: "images/testimonial/w_edwige-machelard.png"
+    testimonialLink: "http://www.sophroanalyse35.com"
+    testimonialDetails: "www.sophroanalyse35.com"
+---

deploy

@@ -0,0 +1,9 @@
+#!/bin/sh
+USER=loicgentil
+RSYNC_PASSWORDD=QjRUq94SkOK$W2iVE*fVBiO8
+HOST=ftp.loicgentil.fr
+DIR=/home/loicgentil/public_html/   # the directory where your website files should go
+
+hugo && rsync -avz --progress -e ssh --delete public/ ${USER}@${HOST}:${DIR} # this will delete everything on the server that's not in the local public folder
+
+exit 0

go.mod

@@ -0,0 +1,7 @@
+module github.com/marcpabst/hugo-maps/
+
+go 1.20
+
+require (
+	github.com/marcpabst/hugo-maps v0.0.0-20230326193249-bba6a488af0c // indirect
+)

go.sum

@@ -0,0 +1,2 @@
+github.com/marcpabst/hugo-maps v0.0.0-20230326193249-bba6a488af0c h1:g3LZsLqa6wXJEx+evVMSMyUHYr+/E66RCuexvafQLvo=
+github.com/marcpabst/hugo-maps v0.0.0-20230326193249-bba6a488af0c/go.mod h1:sNDNVXcTlC/CBghljJTDEfftMpse1RhGqvBWhJggXNY=

layouts/404.html

@@ -0,0 +1,31 @@
+{{ define "main"}}
+<section class="error">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <!--start error-content -->
+        <div class="error-content">
+          <h2>404 Error</h2>
+          <p>Oops! Page Not Found</p>
+          <form action="#">
+            <div class="input-group">
+              <input type="text" class="form-control" placeholder="Search again...">
+              <div class="input-search">
+                <a href="#"> <i class="ti-search"></i></a>
+              </div>
+            </div>
+          </form>
+          <div class="error-content-link">
+            <a href="{{.Site.BaseURL}}">
+              <i class="ti-arrow-left"></i>
+              back to home
+            </a>
+          </div>
+        </div>
+        <!--end error-content -->
+      </div>
+    </div>
+  </div>
+</section>
+
+{{end}}

layouts/_default/baseof.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    {{- partial "head.html" . -}}
+    <body>
+        {{- partial "header.html" . -}}
+        <div id="content">
+        {{- block "main" . }}{{- end }}
+        </div>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>

layouts/about/list.html

@@ -0,0 +1,43 @@
+{{ define "main"}}
+<section class="about">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="page-header">
+          <h2>{{ .Title}}</h2>
+          <p>{{ .Params.subTitle }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section class="story">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-6">
+        <div class="story-content">
+          {{.Content}}
+        </div>
+      </div>
+      <div class="col-lg-6">
+        {{ with .Params.slideImage }}
+        <div class="story-slider">
+          {{range . }}
+            <div class="slider-item">
+              <img src="{{ .image | absURL }}" alt="images">
+            </div>
+          {{end}}
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ partial "gallery.html" . }}
+{{ partial "testimonial.html" . }}
+{{ partial "client.html" . }}
+{{ partial "investor.html" . }}
+{{ partial "contactAddress.html" . }}
+
+
+{{end}}

layouts/blog/list.html

@@ -0,0 +1,41 @@
+{{define "main"}}
+<section class="page-title">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <h1>{{.Title}}</h1>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Accueil</a></li>
+            <li class="breadcrumb-item active">{{.Title}}</li>
+          </ol>
+        </nav>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="blog">
+  <div class="container">
+    <div class="row">
+      {{ range .Paginator.Pages }}
+      <div class="col-lg-4">
+        <article class="blog-post">
+          <img src="{{ .Params.featureImage | absURL }}" alt="blog-images">
+          <div class="blog-content">
+            <h3><a href="{{ .Permalink }}">{{ .Title}}</a></h3>
+            <p> {{truncate 100 .Summary}} </p>
+            <a class="more" href="{{ .Permalink }}">Voir la suite...<span>⟶</span></a>
+          </div>
+        </article>
+      </div>
+      {{end}}
+      <div class="col-12">
+        <div class="blog-pagination">
+          {{partial "pagination.html" . }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}

layouts/blog/single.html

@@ -0,0 +1,26 @@
+{{define "main"}}
+<article class="post">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-10 mx-auto">
+        <div class="post-title">
+          <h2>{{.Title}}</h2>
+        </div>
+        <div class="post-meta">
+          <p><span>{{ .PublishDate.Format "2 January 2006" }}</span> in
+            {{ range (.GetTerms "tags") }}
+              <a class="tags" href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+            {{ end }}
+          </p>
+        </div>
+        <div class="post-image">
+          <img src="{{ .Params.featureImage | absURL}}" alt="feature-image">
+        </div>
+        <div class="post-body">
+          {{ .Content }}
+        </div>
+      </div>
+    </div>
+  </div>
+</article>
+{{end}}

layouts/contact/list.html

@@ -0,0 +1,48 @@
+{{define "main"}}
+<section class="contact-section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-10 mx-auto col-md-12">
+        <div class="page-header">
+          <h2> {{ .Title }}</h2>
+          <p>{{.Params.subTitle}}</p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-8 mx-auto">
+        <div class="contact-form">
+          <h2>Contact Form</h2>
+          <form id="contact-form" class="row" action="{{ .Site.Params.fabFormURL }}" method="POST">
+            <div class="col-md-6">
+              <input type="text" class="form-control" id="exampleFormControlInput1" name="Name" placeholder="Votre Nom">
+            </div>
+            <div class="col-md-6">
+              <input type="email" class="form-control" id="validationCustom02" required="" name="email" placeholder="Votre Email">
+            </div>
+            <div class="col-md-12">
+              <textarea class="form-control" id="exampleFormControlTextarea1" rows="8" name="message"
+                placeholder="Composez votre message ici…"></textarea>
+            </div>
+            <div class="col-md-12">
+              <div class="form-check">
+                <input class="form-check-input" type="checkbox" id="gridCheck" name="checkbox" required>
+                <label class="form-check-label" for="gridCheck">
+                  Dans l'éventualité d'une réponse, je consent à la collecte et au traitement de ces données.
+                </label>
+              </div>
+            </div>
+            <div class="col-lg-12">
+              <button type="submit" class="btn btn-primary" id="contact-form-button" formtarget="_blank">Envoyer</button>
+            </div>
+            <p id="contact-form-status"></p>
+          </form>
+          <p class="contact-form-generator mt-3">
+            <strong>** </strong> <a href="https://fabform.io/" target="_blank">Static website forms</a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}

layouts/index.html

@@ -0,0 +1,10 @@
+{{define "main"}}
+  {{ partial "hero.html" . }}
+  {{ partial "osteopathie.html" . }}
+  {{ partial "blogSection.html" . }}
+  {{ partial "qui.html" . }}
+  {{ partial "liens.html" . }}
+  {{ partial "horaires.html" . }}
+  {{ partial "gallery.html" . }}
+  {{ partial "contactAddress.html" . }}
+{{end}}

layouts/partials/blogSection.html

@@ -0,0 +1,35 @@
+{{with .Site.Data.blogSection}}
+{{if .enable}}
+<section class="blog" id="blog">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="section-title">
+          <h2>{{.title}}</h2>
+          <p>
+              {{.subtitle}}
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="row justify-content-center">
+      {{ range first 3 (where $.Site.RegularPages "Type" "blog") }}
+      <div class="col-lg-4 col-md-6">
+        <article class="blog-post">
+          <img src="{{ .Params.featureImage | absURL }}" alt="blog-images">
+          <div class="blog-content">
+            <h3><a href="{{ .Permalink }}">{{.Title}}</a></h3>
+            <p>{{ truncate 75 .Summary }}</p>
+            <a class="more" href="{{ .Permalink }}">Voir plus...<span>⟶</span></a>
+          </div>
+        </article>
+      </div>
+      {{end}}
+      <div class="col-12 text-center">
+        <a href="{{.buttonTarget | absURL}}" class="btn btn-primary">En savoir encore plus...</a>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/client.html

@@ -0,0 +1,24 @@
+{{ with .Site.Data.clients}}
+{{ if .enable}}
+<section class="clients">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <h2>{{ .title}}</h2>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="clients-slider">
+          {{ range .clients}}
+          <div class="clients-slider-item">
+            <img src="{{ .image | absURL}}" alt="{{ .image}}">
+          </div>
+          {{end}}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/contactAddress.html

@@ -0,0 +1,28 @@
+{{ $address := .Site.Params.address}}
+<section class="contact" id="contact">
+  <div class="container-fluid">
+    <div class="row no-gutters">
+      <div class="col-lg-6">
+        <iframe width="100%" height="100%" frameBorder="0" src="https://umap.openstreetmap.fr/fr/map/loic-gentil_1123879"></iframe>
+      </div>
+      <div class="col-lg-6">
+        <div class="contact-aria">
+          <h3>
+            {{ $address.name | safeHTML }}
+          </h3>
+          <h3>
+            {{ $address.address | safeHTML }}
+          </h3>
+          <ul>
+            {{ with $address.email }}<li><i class="ti-email"></i>&nbsp;<a href="mailto:{{ . }}">{{ . }}</a></li>{{ end }}
+            {{ with $address.phone }}<li><i class="ti-mobile"></i>&nbsp;<a href="tel:{{ . }}">{{ . }}</a></li>{{ end }}
+          </ul>
+          <p>
+            {{ $address.openingDesc }}
+          </p>
+          <p>{{ $address.openingHours }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

layouts/partials/cta.html

@@ -0,0 +1,19 @@
+{{with .Site.Data.cta}}
+{{ if .enable }}
+<section class="cta">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="cta-content">
+          <h2>{{.title}}</h2>
+          <a href="{{.buttonTarget | absURL }}" class="btn btn-primary mb-3">
+              Schedule your day
+          </a>
+          <p style="font-size: 12px;">or check out <a class="scroll-to" href="{{ $.Site.BaseURL }}{{ .priceLink }}">pricing plans</a></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/feedback.html

@@ -0,0 +1,18 @@
+{{with .Site.Data.feedback}}
+{{if .enable}}
+<section class="testimonial"  style="background-image: url( {{ .backgroundImage }} );">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6">
+        <div class="testimonial-content">
+          <h3>{{ .title}}</h3>
+          <blockquote>
+            {{ .feedback}}
+            <cite>{{ .feedbackAuthor }}</cite>
+          </blockquote>
+        </div>
+      </div>
+    </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/footer.html

@@ -0,0 +1,73 @@
+<section class="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6 col-md-12">
+        <div class="footer-logo">
+          <img class="img-fluid" src="{{ .Site.Params.footerlogo | absURL}}" alt="logo">
+        </div>
+        <p class="footer-description">
+          {{ .Site.Params.footerDescription}}
+        </p>
+        <div class="footer-text-block">
+          <p>
+            {{ .Site.Params.address.address | safeHTML}}
+          </p>
+        </div>
+      </div>
+      {{ $socialIcon := .Site.Params.social}}
+      <div class="col-lg-6 col-md-12 align-self-end">
+        <div class="footer-icon">
+          <ul>
+            {{ range $socialIcon }}
+            <li>
+              <a target="_blank" href="{{ .url }}">
+                <i
+                  class="{{ .icon }}">
+                </i>
+              </a>
+            </li>
+            {{ end }}
+            {{ with .Site.Params.address.email }}
+            <li><a target="_blank" href="mailto:{{ . }}"><i class="ti-email"></i></a></li>
+            {{ end }}
+            {{ with .Site.Params.address.phone }}
+            <li><a target="_blank" href="tel:{{ . }}"><i class="ti-mobile"></i></a></li>
+            {{ end }}
+          </ul>
+        </div>
+        <div class="footer-copyright-text">
+          <p> {{ replace .Site.Params.copyright "{year}" now.Year | safeHTML }} </p>
+          <ul>
+            {{ $sitemap := .Site.Menus.sitemap }}
+						{{ range $sitemap }}
+						  <li>
+                <a href="{{ .URL | absURL }}">{{ .Name }}</a>
+              </li>
+            {{ end }}
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+{{ "<!-- Non Critical CSS -->" | safeHTML }}
+{{$style :=  resources.Get "scss/non-critical.scss" | resources.ToCSS | resources.Minify }}
+<link href="{{ $style.Permalink }}" rel="stylesheet" />
+<script src="https://maps.googleapis.com/maps/api/js?key={{ .Site.Params.Map.APIkey }}&libraries=geometry">
+</script>
+{{ "<!-- VENDOR JS -->" | safeHTML }}
+<script src="{{"vendor/jQuery/jquery.min.js" | absURL }}"></script>
+<script src="{{"vendor/bootstrap/bootstrap.min.js" | absURL }}"></script>
+<script src="{{"vendor/slick/slick.min.js" | absURL}}"></script>
+<script src="{{"vendor/aos/aos.js" | absURL}}"></script>
+<script src="{{"vendor/match-height/match-height.js" | absURL}}"></script>
+<script src="{{"vendor/magnific-popup/magnific-popup.min.js" | absURL}}"></script>
+<script src="{{"vendor/g-map/gmap.js" | absURL}}"></script>
+<!-- {{ $formhandler := resources.Get "js/formhandler.js" | minify}} 
+<script src="{{ $formhandler.Permalink}}"></script> -->
+{{ $script := resources.Get "js/script.js" | minify}} 
+<script src="{{ $script.Permalink}}"></script>
+{{ $calendar := resources.Get "js/calendar.js" | minify}}
+<script src="{{ $calendar.Permalink}}"></script>

layouts/partials/gallery.html

@@ -0,0 +1,40 @@
+{{ with .Site.Data.gallery }}
+{{ if .enable }}
+<section class="gallery" id="cabinet">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="section-title">
+          <h2>{{ .title | safeHTML }}</h2>
+          <p>
+            {{.subtitle}}
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      {{ range .galleryImage }}
+        <div class="col-md-6">
+          <div class="gallery-item">
+            <a href="{{ .image | absURL }}" data-source="{{ .image | absURL }}"
+               title="{{ .description }}">
+                <img src="{{ .image | absURL }}" alt="gallery-images">
+            </a>
+          </div>
+        </div>
+    {{ end }}
+    </div>
+    {{ if .heroVideo }}
+      <div class="hero-video-player">
+        <div class="hero-video-player-icon">
+          <a class="popup-vimeo" href="{{ .heroVideo }}">
+              <i class="ti-control-play"></i>
+          </a>
+        </div>
+        {{ .herosVideoDesc | safeHTML }}
+      </div>
+    {{ end }}
+  </div>
+</section>
+{{ end }}
+{{ end }}

layouts/partials/head.html

@@ -0,0 +1,43 @@
+  <head>
+    <meta charset="utf-8" />
+    <title>{{.Title}}</title>
+
+    {{ "<!--Meta For No Index-->" | safeHTML }}
+    <meta name="robots" content="noindex, Nofollow, Noimageindex">
+
+    {{ "<!--mobile responsive meta-->" | safeHTML }}
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1"
+    />
+    {{hugo.Generator}}
+    {{ "<!-- Critical CSS -->" | safeHTML }}
+    {{$style :=  resources.Get "scss/critical.scss" | resources.ToCSS | resources.Minify }}
+    <link href="{{ $style.Permalink }}" rel="stylesheet" />
+
+    {{ with .Site.Params.theme_overrides }}
+    {{ $theme_overrides := resources.Get . | minify | fingerprint "sha512" }}
+    <link rel="stylesheet" href="{{ $theme_overrides.RelPermalink }}" integrity="{{ $theme_overrides.Data.Integrity }}">
+    {{ end }}
+
+    {{"<!-- Favicon -->" | safeHTML}}
+    <link rel="shortcut icon" href="{{"images/favicon.ico" | absURL}}" type="image/x-icon" />
+    <link rel="icon" href="{{"images/favicon.png" | absURL}}" type="image/x-icon" />
+
+    {{ with .Site.Params.googleAnalytics }}
+    {{ "<!-- Global Site Tag (gtag.js) - Google Analytics -->" | safeHTML }}
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+  
+      gtag('config', '{{ . }}');
+      
+    </script>
+    {{ end }}
+
+    
+  </head>
+

layouts/partials/header.html

@@ -0,0 +1,32 @@
+<!-- Mark up for Site Navigation Section-->
+<header class="header">
+  <nav class="main-nav navbar navbar-expand-lg {{ if not $.IsHome }}main-nav-colored{{ end }}">
+    <div class="container-fluid">
+      <a href="{{.Site.BaseURL}}" class="navbar-brand">
+        <img src="{{.Site.Params.logo | absURL}}" alt="site-logo" />
+      </a>
+      <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainNav" aria-expanded="false">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+
+      <div
+        class="collapse navbar-collapse nav-list"
+        id="mainNav"
+      >
+        <ul class="navbar-nav ml-auto">
+          {{ $currentPage := . }}
+          {{ $menu := .Site.Menus.main}}
+          {{range $index, $element := $menu}}
+          <li class="nav-item {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{ end }}">
+             <a class="nav-link scroll-to" href="{{ .URL | relURL }}">{{.Name}}</a>
+          </li>
+          {{end}}
+        </ul>
+      </div>
+    </div>
+  </nav>
+  <!-- Doctolib -->
+  <a href="https://www.doctolib.fr/osteopathe/rennes/loic-gentil?utm_medium=referral&amp;utm_campaign=website-button&amp;utm_content=option-5&amp;utm_term=loic-gentil&amp;utm_source=loic-gentil-website-button" style="display:block;text-align:center;background-color:#0596DE;color:#ffffff;font-size:14px;overflow:hidden;width:257px;height:40px;border-bottom-right-radius:none;border-bottom-left-radius:none;position:fixed;bottom:0;right:5px;z-index:1000;border-top-left-radius:4px;border-top-right-radius:4px;line-height:40px" target="_blank" data-reactroot=""><span style="font-size:13px">Prendre rendez-vous en ligne</span><img style="height:15px;margin-bottom:3px;vertical-align:middle;width:auto" src="https://pro.doctolib.fr/external_button/doctolib-white-transparent.png" alt="Doctolib"/></a>
+</header>

layouts/partials/hero.html

@@ -0,0 +1,28 @@
+{{with .Site.Data.hero}}
+{{if .enable}}
+  <section class="hero" style="background-image: url( {{ .heroBGimg }} );">
+    <div class="container">
+      <div class="row align-items-center">
+        <div class="col-lg-12">
+          <div class="hero-content">
+            <h1>{{.title | safeHTML}}</h1>
+        {{ range .subtitle }}
+            <h3 class="animate__animated animate__pulse animate__infinite animate__slower">{{.word | safeHTML }}</h3>
+            {{ end }}
+          </div>
+      {{ if .heroVideo }}
+            <div class="hero-video-player">
+              <div class="hero-video-player-icon">
+                <a class="popup-vimeo" href="{{ .heroVideo }}">
+                    <i class="ti-control-play"></i>
+                </a>
+              </div>
+              {{ .herosVideoDesc | safeHTML }}
+            </div>
+            {{ end }}
+          </div>
+        </div>
+      </div>
+  </section>
+{{end}}
+{{end}}

layouts/partials/horaires.html

@@ -0,0 +1,64 @@
+{{with .Site.Data.horaires}}
+{{if .enable}}
+<section class="pricing" style="background-image: url( {{ .backgroundImage }} );" id="horaires">
+  <div class="container">
+    <div class="section-title">
+      <h3>{{ .title }}</h3>
+    </div>
+    <div class="row">
+      <div class="col-lg-7">
+        <div class="testimonial-content">
+          <!-- <p>Aujourd'hui nous sommes le {{ time.Now | time.Format "2 Jan 2006" }}.</p> -->
+          <div class="calendar-container">
+            <header class="calendar-header">
+              <p class="calendar-current-date"></p>
+              <div class="calendar-navigation">
+                <span id="calendar-prev" class="material-symbols-rounded">chevron_left</span>
+                <span id="calendar-next" class="material-symbols-rounded">chevron_right</span>
+              </div>
+           </header>
+          <div class="calendar-body">
+            <ul class="calendar-weekdays">
+                <li>Lun</li>
+                <li>Mar</li>
+                <li>Mer</li>
+                <li>Jeu</li>
+                <li>Ven</li>
+                <li>Sam</li>
+                <li>Dim</li>
+            </ul>
+            <ul class="calendar-dates"></ul>
+          </div>
+        </div>
+          <!-- <blockquote> -->
+            <cite>{{ .feedback | safeHTML }}</cite>
+            <!-- <cite>{{ .feedbackAuthor | safeHTML }}</cite>
+          </blockquote> -->
+        </div>
+      </div>
+    {{ range .itemPrices}}
+      <div class="col-lg-5">
+        <div class="pricing-wraper">
+          <div class="pricing-item">
+            {{if .badge}}
+            <span class="pricing-item-badge">Popular</span>
+            {{end}}
+            <span class="price">
+                {{.price}}<sup>€</sup>
+            </span>
+            <h3>{{.packcage}}</h3>
+            <p>
+               {{.description}}
+            </p>
+            </div>
+              <a href="{{ .buttonTarget }}" class="btn btn-primary" target="_blank">Prendre rendez-vous en ligne</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    {{end}}
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/investor.html

@@ -0,0 +1,30 @@
+{{ with .Site.Data.investor}}
+{{ if .enable}}
+<section class="team">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="section-title">
+          <h2>{{ .title }}</h2>
+          <p>{{ .subtitle }}</p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      {{ range .investor}}
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="{{ .image | absURL }}" alt="image">
+          </div>
+          <h3>{{.name}}</h3>
+          <p>{{.post}}</p>
+        </div>
+      </div>
+      {{end}}
+
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/liens.html

@@ -0,0 +1,49 @@
+{{ with .Site.Data.liens}}
+{{ if .enable}}
+<section class="lien" id="liens">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="section-title">
+          <h2>{{ .title }}</h2>
+          <p>{{ .subtitle }}</p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <h2>Livres</h2>
+    </div>
+    <div class="row">
+      {{ range .livres}}
+      <div class="col-lg-3">
+        <div class="lien-infos">
+          <div class="lien-thumb">
+            <a href="{{ .link }}" title="{{ .post }}" target="_blank"><img src="{{ .image | absURL }}" alt="image"></a>
+          </div>
+          <h3>{{.name}}</h3>
+          <h4><a href="{{ .link }}" title="{{ .post }}">{{.post}}</a></h4>
+        </div>
+      </div>
+      {{end}}
+    </div>
+    <div class="row">
+      <h2>Sites</h2>
+    </div>
+    <div class="row">
+      {{ range .sites}}
+      <div class="col-lg-3">
+        <div class="lien-infos">
+          <div class="lien-thumb">
+            <a href="{{ .link }}" title="{{ .post }}" target="_blank"><img src="{{ .image | absURL }}" alt="image"></a>
+          </div>
+          <h3>{{.name}}</h3>
+          <h4><a href="{{ .link }}" title="{{ .post }}">{{.post}}</a></h4>
+        </div>
+      </div>
+      {{end}}
+
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/osteopathie.html

@@ -0,0 +1,29 @@
+{{ with .Site.Data.osteopathie}}
+{{ if .enable}}
+<section class="service" id="osteopathie">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="section-title">
+         <h2> {{.title }} </h2>
+          <p>
+              {{.subtitle}}
+          </p>
+        </div>
+      </div>
+      {{ range .services}}
+      <div class="col-lg-4 col-md-6">
+        <div class="service-item">
+          <i class="{{ .icon }}" aria-hidden="true"></i>
+          <h3>{{ .name }}</h3>
+          <p>
+              {{.description }}
+          </p>
+        </div>
+      </div>
+      {{end}}
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/pagination.html

@@ -0,0 +1,27 @@
+{{ $pag := $.Paginator }}
+{{ if gt $pag.TotalPages 1 }}
+<nav>
+  <ul class="pagination ">
+    {{ range $pag.Pagers }}
+      {{ if eq . $pag }}
+      <li class="page-item active">
+        <a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
+      </li>
+      {{ else }}
+      <li class="page-item">
+        <a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
+      </li>
+      {{ end }}
+    {{ end }}
+
+    {{ if $pag.HasNext }}
+      <li class="page-item">
+        <a class="page-link" href="{{ $pag.Next.URL }}" rel="next">
+          →
+        </a>
+      </li>
+    {{ end }}
+  </ul>
+</nav>
+
+{{ end }}

layouts/partials/pricing.html

@@ -0,0 +1,37 @@
+{{ with .Site.Data.pricing}}
+{{ if .enable}}
+<section class="pricing" id="pricing">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-lg-12">
+        <div class="section-title">
+          <h2>{{.title}}</h2>
+          <p>{{.subtitle}}
+          </p>
+        </div>
+      </div>
+      {{ range .itemPrices}}
+      <div class="col-lg-4 col-md-6">
+        <div class="pricing-wraper">
+          <div class="pricing-item">
+            {{if .badge}}
+            <span class="pricing-item-badge">Popular</span>
+            {{end}}
+            <span class="price">
+                {{.price}}<sup>€</sup>
+            </span>
+            <h3>{{.packcage}}</h3>
+            <p>
+               {{.description}}
+            </p>
+          </div>
+          <a href="{{ .buttonTarget | absURL}}" class="btn btn-primary">Join Us</a>
+        </div>
+      </div>
+      {{end}}
+      
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/qui.html

@@ -0,0 +1,34 @@
+{{with .Site.Data.qui}}
+{{if .enable}}
+<section class="faq" id="qui">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-4 col-md-12">
+        <div class="faq-content text-block">
+          <h2> {{.title}} </h2>
+        </div>
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="images/team/loic-gentil.png" alt="image">
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-8 col-md-12">
+        <div class="row">
+         {{ range .faq}}
+          <div class="col-lg-6">
+            <div class="faq-content">
+              <h3>{{.question}}</h3>
+              <p>
+                  {{.answer}}
+              </p>
+            </div>
+          </div>
+          {{end}}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/partials/testimonial.html

@@ -0,0 +1,22 @@
+{{ with .Site.Data.testimonial}}
+{{ if .enable}}
+<section class="quotes">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="quotes-slider">
+          {{range .testimonial}}
+
+          <div class="quotes-slider-item">
+            <h2>{{ .testimonialDetails }}</h2>
+            <img src="{{ .testimonialImage }}" alt="{{ .testimonialDetails }}">
+            <span>-{{ .author }}</span>
+          </div>
+        {{end}}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}
+{{end}}

layouts/privacy/privacy.html

@@ -0,0 +1,23 @@
+{{define "main"}}
+<section class="privacy-policy">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="page-header">
+          <h1>{{ .Title}}</h1>
+          <p>{{.Params.subTitle}}</p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="privacy-policy-content">
+          <div class="privacy-policy-item">
+            {{.Content}}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}

layouts/tags/taxonomy.html

@@ -0,0 +1,41 @@
+{{define "main"}}
+<section class="page-title">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <h1>{{.Title}}</h1>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
+            <li class="breadcrumb-item active">{{.Title}}</li>
+          </ol>
+        </nav>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="blog">
+  <div class="container">
+    <div class="row">
+      {{ range .Paginator.Pages }}
+      <div class="col-lg-4">
+        <article class="blog-post">
+          <img src="{{ .Params.featureImage | absURL }}" alt="blog-images">
+          <div class="blog-content">
+            <h3><a href="{{ .Permalink }}">{{ .Title}}</a></h3>
+            <p> {{truncate 100 .Summary}} </p>
+            <a class="more" href="{{ .Permalink }}">Plus...<span>⟶</span></a>
+          </div>
+        </article>
+      </div>
+      {{end}}
+      <div class="col-12">
+        <div class="blog-pagination">
+          {{partial "pagination.html" . }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}

layouts/terms/terms.html

@@ -0,0 +1,23 @@
+{{define "main"}}
+<section class="privacy-policy">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="page-header">
+          <h1>{{ .Title}}</h1>
+          <p>{{.Params.subTitle}}</p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="privacy-policy-content">
+          <div class="privacy-policy-item">
+            {{.Content}}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{end}}

public/.htaccess

@@ -0,0 +1,5 @@
+#Rewrite to www
+Options +FollowSymLinks
+RewriteEngine on
+RewriteCond %{HTTP_HOST} ^www\. [NC]
+RewriteRule ^(.*)$ https://loicgentil.fr/$1 [L,R=301]

public/404.html

@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html>  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="utf-8" />
+    <title>404 Page not found</title>
+
+    <!--Meta For No Index-->
+    <meta name="robots" content="noindex, Nofollow, Noimageindex">
+
+    <!--mobile responsive meta-->
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1"
+    />
+    <meta name="generator" content="Hugo 0.126.1">
+    <!-- Critical CSS -->
+    
+    <link href="http://localhost:1313/scss/critical.min.css" rel="stylesheet" />
+
+    
+
+    <!-- Favicon -->
+    <link rel="shortcut icon" href="http://localhost:1313/images/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="http://localhost:1313/images/favicon.png" type="image/x-icon" />
+
+    
+    <!-- Global Site Tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3H764HLJE9"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+  
+      gtag('config', 'G-3H764HLJE9');
+      
+    </script>
+    
+
+    
+  </head>
+
+<body>
+<header class="header">
+  <nav class="main-nav navbar navbar-expand-lg main-nav-colored">
+    <div class="container-fluid">
+      <a href="http://localhost:1313/" class="navbar-brand">
+        <img src="http://localhost:1313/images/logo.png" alt="site-logo" />
+      </a>
+      <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainNav" aria-expanded="false">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+
+      <div
+        class="collapse navbar-collapse nav-list"
+        id="mainNav"
+      >
+        <ul class="navbar-nav ml-auto">
+          
+          
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#osteopathie">L&#39;Ostéopathie Tissulaire</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#blog">En savoir plus...</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#qui">Qui je suis...</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#liens">Quelques liens...</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#horaires">Horaires et Tarif</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#cabinet">Le Cabinet</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/contact">Contact</a>
+          </li>
+          
+        </ul>
+      </div>
+    </div>
+  </nav>
+  
+  <a href="https://www.doctolib.fr/osteopathe/rennes/loic-gentil?utm_medium=referral&amp;utm_campaign=website-button&amp;utm_content=option-5&amp;utm_term=loic-gentil&amp;utm_source=loic-gentil-website-button" style="display:block;text-align:center;background-color:#0596DE;color:#ffffff;font-size:14px;overflow:hidden;width:257px;height:40px;border-bottom-right-radius:none;border-bottom-left-radius:none;position:fixed;bottom:0;right:5px;z-index:1000;border-top-left-radius:4px;border-top-right-radius:4px;line-height:40px" target="_blank" data-reactroot=""><span style="font-size:13px">Prendre rendez-vous en ligne</span><img style="height:15px;margin-bottom:3px;vertical-align:middle;width:auto" src="https://pro.doctolib.fr/external_button/doctolib-white-transparent.png" alt="Doctolib"/></a>
+</header>
+<div id="content">
+<section class="error">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        
+        <div class="error-content">
+          <h2>404 Error</h2>
+          <p>Oops! Page Not Found</p>
+          <form action="#">
+            <div class="input-group">
+              <input type="text" class="form-control" placeholder="Search again...">
+              <div class="input-search">
+                <a href="#"> <i class="ti-search"></i></a>
+              </div>
+            </div>
+          </form>
+          <div class="error-content-link">
+            <a href="http://localhost:1313/">
+              <i class="ti-arrow-left"></i>
+              back to home
+            </a>
+          </div>
+        </div>
+        
+      </div>
+    </div>
+  </div>
+</section>
+
+
+        </div><section class="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6 col-md-12">
+        <div class="footer-logo">
+          <img class="img-fluid" src="http://localhost:1313/images/logo_alt.png" alt="logo">
+        </div>
+        <p class="footer-description">
+          Loïc GENTIL  - Masseur-Kinésithérapeute - Osthéopathie Tissulaire
+        </p>
+        <div class="footer-text-block">
+          <p>
+            35 avenue Gaston BERGER <br>  35000 RENNES
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-6 col-md-12 align-self-end">
+        <div class="footer-icon">
+          <ul>
+            
+            <li>
+              <a target="_blank" href="https://www.facebook.com/">
+                <i
+                  class="ti-facebook">
+                </i>
+              </a>
+            </li>
+            
+            <li>
+              <a target="_blank" href="https://www.instagram.com/">
+                <i
+                  class="ti-instagram">
+                </i>
+              </a>
+            </li>
+            
+            <li>
+              <a target="_blank" href="https://www.linkedin.com">
+                <i
+                  class="ti-linkedin">
+                </i>
+              </a>
+            </li>
+            
+            
+            <li><a target="_blank" href="mailto:loic_gentil@orange.fr"><i class="ti-email"></i></a></li>
+            
+            
+            <li><a target="_blank" href="tel:02%2099%2054%2058%2075"><i class="ti-mobile"></i></a></li>
+            
+          </ul>
+        </div>
+        <div class="footer-copyright-text">
+          <p> © 2025 <a href="https://loicgentil.fr/" target="_blank">Loïc GENTIL</a> </p>
+          <ul>
+            
+						
+						  <li>
+                <a href="http://localhost:1313/privacy/">Politque de Confidentialité</a>
+              </li>
+            
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+<!-- Non Critical CSS -->
+
+<link href="http://localhost:1313/scss/non-critical.min.css" rel="stylesheet" />
+<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC9rV6yesIygoVKTD6QLf_iCa9eiIIHqZ0&libraries=geometry">
+</script>
+<!-- VENDOR JS -->
+<script src="http://localhost:1313/vendor/jQuery/jquery.min.js"></script>
+<script src="http://localhost:1313/vendor/bootstrap/bootstrap.min.js"></script>
+<script src="http://localhost:1313/vendor/slick/slick.min.js"></script>
+<script src="http://localhost:1313/vendor/aos/aos.js"></script>
+<script src="http://localhost:1313/vendor/match-height/match-height.js"></script>
+<script src="http://localhost:1313/vendor/magnific-popup/magnific-popup.min.js"></script>
+<script src="http://localhost:1313/vendor/g-map/gmap.js"></script>
+
+ 
+<script src="http://localhost:1313/js/script.min.js"></script>
+
+<script src="http://localhost:1313/js/calendar.min.js"></script>
+</body>
+</html>

public/about/index.html

@@ -0,0 +1,547 @@
+<!DOCTYPE html>
+<html>  <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="utf-8" />
+    <title>About</title>
+
+    <!--Meta For No Index-->
+    <meta name="robots" content="noindex, Nofollow, Noimageindex">
+
+    <!--mobile responsive meta-->
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1"
+    />
+    <meta name="generator" content="Hugo 0.126.1">
+    <!-- Critical CSS -->
+    
+    <link href="http://localhost:1313/scss/critical.min.css" rel="stylesheet" />
+
+    
+
+    <!-- Favicon -->
+    <link rel="shortcut icon" href="http://localhost:1313/images/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="http://localhost:1313/images/favicon.png" type="image/x-icon" />
+
+    
+    <!-- Global Site Tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3H764HLJE9"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+  
+      gtag('config', 'G-3H764HLJE9');
+      
+    </script>
+    
+
+    
+  </head>
+
+<body>
+<header class="header">
+  <nav class="main-nav navbar navbar-expand-lg main-nav-colored">
+    <div class="container-fluid">
+      <a href="http://localhost:1313/" class="navbar-brand">
+        <img src="http://localhost:1313/images/logo.png" alt="site-logo" />
+      </a>
+      <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainNav" aria-expanded="false">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+
+      <div
+        class="collapse navbar-collapse nav-list"
+        id="mainNav"
+      >
+        <ul class="navbar-nav ml-auto">
+          
+          
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#osteopathie">L&#39;Ostéopathie Tissulaire</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#blog">En savoir plus...</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#qui">Qui je suis...</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#liens">Quelques liens...</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#horaires">Horaires et Tarif</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/#cabinet">Le Cabinet</a>
+          </li>
+          
+          <li class="nav-item ">
+             <a class="nav-link scroll-to" href="/contact">Contact</a>
+          </li>
+          
+        </ul>
+      </div>
+    </div>
+  </nav>
+  
+  <a href="https://www.doctolib.fr/osteopathe/rennes/loic-gentil?utm_medium=referral&amp;utm_campaign=website-button&amp;utm_content=option-5&amp;utm_term=loic-gentil&amp;utm_source=loic-gentil-website-button" style="display:block;text-align:center;background-color:#0596DE;color:#ffffff;font-size:14px;overflow:hidden;width:257px;height:40px;border-bottom-right-radius:none;border-bottom-left-radius:none;position:fixed;bottom:0;right:5px;z-index:1000;border-top-left-radius:4px;border-top-right-radius:4px;line-height:40px" target="_blank" data-reactroot=""><span style="font-size:13px">Prendre rendez-vous en ligne</span><img style="height:15px;margin-bottom:3px;vertical-align:middle;width:auto" src="https://pro.doctolib.fr/external_button/doctolib-white-transparent.png" alt="Doctolib"/></a>
+</header>
+<div id="content">
+<section class="about">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="page-header">
+          <h2>About</h2>
+          <p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta.
+</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section class="story">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-6">
+        <div class="story-content">
+          <h2 id="this-is-our-story">This Is Our Story.</h2>
+<p>We’re here for those who refuse to settle. Who never stop moving forwards. Who continue to search for new
+ideas and better experiences in everything they do. Because today’s hyper-connected world deserves a
+financial partner just as progressive.One that adapts to your needs, gives you control and constantly pushes
+you into new exciting spaces.</p>
+
+        </div>
+      </div>
+      <div class="col-lg-6">
+        
+      </div>
+    </div>
+  </div>
+</section>
+
+
+<section class="gallery" id="cabinet">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="section-title">
+          <h2>Le Cabinet</h2>
+          <p>
+            .
+
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      
+        <div class="col-md-6">
+          <div class="gallery-item">
+            <a href="http://localhost:1313/images/gallery/cabinet01.jpg" data-source="http://localhost:1313/images/gallery/cabinet01.jpg"
+               title="">
+                <img src="http://localhost:1313/images/gallery/cabinet01.jpg" alt="gallery-images">
+            </a>
+          </div>
+        </div>
+    
+        <div class="col-md-6">
+          <div class="gallery-item">
+            <a href="http://localhost:1313/images/gallery/cabinet02.jpg" data-source="http://localhost:1313/images/gallery/cabinet02.jpg"
+               title="">
+                <img src="http://localhost:1313/images/gallery/cabinet02.jpg" alt="gallery-images">
+            </a>
+          </div>
+        </div>
+    
+        <div class="col-md-6">
+          <div class="gallery-item">
+            <a href="http://localhost:1313/images/gallery/cabinet03.jpg" data-source="http://localhost:1313/images/gallery/cabinet03.jpg"
+               title="">
+                <img src="http://localhost:1313/images/gallery/cabinet03.jpg" alt="gallery-images">
+            </a>
+          </div>
+        </div>
+    
+        <div class="col-md-6">
+          <div class="gallery-item">
+            <a href="http://localhost:1313/images/gallery/cabinet04.jpg" data-source="http://localhost:1313/images/gallery/cabinet04.jpg"
+               title="">
+                <img src="http://localhost:1313/images/gallery/cabinet04.jpg" alt="gallery-images">
+            </a>
+          </div>
+        </div>
+    
+    </div>
+    
+      <div class="hero-video-player">
+        <div class="hero-video-player-icon">
+          <a class="popup-vimeo" href="https://vimeo.com/1017000643">
+              <i class="ti-control-play"></i>
+          </a>
+        </div>
+        <span><strong>Bienvenue au Cabinet</strong></span>
+      </div>
+    
+  </div>
+</section>
+
+
+
+
+
+<section class="quotes">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="quotes-slider">
+          
+
+          <div class="quotes-slider-item">
+            <h2>Approche tissulaire de l&#39;ostéopathie (Livre 1) - Un modèle du corps conscient.</h2>
+            <img src="images/testimonial/b_approche-tissulaire-de-l%27osteopathie-livre-1-un-mod%c3%a8le-du-corps-conscient-pierre-tricot.jpg" alt="Approche tissulaire de l&#39;ostéopathie (Livre 1) - Un modèle du corps conscient.">
+            <span>-Pierre Tricot</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>Approche tissulaire de l&#39;ostéopathie (Livre-2) - Praticien de la conscience.</h2>
+            <img src="images/testimonial/b_approche-tissulaire-de-l-osteopathie-livre-2-praticien-de-la-conscience-pierre-tricot.jpg" alt="Approche tissulaire de l&#39;ostéopathie (Livre-2) - Praticien de la conscience.">
+            <span>-Pierre Tricot</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>richardmoss.com</h2>
+            <img src="images/testimonial/b_plenitude-empathie-resilience-richard-moss.jpg" alt="richardmoss.com">
+            <span>-Richard Moss</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>Conversations avec Dieu</h2>
+            <img src="images/testimonial/b_conversations-avec-dieu-neale-donald-walsch.jpg" alt="Conversations avec Dieu">
+            <span>-Neale Donald Walsch</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>Guérir.</h2>
+            <img src="images/testimonial/b_guerir-david-servant-schreiber.jpg" alt="Guérir.">
+            <span>-David Servant Schreiber</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>Le pouvoir du moment présent.</h2>
+            <img src="images/testimonial/b_le-pouvoir-du-moment-present-eckhart-tolle.jpg" alt="Le pouvoir du moment présent.">
+            <span>-Eckhart Tollé</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>www.approche-tissulaire.fr</h2>
+            <img src="images/testimonial/w_pierre-tricot.png" alt="www.approche-tissulaire.fr">
+            <span>-Pierre Tricot</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>www.therapeute-rennes.fr</h2>
+            <img src="images/testimonial/w_daniel-gaignon.png" alt="www.therapeute-rennes.fr">
+            <span>-Daniel Gaignon</span>
+          </div>
+        
+
+          <div class="quotes-slider-item">
+            <h2>www.sophroanalyse35.com</h2>
+            <img src="images/testimonial/w_edwige-machelard.png" alt="www.sophroanalyse35.com">
+            <span>-Edwige Machelard</span>
+          </div>
+        
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
+
+
+<section class="clients">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <h2>Featured In</h2>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="clients-slider">
+          
+          <div class="clients-slider-item">
+            <img src="http://localhost:1313/images/client/clients01.png" alt="images/client/clients01.png">
+          </div>
+          
+          <div class="clients-slider-item">
+            <img src="http://localhost:1313/images/client/clients02.png" alt="images/client/clients02.png">
+          </div>
+          
+          <div class="clients-slider-item">
+            <img src="http://localhost:1313/images/client/clients03.png" alt="images/client/clients03.png">
+          </div>
+          
+          <div class="clients-slider-item">
+            <img src="http://localhost:1313/images/client/clients01.png" alt="images/client/clients01.png">
+          </div>
+          
+          <div class="clients-slider-item">
+            <img src="http://localhost:1313/images/client/clients03.png" alt="images/client/clients03.png">
+          </div>
+          
+          <div class="clients-slider-item">
+            <img src="http://localhost:1313/images/client/clients02.png" alt="images/client/clients02.png">
+          </div>
+          
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
+
+
+<section class="team">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="section-title">
+          <h2>Our Angel Investors</h2>
+          <p>Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed,  convallis at tellus. Nulla quis lorem ut libero malesuada feugiat.
+</p>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/design-team-01.jpg" alt="image">
+          </div>
+          <h3>Spider Web</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/design-team-02.jpg" alt="image">
+          </div>
+          <h3>yrban</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/design-team-03.jpg" alt="image">
+          </div>
+          <h3>staticsoft</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/marketing-team-01.jpg" alt="image">
+          </div>
+          <h3>jackmaster</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/marketing-team-05.jpg" alt="image">
+          </div>
+          <h3>Franc Marketing</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/marketing-team-03.jpg" alt="image">
+          </div>
+          <h3>British Marketer</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/design-team-01.jpg" alt="image">
+          </div>
+          <h3>Spider Web</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+      <div class="col-lg-3">
+        <div class="member-informashion">
+          <div class="member-thume">
+            <img src="http://localhost:1313/images/team/design-team-02.jpg" alt="image">
+          </div>
+          <h3>yrban</h3>
+          <p>investor</p>
+        </div>
+      </div>
+      
+
+    </div>
+  </div>
+</section>
+
+
+
+
+<section class="contact" id="contact">
+  <div class="container-fluid">
+    <div class="row no-gutters">
+      <div class="col-lg-6">
+        <iframe width="100%" height="100%" frameBorder="0" src="https://umap.openstreetmap.fr/fr/map/loic-gentil_1123879"></iframe>
+      </div>
+      <div class="col-lg-6">
+        <div class="contact-aria">
+          <h3>
+             Loïc GENTIL
+          </h3>
+          <h3>
+            35 avenue Gaston BERGER <br>  35000 RENNES
+          </h3>
+          <ul>
+            <li><i class="ti-email"></i>&nbsp;<a href="mailto:loic_gentil@orange.fr">loic_gentil@orange.fr</a></li>
+            <li><i class="ti-mobile"></i>&nbsp;<a href="tel:02%2099%2054%2058%2075">02 99 54 58 75</a></li>
+          </ul>
+          <p>
+            Ouvert du Lundi au Vendredi de 8 heures à 19 heures.
+          </p>
+          <p>En cas de besoin, des créneaux sont réservés aux urgences.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
+
+        </div><section class="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6 col-md-12">
+        <div class="footer-logo">
+          <img class="img-fluid" src="http://localhost:1313/images/logo_alt.png" alt="logo">
+        </div>
+        <p class="footer-description">
+          Loïc GENTIL  - Masseur-Kinésithérapeute - Osthéopathie Tissulaire
+        </p>
+        <div class="footer-text-block">
+          <p>
+            35 avenue Gaston BERGER <br>  35000 RENNES
+          </p>
+        </div>
+      </div>
+      
+      <div class="col-lg-6 col-md-12 align-self-end">
+        <div class="footer-icon">
+          <ul>
+            
+            <li>
+              <a target="_blank" href="https://www.facebook.com/">
+                <i
+                  class="ti-facebook">
+                </i>
+              </a>
+            </li>
+            
+            <li>
+              <a target="_blank" href="https://www.instagram.com/">
+                <i
+                  class="ti-instagram">
+                </i>
+              </a>
+            </li>
+            
+            <li>
+              <a target="_blank" href="https://www.linkedin.com">
+                <i
+                  class="ti-linkedin">
+                </i>
+              </a>
+            </li>
+            
+            
+            <li><a target="_blank" href="mailto:loic_gentil@orange.fr"><i class="ti-email"></i></a></li>
+            
+            
+            <li><a target="_blank" href="tel:02%2099%2054%2058%2075"><i class="ti-mobile"></i></a></li>
+            
+          </ul>
+        </div>
+        <div class="footer-copyright-text">
+          <p> © 2025 <a href="https://loicgentil.fr/" target="_blank">Loïc GENTIL</a> </p>
+          <ul>
+            
+						
+						  <li>
+                <a href="http://localhost:1313/privacy/">Politque de Confidentialité</a>
+              </li>
+            
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+<!-- Non Critical CSS -->
+
+<link href="http://localhost:1313/scss/non-critical.min.css" rel="stylesheet" />
+<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC9rV6yesIygoVKTD6QLf_iCa9eiIIHqZ0&libraries=geometry">
+</script>
+<!-- VENDOR JS -->
+<script src="http://localhost:1313/vendor/jQuery/jquery.min.js"></script>
+<script src="http://localhost:1313/vendor/bootstrap/bootstrap.min.js"></script>
+<script src="http://localhost:1313/vendor/slick/slick.min.js"></script>
+<script src="http://localhost:1313/vendor/aos/aos.js"></script>
+<script src="http://localhost:1313/vendor/match-height/match-height.js"></script>
+<script src="http://localhost:1313/vendor/magnific-popup/magnific-popup.min.js"></script>
+<script src="http://localhost:1313/vendor/g-map/gmap.js"></script>
+
+ 
+<script src="http://localhost:1313/js/script.min.js"></script>
+
+<script src="http://localhost:1313/js/calendar.min.js"></script>
+</body>
+</html>