TIME: 09:00 - 17:00
Sat - Sun: CLOSED
MAIL US
info@youremail.com
CALL US
+123 4567 8900
Book Appoinment
Common Form #01
<div class="row justify-content-center">
<!-- style 01 -->
<div class="col-lg-10">
<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" 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 theme butn-md" type="submit"><span>Send Message</span></button>
</div>
<div class="quform-loading-wrap text-left"><span class="quform-loading"></span></div>
</div>
<!-- End Submit button -->
</div>
</div>
</form>
</div>
<!-- end style 01 -->
</div>
Common Form #02
<div class="row justify-content-center">
<!-- style 01 -->
<div class="col-lg-8">
<form>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="butn">Submit</button>
</form>
</div>
<!-- end style 01 -->
</div>
Form Elements #03
#01 Select
<div class="row justify-content-center mb-5">
<div class="col-lg-12 text-center">
<h3 class="h4 mb-3"><span class="text-primary">#01</span> Select</h3>
</div>
<div class="col-lg-8">
<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>
<div class="row justify-content-center mb-5">
<div class="col-lg-12 text-center">
<h3 class="h4 mb-3"><span class="text-primary">#02</span> Checks</h3>
</div>
<div class="col-lg-8">
<form>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Default checkbox
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
<label class="form-check-label" for="flexCheckChecked">
Checked checkbox
</label>
</div>
</form>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<h3 class="h4 mb-3"><span class="text-primary">#03</span> Radios</h3>
</div>
<div class="col-lg-8">
<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>
</div>
