<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 ---------->
<div class="container">
<div class="row">
<body>
<form class="form-horizontal">
<fieldset>
<!-- Form Name -->
<legend>AWP Configurator</legend>
<!-- Multiple Checkboxes (inline) -->
<div class="form-group">
<label class="col-md-4 control-label" for="checkboxModelClass">Model Class</label>
<div class="col-md-4">
<label class="checkbox-inline" for="checkboxModelClass-0">
<input type="checkbox" name="checkboxModelClass" id="checkboxModelClass-0" value="55">
55
</label>
</div>
</div>
<!-- Multiple Checkboxes (inline) -->
<div class="form-group">
<label class="col-md-4 control-label" for="checkboxPumpType">Pump Type 2-Stage</label>
<div class="col-md-4">
<label class="checkbox-inline" for="checkboxPumpType-0">
<input type="checkbox" name="checkboxPumpType" id="checkboxPumpType-0" value="9">
9
</label>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectFlowRating">Flow Rating</label>
<div class="col-md-2">
<select id="selectFlowRating" name="selectFlowRating" class="form-control">
<option value="5">5 = 50</option>
<option value="6">6 = 125</option>
</select>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectPwrSource">Power Source HP, Phase, Voltage AC</label>
<div class="col-md-4">
<select id="selectPwrSource" name="selectPwrSource" class="form-control">
<option value="4">4 = 1-HP, 1-PH, 100-120VAC</option>
<option value="5">5 = 1-HP, 1-PH, 200-240VAC</option>
<option value="7">7 = 1-HP, 3-PH, 200-240VAC</option>
<option value="9">9 = 1-HP, 3-PH, 380-500VAC</option>
</select>
</div>
</div>
<!-- Multiple Checkboxes (inline) -->
<div class="form-group">
<label class="col-md-4 control-label" for="checkboxCapacity">Reservoir Capacity (Gal)</label>
<div class="col-md-4">
<label class="checkbox-inline" for="checkboxCapacity-0">
<input type="checkbox" name="checkboxCapacity" id="checkboxCapacity-0" value="5">
5
</label>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectValveOpsType1">Valve 1 Operator and Type</label>
<div class="col-md-6">
<select id="selectValveOpsType1" name="selectValveOpsType1" class="form-control">
<option value="00">00 = NONE, MANIFOLD ONLY, NO ACCUMULATOR</option>
<option value="12">12 = MANUAL OPERATOR, 2 POSITION / 3 PORT VALVE</option>
<option value="16">16 = MANUAL OPERATOR, 3 POSITION / 4 PORT VALVE, CC</option>
<option value="17">17 = MANUAL OPERATOR, 3 POSITION / 4 PORT VALVE, PBC</option>
<option value="23">23 = 24 VDC PENDANT OPERATOR, 2 POS / 3 PORT VALVE, NO</option>
<option value="24">24 = 24 VDC PENDANT OPERATOR, 2 POS / 3 PORT VALVE, NC</option>
<option value="25">25 = 24 VDC PENDANT OPERATOR, 2 POS / 3 PORT VALVE, NC, DUMP</option>
<option value="26">26 = 24 VDC PENDANT OPERATOR, 3 POS / 4 PORT VALVE, CC</option>
<option value="27">27 = 24 VDC PENDANT OPERATOR, 3 POS / 4 PORT VALVE, PBC</option>
<option value="28">28 = 24 VDC PENDANT OPERATOR, 3 POS / 4 PORT VALVE, PBC, RAB</option>
</select>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectValveOpA1">Valve 1: Option 1 of 2</label>
<div class="col-md-8">
<select id="selectValveOpA1" name="selectValveOpA1" class="form-control">
<option value="NIL">Choose your first valve option</option>
<option value="AB">AB = A-B, TAP PLATE (PLUGGED)</option>
<option value="CV">CV = CHECK VALVE SUB-PLATE</option>
<option value="GB">(MULTIPLE MANUAL VALVES ONLY)</option>
<option value="GAB">GA = GAUGE, PRESSURE 0-10,000 PSI, A PORT *</option>
<option value="PA">GB = GAUGE, PRESSURE 0-10,000 PSI, B PORT *</option>
<option value="PB">GAB - GAUGES, PRESSURE 0-10,000 PSI, A & B PORTS*</option>
<option value="PAB">PA = MECHANICAL PRESSURE SWITCH & GAUGE, A PORT*</option>
<option value="QA">PB = MECHANICAL PRESSURE SWITCH & GAUGE, B PORT*</option>
<option value="QB">PAB = MECHANICAL PRESSURE SWITCHES & GAUGES,</option>
<option value="QAB">A & B PORTS</option>
<option value="RA">QA = ELECTRONIC PRESSURE SWITCH, A PORT*</option>
<option value="RB">QB = ELECTRONIC PRESSURE SWITCH, B PORT*</option>
<option value="RAB">QAB = ELECTRONIC PRESSURE SWITCHES, A & B PORTS *</option>
<option value="">RA = PRESSURE REDUCING VALVE, A PORT</option>
<option value="">RB = PRESSURE REDUCING VALVE, B PORT</option>
<option value="">RAB = PRESSURE REDUCING VALVES, A & B PORTS</option>
</select>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectValveOpB1">Valve 1: Option 2 of 2</label>
<div class="col-md-8">
<select id="selectValveOpB1" name="selectValveOpB1" class="form-control">
<option value="NIL">Choose your second valve option</option>
<option value="AB">AB = A-B, TAP PLATE (PLUGGED)</option>
<option value="CV">CV = CHECK VALVE SUB-PLATE</option>
<option value="GB">(MULTIPLE MANUAL VALVES ONLY)</option>
<option value="GAB">GA = GAUGE, PRESSURE 0-10,000 PSI, A PORT *</option>
<option value="PA">GB = GAUGE, PRESSURE 0-10,000 PSI, B PORT *</option>
<option value="PB">GAB - GAUGES, PRESSURE 0-10,000 PSI, A & B PORTS*</option>
<option value="PAB">PA = MECHANICAL PRESSURE SWITCH & GAUGE, A PORT*</option>
<option value="QA">PB = MECHANICAL PRESSURE SWITCH & GAUGE, B PORT*</option>
<option value="QB">PAB = MECHANICAL PRESSURE SWITCHES & GAUGES,</option>
<option value="QAB">A & B PORTS</option>
<option value="RA">QA = ELECTRONIC PRESSURE SWITCH, A PORT*</option>
<option value="RB">QB = ELECTRONIC PRESSURE SWITCH, B PORT*</option>
<option value="RAB">QAB = ELECTRONIC PRESSURE SWITCHES, A & B PORTS *</option>
<option value="">RA = PRESSURE REDUCING VALVE, A PORT</option>
<option value="">RB = PRESSURE REDUCING VALVE, B PORT</option>
<option value="">RAB = PRESSURE REDUCING VALVES, A & B PORTS</option>
</select>
</div>
</div>
<!-- Multiple Checkboxes -->
<div class="form-group">
<label class="col-md-4 control-label" for="checkboxPumpOptions1">Pump Options</label>
<div class="col-md-4">
<div class="checkbox">
<label for="checkboxPumpOptions1-0">
<input type="checkbox" name="checkboxPumpOptions1" id="checkboxPumpOptions1-0" value="E">
E = RETURN LINE FILTER, 10 MICRON, ELECTRONIC CLOG INDICATOR
</label>
</div>
<div class="checkbox">
<label for="checkboxPumpOptions1-1">
<input type="checkbox" name="checkboxPumpOptions1" id="checkboxPumpOptions1-1" value="T">
T = OIL TEMPERATURE/LEVEL SWITCH (REPLACE LEVEL SWITCH)
</label>
</div>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectPumpOptions2">Pump Options (more)</label>
<div class="col-md-8">
<select id="selectPumpOptions2" name="selectPumpOptions2" class="form-control">
<option value="MC">MC = MACHINE TOOL INTERFACE CABLE (CUSTOM PUMPS ONLY)</option>
<option value="MC w/ power">MC w/Power</option>
<option value="XVMC">XVMC</option>
</select>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectAccumulators">Accumulators</label>
<div class="col-md-6">
<select id="selectAccumulators" name="selectAccumulators" class="form-control">
<option value="A1">A1 = 10101401, ASSY, ACC, 1.0 CI, 2000-5000 PSI</option>
<option value="A2">A2 = 10101402, ASSY, ACC, 1.0 CI, 1000-3500 PSI</option>
<option value="A3">A3 = 10101601, ASSY, ACC, 3.2 CI, 2000-5000 PSI</option>
<option value="A4">A4 = 10101602, ASSY, ACC, 3.6 CI, 1000-3500 PSI</option>
</select>
</div>
</div>
</fieldset>
</form>
</body>
</div>
</div>
