Française
Eng
Deutsch
Form Style 1
<section class="sec-pad-100" id="form-style-1">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-12 text-center">
<div class="heading-1">
<h2>Form Style 1</h2> </div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-9 mt-4">
<div class="form-style-1">
<form action="#" method="post">
<div class="row gx-3">
<div class="col-12 mb-4">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="5" placeholder="Message"></textarea>
</div>
</div>
<div class="row gx-4-2">
<div class="col-12 col-md-12 col-lg-6 mb-4">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-12 col-md-12 col-lg-6 mb-4">
<input type="email" class="form-control" placeholder="Mail" aria-label="email"> </div>
<div class="col-12 col-md-12 col-lg-6 mb-4">
<input type="text" class="form-control" placeholder="Phone Number" aria-label="name"> </div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<input type="text" class="form-control" placeholder="Subject" aria-label="email"> </div>
</div>
<div class="">
<button type="submit" class="btn btn-primary">Send <i class="fa fa-paper-plane-o"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
Form Style 2
<section class="sec-pad-t-100" id="form-style-2">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-12 text-center">
<div class="heading-1">
<h2>Form Style 2</h2> </div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-6 mt-4">
<div class="form-style-2">
<form action="#" method="post">
<div class="row gx-3">
<div class="col-12 col-md-12 col-lg-6 mb-3">
<input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<input type="email" class="form-control" placeholder="Email" aria-label="email"> </div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<input type="text" class="form-control" placeholder="Phone Number" aria-label="name"> </div>
<div class="col-12 col-md-12 col-lg-6 mb-3">
<input type="text" class="form-control" placeholder="Subject" aria-label="email"> </div>
</div>
<div class="col-12 mb-4">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="4" placeholder="Message"></textarea>
</div>
<div class="">
<button type="submit" class="btn btn-primary">Send <i class="fa fa-paper-plane-o"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>