Breaking News
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
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>