<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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"> My Profile->company profile <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Business type</legend> <fieldset> <!-- Form Name --> <legend>business</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">manufacturer</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="manufacturer" class="form-control input-md"> </div> </div> <fieldset> <!-- Form Name --> <legend>Partner Factories</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Factory Name</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Factory Name" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Upload cooperation contact</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">years of cooperations</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">total transaction amount with the factory</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Production capacity</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Buying Office</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Buying Office" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Agent</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Agent" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Distributor/Wholesale</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Distributor/Wholesale" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Government ministry/ Bureau /Commission</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Association</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Other</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>Non Business</legend> </fieldset> <fieldset> <!-- Form Name --> <legend>Services</legend> </fieldset> </fieldset> <fieldset> <!-- Form Name --> <legend>About</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">company name</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">LOGO</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">history</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Mission</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Vision</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Contact</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea"></label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">DETAILED Text & uplaod file form generator ??!!?!!</textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">website</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Export percentage</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Percentage of turnover accounted for by exports</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">office size</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">establish date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Number of employers</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">awards</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <fieldset> <!-- Form Name --> <legend>Certificates</legend> <fieldset> <!-- Form Name --> <legend>Certification/Test Report</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Type of Certification</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Reference no</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Name</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Issued By</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Start Date(validity period)</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">End Date(validity period)</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Image</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Scope</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Add a list??</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="??" class="form-control input-md"> <span class="help-block">??</span> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>Honor & Award Certifications</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Name</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Issued By</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Start Date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Image</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Description</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Add a list</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="??" class="form-control input-md"> <span class="help-block">??</span> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>Patents</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">No. of patents</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md"> <span class="help-block">help</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">patent name</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">type of patent</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">start date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Image</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Add a list</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>Trademarks</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Registration/Filing No</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Trade mark name</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Start date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">End date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Image</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Approved goods</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="placeholder" class="form-control input-md"> <span class="help-block">help</span> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Add a list</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea"></textarea> </div> </div> </fieldset> <fieldset> <legend> Images & Videos </legend> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Images & Videos</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> </fieldset> </fieldset> </fieldset> <fieldset> <!-- Form Name --> <legend>Factory Details</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Map</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Factory Size</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Establish date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">No. of QC Staff</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">No. of Production Lines</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">annual production capacity</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Total Annual Sales Volume</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Nearest Port</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Main Markets and Distribution</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> <span class="help-block">sample: europages</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">year when your company started exporting</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Average Lead Time</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Image & Videos</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Product name</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">value - unit</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Highest Ever Annal Output</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Contact</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>Office details</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Map</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Office size</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Does your company have an overseas office?</label> <div class="col-md-4"> <div class="radio"> <label for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> yes </label> </div> <div class="radio"> <label for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> no </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">establish date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">contact</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">No. of Employees in Trade Department</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Images & videos</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Total Annual Sales Volume</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>Agencies details</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Map</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Agencies details</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Establish date</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Contact</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">Images & videos</label> <div class="col-md-4"> <input id="filebutton" name="filebutton" class="input-file" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Total Annual Sales Volume</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md"> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>trade zones</legend> <fieldset> <!-- Form Name --> <legend>Import</legend> </fieldset> <fieldset> <!-- Form Name --> <legend>Export</legend> </fieldset> </fieldset> <fieldset> <!-- Form Name --> <legend>incoterms</legend> <fieldset> <!-- Form Name --> <legend>Accepted Delivery Terms</legend> </fieldset> <fieldset> <!-- Form Name --> <legend>Accepted Payment Currency</legend> </fieldset> <fieldset> <!-- Form Name --> <legend>Accepted Payment Type</legend> </fieldset> </fieldset> <fieldset> <!-- Form Name --> <legend>ownership type</legend> </fieldset> <fieldset> <!-- Form Name --> <legend>Delivery and payments</legend> <fieldset> <!-- Form Name --> <legend>Incoterms</legend> </fieldset> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Payment methods</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Online payment</option> <option value="2">International payment</option> <option value="3">Banking</option> </select> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>keywords</legend> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea"></label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">keywords </textarea> </div> </div> </fieldset> <fieldset> <!-- Form Name --> <legend>partners</legend> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea"></label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">partners </textarea> </div> </div> </fieldset> </form> </div>

fieldset fieldset{ margin:0 70px; } fieldset { border: 0; border-bottom: 1px solid #e5e5e5; }