Subcribe widget
This is html for make subcribe form widget
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Subcribe 1</span>
</h4>
</div>
<!-- widget content -->
<div class="p-4 border bg-light-dark text-center mb-4">
<!--title-->
<h4>Get Updates</h4>
<p class="text-dark-light">Subscribe our newsletter to get the last update into your inbox!</p>
<!--form start-->
<form class="needs-validation" action="#" novalidate="">
<div class="input-group mb-3">
<span id="basic-addon1" class="input-group-text btn btn-light">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
</svg>
</span>
<input type="email" class="form-control rounded-end" placeholder="Email address" aria-label="Email" aria-describedby="basic-addon1" required="">
<div class="invalid-feedback">
Please insert email address.
</div>
</div>
<div class="d-grid">
<input class="btn btn-primary btn-block rounded-0" type="submit" value="Subcribe">
</div>
</form>
<!--end form-->
</div>
<!-- end widget content -->
<div class="gap-0"></div>
</div>
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Subcribe 2</span>
</h4>
</div>
<!-- widget content -->
<div class="p-4 border bg-light-dark text-center mb-4">
<!--title-->
<h4>Get Our Newsletter</h4>
<p class="text-dark-light">Subscribe our newsletter to get the last update into your inbox!</p>
<!--form start-->
<form class="needs-validation" action="#" novalidate="">
<div class="mb-3">
<input type="text" name="name" class="form-control" placeholder="Your Name">
</div>
<div class="mb-3">
<input type="email" name="email" class="form-control" placeholder="E-mail">
</div>
<div class="mb-3 d-grid">
<button class="btn btn-primary rounded-0">Subscribe</button>
</div>
</form>
<!--end form-->
</div>
<!-- end widget content -->
<div class="gap-0"></div>
</div>
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Subcribe 3</span>
</h4>
</div>
<!-- widget content -->
<div class="p-4 border bg-light-dark text-center mb-4">
<!--title-->
<h4>Get Updates</h4>
<p class="text-dark-light">Subscribe our newsletter to get the last update into your inbox!</p>
<!--form start-->
<div class="mx-auto">
<form id="subscribe" class="needs-validation" action="#" novalidate="">
<div class="input-group">
<input type="email" class="form-control" name="email" required="" placeholder="Enter you email address">
<button class="btn btn-primary rounded-end" type="submit">Subscribe</button>
<div class="invalid-feedback">
Please insert email address.
</div>
</div>
</form>
</div>
<!--end form-->
<p class="small text-center text-dark-light mt-3">hate spammers, and never spam</p>
</div>
<!-- end widget content -->
<div class="gap-0"></div>
</div>
Full width subcribe form
<!--subcribe form-->
<div class="p-4 p-md-5 border-top bg-light-dark">
<div class="container">
<div class="col-md-6 offset-md-3 text-center">
<!--title-->
<h4 class="h3 mb-2 mb-md-4">
Subcribe <span class="d-none d-sm-inline me-1">Newsletter</span>
</h4>
<!--text-->
<p class="font-italic text-dark-light">We will give you notification, every time if we have news update</p>
<!--form-->
<div class="mx-auto">
<form id="subscribe" class="needs-validation" action="#" novalidate>
<div class="input-group">
<input type="email" class="form-control" name="email" required="" placeholder="Enter you email address">
<button class="btn btn-primary rounded-end" type="submit">Subscribe</button>
<div class="invalid-feedback">
Please insert email address.
</div>
</div>
</form>
</div>
<!--end form-->
</div>
</div>
</div>
<!--end subcribe form-->
Subcribe Newsletter
We will give you notification, every time if we have news update