<div class="breadcrumbs">
  <div class="container">
    <h3 class="pull-left">Breadcrumbs</h3>
    <ul class="pull-right breadcrumb">
      <li><a href="index.html">Home</a></li>
      <li><a href="">Features</a></li>
      <li class="active">Breadcrumbs</li>
    </ul>
  </div>
</div>

<div class="breadcrumbs style1">
  <div class="container">
    <h3 class="pull-left">Breadcrumbs</h3>
    <ul class="pull-right breadcrumb">
      <li><a href="index.html">Home</a></li>
      <li><a href="">Features</a></li>
      <li class="active">Breadcrumbs</li>
    </ul>
  </div>
</div>

<div class="breadcrumbs section-parallax" style="background-image: url(../img/breadcrumb-bg.jpg);">
  <div class="layer"></div>
  <div class="container parallax-content">
    <h3 class="pull-left">Breadcrumbs</h3>
    <ul class="pull-right breadcrumb">
      <li><a href="index.html">Home</a></li>
      <li><a href="">Features</a></li>
      <li class="active">Breadcrumbs</li>
    </ul>
  </div>
</div>