complexform.snippets

<div class="container">
<form>        
  <div class="row-fluid clearfix">	
    <h4 class="float-l"><i class="icon-asterisk icon-large"></i> Order Details</h4>
    <ul class="nav nav-tabs">
      <li class="active"><a href="#">General Information</a></li>
      <li><a href="#">Tab 2</a></li>
      <li><a href="#">Tab 3</a> </li>
      <li><a href="#">Tab 4</a></li>
    </ul>
  </div><!--/.row-->
  
  <hr class="hr-dark">
  
  <div class="row-fluid">
    <h4 class=""><i class="icon-plus-sign-alt"></i> General Information</h4>
    <hr>
    <div class="clearfix">
      <fieldset class="span4">
        <label>Origin</label>
        <textarea id="textarea" name="textarea">Enter Address</textarea>
        
        <select id="selectbasic" name="selectbasic" class="selectpicker">
          <option>Option select..</option>
          <option>Option one</option>
          <option>Option two</option>
        </select>
        
        <input class="input" placeholder="Add daterange picker" type="text">
        <input class="input" placeholder="Add range slider" type="text">
        
        <input class="input-small" placeholder="Pickup Date" type="text">
        <input class="input-small" placeholder="Closes at" type="text">
      </fieldset>
      
      <fieldset class="span4">
        <label>Destination</label>
        <textarea id="textarea" name="textarea">Enter Address</textarea>
        
        <select id="selectbasic" name="selectbasic" class="selectpicker">
          <option>Option select..</option>
          <option>Option one</option>
          <option>Option two</option>
        </select>
        
        <select id="selectbasic" name="selectbasic" class="selectpicker">
          <option>Option select..</option>
          <option>Option one</option>
          <option>Option two</option>
        </select>
        
        <input class="input-small" placeholder="Pickup Date" type="text">
        <input class="input-small" placeholder="Closes at" type="text">
      </fieldset>
      
      <fieldset class="span4">
        <label>Bill to location</label>
        <textarea id="textarea" name="textarea">Billing Address</textarea>
        
        <select id="selectbasic" name="selectbasic" class="selectpicker">
          <option>Option select..</option>
          <option>Option one</option>
          <option>Option two</option>
        </select>
        
        <div class="row-fluid">
          <h5>Terms</h5>
          <label class="radio">
            <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
            Prepaid
          </label>
          <label class="radio">
            <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
            Collect
          </label>
          <label class="radio">
            <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
            Third Party
          </label>
          <label class="radio">
            <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
            C.O.D.
          </label>
        </div>
      </fieldset>
    </div><!--/.clearfix-->
  </div><!--/.row-->
  
  <div class="row-fluid clearfix">
    <h4><i class="icon-plus-sign-alt"></i> Special Instructions</h4>
    <hr>
    <div class="form-inline">
      <fieldset>  
        <select class="span5">
          <option>Reference</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </select>
        
        <input class="span6" placeholder="Enter value here" type="text">
        
        <button class="btn btn-inline btn-square"><i class="icon-plus"></i></button>
        <button class="btn btn-inline btn-square"><i class="icon-trash"></i></button>
      </fieldset>
    </div>
    <hr>
    <label>Special Instructions</label>
    <textarea id="textarea" class="span11" name="textarea" rows="2"></textarea>
  </div><!--/.row-->
  
  <div class="row-fluid">
    <h4><i class="icon-plus-sign-alt"></i> Items</h4>
    <hr>
    
    <div class="form-inline">
      <span class=" row-num">1.&nbsp;&nbsp;</span>
      <input class="span2" placeholder="Item#" type="text">
      <input class="span2" placeholder="Units" type="text">
      
      <select class="span2">
        <option>OptionOne</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
      </select>
      
      <select class="span2">
        <option>OptionTwo</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
      </select>
      
      <input class="span2" placeholder="Enter Item" type="text">
      
      <select class="span1">
        <option>unit</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
      </select>
    </div>
    <div class="form-inline">
      <span class=" row-num">2.&nbsp;&nbsp;</span>
      <input class="span2" placeholder="Code" type="text">
      <input class="span2" placeholder="Description" type="text">

      <select class="span2">
        <option>Select3</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
      </select>
      
      <select class="span2">
        <option>Select4</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
      </select>
      
      <input class="span2" placeholder="Enter Item" type="text">
      
      <select class="span1">
        <option>unit</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
        <option>Option 5</option>
      </select>
    </div>
  </div><!--/.row-->
  
  <hr>
  
  <div class="row-fluid">
    <h4><i class="icon-plus-sign-alt"></i> More Options</h4>
    <hr>
    <strong>Select all that apply</strong>
    <div class="control-group label-small">
      <div class="controls span3">
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Value</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Bootstrap</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Free</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Theme</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Bootply</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Grid</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Layout</label>
        <label class="checkbox">
          <input name="checkboxes" value="123" type="checkbox">Forms</label>
        <label class="checkbox">
          <input name="checkboxes" value="345" type="checkbox">Icon</label>
        <label class="checkbox">
          <input name="checkboxes" value="567" type="checkbox">Plugins</label>
        <label class="checkbox">
          <input name="checkboxes" value="789" type="checkbox">Container</label>
        <label class="checkbox">
          <input name="checkboxes" value="012" type="checkbox">Base CSS</label>
      </div>
      
      <div class="controls span3">
        <label class="checkbox">
          <input name="checkboxes" value="Guaranteed Delivery AM" type="checkbox">Twitter</label>
        <label class="checkbox">
          <input name="checkboxes" value="Guaranteed Delivery PM" type="checkbox">Framework</label>
        <label class="checkbox">
          <input name="checkboxes" value="Hazmat" type="checkbox">Customize</label>
        <label class="checkbox">
          <input name="checkboxes" value="High Traffic Surcharge" type="checkbox">Media Queries</label>
        <label class="checkbox">
          <input name="checkboxes" value="Inside delivery" type="checkbox">Select</label>
        <label class="checkbox">
          <input name="checkboxes" value="Island Delivery" type="checkbox">Dropdown</label>
        <label class="checkbox">
          <input name="checkboxes" value="Liftgate" type="checkbox">Table</label>
        <label class="checkbox">
          <input name="checkboxes" value="Limited Access" type="checkbox">Image Layout</label>
        <label class="checkbox">
          <input name="checkboxes" value="Marking and Tagging" type="checkbox">Media Grid</label>
        <label class="checkbox">
          <input name="checkboxes" value="Saturday Delivery" type="checkbox">Media Queries</label>
        <label class="checkbox">
          <input name="checkboxes" value="Security Charge" type="checkbox">Lightweight</label>
        <label class="checkbox">
          <input name="checkboxes" value="Sorting And Segregating" type="checkbox">Responsive</label>
      </div>
      
            <div class="controls span3">
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Facebook</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Bootstrap</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Free</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Theme</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Bootply</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Grid</label>
        <label class="checkbox">
          <input name="checkboxes" value="Value" type="checkbox">Layout</label>
        <label class="checkbox">
          <input name="checkboxes" value="123" type="checkbox">Forms</label>
        <label class="checkbox">
          <input name="checkboxes" value="345" type="checkbox">Icon</label>
        <label class="checkbox">
          <input name="checkboxes" value="567" type="checkbox">Plugins</label>
        <label class="checkbox">
          <input name="checkboxes" value="789" type="checkbox">Container</label>
        <label class="checkbox">
          <input name="checkboxes" value="012" type="checkbox">Base CSS</label>
      </div>
      
      <div class="controls span3">
        <label class="checkbox">
          <input name="checkboxes" value="214" type="checkbox">Code</label>
        <label class="checkbox">
          <input name="checkboxes" value="234" type="checkbox">API</label>
        <label class="checkbox">
          <input name="checkboxes" value="444" type="checkbox">Tutorial</label>
        <label class="checkbox">
          <input name="checkboxes" value="455" type="checkbox">Layout</label>
        <label class="checkbox">
          <input name="checkboxes" value="213" type="checkbox">Stack</label>
        <label class="checkbox">
          <input name="checkboxes" value="555" type="checkbox">Frame</label>
        <label class="checkbox">
          <input name="checkboxes" value="324" type="checkbox">Align</label>
        <label class="checkbox">
          <input name="checkboxes" value="123" type="checkbox">Forms</label>
        <label class="checkbox">
          <input name="checkboxes" value="345" type="checkbox">Icon</label>
        <label class="checkbox">
          <input name="checkboxes" value="567" type="checkbox">Plugins</label>
        <label class="checkbox">
          <input name="checkboxes" value="789" type="checkbox">Container</label>
        <label class="checkbox">
          <input name="checkboxes" value="012" type="checkbox">Base CSS</label>
      </div>
    </div>
  </div><!--/.row-->
  </form>
</div><!--/.container-->