<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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>Realtor Form</legend> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Upload Passport">Upload Passport</label> <div class="col-md-4"> <input id="Upload Passport" name="Upload Passport" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Full Name:</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="your full name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Realty Name">Realty Name:</label> <div class="col-md-4"> <input id="Realty Name" name="Realty Name" type="text" placeholder="YOUR Realty Name" class="form-control input-md" required=""> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Sex:">Sex:</label> <div class="col-md-4"> <div class="radio"> <label for="Sex:-0"> <input type="radio" name="Sex:" id="Sex:-0" value="1" checked="checked"> Male </label> </div> <div class="radio"> <label for="Sex:-1"> <input type="radio" name="Sex:" id="Sex:-1" value="2"> Female </label> </div> <div class="radio"> <label for="Sex:-2"> <input type="radio" name="Sex:" id="Sex:-2" value="3"> Dual Sex </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Marital Status:">Marital Status:</label> <div class="col-md-4"> <div class="radio"> <label for="Marital Status:-0"> <input type="radio" name="Marital Status:" id="Marital Status:-0" value="1" checked="checked"> Single </label> </div> <div class="radio"> <label for="Marital Status:-1"> <input type="radio" name="Marital Status:" id="Marital Status:-1" value="2"> Married </label> </div> <div class="radio"> <label for="Marital Status:-2"> <input type="radio" name="Marital Status:" id="Marital Status:-2" value="3"> Divorced </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Tel:">Tel:</label> <div class="col-md-4"> <input id="Tel:" name="Tel:" type="text" placeholder="Your Phone Numeber" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Email:">Email:</label> <div class="col-md-4"> <input id="Email:" name="Email:" type="text" placeholder="your email address" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Address:">Address:</label> <div class="col-md-4"> <textarea class="form-control" id="Address:" name="Address:">Your Adress</textarea> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="Country:">Country:</label> <div class="col-md-4"> <div class="input-group"> <input id="Country:" name="Country:" class="form-control" placeholder="Country:" type="text" required=""> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Select <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Nigeria</a></li> <li><a href="#">Ghana</a></li> <li><a href="#">Congo</a></li> <li><a href="#">others</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Country">Other Country</label> <div class="col-md-4"> <input id="Country" name="Country" type="text" placeholder="Name your Country" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Account Details">Account Details:</label> <div class="col-md-4"> <textarea class="form-control" id="Account Details" name="Account Details">Diamond, Demola Bongo, 1234567890, savings/current</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Next of Kin:">Next of Kin:</label> <div class="col-md-4"> <input id="Next of Kin:" name="Next of Kin:" type="text" placeholder="Full Name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Relationship:">Relationship:</label> <div class="col-md-4"> <input id="Relationship:" name="Relationship:" type="text" placeholder="Your Relationship the the person" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Tel:">Phone:</label> <div class="col-md-4"> <input id="Tel:" name="Tel:" type="text" placeholder="tel no." class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Next of Kin Address:">Address:</label> <div class="col-md-4"> <textarea class="form-control" id="Next of Kin Address:" name="Next of Kin Address:">Address...</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Referral Name:">Your Referral:</label> <div class="col-md-4"> <input id="Referral Name:" name="Referral Name:" type="text" placeholder="Your Referral Name" class="form-control input-md" required=""> <span class="help-block">help</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Ref. Tel:">Ref. Tel:</label> <div class="col-md-4"> <input id="Ref. Tel:" name="Ref. Tel:" type="text" placeholder="Your Referral Phone" class="form-control input-md" required=""> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="Agreement:">I Agree:</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="Agreement:" name="Agreement:" class="form-control" type="text" placeholder="I agree" required=""> </div> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Submit"></label> <div class="col-md-4"> <button id="Submit" name="Submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> </form>

<form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Realtor Form</legend> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Upload Passport">Upload Passport</label> <div class="col-md-4"> <input id="Upload Passport" name="Upload Passport" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Full Name:</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="your full name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Realty Name">Realty Name:</label> <div class="col-md-4"> <input id="Realty Name" name="Realty Name" type="text" placeholder="YOUR Realty Name" class="form-control input-md" required=""> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Sex:">Sex:</label> <div class="col-md-4"> <div class="radio"> <label for="Sex:-0"> <input type="radio" name="Sex:" id="Sex:-0" value="1" checked="checked"> Male </label> </div> <div class="radio"> <label for="Sex:-1"> <input type="radio" name="Sex:" id="Sex:-1" value="2"> Female </label> </div> <div class="radio"> <label for="Sex:-2"> <input type="radio" name="Sex:" id="Sex:-2" value="3"> Dual Sex </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Marital Status:">Marital Status:</label> <div class="col-md-4"> <div class="radio"> <label for="Marital Status:-0"> <input type="radio" name="Marital Status:" id="Marital Status:-0" value="1" checked="checked"> Single </label> </div> <div class="radio"> <label for="Marital Status:-1"> <input type="radio" name="Marital Status:" id="Marital Status:-1" value="2"> Married </label> </div> <div class="radio"> <label for="Marital Status:-2"> <input type="radio" name="Marital Status:" id="Marital Status:-2" value="3"> Divorced </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Tel:">Tel:</label> <div class="col-md-4"> <input id="Tel:" name="Tel:" type="text" placeholder="Your Phone Numeber" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Email:">Email:</label> <div class="col-md-4"> <input id="Email:" name="Email:" type="text" placeholder="your email address" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Address:">Address:</label> <div class="col-md-4"> <textarea class="form-control" id="Address:" name="Address:">Your Adress</textarea> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="Country:">Country:</label> <div class="col-md-4"> <div class="input-group"> <input id="Country:" name="Country:" class="form-control" placeholder="Country:" type="text" required=""> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Select <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Nigeria</a></li> <li><a href="#">Ghana</a></li> <li><a href="#">Congo</a></li> <li><a href="#">others</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Country">Other Country</label> <div class="col-md-4"> <input id="Country" name="Country" type="text" placeholder="Name your Country" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Account Details">Account Details:</label> <div class="col-md-4"> <textarea class="form-control" id="Account Details" name="Account Details">Diamond, Demola Bongo, 1234567890, savings/current</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Next of Kin:">Next of Kin:</label> <div class="col-md-4"> <input id="Next of Kin:" name="Next of Kin:" type="text" placeholder="Full Name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Relationship:">Relationship:</label> <div class="col-md-4"> <input id="Relationship:" name="Relationship:" type="text" placeholder="Your Relationship the the person" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Tel:">Phone:</label> <div class="col-md-4"> <input id="Tel:" name="Tel:" type="text" placeholder="tel no." class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Next of Kin Address:">Address:</label> <div class="col-md-4"> <textarea class="form-control" id="Next of Kin Address:" name="Next of Kin Address:">Address...</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Referral Name:">Your Referral:</label> <div class="col-md-4"> <input id="Referral Name:" name="Referral Name:" type="text" placeholder="Your Referral Name" class="form-control input-md" required=""> <span class="help-block">help</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Ref. Tel:">Ref. Tel:</label> <div class="col-md-4"> <input id="Ref. Tel:" name="Ref. Tel:" type="text" placeholder="Your Referral Phone" class="form-control input-md" required=""> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="Agreement:">I Agree:</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="Agreement:" name="Agreement:" class="form-control" type="text" placeholder="I agree" required=""> </div> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Submit"></label> <div class="col-md-4"> <button id="Submit" name="Submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> </form>

<!-- Form Name --> <legend>Realtor Form</legend> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Upload Passport">Upload Passport</label> <div class="col-md-4"> <input id="Upload Passport" name="Upload Passport" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Full Name:</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="your full name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Realty Name">Realty Name:</label> <div class="col-md-4"> <input id="Realty Name" name="Realty Name" type="text" placeholder="YOUR Realty Name" class="form-control input-md" required=""> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Sex:">Sex:</label> <div class="col-md-4"> <div class="radio"> <label for="Sex:-0"> <input type="radio" name="Sex:" id="Sex:-0" value="1" checked="checked"> Male </label> </div> <div class="radio"> <label for="Sex:-1"> <input type="radio" name="Sex:" id="Sex:-1" value="2"> Female </label> </div> <div class="radio"> <label for="Sex:-2"> <input type="radio" name="Sex:" id="Sex:-2" value="3"> Dual Sex </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Marital Status:">Marital Status:</label> <div class="col-md-4"> <div class="radio"> <label for="Marital Status:-0"> <input type="radio" name="Marital Status:" id="Marital Status:-0" value="1" checked="checked"> Single </label> </div> <div class="radio"> <label for="Marital Status:-1"> <input type="radio" name="Marital Status:" id="Marital Status:-1" value="2"> Married </label> </div> <div class="radio"> <label for="Marital Status:-2"> <input type="radio" name="Marital Status:" id="Marital Status:-2" value="3"> Divorced </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Tel:">Tel:</label> <div class="col-md-4"> <input id="Tel:" name="Tel:" type="text" placeholder="Your Phone Numeber" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Email:">Email:</label> <div class="col-md-4"> <input id="Email:" name="Email:" type="text" placeholder="your email address" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Address:">Address:</label> <div class="col-md-4"> <textarea class="form-control" id="Address:" name="Address:">Your Adress</textarea> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="Country:">Country:</label> <div class="col-md-4"> <div class="input-group"> <input id="Country:" name="Country:" class="form-control" placeholder="Country:" type="text" required=""> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Select <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Nigeria</a></li> <li><a href="#">Ghana</a></li> <li><a href="#">Congo</a></li> <li><a href="#">others</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Country">Other Country</label> <div class="col-md-4"> <input id="Country" name="Country" type="text" placeholder="Name your Country" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Account Details">Account Details:</label> <div class="col-md-4"> <textarea class="form-control" id="Account Details" name="Account Details">Diamond, Demola Bongo, 1234567890, savings/current</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Next of Kin:">Next of Kin:</label> <div class="col-md-4"> <input id="Next of Kin:" name="Next of Kin:" type="text" placeholder="Full Name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Relationship:">Relationship:</label> <div class="col-md-4"> <input id="Relationship:" name="Relationship:" type="text" placeholder="Your Relationship the the person" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Tel:">Phone:</label> <div class="col-md-4"> <input id="Tel:" name="Tel:" type="text" placeholder="tel no." class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Next of Kin Address:">Address:</label> <div class="col-md-4"> <textarea class="form-control" id="Next of Kin Address:" name="Next of Kin Address:">Address...</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Referral Name:">Your Referral:</label> <div class="col-md-4"> <input id="Referral Name:" name="Referral Name:" type="text" placeholder="Your Referral Name" class="form-control input-md" required=""> <span class="help-block">help</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Ref. Tel:">Ref. Tel:</label> <div class="col-md-4"> <input id="Ref. Tel:" name="Ref. Tel:" type="text" placeholder="Your Referral Phone" class="form-control input-md" required=""> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="Agreement:">I Agree:</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="Agreement:" name="Agreement:" class="form-control" type="text" placeholder="I agree" required=""> </div> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Submit"></label> <div class="col-md-4"> <button id="Submit" name="Submit" class="btn btn-primary">Submit</button> </div> </div> </fieldset> </form>