• Basic usage
  • Sizes
  • Variations
  • 
    <header class="site-header sticky navbar-transparent navbar-fullwidth">
    
      <!-- Top navbar & branding -->
      <nav class="navbar navbar-default">
      ...
      </nav>
      <!-- END Top navbar & branding -->
    
      <!-- Banner -->
      <div class="banner overlay-black" style="background-image: url(assets/img/banner1.jpg);">
        <div class="container text-center">
          <h1>Online Documentation Template</h1>
          <h5><strong>theDocs</strong> reduce the burden of developing documentation for your next product.</h5>
          <br><br><br>
          <p><a class="btn btn-white btn-lg btn-outline" href="#" role="button"> Getting Started </a></p>
        </div>
      </div>
      <!-- END Banner -->
    
    </header>
    
    default

    Small

    Uses .banner-sm class.

    default

    Default

    It's default size, doesn't require any class.


    default

    Large

    Uses .banner-lg class.

    default

    Full height

    Uses .banner-full-height class.

    Variations

    Apart from size varieties, you can make different type of variations.

    sample1

    Sample 1

    Demo
    sample1

    Sample 2

    Demo
    sample1

    Sample 3

    Demo

    Copyright © 2014-2021 Rewire Security. All rights reserved.