Skip to main content

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>
            
https://www.cereg.com