<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 ----------> <div class="container"> <form class="form-horizontal"> <div class="col-xs-12 col-md-3"> <fieldset> <!-- Form Name --> <legend>Location Information</legend> </fieldset> <!-- Text input--> <div class="form-group"> <!-- Address Field Validator --> <div class="col-xs-12 col-md-12"> <asp:TextBox ID="faddress3" onBlur="geocode()" runat="server" Enabled="True"></asp:TextBox> <span class="req">*</span> <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic" ControlToValidate="faddress3" ValidationGroup="qa" ErrorMessage="Required field." ForeColor="Red"></asp:RequiredFieldValidator> </div> <label class="col-md-12 control-label" for="address"></label> <div class="col-md-12"> <input id="address" name="address" type="text" placeholder="e.g. 2910 East 5th Street, Austin, TX 78702, USA" class="form-control input-md" required=""> <span class="help-block">Home, Destination, etc</span> </div> </div> <fieldset> <legend>Personal Information</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="age">Age</label> <div class="col-md-8"> <input id="age" name="age" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="income">Annual Income</label> <div class="col-md-8"> <input id="income" name="income" type="text" placeholder="e.g. 30000" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="disabilty">Disabilty</label> <div class="col-md-8"> <select id="disabilty" name="disabilty" class="form-control"> <option value="No">No</option> <option value="Yes">Yes</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="wheelchair">Wheel Chair</label> <div class="col-md-8"> <select id="wheelchair" name="wheelchair" class="form-control"> <option value="No">No</option> <option value="Yes">Yes</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="medicaid">Medicaid</label> <div class="col-md-8"> <select id="medicaid" name="medicaid" class="form-control"> <option value="No">No</option> <option value="Yes">Yes</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="veteran">Veteran</label> <div class="col-md-8"> <select id="veteran" name="veteran" class="form-control"> <option value="No">No</option> <option value="Yes">Yes</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="household">Persons In Household</label> <div class="col-md-8"> <input id="household" name="household" type="text" placeholder="(Include Kids)" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="kids">Kids Under 18</label> <div class="col-md-8"> <input id="kids" name="kids" type="text" placeholder="(In Household)" class="form-control input-md"> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="submit"></label> <div class="col-md-8"> <button id="submit" name="submit" class="btn btn-success">Submit</button> <button id="reset" name="reset" class="btn btn-default">reset</button> </div> </div> </fieldset> </div> <div class="col-xs-12 col-md-4"> Results Here <!--Grid View--> <div id="resultsGrid"> <asp:GridView ID="GridView1" runat="server" CaptionAlign="Top" OnRowCreated="GridView1_RowCreated" CellPadding="3" CellSpacing="3" ForeColor="Black" HorizontalAlign="Center" Style="text-align: left" SkinID="Professional" AlternatingRowStyle-BackColor="#DDDDDD" HeaderStyle-BackColor="#444444" HeaderStyle-ForeColor="White" HeaderStyle-Height="50px"> <columns> <asp:templatefield> <headertemplate> # </headertemplate> <itemtemplate> <asp:Label ID="lblSRNO" runat="server" Text='<%#Container.DataItemIndex+1 %>'></asp:Label> </itemtemplate> </asp:templatefield> </columns> </asp:GridView> <asp:Label ID="lgridview" runat="server" Text=""></asp:Label> </div> </div> </form> <div class="col-xs-12 col-md-5"> <div id="map">Map Here <div id="crosshair"></div> <div id="map_canvas" class="fullscreen"></div> </div> </div> </div>