<!--Page Hero-->
<section class="position-relative overflow-hidden bg-dark text-white">
<!--Background-image-->
<img src="assets/img/backgrounds/bg4.jpg" alt="" class="bg-image opacity-50">
<div class="container position-relative pt-12 pb-12">
<div class="row py-lg-7">
<div class="col-xl-10 mx-auto text-center">
<!--Hero title-->
<h1 class="display-1 mb-4">Simple hero example with background</h1>
<!--Hero subtitle-->
<p class="lead mb-5">Build a stunning website that attract visitors</p>
<!--Hero action-->
<a href="#!" class="btn btn-outline-white btn-lg rounded-pill btn-rise">
<div class="btn-rise-bg bg-white"></div>
<div class="btn-rise-text">Get started</div>
</a>
</div>
</div>
<!--/.row-->
</div>
<!--/.content-->
</section>