<!-- Background image -->

<div

     class="bg-image"

     style="

            background-image: url('https://mdbootstrap.com/img/new/fluid/nature/012.jpg');

            height: 100vh;

            "

     >

  <div class="mask" style="background-color: rgba(0, 0, 0, 0.6)">

    <div class="d-flex justify-content-center align-items-center h-100">

      <h1 class="text-white mb-0">Page title</h1>

    </div>

  </div>

​

</div>

<!-- Background image -->

​

​