<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Booking Form</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookdate">Date</label> <div class="col-md-8"> <input id="bookdate" name="bookdate" type="text" placeholder="date" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="coname">COMPANY / CLIENT NAME</label> <div class="col-md-8"> <input id="coname" name="coname" type="text" placeholder="name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="booktype">EVENT TYPE / PURPOSE</label> <div class="col-md-8"> <input id="booktype" name="booktype" type="text" placeholder="type" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookguests">NUMBER OF GUESTS</label> <div class="col-md-8"> <input id="bookguests" name="bookguests" type="text" placeholder="guests" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookmin">AGREED MINIMUM SPEND*</label> <div class="col-md-8"> <input id="bookmin" name="bookmin" type="text" placeholder="$" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookstart">START TIME</label> <div class="col-md-8"> <input id="bookstart" name="bookstart" type="text" placeholder="time" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookfin">FINISH TIME</label> <div class="col-md-8"> <input id="bookfin" name="bookfin" type="text" placeholder="finish" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookname">NAME</label> <div class="col-md-8"> <input id="bookname" name="bookname" type="text" placeholder="name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookmobile">MOBILE</label> <div class="col-md-8"> <input id="bookmobile" name="bookmobile" type="text" placeholder="mobile" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="booktel">TELEPHONE</label> <div class="col-md-8"> <input id="booktel" name="booktel" type="text" placeholder="telephone" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="bookeml">EMAIL</label> <div class="col-md-8"> <input id="bookeml" name="bookeml" type="text" placeholder="email" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="bookaddress">POSTAL ADDRESS</label> <div class="col-md-4"> <textarea class="form-control" id="bookaddress" name="bookaddress"></textarea> </div> </div> </fieldset> </form> <div class="col-md-6"> <p>*The minimum spend covers food and beverage charges, all other agreed costs incurred (such as extra security, DJ and AV hire etc) are additional and to be paid by the client.</p> </div>