Build amazing websites with Slabs

Watch all the components of your next site.

HTML:

Simply copy and paste the following lines of code into yout HTML file

 <header class="header-1">
  <nav class="navbar navbar-default" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Bolt BS</a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">Components</a></li>
          <li><a href="#">Instalation</a></li>
        </ul>
      </div>
    </div>
  </nav>
</header>
<section class="subheader-1">
    <div class="background"></div>
    <div>
        <div class="container">
            <div class="jumbotron">
                <h1>Create amazing websites with Bolt BS</h1>
                <p>
                    Watch all the components of your next site.
                </p>
                <div class="btn btn-nephritis btn-xlg"> See more</div>
            </div>
        </div>
    </div>
</section>

Customize this block:

You can customize some aspects of this header like the background.

This block have a special place to add a background image. We recommend to add it by CSS rules for this particular element.

<div class='background' style='background-image: url("/slabs/img/bg_1.jpg");'>
...
</div>

Slabs Framework

We've created the set of components
for your next website

Simple, Fast and Responsive

Create amazing websites

Multiple set of componentes

Everything you should need for your website

HTML:

Simply copy and paste the following lines of code into yout HTML file

 <header class="header-2">
  <div class="item" style="background-image: url('../assets/img/bg_2.jpg');">
    <div class="container">
      <div class="jumbotron text-center">
        <h1>
          Slabs Framework
        </h1>
        <p>
          We've created the set of components
          <br/>
          for your next website
        <p>
      </div>
    </div>
  </div>
  <div class="item" style="background-image: url('../assets/img/bg_4.jpg');">
    <div class="container">
      <div class="jumbotron text-left text-silver">
        <h1>
          Simple, Fast and Responsive
        </h1>
        <p>
          Create amazing websites
        <p>
      </div>
    </div>
  </div>
  <div class="item" style="background-image: url('../assets/img/bg_3.jpg');">
    <div class="container">
      <div class="jumbotron">
        <h1>
          Multiple set of componentes
        </h1>
        <p>
          Everything you should need for your website
        <p>
      </div>
    </div>
  </div>
</header>