December 7, 2021

Free snippets newsletter

<div class="container">
             

                      <div class="col-lg-4 col-md-6">
                              <div class="input-group mb-3" id="newsletter">
                                      <input type="text" class="form-control" placeholder="Enter your email address" aria-label="Recipient's username" aria-describedby="subscribe">
                                      <div class="input-group-append input-group-btn">
                                        <button class="btn btn-primary" id="subscribe" type="submit"><i class="fa fa-angle-right"></i></button>
                                      </div>
                                    </div>
                      </div>
      </div>

 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

  <style>
       #newsletter {
    margin-top: 50px; } 
 #newsletter .input-group {
  display: block; }
 #newsletter .form-control {
  height: 42px; 
  padding-right: 55px;
  border-radius: 3px;
  display: block;
  float: none; }
 #newsletter .input-group-btn {
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  padding: 0 5px;
  border-left: 1px solid #e2e4e8;
  display: block;
  width: 49px;
  height: 32px;
  z-index: 99; }
 #newsletter .input-group-btn .btn {
  width: 38px;
  height: 32px;
  line-height: 20px;
  padding: 0;
  text-align: center;
  font-size: 24px;
  margin: 0;
  border-radius: 3px; }
  </style>

 

Leave a Reply

Your email address will not be published. Required fields are marked *