<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>Form Name</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="hotelname">Resort / Hotel Name</label> <div class="col-md-4"> <input id="hotelname" name="hotelname" type="text" placeholder="Resort / Hotel Name" class="form-control input-md" required=""> <span class="help-block">Please enter resort or hotel name here</span> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="amenities">Amenities Available</label> <div class="col-md-4"> <div class="checkbox"> <label for="amenities-0"> <input type="checkbox" name="amenities" id="amenities-0" value="1"> Air conditioner </label> </div> <div class="checkbox"> <label for="amenities-1"> <input type="checkbox" name="amenities" id="amenities-1" value="2"> Internet connectivity </label> </div> <div class="checkbox"> <label for="amenities-2"> <input type="checkbox" name="amenities" id="amenities-2" value="3"> Food / meals </label> </div> <div class="checkbox"> <label for="amenities-3"> <input type="checkbox" name="amenities" id="amenities-3" value="4"> Parking </label> </div> <div class="checkbox"> <label for="amenities-4"> <input type="checkbox" name="amenities" id="amenities-4" value="5"> Business facilities </label> </div> <div class="checkbox"> <label for="amenities-5"> <input type="checkbox" name="amenities" id="amenities-5" value="6"> Fitness centre </label> </div> <div class="checkbox"> <label for="amenities-6"> <input type="checkbox" name="amenities" id="amenities-6" value="7"> Swimming pool </label> </div> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="keyinformation">Key Information</label> <div class="col-md-4"> <textarea class="form-control" id="keyinformation" name="keyinformation">1. Recognition from booking.com / Agoda / TripAdvisor etc worth to be mentioned 2. Any other services e.g. shuttle to airport 3. Pets allowed? 4. Check out & check in time 5. Any other hotel policies 6. Payment types</textarea> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="price">Price</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">RM</span> <input id="price" name="price" class="form-control" placeholder="0.00" type="text" required=""> </div> <p class="help-block">Enter price here</p> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="agentrate">Agents Rate</label> <div class="col-md-4"> <div class="input-group"> <input id="agentrate" name="agentrate" class="form-control" placeholder="0" type="text" required=""> <span class="input-group-addon">%</span> </div> <p class="help-block">This is just indicative rate. Final rate is subject to final agreement.</p> </div> </div> </fieldset> </form>