<section class="page-title bg-dark padd-tb-10"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 "> <div class="pull-left"> <h3>Page Title</h3> </div> <!-- breadcrumb --> <ol class="breadcrumb pull-right hidden-xs"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> <li class="active">Data</li> </ol> <!-- ./breadcrumb --> </div> </div> </div> </section>
<section class="page-title bg-gray padd-tb-10"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 "> <div class="pull-left"> <h3>Page Title</h3> </div> <!-- breadcrumb --> <ol class="breadcrumb pull-right hidden-xs"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> <li class="active">Data</li> </ol> <!-- ./breadcrumb --> </div> </div> </div> </section>
<section class="page-title image-v1 text-center padd-tb-60"> <div class="img-overlay"></div> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 "> <div class="pull-left"> <h3>Page Title</h3> </div> <!-- breadcrumb --> <ol class="breadcrumb pull-right hidden-xs"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> <li class="active">Data</li> </ol> <!-- ./breadcrumb --> </div> </div> </div> </section>
Clean and Multi-purpose template made with Bootstrap
<section class="page-title bg-blue text-center padd-tb-60"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <h3>Page Title</h3> <p>Pellentesque posuere fermentum libero quis porta</p> </div> </div> </div> </section>
Clean and Multi-purpose template made with Bootstrap
<section class="page-title image-v1 text-center padd-tb-60"> <div class="img-overlay"></div> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <h3>Page Title</h3> <p>Pellentesque posuere fermentum libero quis porta</p> </div> </div> </div> </section>