<div id="responsive-form" class="clearfix">
<div class="form-row">
<div class="column-third">Project Name[text* Project-Name]</div>
<div class="column-third">Project Number[text* Project-Number]</div>
<div class="column-third">Date<br>[date* Date]</div>
</div><div style="clear:both;"></div>
<div class="form-row">
<div class="column-third">Task To Complete<br>[text Task1][text Task2][text Task3][text Task4][text Task5][text Task6][text Task7]</div>
<div class="column-third">Potential Hazards[text Hazard1][text Hazard2][text Hazard3][text Hazard4][text Hazard5][text Hazard6][text Hazard7]</div>
<div class="column-third">Prevention Measures[text Prevention-Mesaure1][text Prevention-Mesaure2][text Prevention-Mesaure3][text Prevention-Mesaure4][text Prevention-Mesaure5][text Prevention-Mesaure6][text Prevention-Mesaure7]</div>
</div><div style="clear:both;"></div>
<div class="form-row">
<div class="column-full">Special Job Site Conditions<br>[textarea Special-Job-Site-Conditions id:cf7-observations]</div>
</div><div style="clear:both;"></div>
<div class="form-row">
<div class="column-half">
<div class="form-title">Protective Equipment Required</div>
<div class="column-half">Respiratory Protection</div>
<div class="column-half">[select Respiratory-Protection "No" "Yes"]</div>
<div class="column-half">Fall Protection</div>
<div class="column-half">[select Fall-Protection "No" "Yes"]</div>
<div class="column-half">Gloves</div>
<div class="column-half">[select Gloves "No" "Yes"]</div>
<div class="column-half">Hard Hat</div>
<div class="column-half">[select Hard-Hat "No" "Yes"]</div>
<div class="column-half">Hearing Protection</div>
<div class="column-half">[select Hearing-Protection "No" "Yes"]</div>
<div class="column-half">Safety Glasses</div>
<div class="column-half">[select Safety-Glasses "No" "Yes"]</div>
<div class="column-half">Safety-Toed-Boots</div>
<div class="column-half">[select Safety-Toed-Boots "No" "Yes"]</div>
<div class="column-half">Safety Vest</div>
<div class="column-half">[select Safety-Vest "No" "Yes"]</div>
<div class="column-half">Traffic Signs</div>
<div class="column-half">[select Traffic-Signs "No" "Yes"]</div>
<div class="column-half">Other: (Please Specify)</div>
<div class="column-half">[text Protective-Equipment-Other]</div>
</div>
<div class="column-half">
<div class="form-title">Crew Members Present</div>
[text Crew-Signature1][text Crew-Signature2][text Crew-Signature3][text Crew-Signature4][text Crew-Signature5][text Crew-Signature6]
</div>
</div><div style="clear:both;"></div>
<div class="form-row">
<div class="column-full">[submit "Send"]</div>
</div><div style="clear:both;"></div
</div><!--end responsive-form-->
this is the complete form. FYI I didn’t create the form. I took over maintenance of the site that was built by another.