#Intallation

Similique provident, sed dolores consectetur culpa nemo amet debitis, est at tempora dignissimos? Placeat, consequuntur, laborum incidunt culpa quae excepturi fugit possimus sed, hic adipisci nesciunt modi impedit at? Doloribus dolorem fugit sint ad, molestias, hic ex corrupti totam quo explicabo autem saepe magnam enim dignissimos repellat.

#What include

  • .git
  • src
    • assets
      • css
        • vendor
        • fontawesome.min.css
        • main.css
      • fonts
      • images
      • js
      • sass
    • html
    • partial-html
    • about.html
    • blog-classic.html
    • blog-grid.html
    • booking.html
    • contact.html
    • contact.php
    • destination.html
    • destination-details.html
    • error-404.html
    • faq.html
    • index.html
  • gulpfile.js
  • package.json

#Configure

Eos corporis laboriosam voluptatibus ea molestias eum quis fuga accusamus dignissimos possimus ad, mollitia quo sunt ipsa animi nobis, impedit enim et voluptates. In quidem praesentium nesciunt voluptate. Voluptatum dolores id provident nobis quis minus dolor blanditiis quas dolore.

Delectus perspiciatis eum quos laboriosam assumenda tempore, sint maxime asperiores alias eligendi at consequuntur accusamus velit rerum a beatae nobis nisi dolorem ad molestias molestiae hic cum voluptatem! Magnam, quam a placeat est maiores repudiandae enim ipsam dignissimos culpa laborum doloribus. Harum facilis ducimus quos voluptas veritatis aliquid unde, dolorum perspiciatis porro distinctio

#HTML code sample

                
  <p>This is a normal paragraph without any contextual classes.</p>
  <p class="text-primary">A paragraph with .text-primary class.</p>
  <p class="text-success">A paragraph with .text-success class.</p>
  <p class="text-info">A paragraph with .text-info class.</p>
  <p class="text-warning">A paragraph with .text-warning class.</p>
  <p class="text-danger">A paragraph with .text-danger class.</p>
  <p class="text-purple">A paragraph with .text-purple class.</p>
  <p class="text-teal">A paragraph with .text-teal class.</p>
  <p class="text-gray">A paragraph with .text-gray class.</p>
  <p class="text-dark">A paragraph with .text-dark class.</p>

#CSS code sample

              
body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

#Javascript code sample

              
$('.header-top-open-btn').on('click', function(){
  $('.header-top').addClass('open');
});

$('.header-top .close-btn').on('click', function(){
  $('.header-top').removeClass('open');
});

#Customization

Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, autem unde? Unde explicabo modi rem hic iste nulla quae porro quis voluptates minus impedit odit eligendi, aspernatur nostrum nisi ex?

  • pt-100 for padding-top 100px
  • pt-120 for padding-top 120px
  • pb-100 for padding-bottom 100px
  • pt-120 for padding-top 120px
  • bg-black for background black color
  • bg-primary for background bluse color
  • w-100 for width 100%
  • w-auto for width auto