Newsletters

Newsletter 1

Copy
<section class="py-7">
  <div class="container">
    <div class="row">
      <div class="col-lg-5 me-auto">
        <h4 class="title">Get Tips &amp; Tricks every Week!</h4>
        <p class="description">
          Join our newsletter and get news in your inbox every week!
        </p>
      </div>
      <div class="col-lg-6 d-flex justify-content-center flex-column ms-auto">
        <form method="" action="">
          <div class="row">
            <div class="col-sm-8">
              <div class="input-group mb-4">
                <span class="input-group-text"><i class="fas fa-envelope"></i></span>
                <input class="form-control" placeholder="Your Email..." type="text">
              </div>
            </div>
            <div class="col-sm-4">
              <button type="button" class="btn bg-gradient-primary w-100">Subscribe</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>

Newsletter 2

Copy
<section class="py-9">
  <div class="container">
    <div class="row justify-content-center text-center">
      <div class="col-lg-4">
        <div class="icon icon-shape icon-sm rounded-circle bg-gradient-warning shadow text-center mb-4">
          <i class="ni ni-single-02 text-white opacity-10 top-8"></i>
        </div>
        <h3>Subscribe</h3>
        <p>This is the paragraph where you can write more details about your product.</p>
      </div>
    </div>
    <div class="row justify-content-center mt-4">
      <div class="col-lg-6">
        <form method="" action="">
          <div class="row">
            <div class="col-sm-8">
              <div class="input-group mb-4">
                <span class="input-group-text"><i class="fas fa-envelope"></i></span>
                <input class="form-control" placeholder="Your Email..." type="text">
              </div>
            </div>
            <div class="col-sm-4">
              <button type="button" class="btn bg-gradient-warning w-100">Subscribe</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>