Jumbotron

This is a modified jumbotron…..

<section class="jumbotron bg-light mt-5">
  <div class="container">
  <div class="row">
   <div class="col-md-12">
    <h1 class="display-4">Jumbotron</h1>
    <p class="lead">This is a modified jumbotron…..</p>
  </div>
  </div>
  </div>
</section>

Jumbotron Extra Small

This is a modified jumbotron…..

<section class="jumbotron-xs jumbotron bg-light  my-5">
  <div class="container">
  <div class="row">
   <div class="col-md-12">
    <h1 class="display-4">Jumbotron Extra Small</h1>
    <p class="lead">This is a modified jumbotron…..</p>
  </div>
  </div>
  </div>
</section>

Jumbotron Small

This is a modified jumbotron…..

<section class="jumbotron-sm jumbotron bg-light  mt-5">
  <div class="container">
  <div class="row">
   <div class="col-md-12">
    <h1 class="display-4">Jumbotron Small</h1>
    <p class="lead">This is a modified jumbotron…..</p>
  </div>
  </div>
  </div>
</section>

Jumb Medium

This is a modified jumbotron…..

<section class="jumbotron jumbotron-md bg-light">
  <div class="container">
    <h1 class="display-4">Jumb Medium</h1>
    <p class="lead">This is a modified jumbotron…..</p>
  </div>
</section>

Jumbotron Medium with Image

With we want to optimize the customization process so your team can save time when building websites.

<section class="jumbotron-md jumbotron bg-cover inverse-dark bg-size-cover bg-position-center" style="background-image: url('/images/bacground/header.jpg')">
<span class="mask bg-dark mask-md rounded"></span>
  <div class="container">
  <div class="row">
   <div class="col-md-12">
     <h1 class="text-white">Jumbotron Medium with Image</h1>
      <p class="lead text-white">With we want to optimize the customization process so your team can save time when building websites.</p>
  </div>
  </div>
  </div>
</section>

Jumb Large

This is a modified jumbotron…..

<section class="jumbotron-lg jumbotron bg-light">
  <div class="container">
    <h1 class="display-4">Jumb Large</h1>
    <p class="lead">This is a modified jumbotron…..</p>
  </div>
</section>

Jumb FullHeight

This is a modified jumbotron…..

<section class="jumbotron-full-height inverse-dark bg-primary mt-5">
  <div class="container pt-5">
    <h1 class="display-4">Jumb FullHeight</h1>
    <p class="lead">This is a modified jumbotron…..</p>
  </div>
</section>

Jumb FullHeight Center

This is a modified jumbotron…..

<section class="jumbotron-full-height inverse-dark jumbotron-full-height-center bg-info mt-5">
  <div class="container">
    <h1 class="display-4">Jumb FullHeight Center</h1>
    <p class="lead">This is a modified jumbotron…..</p>
  </div>
</section>

Base Theme

Components

Section

MegaMenu heading

Jumbotron

Jumbotron

Jumbotron Extra Small

Jumbotron Small

Jumb Medium

Jumbotron Medium with Image

Jumb Large

Jumb FullHeight

Jumb FullHeight Center