Trial Form - With Labels
Trial form with normal labels.
<div class="o-grid o-grid--alignCenter">
<div class="o-grid-cell u-size11of12 u-md-size5of8 u-lg-size4of12">
<!-- Start: Trial Form -->
<form action="" method="post" name="trial-form">
<fieldset class="u-mb4">
<select class="formControl formControl--select" name="sEdition">
<option selected disabled>Select an edition</option>
<option value="Standard">Standard</option>
<option value="CAD">CAD</option>
<option value="eXtreme">eXtreme</option>
<option value="Mac">Mac</option>
</select>
</fieldset>
<fieldset class="u-mb4">
<label class="formLabel" for="sFirstName">First Name</label>
<input
id="sFirstName"
class="formControl"
name="sFirstName"
type="text"
required>
</fieldset>
<fieldset class="u-mb4">
<label class="formLabel" for="sLastName">Last Name</label>
<input id="sLastName"
class="formControl"
name="sLastName"
type="text"
required>
</fieldset>
<fieldset class="u-mb4">
<label class="formLabel" for="sEmail">Email</label>
<input
id="sEmail"
class="formControl"
name="sEmail"
type="email"
required>
</fieldset>
<fieldset class="u-mb4">
<label class="formLabel" for="sTelephone">Phone</label>
<input
id="sTelephone"
class="formControl"
name="sTelephone"
type="phone"
required>
</fieldset>
<fieldset class="u-mb4">
<label class="formLabel" for="sCompany">Company</label>
<input
id="sCompany"
class="formControl"
name="sCompany"
type="text"
required>
</fieldset>
<fieldset class="u-mb4">
<select class="formControl formControl--select" name="sIndustry">
<option selected disabled>Select an industry</option>
<option value="Student">Academic</option>
<option value="Architectural">Architecture</option>
<option value="Building Owners">Building Owners and Managers</option>
<option value="Construction">Construction</option>
<option value="Engineering">Engineering</option>
<option value="Government">Government</option>
<option value="Manufacturing">Manufacturing</option>
<option value="Oil and Gas">Oil, Gas & Chemical</option>
<option value="Specialty Contractors">Specialty Contractors</option>
<option value="Other">Other</option>
</select>
</fieldset>
<fieldset class="u-mb4">
<select class="formControl formControl--select" name="iEmployees">
<option selected disabled>Select number of users</option>
<option value="7">100+</option>
<option value="6">51-99</option>
<option value="9">6-50</option>
<option value="2">1-5</option>
</select>
</fieldset>
<p><button class="button button--secondary u-sizeFull">Download</button></p>
</form>
<!-- End: Trial Form -->
</div>
</div>