{Theme} comes with predefined boxes, which can be added in main slider:
HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
<div class="ct-box"> <div class="text-center"> <h3 class="ct-header--stretch ct-header--doubleBorderBottom ct-u-fontType2 ct-fw-700 ct-u-fontSize40 ct-u-marginBoth0"> Book An Appointment </h3> </div> <form role="form" action="" method="post" class="contactForm validateIt ct-u-paddingTop40" data-email-subject="Contact Form" data-show-errors="true"> <div class="form-group date ct-js-datetimePicker"> <label for="dayTime1" class="control-label text-uppercase ct-u-fontSize14 ct-fw-600 ct-u-motiveColor ct-u-paddingBottom10">choose a day:</label> <input type="text" class="form-control" placeholder="Please choose a day" id="dayTime1"> <input type="submit" value=""> </div> <div class="form-group"> <label for="hourTime" class="control-label text-uppercase ct-u-fontSize14 ct-fw-600 ct-u-motiveColor ct-u-paddingBottom10">choose time:</label> <select class="ct-selectTime" id="hourTime"> <option></option> <option value="8">08:00 am</option> <option value="9">09:00 am</option> <option value="10">10:00 am</option> <option value="11">11:00 am</option> <option value="12">12:00 am</option> <option value="13">13:00 pm</option> <option value="14">14:00 pm</option> <option value="15">15:00 pm</option> <option value="16">16:00 pm</option> <option value="17">17:00 pm</option> <option value="18">18:00 pm</option> <option value="17">19:00 pm</option> <option value="18">20:00 pm</option> </select> </div> <div class="form-group"> <label for="contact-method" class="control-label text-uppercase ct-u-fontSize14 ct-fw-600 ct-u-motiveColor ct-u-paddingBottom10 ct-u-paddingTop10">contact method:</label> <select class="ct-selectContact"> <option></option> <option value="8">Email</option> <option value="9">Self-Serve</option> <option value="10">Phone</option> <option value="11">In Person</option> </select> </div> <div class="form-group"> <label for="obs" class="control-label text-uppercase ct-u-fontSize14 ct-fw-600 ct-u-motiveColor ct-u-paddingBottom10 ct-u-paddingTop10">Observations:</label> <textarea type="text" class="form-control ct-inputCode" rows="4" placeholder="Enter" id="obs"></textarea> </div> <div class="text-center ct-u-paddingTop20"> <a href="#" class="btn btn-sm btn-arrow"><span>book now</span></a> </div> </form> </div> |
Notice: to define email address, where contact should send emails – edit /form/config.php file with your email.