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 border-radius-10" 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 border-radius-10" 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 border-radius-10" 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 border-radius-10" 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 border-radius-10" 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 border-radius-10" 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" class="border-radius-10" 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" type="submit">Send Message</button>
</div>
<div class="quform-loading-wrap text-start"><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>