May 16, 2021

Newsletter

<div class="newsletter-section">
               <form class="mc4wp-form mc4wp-form-24" method="post" data-id="24" data-name="Newsletter Form">
                  <div class="mc4wp-form-fields">
                      <div class="inputbox">
                          <input type="email" name="EMAIL" placeholder="Your email address.." required="">
                          <input type="submit" value="Subscribe Now">
                      </div>
                  </div>
                  <div class="mc4wp-response"></div>
              </form>
          </div>

 

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
   <style>
       .newsletter-section {
    max-width: 835px;
    margin: 0 auto;
    text-align: center;
    padding: 27px 0 10px;
}
.newsletter-section h4 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
}
.inputbox {
    padding-right: 0;
    display: table;
    width: 100%;
    padding: 27px 40px;
    background-color: #1c0c2b;
    margin-top: 45px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}
.newsletter-section .inputbox:before {
    font-family: "FontAwesome";
    content: "f1d8";
    position: absolute;
    top: 9px;
    left: 1px;
    line-height: 1em;
    font-size: 90px;
    font-weight: 400;
    opacity: .05;
    color: #fff;
    z-index: -1;
}
.inputbox input[type="email"] {
    background-color: transparent !important;
    width: 74%;
    float: left;
    margin-right: 25px;
    height: 47px;
    padding-left: 0;
    font-size: 14px;
    outline: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: #fff;
    -webkit-box-shadow: 0 0 0 1000px transperent inset;
}
.inputbox input[type="submit"] {
    height: 47px;
    width: 170px;
    border: 0;
    outline: none;
    border-radius: 5px;
    z-index: 21;
    padding: 0;
    right: 0;
    box-shadow: 0 0;
    font-weight: 600;
    font-size: 15px;
    background-color: #fd226a; color: #fff;
}

   </style>

 

Leave a Reply

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