19 June 2018

Contact Form 7 Form in Wordpress


<div class="contact-form inquiry-form">

<!-- Parent name -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Inquiring Parent Name*</p></div>
<div class="vc_col-sm-8">[text* name]</div>
</div>

<!-- Relationship to Student -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Relationship to Student*</p></div>
<div class="vc_col-sm-8">[radio relationship-to-student use_label_element default:1 "Mother" "Father" "Grandparent" "Guardian"]</div>
</div>

<!-- Student name -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Potential Student*</p></div>
<div class="vc_col-sm-8">[text* student-name]</div>
</div>


<!-- School year -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>School Year you are Inquiring About?*</p></div>
<div class="vc_col-sm-8">[select* school-year "2017-2017" "2018-2019" "2019-2020"]</div>
</div>


<!-- Grade -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>What Grades are you Inquiring About?*</p></div>
<div class="vc_col-sm-8">[checkbox grade use_label_element "Beginners half day" "Early kindergarten" "Beginners full day"]</div>
</div>

<!-- Referral -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>How were you Referred to our School?*</p></div>
<div class="vc_col-sm-8">[checkbox referral use_label_element "Friends of Family" "Social media" "Friends or Family"]</div>
</div>


<!-- Mailing address -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Mailing Address</p></div>
<div class="vc_col-sm-8">
[text street placeholder "Street address"]
[text city placeholder "City"]
[text zip placeholder "Postal/Zip code"]
</div>
</div>

<!-- Method of communication -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Method of Communication</p></div>
<div class="vc_col-sm-8">[radio method-of-comunication use_label_element default:1 "Email" "Phone"]</div>
</div>

<!-- Email -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Email*</p></div>
<div class="vc_col-sm-8">[text* email]</div>
</div>

<!-- Phone -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Phone</p></div>
<div class="vc_col-sm-8">[text phone]</div>
</div>

<!-- Document -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Document</p></div>
<!-- 3mb file limit -->
<div class="vc_col-sm-8">[file document limit:3145728 filetypes:png|jpg|doc|docx|pdf]</div>
</div>


<!-- Part of day -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Part of the Day*</p></div>
<div class="vc_col-sm-8">[select part-of-day "Morning" "Noon" "Evening"]</div>
</div>

<!-- Day -->
<div class="vc_row">
<div class="vc_col-sm-4"><p>Day in week*</p></div>
<div class="vc_col-sm-8">[checkbox day use_label_element "Monday" "Tuesday" "Wednesday" "Thursday" "Friday"]</div>
</div>


<!-- Button -->
<div class="vc_row">
<div class="vc_col-sm-4"></div>
<div class="vc_col-sm-8"><button type="submit">Submit</button></div>
</div>



</div>