Form Style 1
<div class="form-1">
<form action="#" method="post">
<div class="row g-4">
<div class="col-12 col-md-6">
<input type="text" class="form-control" placeholder="NAME" aria-label="name"> </div>
<div class="col-12 col-md-6">
<input type="email" class="form-control" placeholder="EMAIL" aria-label="email"> </div>
<div class="col-12 mb-4">
<textarea class="form-control" rows="6" placeholder="Message"></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
Form Style 2
<div class="form-2">
<form action="#" method="post">
<div class="row g-3">
<div class="col-12 col-md-12">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-12 col-md-12">
<input type="email" class="form-control" placeholder="E-mail" aria-label="email"> </div>
<div class="col-12 mb-4">
<textarea class="form-control" rows="5" placeholder="Message"></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary">Send</button>
</form>
</div>
Form Style 3
Let's get in touch
Give us a call or dropby any time, we endeavour to answer all enquires within 24 hours on business days.
<div class="form-3">
<div class="form-3-text-block">
<h3>Let's get in touch</h3>
<p>Give us a call or dropby any time, we endeavour to answer all enquires within 24 hours on business days.</p>
</div>
<form action="#" method="post">
<div class="row g-3">
<div class="col-12 col-md-12">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-12 col-md-12">
<input type="email" class="form-control" placeholder="E-mail" aria-label="email"> </div>
<div class="col-12 mb-4">
<textarea class="form-control" rows="4" placeholder="Message"></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary">Send</button>
</form>
</div>
Form Style 4
Contact Us
Let's get in touch
Give us a call or dropby any time, we endeavour to answer all enquires within 24 hours on business days.
<div class="form-4">
<div class="form-4-text-block">
<h4>Contact Us</h4>
<h3>Let's get in touch</h3>
<p>Give us a call or dropby any time, we endeavour to answer all enquires within 24 hours on business days.</p>
</div>
<form action="#" method="post">
<div class="row g-3">
<div class="col-12 col-md-12">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-12 col-md-12">
<input type="email" class="form-control" placeholder="Email" aria-label="email"> </div>
<div class="col-12 mb-4">
<textarea class="form-control" rows="4" placeholder="Message"></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary mt-3">Send</button>
</form>
</div>
Form Style 5
<div class="form-5">
<form action="#" method="post">
<div class="row g-4">
<div class="col-6 ">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-6 ">
<input type="email" class="form-control" placeholder="Email" aria-label="email"> </div>
<div class="col-12 mb-4">
<textarea class="form-control" rows="9" placeholder="Comment"></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary">Send</button>
</form>
</div>