Form Style 1
<div class="form-style-1">
<div class="container">
<div class="row">
<div class="col-12"><h2>Form Style 1</h2></div>
<div class="col-12 col-md-12 col-lg-10 mx-auto">
<form>
<div class="row">
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<input type="text" class="form-control yg-form-element" id="formGroupExampleInput" placeholder="name">
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<input type="email" class="form-control yg-form-element" placeholder="Email">
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<input type="text" class="form-control yg-form-element" id="formGroupExampleInput" placeholder="country">
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<div class="select-wrapper">
<select class="form-control yg-form-element custom-select" id="exampleFormControlSelect1">
<option>Subject</option>
<option>Subject 2</option>
<option>Subject 3</option>
<option>Subject 4</option>
<option>Subject 5</option>
</select>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-12 mx-auto">
<div class="form-group">
<textarea class="form-control yg-form-element" id="exampleFormControlTextarea1" rows="8" placeholder="Message"></textarea>
</div>
</div>
<div class="col-12 col-md-12 col-lg-12 mx-auto">
<button href="#" class="btn btn-lg btn-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
Form Style 1
<div class="form-style-2">
<div class="container">
<div class="row">
<div class="col-12"><h2>Form Style 1</h2></div>
<div class="col-12 col-md-12 col-lg-10 mx-auto">
<form>
<div class="row">
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<input type="text" class="form-control yg-form-element" id="formGroupExampleInput" placeholder="name">
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<input type="email" class="form-control yg-form-element" placeholder="Email">
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<input type="text" class="form-control yg-form-element" id="formGroupExampleInput" placeholder="country">
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mx-auto">
<div class="form-group">
<div class="select-wrapper">
<select class="form-control yg-form-element custom-select" id="exampleFormControlSelect1">
<option>Subject</option>
<option>Subject 2</option>
<option>Subject 3</option>
<option>Subject 4</option>
<option>Subject 5</option>
</select>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-12 mx-auto">
<div class="form-group">
<textarea class="form-control yg-form-element" id="exampleFormControlTextarea1" rows="8" placeholder="Message"></textarea>
</div>
</div>
<div class="col-12 col-md-12 col-lg-12 mx-auto">
<button href="#" class="btn btn-lg btn-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>