<span class="cross-bar"><i class="icon-close-cross"></i></span>
<div class="text-center">
<h3>Request Pool Service</h3>
<p>Our estimates are free, professional and fair. Most estimates require a site visit. </p>
<div class="successform">
<p>Your message was sent successfully!</p>
</div>
<div class="errorform">
<p>Something went wrong, try refreshing and submitting the form again.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
[text* your-name placeholder "Name"]
[text* email placeholder "Email"]
[text* phone placeholder "Phone Number"]
[textarea* message class:input-full placeholder "Service Required"]
<div class="hidden-xs">
<button type="submit" class="btn btn-orange">Submit</button>
</div>
</div>
<div class="col-sm-6">
<div class="form-row">
<p class="p-label">Service needed for:</p>
<div class="radio-row">
<div class="radio">
[radio radio1-1 class:radio-btn "Pool" "Hot Tub" "Both"]
</div>
</div>
<div class="select-wrapper">
[select* select1 Choose the services you want to request "Choose the services you want to request" "Pool Draining" "Drain &amp; Clean" "Filter Cleaning"]
</div>
</div>
<div class="form-row">
<p class="p-label">What size is your pool?</p>
<div class="radio-row">
<div class="radio">
[radio radio1-2 class:radio-btn "Small " "Medium" "Large"]
</div>
</div>
</div>
<div class="form-row">
<p class="p-label">How often would you like it to be serviced?</p>
<div class="radio-row radio-last">
<div class="radio">
[radio radio1-3 class:radio-btn "Weekly" "Fortnightly" "Monthly" "Once only"]
</div>
</div>
</div>
</div>
<div class="visible-xs text-center">
<div class="divider-md"></div>
[submit class:btn class:btn-orange id:submit "Submit"]
</div>
</div>