<div class="container-fluid mt-3 mb-5">

​

  <!-- Section -->

  <section style="background-image: url('https://mdbootstrap.com/img/Photos/Others/img%20(48).jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;">

​

    <style>

      .input-grey .form-control {

        border-radius: .125rem;

      }

      .input-grey input::placeholder {

        color: #fff;

      }

​

      .input-grey.input-round {

        border-radius: 10em;

      }

​

      .input-grey.input-round.input-group>.input-group-append>.btn{

        border-top-left-radius: 10em;

        border-bottom-left-radius: 10em;

      }

    </style>

    <div class="mask rgba-black-light py-5">

​

      <div class="container my-5">

​

        <!--Grid row-->

        <div class="row d-flex align-items-center justify-content-center py-5">

          <!--Grid column-->

          <div class="col-md-8 col-xl-6">

            <!--Form-->

            <div class="card bg-primary">

              <div class="card-body z-depth-2 p-4">

                <h3 class="white-text pt-2 pb-5 mb-4">Latest news direct to your inbox</h3>

​

                <p class="text-right small pr-2 white-text">Subscribe Now</p>

                <form class="pl-0" action="" method="post" target="_blank">

                  <div class="input-grey input-round input-group rgba-white-light mb-3">

                    <input type="text" class="form-control white-text bg-transparent border-0 z-depth-0" placeholder="Enter Email Address" aria-label="Enter Email Address"

                      aria-describedby="button-addon2">

                    <div class="input-group-append">

                      <button class="btn btn-md btn-rounded btn-light m-0 px-3 py-2 z-depth-0" type="button" id="button-addon2">Sign up<i class="fas fa-arrow-right pl-2"></i></button>

                    </div>

                  </div>

                </form>

​

              </div>

            </div>

            <!--/.Form-->

          </div>

          <!--Grid column-->

        </div>

        <!--Grid row-->

​

      </div>

​

    </div>

​

  </section>

  <!-- Section -->

​

</div>