Form Style 1
<section class="form dt-section">
<div class="container">
<div class="form-block">
<div class="form1">
<form>
<div class="row">
<div class="col-md-6"><input type="text" class="form-control" placeholder="Name"></div>
<div class="col-md-6"><input type="email" class="form-control" placeholder="Mail"></div>
<div class="col-md-12"><textarea class="form-control" rows="5" placeholder="Message"></textarea></div>
</div>
<button type="submit" title="SEND MESSAGE" class="btn btn-primary btn-md btn-custom1">SEND MESSAGE
</button>
</form>
</div>
</div>
</div>
</section>
Form Style 2
<section class="form dt-section">
<div class="container">
<div class="form-block">
<div class="form2">
<form>
<div class="row">
<div class="col-md-6"><input type="text" class="form-control" id="name2" placeholder="First Name"></div>
<div class="col-md-6"><input type="email" class="form-control" id="email2" placeholder="Email"></div>
<div class="col-md-6"><input type="tel" class="form-control" id="phone2" pattern="^(?=.*[0-9])[- +()0-9]+$" placeholder="Phone Number"></div>
<div class="col-md-6">
<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>
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
<path data-name="Path 40755" d="M428.483,199.67l-95.3,97.316-95.882-96.7L213.475,225.7,332.6,349.67l120.87-123.351Z" transform="translate(-213.475 -199.67)" fill="#130f40" fill-rule="evenodd"/>
</svg>
</div>
<div class="col-md-12"><textarea class="form-control" id="textarea2" rows="4" placeholder="Message"></textarea></div>
</div>
<button type="submit" class="btn btn-primary btn-md btn-custom1" title="SEND MESSAGE">SEND MESSAGE</button>
</form>
</div>
</div>
</div>
</section>