Page Title left
<!-- start page title section -->
<section class="page-title-section classic bg-dark">
<div class="container">
<div class="row text-start">
<div class="col-md-12">
<h1>Pagetitle left</h1>
</div>
<div class="col-md-12">
<ul class="ps-0">
<li><a href="home-1.html">Home</a></li>
<li class="active"><a href="#!">Pagetitle left</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- end page title section -->
Page Title Center
<!-- start page title section -->
<section class="page-title-section classic bg-secondary">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1>Pagetitle center</h1>
</div>
<div class="col-md-12">
<ul class="text-center ps-0">
<li><a href="home-1.html">Home</a></li>
<li><a href="#!">Pagetitle center</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- end page title section -->
Pagetitle right
<!-- start page title section -->
<section class="page-title-section classic bg-black">
<div class="container">
<div class="row">
<div class="col-md-12 text-end">
<h1>Pagetitle right</h1>
</div>
<div class="col-md-12">
<ul class="text-end ps-0 d-block">
<li><a href="home-1.html">Home</a></li>
<li><a href="#!">Pagetitle right</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- end page title section -->