//Form 1
<div class="p-1-9 p-sm-5 box-shadows">
<form class="contact 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" 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 border-0" type="submit"><i class="ti-arrow-right icon-arrow before"></i><span class="label">Send Message</span><i class="ti-arrow-right icon-arrow after"></i></button>
</div>
<div class="quform-loading-wrap text-left"><span class="quform-loading"></span></div>
</div>
<!-- End Submit button -->
</div>
</div>
</form>
</div>
//Form 2
<div class="p-1-6 p-md-1-9 p-lg-2-5 box-shadows">
<form class="quform" action="quform/apply-job.php" method="post" enctype="multipart/form-data" onclick="">
<div class="quform-elements">
<div class="row">
<!-- Begin Select element -->
<div class="col-md-12">
<div class="quform-element form-group">
<label for="applyfor">Apply For <span class="quform-required">*</span></label>
<div class="quform-input">
<select id="applyfor" class="form-control form-select" name="applyfor">
<option value="">-- Apply For --</option>
<option value="Family Lawyer">Web Designer</option>
<option value="Litigation Lawyer">Web Developer</option>
<option value="Business Lawyer">Senior Manager</option>
<option value="Criminal Lawyer">Cyber Security</option>
<option value="Banking Lawyer">Data Analytics</option>
<option value="Others">Others</option>
</select>
</div>
</div>
</div>
<!-- End Select element -->
<!-- Begin Text input element -->
<div class="col-md-6">
<div class="quform-element form-group">
<label for="name">First Name <span class="quform-required">*</span></label>
<div class="quform-input">
<input id="name" class="form-control" type="text" name="name" placeholder="First Name" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-md-6">
<div class="quform-element form-group">
<label for="last_name">Last Name <span class="quform-required">*</span></label>
<div class="quform-input">
<input id="last_name" class="form-control" type="text" name="last_name" placeholder="Last Name" />
</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">Email Address <span class="quform-required">*</span></label>
<div class="quform-input">
<input id="email" class="form-control" type="text" name="email" placeholder="name@example.com" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Text input element -->
<div class="col-md-6">
<div class="quform-element form-group">
<label for="linkedin">URL</label>
<div class="quform-input">
<input id="linkedin" class="form-control" type="text" name="linkedin" placeholder="Linkedin" />
</div>
</div>
</div>
<!-- End Text input element -->
<!-- Begin Select element -->
<div class="col-md-6">
<div class="quform-element form-group">
<!-- Begin Upload element -->
<div class="quform-input">
<label for="resume">Resume/CV <span class="quform-required">*</span></label>
<div class="custom-file">
<input class="custom-file-input" type="file" id="resume" name="resume" />
<label class="custom-file-label" data-browse="Browse">Choose file</label>
</div>
<p class="quform-description">All files allowed. Maximum size 10MB.</p>
</div>
<!-- End Upload element -->
</div>
</div>
<!-- End Select element -->
<!-- Begin Select element -->
<div class="col-md-6">
<div class="quform-element form-group">
<div class="quform-input">
<label for="coverletter">Cover Letter</label>
<div class="custom-file">
<input class="custom-file-input" type="file" id="coverletter" name="coverletter" />
<label class="custom-file-label" data-browse="Browse">Choose file</label>
</div>
<p class="quform-description">All files allowed. Maximum size 10MB.</p>
</div>
</div>
</div>
<!-- End Select element -->
<!-- Begin Textarea element -->
<div class="col-md-12">
<div class="quform-element form-group">
<label for="message">In a Few Words <span class="quform-required">*</span></label>
<div class="quform-input">
<textarea id="message" class="form-control" name="message" rows="4" placeholder="How'd you hear about Crizal?"></textarea>
</div>
</div>
</div>
<!-- End Textarea element -->
<!-- Begin Captcha element -->
<div class="col-md-12">
<div class="quform-element form-group">
<label for="type_the_word">Type the word <span class="quform-required">*</span></label>
<div class="form-group">
<div class="quform-input">
<input id="type_the_word" class="form-control" 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 border-0" type="submit"><i class="ti-arrow-right icon-arrow before"></i><span class="label">Apply For Job</span><i class="ti-arrow-right icon-arrow after"></i></button>
</div>
<div class="quform-loading-wrap"><span class="quform-loading"></span></div>
</div>
<!-- End Submit button -->
</div>
</div>
</form>
</div>
//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>