Simple hero example with background

Build a stunning website that attract visitors

Get started

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

  <!-- Bootstrap + Vendor + Theme -->
  <link href="assets/css/theme.min.css" rel="stylesheet">

  <!-- Bootstrap + Vendor + Theme -->
  <script src="assets/css/theme.bundle.js"></script>

Let's start building

Stunning websites ease