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>