<div class="container my-5 z-depth-1">

​

​

  <!--Section: Content-->

  <section class="dark-grey-text p-5">

​

    <!-- Grid row -->

    <div class="row">

​

      <!-- Grid column -->

      <div class="col-md-5 mb-4 mb-md-0">

​

        <div class="view">

          <img src="https://mdbootstrap.com/img/illustrations/undraw_Group_chat_unwm.svg" class="img-fluid" alt="smaple image">

        </div>

​

      </div>

      <!-- Grid column -->

​

      <!-- Grid column -->

      <div class="col-md-7 mb-lg-0 mb-4">

​

        <!-- Form -->

        <form class="" action="">

​

          <!-- Section heading -->

          <h3 class="font-weight-bold my-3">Subscribe</h3>

          <p class="text-muted mb-4 pb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam vitae, fuga similique quos aperiam tenetur quo ut rerum debitis.</p>

          <div class="input-group">

            <input type="email" class="form-control" placeholder="Enter your email address" aria-label="Enter your email address"

              aria-describedby="button-addon2">

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

              <button class="btn btn-md btn-primary rounded-right m-0 px-3 py-2 z-depth-0 waves-effect" type="submit" id="button-addon2">Button</button>

            </div>

          </div>

          <small class="form-text black-text"><strong>* Leave your email addres to be notified first.</strong></small>

        </form>

        <!-- Form -->

​

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row -->

  </section>

  <!--Section: Content-->

​

​

</div>