Form Style 1
<div class="col-md-9 col-lg-9">
<div class="heading-1 text-center mb-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<h2>Form Style 1</h2> </div>
<div class="form-1">
<form action="#" method="post">
<div class="row g-4">
<div class="col-6 mb-2 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-6 mb-2 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<input type="email" class="form-control" placeholder="Mail" aria-label="email"> </div>
<div class="col-12 mb-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="6" placeholder="Message"></textarea>
</div>
</div>
<div class="text-center wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<button type="submit" class="btn btn-primary">Send <i><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.823 104.652">
<g id="Icon_feather-send" data-name="Icon feather-send" transform="translate(52.326 -1.414) rotate(45)">
<path id="Path_210" data-name="Path 210" d="M55.326,3,16.5,41.826" transform="translate(17.674 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path id="Path_211" data-name="Path 211" d="M73,3,48.5,73l-14-31.5L3,27.5Z" transform="translate(0 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
</g>
</svg></i></button>
</div>
</form>
</div>
</div>
Form Style 2
<div class="col-md-6 col-lg-6">
<div class="form heading-1 mb-5 text-center wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<h2>Form Style 2</h2> </div>
<div class="form-2">
<form action="#" method="post">
<div class="row g-4">
<div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<input type="email" class="form-control" placeholder="E-mail" aria-label="email"> </div>
<div class="col-12 mb-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="5" placeholder="Message"></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">Send <i><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.823 104.652">
<g id="Icon_feather-send" data-name="Icon feather-send" transform="translate(52.326 -1.414) rotate(45)">
<path id="Path_210" data-name="Path 210" d="M55.326,3,16.5,41.826" transform="translate(17.674 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
<path id="Path_211" data-name="Path 211" d="M73,3,48.5,73l-14-31.5L3,27.5Z" transform="translate(0 0)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
</g>
</svg></i></button>
</form>
</div>
</div>
Form Style 3
<div class="col-md-6 col-lg-6">
<div class="form heading-1 mb-5 text-center wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<h2>Form Style 3</h2> </div>
<div class="form-3">
<form action="#" method="post">
<div class="row g-4">
<div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<label for="userName"> User Name <span>*</span> </label>
<input type="text" class="form-control" aria-label="userName">
<div class="form-3-footer-text">
<p>Enter your News Pro username.</p>
</div>
</div>
<div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<label for="password"> password <span>*</span> </label>
<input type="password" class="form-control" aria-label="password">
<div class="form-3-footer-text">
<p>Enter the password that accompanies your username.</p>
</div>
</div>
</div>
<div class="text-center mt-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<button type="submit" class="btn btn-primary">Login </button>
</div>
</form>
</div>
</div>