Newsletter 1
<section class="py-7"> <div class="container"> <div class="row"> <div class="col-lg-5 me-auto"> <h4 class="title">Get Tips & 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
<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="fas fa-user"></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>