<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>Renovations</legend> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="renintro">What are you looking at doing?</label> <div class="col-md-4"> <textarea class="form-control" id="renintro" name="renintro">enter text here</textarea> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="renmotivation">What is your main motivation to renovate your home/ building?</label> <div class="col-md-4"> <div class="radio"> <label for="renmotivation-0"> <input type="radio" name="renmotivation" id="renmotivation-0" value="renspace" checked="checked"> Space </label> </div> <div class="radio"> <label for="renmotivation-1"> <input type="radio" name="renmotivation" id="renmotivation-1" value="rencomfort"> Comfort </label> </div> <div class="radio"> <label for="renmotivation-2"> <input type="radio" name="renmotivation" id="renmotivation-2" value="renlight"> Light </label> </div> <div class="radio"> <label for="renmotivation-3"> <input type="radio" name="renmotivation" id="renmotivation-3" value="renwarmth"> Warmth </label> </div> <div class="radio"> <label for="renmotivation-4"> <input type="radio" name="renmotivation" id="renmotivation-4" value="renvalue"> Value </label> </div> <div class="radio"> <label for="renmotivation-5"> <input type="radio" name="renmotivation" id="renmotivation-5" value="renvncome"> Income </label> </div> <div class="radio"> <label for="renmotivation-6"> <input type="radio" name="renmotivation" id="renmotivation-6" value="renother"> Other </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="renbudget">What is your budget range for your renovation?</label> <div class="col-md-4"> <div class="radio"> <label for="renbudget-0"> <input type="radio" name="renbudget" id="renbudget-0" value="ren50000" checked="checked"> Up to $50,000 </label> </div> <div class="radio"> <label for="renbudget-1"> <input type="radio" name="renbudget" id="renbudget-1" value="ren150000"> $50,000 - $150,000 </label> </div> <div class="radio"> <label for="renbudget-2"> <input type="radio" name="renbudget" id="renbudget-2" value="ren300000"> $150,000 - $300,000 </label> </div> <div class="radio"> <label for="renbudget-3"> <input type="radio" name="renbudget" id="renbudget-3" value="ren500000"> $300,000 - $500,000 </label> </div> <div class="radio"> <label for="renbudget-4"> <input type="radio" name="renbudget" id="renbudget-4" value="ren500000plus"> $500,000 + </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="renplans">Do you currently have any designs, plans or consents?</label> <div class="col-md-4"> <div class="radio"> <label for="renplans-0"> <input type="radio" name="renplans" id="renplans-0" value="renyes" checked="checked"> Yes </label> </div> <div class="radio"> <label for="renplans-1"> <input type="radio" name="renplans" id="renplans-1" value="renno"> No </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="renifyes">If Yes, please specify</label> <div class="col-md-4"> <input id="renifyes" name="renifyes" type="text" placeholder="please specify" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="renage">Approximately, how old is the building you are looking at renovating?</label> <div class="col-md-4"> <input id="renage" name="renage" type="text" placeholder="how old?" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="renconcerns">Please note any concern’s you have about getting your home/ building renovated</label> <div class="col-md-4"> <textarea class="form-control" id="renconcerns" name="renconcerns">enter here</textarea> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="rentiming">Do you have any specific timing requirements to work within?</label> <div class="col-md-4"> <div class="radio"> <label for="rentiming-0"> <input type="radio" name="rentiming" id="rentiming-0" value="rentimeyes" checked="checked"> Yes </label> </div> <div class="radio"> <label for="rentiming-1"> <input type="radio" name="rentiming" id="rentiming-1" value="rentimeno"> No </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="renifyes">If yes, please specify </label> <div class="col-md-4"> <input id="renifyes" name="renifyes" type="text" placeholder="please specify" class="form-control input-md"> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="rencompany">What is most important to you when making a decision on which company you will use for your renovation?</label> <div class="col-md-4"> <div class="radio"> <label for="rencompany-0"> <input type="radio" name="rencompany" id="rencompany-0" value="rencompanyknowledge" checked="checked"> Knowledge & Experience </label> </div> <div class="radio"> <label for="rencompany-1"> <input type="radio" name="rencompany" id="rencompany-1" value="rencompanyquality"> Quality </label> </div> <div class="radio"> <label for="rencompany-2"> <input type="radio" name="rencompany" id="rencompany-2" value="rencompanycommunication"> Communication and/ or ideas </label> </div> <div class="radio"> <label for="rencompany-3"> <input type="radio" name="rencompany" id="rencompany-3" value="rencompanytiming"> Starting/ finishing by set date </label> </div> <div class="radio"> <label for="rencompany-4"> <input type="radio" name="rencompany" id="rencompany-4" value="rencompanyvalue"> Best value for money </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="renhear">How did you hear about us?</label> <div class="col-md-4"> <input id="renhear" name="renhear" type="text" placeholder="enter here" class="form-control input-md" required=""> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="renbttnsubmit"></label> <div class="col-md-4"> <button id="renbttnsubmit" name="renbttnsubmit" class="btn btn-success">Submit</button> </div> </div> </fieldset> </form>