<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Openers details</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Client Name">Client Name</label> <div class="controls"> <input id="Client Name" name="Client Name" type="text" placeholder="Client Name" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Date of birth ">Date of birth </label> <div class="controls"> <input id="Date of birth " name="Date of birth " type="text" placeholder="Date of birth " class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Marital Status">Marital Status</label> <div class="controls"> <label class="checkbox inline" for="Marital Status-0"> <input type="checkbox" name="Marital Status" id="Marital Status-0" value="Single"> Single </label> <label class="checkbox inline" for="Marital Status-1"> <input type="checkbox" name="Marital Status" id="Marital Status-1" value="Married"> Married </label> <label class="checkbox inline" for="Marital Status-2"> <input type="checkbox" name="Marital Status" id="Marital Status-2" value="Divorced"> Divorced </label> <label class="checkbox inline" for="Marital Status-3"> <input type="checkbox" name="Marital Status" id="Marital Status-3" value="Widowed"> Widowed </label> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Gender">Gender</label> <div class="controls"> <label class="checkbox inline" for="Gender-0"> <input type="checkbox" name="Gender" id="Gender-0" value="Male"> Male </label> <label class="checkbox inline" for="Gender-1"> <input type="checkbox" name="Gender" id="Gender-1" value="Female"> Female </label> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Language">Language</label> <div class="controls"> <div class="input-append"> <input id="Language" name="Language" class="input-xlarge" placeholder="Language" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Language <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">English</a></li> <li><a href="#">German</a></li> <li><a href="#">Other:</a></li> </ul> </div> </div> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Occupation">Occupation</label> <div class="controls"> <label class="checkbox inline" for="Occupation-0"> <input type="checkbox" name="Occupation" id="Occupation-0" value="Agriculture"> Agriculture </label> <label class="checkbox inline" for="Occupation-1"> <input type="checkbox" name="Occupation" id="Occupation-1" value="Education"> Education </label> <label class="checkbox inline" for="Occupation-2"> <input type="checkbox" name="Occupation" id="Occupation-2" value="Computers"> Computers </label> <label class="checkbox inline" for="Occupation-3"> <input type="checkbox" name="Occupation" id="Occupation-3" value="Sales"> Sales </label> <label class="checkbox inline" for="Occupation-4"> <input type="checkbox" name="Occupation" id="Occupation-4" value="High tech"> High tech </label> <label class="checkbox inline" for="Occupation-5"> <input type="checkbox" name="Occupation" id="Occupation-5" value="Real Estate"> Real Estate </label> <label class="checkbox inline" for="Occupation-6"> <input type="checkbox" name="Occupation" id="Occupation-6" value="medicine"> medicine </label> <label class="checkbox inline" for="Occupation-7"> <input type="checkbox" name="Occupation" id="Occupation-7" value="academic"> academic </label> <label class="checkbox inline" for="Occupation-8"> <input type="checkbox" name="Occupation" id="Occupation-8" value="secretariat"> secretariat </label> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Experience Note">Experience Note</label> <div class="controls"> <textarea id="Experience Note" name="Experience Note">Experience Note</textarea> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Expectation">Expectation</label> <div class="controls"> <textarea id="Expectation" name="Expectation">Expectation</textarea> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Bonus">Bonus</label> <div class="controls"> <input id="Bonus" name="Bonus" type="text" placeholder="Bonus" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Agent">Agent</label> <div class="controls"> <div class="input-append"> <input id="Agent" name="Agent" class="input-xlarge" placeholder="Agent" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a></li> <li><a href="#">Option two</a></li> <li><a href="#">Option three</a></li> </ul> </div> </div> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Senior">Senior</label> <div class="controls"> <div class="input-append"> <input id="Senior" name="Senior" class="input-xlarge" placeholder="Senior" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a></li> <li><a href="#">Option two</a></li> <li><a href="#">Option three</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Alternate Phone#">Alternate Phone#</label> <div class="controls"> <input id="Alternate Phone#" name="Alternate Phone#" type="text" placeholder="Alternate Phone#" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Email Address">Email Address</label> <div class="controls"> <input id="Email Address" name="Email Address" type="text" placeholder="Email Address" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Alternate Email Address">Alternate Email Address</label> <div class="controls"> <input id="Alternate Email Address" name="Alternate Email Address" type="text" placeholder="Alternate Email Address" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Card Type">Card Type</label> <div class="controls"> <div class="input-append"> <input id="Card Type" name="Card Type" class="input-xlarge" placeholder="Card Type" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Visa</a></li> <li><a href="#">Master card</a></li> <li><a href="#">American express</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Last 4 Digit">Last 4 Digit</label> <div class="controls"> <input id="Last 4 Digit" name="Last 4 Digit" type="text" placeholder="Last 4 Digit" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Processor">Processor</label> <div class="controls"> <div class="input-append"> <input id="Processor" name="Processor" class="input-xlarge" placeholder="Processor" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Praxis</a></li> <li><a href="#">Getbitcoin</a></li> <li><a href="#">PayPal</a></li> </ul> </div> </div> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Dialer Notes">Dialer Notes</label> <div class="controls"> <textarea id="Dialer Notes" name="Dialer Notes">Dialer Notes</textarea> </div> </div> </fieldset> </form>

<form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Openers details</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Client Name">Client Name</label> <div class="controls"> <input id="Client Name" name="Client Name" type="text" placeholder="Client Name" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Date of birth ">Date of birth </label> <div class="controls"> <input id="Date of birth " name="Date of birth " type="text" placeholder="Date of birth " class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Marital Status">Marital Status</label> <div class="controls"> <label class="checkbox inline" for="Marital Status-0"> <input type="checkbox" name="Marital Status" id="Marital Status-0" value="Single"> Single </label> <label class="checkbox inline" for="Marital Status-1"> <input type="checkbox" name="Marital Status" id="Marital Status-1" value="Married"> Married </label> <label class="checkbox inline" for="Marital Status-2"> <input type="checkbox" name="Marital Status" id="Marital Status-2" value="Divorced"> Divorced </label> <label class="checkbox inline" for="Marital Status-3"> <input type="checkbox" name="Marital Status" id="Marital Status-3" value="Widowed"> Widowed </label> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Gender">Gender</label> <div class="controls"> <label class="checkbox inline" for="Gender-0"> <input type="checkbox" name="Gender" id="Gender-0" value="Male"> Male </label> <label class="checkbox inline" for="Gender-1"> <input type="checkbox" name="Gender" id="Gender-1" value="Female"> Female </label> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Language">Language</label> <div class="controls"> <div class="input-append"> <input id="Language" name="Language" class="input-xlarge" placeholder="Language" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Language <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">English</a></li> <li><a href="#">German</a></li> <li><a href="#">Other:</a></li> </ul> </div> </div> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Occupation">Occupation</label> <div class="controls"> <label class="checkbox inline" for="Occupation-0"> <input type="checkbox" name="Occupation" id="Occupation-0" value="Agriculture"> Agriculture </label> <label class="checkbox inline" for="Occupation-1"> <input type="checkbox" name="Occupation" id="Occupation-1" value="Education"> Education </label> <label class="checkbox inline" for="Occupation-2"> <input type="checkbox" name="Occupation" id="Occupation-2" value="Computers"> Computers </label> <label class="checkbox inline" for="Occupation-3"> <input type="checkbox" name="Occupation" id="Occupation-3" value="Sales"> Sales </label> <label class="checkbox inline" for="Occupation-4"> <input type="checkbox" name="Occupation" id="Occupation-4" value="High tech"> High tech </label> <label class="checkbox inline" for="Occupation-5"> <input type="checkbox" name="Occupation" id="Occupation-5" value="Real Estate"> Real Estate </label> <label class="checkbox inline" for="Occupation-6"> <input type="checkbox" name="Occupation" id="Occupation-6" value="medicine"> medicine </label> <label class="checkbox inline" for="Occupation-7"> <input type="checkbox" name="Occupation" id="Occupation-7" value="academic"> academic </label> <label class="checkbox inline" for="Occupation-8"> <input type="checkbox" name="Occupation" id="Occupation-8" value="secretariat"> secretariat </label> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Experience Note">Experience Note</label> <div class="controls"> <textarea id="Experience Note" name="Experience Note">Experience Note</textarea> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Expectation">Expectation</label> <div class="controls"> <textarea id="Expectation" name="Expectation">Expectation</textarea> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Bonus">Bonus</label> <div class="controls"> <input id="Bonus" name="Bonus" type="text" placeholder="Bonus" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Agent">Agent</label> <div class="controls"> <div class="input-append"> <input id="Agent" name="Agent" class="input-xlarge" placeholder="Agent" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a></li> <li><a href="#">Option two</a></li> <li><a href="#">Option three</a></li> </ul> </div> </div> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Senior">Senior</label> <div class="controls"> <div class="input-append"> <input id="Senior" name="Senior" class="input-xlarge" placeholder="Senior" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a></li> <li><a href="#">Option two</a></li> <li><a href="#">Option three</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Alternate Phone#">Alternate Phone#</label> <div class="controls"> <input id="Alternate Phone#" name="Alternate Phone#" type="text" placeholder="Alternate Phone#" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Email Address">Email Address</label> <div class="controls"> <input id="Email Address" name="Email Address" type="text" placeholder="Email Address" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Alternate Email Address">Alternate Email Address</label> <div class="controls"> <input id="Alternate Email Address" name="Alternate Email Address" type="text" placeholder="Alternate Email Address" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Card Type">Card Type</label> <div class="controls"> <div class="input-append"> <input id="Card Type" name="Card Type" class="input-xlarge" placeholder="Card Type" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Visa</a></li> <li><a href="#">Master card</a></li> <li><a href="#">American express</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Last 4 Digit">Last 4 Digit</label> <div class="controls"> <input id="Last 4 Digit" name="Last 4 Digit" type="text" placeholder="Last 4 Digit" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Processor">Processor</label> <div class="controls"> <div class="input-append"> <input id="Processor" name="Processor" class="input-xlarge" placeholder="Processor" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Praxis</a></li> <li><a href="#">Getbitcoin</a></li> <li><a href="#">PayPal</a></li> </ul> </div> </div> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Dialer Notes">Dialer Notes</label> <div class="controls"> <textarea id="Dialer Notes" name="Dialer Notes">Dialer Notes</textarea> </div> </div> </fieldset> </form>

<form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Openers details</legend> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Client Name">Client Name</label> <div class="controls"> <input id="Client Name" name="Client Name" type="text" placeholder="Client Name" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Date of birth ">Date of birth </label> <div class="controls"> <input id="Date of birth " name="Date of birth " type="text" placeholder="Date of birth " class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Marital Status">Marital Status</label> <div class="controls"> <label class="checkbox inline" for="Marital Status-0"> <input type="checkbox" name="Marital Status" id="Marital Status-0" value="Single"> Single </label> <label class="checkbox inline" for="Marital Status-1"> <input type="checkbox" name="Marital Status" id="Marital Status-1" value="Married"> Married </label> <label class="checkbox inline" for="Marital Status-2"> <input type="checkbox" name="Marital Status" id="Marital Status-2" value="Divorced"> Divorced </label> <label class="checkbox inline" for="Marital Status-3"> <input type="checkbox" name="Marital Status" id="Marital Status-3" value="Widowed"> Widowed </label> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Gender">Gender</label> <div class="controls"> <label class="checkbox inline" for="Gender-0"> <input type="checkbox" name="Gender" id="Gender-0" value="Male"> Male </label> <label class="checkbox inline" for="Gender-1"> <input type="checkbox" name="Gender" id="Gender-1" value="Female"> Female </label> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Language">Language</label> <div class="controls"> <div class="input-append"> <input id="Language" name="Language" class="input-xlarge" placeholder="Language" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Language <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">English</a></li> <li><a href="#">German</a></li> <li><a href="#">Other:</a></li> </ul> </div> </div> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="control-group"> <label class="control-label" for="Occupation">Occupation</label> <div class="controls"> <label class="checkbox inline" for="Occupation-0"> <input type="checkbox" name="Occupation" id="Occupation-0" value="Agriculture"> Agriculture </label> <label class="checkbox inline" for="Occupation-1"> <input type="checkbox" name="Occupation" id="Occupation-1" value="Education"> Education </label> <label class="checkbox inline" for="Occupation-2"> <input type="checkbox" name="Occupation" id="Occupation-2" value="Computers"> Computers </label> <label class="checkbox inline" for="Occupation-3"> <input type="checkbox" name="Occupation" id="Occupation-3" value="Sales"> Sales </label> <label class="checkbox inline" for="Occupation-4"> <input type="checkbox" name="Occupation" id="Occupation-4" value="High tech"> High tech </label> <label class="checkbox inline" for="Occupation-5"> <input type="checkbox" name="Occupation" id="Occupation-5" value="Real Estate"> Real Estate </label> <label class="checkbox inline" for="Occupation-6"> <input type="checkbox" name="Occupation" id="Occupation-6" value="medicine"> medicine </label> <label class="checkbox inline" for="Occupation-7"> <input type="checkbox" name="Occupation" id="Occupation-7" value="academic"> academic </label> <label class="checkbox inline" for="Occupation-8"> <input type="checkbox" name="Occupation" id="Occupation-8" value="secretariat"> secretariat </label> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Experience Note">Experience Note</label> <div class="controls"> <textarea id="Experience Note" name="Experience Note">Experience Note</textarea> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Expectation">Expectation</label> <div class="controls"> <textarea id="Expectation" name="Expectation">Expectation</textarea> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Bonus">Bonus</label> <div class="controls"> <input id="Bonus" name="Bonus" type="text" placeholder="Bonus" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Agent">Agent</label> <div class="controls"> <div class="input-append"> <input id="Agent" name="Agent" class="input-xlarge" placeholder="Agent" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a></li> <li><a href="#">Option two</a></li> <li><a href="#">Option three</a></li> </ul> </div> </div> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Senior">Senior</label> <div class="controls"> <div class="input-append"> <input id="Senior" name="Senior" class="input-xlarge" placeholder="Senior" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a></li> <li><a href="#">Option two</a></li> <li><a href="#">Option three</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Alternate Phone#">Alternate Phone#</label> <div class="controls"> <input id="Alternate Phone#" name="Alternate Phone#" type="text" placeholder="Alternate Phone#" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Email Address">Email Address</label> <div class="controls"> <input id="Email Address" name="Email Address" type="text" placeholder="Email Address" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Alternate Email Address">Alternate Email Address</label> <div class="controls"> <input id="Alternate Email Address" name="Alternate Email Address" type="text" placeholder="Alternate Email Address" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Card Type">Card Type</label> <div class="controls"> <div class="input-append"> <input id="Card Type" name="Card Type" class="input-xlarge" placeholder="Card Type" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Visa</a></li> <li><a href="#">Master card</a></li> <li><a href="#">American express</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Last 4 Digit">Last 4 Digit</label> <div class="controls"> <input id="Last 4 Digit" name="Last 4 Digit" type="text" placeholder="Last 4 Digit" class="input-xlarge"> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label class="control-label" for="Processor">Processor</label> <div class="controls"> <div class="input-append"> <input id="Processor" name="Processor" class="input-xlarge" placeholder="Processor" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Praxis</a></li> <li><a href="#">Getbitcoin</a></li> <li><a href="#">PayPal</a></li> </ul> </div> </div> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Dialer Notes">Dialer Notes</label> <div class="controls"> <textarea id="Dialer Notes" name="Dialer Notes">Dialer Notes</textarea> </div> </div> </fieldset> </form>