Forms
FORMS STYLE
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="form-style-1">
<form class="row g-4 justify-content-center">
<div class="form-group col-md-10 col-lg-8 required">
<label for="formName1" class="form-label">Name</label>
<input type="text" class="form-control" id="formName1" required>
</div>
<div class="form-group col-md-10 col-lg-8 required">
<label for="formEmail1" class="form-label">E-mail</label>
<input type="email" class="form-control" id="formEmail1" required>
</div>
<div class="form-group col-md-10 col-lg-8 required">
<label for="formSubject1" class="form-label">Subject</label>
<input type="text" class="form-control" id="formSubject1" required>
</div>
<div class="form-group col-md-10 col-lg-8 required">
<label for="formMessage1" class="form-label">Message</label>
<textarea class="form-control" id="formMessage1" rows="5" required></textarea>
</div>
<div class="col-md-10 col-lg-8">
<button class="btn btn-2 btn-primary" type="submit">SEND</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="shortcodes g-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="shortcode-block">
<div class="form-style-2">
<form class="row g-4 justify-content-center">
<div class="form-group col-md-10 col-lg-8 required">
<label for="formName2" class="form-label visually-hidden">Name</label>
<input type="text" class="form-control" id="formName2" required placeholder="Name">
</div>
<div class="form-group col-md-10 col-lg-8 required">
<label for="formEmail2" class="form-label visually-hidden">E-mail</label>
<input type="email" class="form-control" id="formEmail2" required placeholder="E-mail">
</div>
<div class="form-group col-md-10 col-lg-8 required">
<label for="formSubject2" class="form-label visually-hidden">Subject</label>
<input type="text" class="form-control" id="formSubject2" required placeholder="Subject">
</div>
<div class="form-group col-md-10 col-lg-8 required">
<label for="formMessage2" class="form-label visually-hidden">Message</label>
<textarea class="form-control" id="formMessage2" rows="5" required placeholder="Message"></textarea>
</div>
<div class="col-md-10 col-lg-8">
<button class="btn btn-4 btn-primary" type="submit">SEND</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>