Forms Style 1
<section class="forms element-page dt-section">
<div class="container">
<div class="form-block elements-block">
<div class="form1">
<form>
<div class="row row-mr">
<div class="col-md-6 col-lg-4 col-12 col-mr"><input type="text" class="form-control" placeholder="Name"></div>
<div class="col-md-6 col-lg-4 col-12 col-mr"><input type="email" class="form-control" placeholder="Email"></div>
<div class="col-md-6 col-lg-4 col-12 col-mr">
<select class="form-select" aria-label="Default select example">
<option selected>Subject</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<div class="col-12 col-mr"><textarea class="form-control" rows="5" placeholder="Message"></textarea></div>
</div>
<button type="submit" title="SEND MESSAGE" class="btn btn-primary btn-md btn-custom4">SEND
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="38" viewBox="0 0 150 38"><path data-name="Path 39868" d="M243.918,220.16v14.907H120.25v6.3H243.918v16.8l26.332-19.524Z" transform="translate(-120.25 -220.16)" fill="#ed485b" fill-rule="evenodd"></path></svg>
</button>
</form>
</div>
</div>
</div>
</section>
Forms Style 2
<section class="forms element-page dt-section">
<div class="container">
<div class="form-block elements-block">
<div class="form2">
<form>
<div class="row row-mr">
<div class="col-md-12 col-12 col-mr"><textarea class="form-control" id="textarea2" rows="4" placeholder="Your Experience"></textarea></div>
<div class="col-md-6 col-12 col-mr"><input type="text" class="form-control" id="name2" placeholder="Name"></div>
<div class="col-md-6 col-12 col-mr"><input type="email" class="form-control" id="email2" placeholder="Mail Id"></div>
</div>
<button type="submit" title="SEND MESSAGE" class="btn btn-primary btn-md btn-custom4">Send
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="38" viewBox="0 0 150 38"><path data-name="Path 39868" d="M243.918,220.16v14.907H120.25v6.3H243.918v16.8l26.332-19.524Z" transform="translate(-120.25 -220.16)" fill="#ed485b" fill-rule="evenodd"></path></svg>
</button>
</form>
</div>
</div>
</div>
</section>
Forms Style 3
<section class="forms element-page dt-section">
<div class="container">
<div class="form-block elements-block">
<div class="form3">
<form>
<div class="row">
<div class="col-12">
<label>Name</label>
<input type="text" class="form-control" id="name2" placeholder="Enter your name">
</div>
<div class="col-12">
<label>Phone Number</label>
<input type="tel" class="form-control" id="phone2" pattern="^(?=.*[0-9])[- +()0-9]+$" placeholder="Enter your number">
</div>
<div class="col-12">
<label>Mail</label>
<input type="email" class="form-control" id="email2" placeholder="Enter your mail">
</div>
</div>
<button type="submit" title="SEND MESSAGE" class="btn btn-primary btn-md btn-custom4">Send
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="38" viewBox="0 0 150 38"><path data-name="Path 39868" d="M243.918,220.16v14.907H120.25v6.3H243.918v16.8l26.332-19.524Z" transform="translate(-120.25 -220.16)" fill="#ed485b" fill-rule="evenodd"></path></svg>
</button>
</form>
</div>
</div>
</div>
</section>