HTML markup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<form action="assets/form/send.php" method="post" data-email-subject="Contact Form" data-show-errors="true" class="contactForm validateIt"> <div class="form-group ct-u-paddingBottom15 ct-u-borderBottom"> <div class="ct-datePicker"> <label class="control-label label-typeFirst">when</label> <input type="text" placeholder="sep.01" required="" class="form-control input-lg input-typeThird ct-js-datePicker"> </div> </div> <div class="form-group ct-u-paddingBottom15 ct-u-paddingTop15 ct-u-borderBottom"> <label class="control-label label-typeFirst">when exactly</label> <input type="time" placeholder="7pm" required="" class="form-control input-lg input-typeThird"> </div> <div class="form-group ct-u-paddingBottom15 ct-u-paddingTop15"> <label class="control-label label-typeFirst">how many</label> <input type="text" placeholder="_ _" required="" class="form-control input-lg input-typeThird"> </div> <div class="form-group"> <button type="submit" data-padding-left="32" data-padding-right="32" class="btn btn-link btn-sm ct-js-btnSize btn-block">book a table</button> </div> </form> |
Screenshot