Testing plugin form

<div class=”container1″>
<div class=”progress-bar”>
<div class=”step”>
<p>Traning Type</p>
<div class=”bullet active”>
<span>1</span>
</div>
</div>
<div class=”step”>
<p>Dog Detail</p>
<div class=”bullet”>
<span>2</span>
</div>
</div>
<div class=”step”>
<p>Personal detail</p>
<div class=”bullet”>
<span>3</span>
</div>
</div>

<div class=”step”>
<p>Summary</p>
<div class=”bullet”>
<span>4</span>
</div>
</div>
</div>
<div class=”form”>
<div class=”page-new active”>

<div class=”alert”></div>
<div class=”field”>
<label>Select Training</label>
<select name=”usage_duration” required>
<option value=””>Select Training</option>
<option value=”less_than_month”>1 Month</option>
<option value=”1_6_months”>2 months</option>
<option value=”6_12_months”>6 months</option>

</select>
</div>

<div class=”cus-form”>

<div class=”cus-form-box”>
<div class=”field”>
<label>Date</label>
<input name=’range’ id=’cal’ />

<!– <input type=”date” required /> –>

</div>

</div>

<div class=”cus-form-box”>
<div class=”field”>
<label>Time Slot</label>
<select name=”usage_frequency” required>
<option value=”daily”>09:00</option>
<option value=”weekly”>10:00</option>

</select>

</div>
</div>
</div>

<div class=”btns”>
<button class=”next”>Next</button>
</div>
</div>

<div class=”page-new”>

<div class=”alert”></div>
<div class=”field”>
<label>Dog Breed</label>
<input type=”text” required placeholder=”Dog Breed”/>
</div>

<div class=”cus-form”>

<div class=”cus-form-box”>
<div class=”field”>
<label>Pet Vaccinated</label>
<select name=”ease_of_use” required>
<option value=””>Pet Vaccinated</option>
<option value=”very_easy”>Pet Vaccinated</option>
<option value=”easy”>Pet Vaccinated</option>

</select>
</div>
</div>

<div class=”cus-form-box”>
<div class=”field”>
<label>Pet Insured</label>
<select name=”retention_likelihood” required>
<option value=””>Pet Insured</option>
<option value=”very_likely”>Pet Insured</option>
<option value=”1_6_months”>Pet Insured</option>

</select>
</div>
</div>

</div>

<div class=”btns”>
<button class=”prev”>Previous</button>
<button class=”next”>Next</button>
</div>
</div>

<div class=”page-new”>

<div class=”alert”></div>

<div class=”cus-form”>
<div class=”cus-form-box”>
<div class=”field”>
<label>First Name</label>
<input type=”text” required placeholder=”First Name”/>
</div>
</div>

<div class=”cus-form-box”>
<div class=”field”>
<label>Last Name</label>
<input type=”text” required placeholder=”Last Name”/>
</div>
</div>

<div class=”cus-form-box”>
<div class=”field”>
<label>Email Address</label>
<input type=”text” required placeholder=”Email”/>
</div>
</div>

<div class=”cus-form-box”>
<div class=”field”>
<label>Phone Number</label>
<input type=”Number” required placeholder=”Number”/>
</div>
</div>

</div>

<div class=”btns”>
<button class=”prev”>Previous</button>
<button class=”next”>Next</button>
</div>

</div>

<div class=”page-new”>

<div class=”field”>
<div class=”summary-box”>
<h2>Booking Summary</h2>
<div class=”wp-summary”>
<div class=”summary-heading”>
<p>Selected Training </p>
</div>

<div class=”summary-field”>
<span>Puppy Training</span>
</div>

</div>

<div class=”wp-summary”>
<div class=”summary-heading”>
<p>From Date
</p>
</div>

<div class=”summary-field”>
<span>dd/mm/yyyy</span>
</div>

</div>

<div class=”wp-summary”>
<div class=”summary-heading”>
<p>To Date
</p>
</div>

<div class=”summary-field”>
<span>dd/mm/yyyy</span>
</div>

</div>

<div class=”wp-summary”>
<div class=”summary-heading”>
<p>Total Days

</p>
</div>

<div class=”summary-field”>
<span>0 Days</span>
</div>

</div>

<h2>Total Amount
</h2>
<div class=”wp-summary”>
<div class=”summary-heading”>
<p>Training Cost
</p>
</div>

<div class=”summary-field”>
<span>GBP 50 0 Day</span>
</div>

</div>
<div class=”wp-summary”>
<div class=”summary-heading”>
<p>Total
</p>
</div>

<div class=”summary-field”>
<span>GBP 0 </span>
</div>

</div>

<div class=”wp-summary”>
<div class=”summary-heading”>

<div class=”form-check”>
<input class=”form-check-input” type=”radio” name=”flexRadioDefault” id=”flexRadioDefault2″ checked>
<label class=”form-check-label” for=”flexRadioDefault2″>
Full Payment
</label>
</div>

</div>

<div class=”summary-field”>
<span>GBP 0 </span>
</div>

</div>

<div class=”wp-summary”>
<div class=”summary-heading”>
<div class=”form-check”>
<input class=”form-check-input” type=”radio” name=”flexRadioDefault” id=”flexRadioDefault2″ checked>
<label class=”form-check-label” for=”flexRadioDefault2″>
Half Payment
</label>
</div>
<p>Lorem Ipsum is simply dummy text</p>

</div>

<div class=”summary-field”>
<span>GBP 0 </span>
</div>

</div>

<div class=”wp-summary”>
<div class=”summary-heading”>
<p>Total Due
</p>
</div>

<div class=”summary-field”>
<span>GBP 0 </span>
</div>

</div>

<h2>Payment Options
</h2>
<div class=”form-check”>
<input class=”form-check-input” type=”radio” name=”flexRadioDefault” id=”flexRadioDefault2″ checked>
<label class=”form-check-label” for=”flexRadioDefault2″>
Paypal
</label>
</div>
<div class=”form-check”>
<input class=”form-check-input” type=”radio” name=”flexRadioDefault” id=”flexRadioDefault2″ checked>
<label class=”form-check-label” for=”flexRadioDefault2″>
COD
</label>
</div>

</div>
</div>

<div class=”btns”>
<button class=”prev”>Previous</button>
<button class=”submit”>Submit</button>
</div>

</div>
</div>
</div>