Forms
Form 1
<form class="quform" action="quform/contact.php" method="post" enctype="multipart/form-data" onclick="">
<div class="quform-elements">
<div class="row">
<!-- Begin Text input element -->
<div class="col-md-6">
<div class="quform-element form-group">
<label for="name">Your Name <span class="quform-required">*</span></label>
<div class="quform-input">
<input class="form-control" id="name" type="text" name="name" placeholder="Your name here" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-md-6">
<div class="quform-element form-group">
<label for="email">Your Email <span class="quform-required">*</span></label>
<div class="quform-input">
<input class="form-control" id="email" type="text" name="email" placeholder="Your email here" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-md-6">
<div class="quform-element form-group">
<label for="subject">Your Subject <span class="quform-required">*</span></label>
<div class="quform-input">
<input class="form-control" id="subject" type="text" name="subject" placeholder="Your subject here" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-md-6">
<div class="quform-element form-group">
<label for="phone">Contact Number</label>
<div class="quform-input">
<input class="form-control" id="phone" type="text" name="phone" placeholder="Your phone here" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Textarea element -->
<div class="col-md-12">
<div class="quform-element form-group">
<label for="message">Message <span class="quform-required">*</span></label>
<div class="quform-input">
<textarea class="form-control h-auto" id="message" name="message" rows="3" placeholder="Tell us a few words"></textarea>
</div>
</div>
</div>
<!-- End Textarea element -->
<!-- Begin Captcha element -->
<div class="col-md-12">
<div class="quform-element">
<div class="form-group">
<div class="quform-input">
<input class="form-control" id="type_the_word" type="text" name="type_the_word" placeholder="Type the below word" />
</div>
</div>
<div class="form-group">
<div class="quform-captcha">
<div class="quform-captcha-inner">
<img src="quform/images/captcha/courier-new-light.png" alt="...">
</div>
</div>
</div>
</div>
</div>
<!-- End Captcha element -->
<!-- Begin Submit button -->
<div class="col-md-12">
<div class="quform-submit-inner">
<button class="butn butn-style1 lg" type="submit"><span>Send Message</span></button>
</div>
<div class="quform-loading-wrap text-start"><span class="quform-loading"></span></div>
</div>
<!-- End Submit button -->
</div>
</div>
</form>
Form 2
<form class="quform" action="quform/book-appointment.php" method="post" enctype="multipart/form-data" onclick="">
<div class="quform-elements">
<div class="row">
<!-- Begin Text input element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<input class="form-control" id="first_name" type="text" name="first_name" placeholder="First Name" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<input class="form-control" id="last_name" type="text" name="last_name" placeholder="Last Name" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<input class="form-control" id="phone_no" type="text" name="phone_no" placeholder="Your phone number" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<input class="form-control" id="email_id" type="text" name="email_id" placeholder="Your email" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<input class="form-control date form_date" data-date-format="dd MM yyyy" data-link-format="yyyy-mm-dd" size="16" type="text" id="date" name="date" value="" placeholder="Appoinment date">
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<input class="form-control date form_time" data-date="" data-date-format="hh:ii" data-link-format="hh:ii" size="16" type="text" id="time" name="time" value="" placeholder="Appoinment time">
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Select element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<select class="form-control form-select" id="service" name="service">
<option value="">-- Select Services --</option>
<option value="Technical Repairs">Technical Repairs</option>
<option value="Engine Diagnostics">Engine Diagnostics</option>
<option value="System Service">System Service</option>
<option value="Oil & Filters">Oil & Filters</option>
<option value="Break Repair">Break Repair</option>
<option value="Wheel Alignment">Wheel Alignment</option>
<option value="Electrical System">Electrical System</option>
<option value="Others">Others</option>
</select>
</div>
</div>
</div>
<!-- End Select element -->
<!-- Begin Text input element -->
<div class="col-sm-6">
<div class="quform-element form-group">
<div class="quform-input">
<select class="form-control form-select" id="car" name="car">
<option value="">-- Choose Your Car --</option>
<option value="Jama Karle">BMW</option>
<option value="Keir Prestonly">Audi</option>
<option value="Keir Prestonly">Honda</option>
<option value="Finley Walkeror">Toyota</option>
<option value="Keir Prestonly">Skoda</option>
<option value="Finley Walkeror">Ford</option>
<option value="Dont know">Volkswagen</option>
</select>
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Textarea element -->
<div class="col-md-12">
<div class="quform-element form-group">
<div class="quform-input">
<textarea class="form-control" id="messages" name="messages" rows="3" placeholder="Message"></textarea>
</div>
</div>
</div>
<!-- End Textarea element -->
<!-- Begin Captcha element -->
<div class="col-md-12">
<div class="quform-element">
<div class="form-group">
<div class="quform-input">
<input class="form-control" id="type-the-word" type="text" name="type-the-word" placeholder="Type the below word" />
</div>
</div>
<div class="form-group">
<div class="quform-captcha">
<div class="quform-captcha-inner">
<img src="quform/images/captcha/courier-new-light.png" alt="...">
</div>
</div>
</div>
</div>
</div>
<!-- End Captcha element -->
<!-- Begin Submit button -->
<div class="col-md-12">
<div class="quform-submit-inner text-center">
<div class="d-grid">
<button class="butn radius" type="submit">Submit Now</button>
</div>
</div>
<div class="quform-loading-wrap"><span class="quform-loading"></span></div>
</div>
<!-- End Submit button -->
</div>
</div>
</form>
Form Elements
Select
Radios
<div class="mb-5">
<h2 class="mb-3 h4">Select</h2>
<form>
<select class="form-select" aria-label="Default select example">
<option selected>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</form>
</div>
<div>
<h2 class="mb-3 h4">Radios</h2>
<form>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Default radio</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
<label class="form-check-label" for="flexRadioDefault2">Default checked radio</label>
</div>
</form>
</div>