<div class="subscribe-box mt-5">
<div class="container">
<div class="row subscribe-inner align-items-center">
<div class="col-md-6 col-sm-12">
<h4>Subscribe Our Newsletter</h4>
<p class="lead mb-0">Free bootstrap snippets available here... </p>
</div>
<div class="col-md-6 col-sm-12 sm-mt-2">
<div class="subscribe-form sm-mt-2">
<form id="promo-box-form" class="group">
<input type="email" value="" name="EMAIL" class="email" id="promo-box-email" placeholder="Email Address" required="">
<input class="btn btn-theme" type="submit" name="subscribe" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
</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 href="https://fonts.googleapis.com/css?family=Poppins:400,500&display=swap" rel="stylesheet">
<style>
body { font-family: 'Poppins', sans-serif; font-weight: 400;}
h4 { font-weight: 500;}
.subscribe-form {margin: 0; padding: 0; position: relative;}
#promo-box-form {width: 100%;}
#promo-box-form input[type="email"] {width: 100%; border: none; background: #ffffff; border-radius: 7px; color: #1c1d3e; font-size: 14px; padding: 0 20px; height: 60px; box-shadow: 0px 0px 10px #d8d8d8;}
#promo-box-form input[type="email"]::-webkit-input-placeholder {color: #1c1d3e;}
#promo-box-form input[type="email"]::-moz-placeholder {color: #1c1d3e;}
#promo-box-form input[type="email"]:-ms-input-placeholder {color: #1c1d3e;}
#promo-box-form input[type="email"].placeholder {color: #1c1d3e !important;}
#promo-box-form .btn {position: absolute; border-radius: 0px; top: 5px; right: 5px; padding: 0 25px; transition: 0.20s; height: 50px; border-radius: 7px;}
#promo-box-form .btn:hover{transform: translateX(-3px);}
.footer-1 .subscribe-box{position: absolute; top: 0; width: 100%;}
.subscribe-inner {border-radius: 7px; -webkit-box-shadow: 0 0 75px rgba(0,0,0,.1); -moz-box-shadow: 0 0 75px rgba(0,0,0,.1); box-shadow: 0 0 75px rgba(0,0,0,.1); padding: 40px 25px; background: #fff; position: relative; z-index: 1;}
.btn.btn-theme {
background: rgb(0,91,234);
background: linear-gradient(90deg, rgba(0,91,234,1) 0%, rgba(37,117,252,1) 80%);
color: #ffffff;
}
.lead { font-size: 1rem;}
</style>
