• Documentations
  • Introduction
  • Tooling Setup
• SCSS / CSS
  • SCSS File Structure
  • Customizing
• HTML
  • Base / Starter HTML
  • Header HTML
  • Nav HTML
  • Section HTML
• Sections
  • Listing
  • Listing Types
  • Searchbox
  • Cities
  • News
  • Testimonial
  • See How
  • Callout

Section HTML

<section class="section py-5 py-lg-6">
  
  <div class="bg bg-img position-absolute bg-white" data-bg-img=".img"></div>
  <!-- /.bg bg-img position-absolute bg-white -->

  <div class="container-xl position-relative">

    <header class="section-header mb-5">

      <h2 class="fs-3 text-center section-title mb-3">Section Title</h2>

      <p class="lead text-center mb-0 o-75">Lead Text</p>
    
    </header>
    <!-- /.section-header mb-5 -->

    <!-- Put Components, Grid or Contents Here -->

  </div>
  <!-- /.container-xl position-relative -->

</section>
<!-- /.section py-5 py-lg-6 -->