Enquiry
How to include enquiry forms and CTA
Enquiry
<div class="enquiry"> <div class="enquiry__cta accordion__title"> Have a question? <a class="button-small" href="enquiry-form">Enquire now</a> </div> <div class="enquiry__form accordion__hidden"> <form data-validate="" id="enquiry-form"> <div class="fields"> <div class="errors copy" style="display: none;"></div> <fieldset class="enquiry-form__details"> <div> <div> <label class="enquiry-form__label" data-required="true" for="f_given">Given name</label><input aria-required="true" class="input-medium" id="f_given" name="first_name" placeholder="Given name" type="text" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_family">Family name</label><input aria-required="true" class="input-medium" id="f_family" name="last_name" placeholder="Family name" type="text" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_email">Email</label><input aria-required="true" class="input-medium" id="f_email" name="email_address" placeholder="your@email.com" type="email" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_phone">Phone</label><input aria-required="true" class="input-medium" id="f_phone" name="phone" placeholder="04..." type="text" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_message">Message</label><textarea aria-required="true" id="f_message" name="enquiry" placeholder="Your enquiry"></textarea> </div> <div class="inline"> <input id="faculty_newsletter" name="opt_in_faculty" type="checkbox" value="" /><label for="faculty_newsletter"><span>Subscribe to stay up to date with the latest news, events and information</span></label> </div> <div> <input class="enquiry-form__submit-button" type="submit" value="Send your question" /> </div> <hr class="spacer" /> <p class="form__subtext"> The information on this form is being collected by the University of Melbourne for further communication regarding various courses, programs and events at the University in which you have expressed interest. Information collected will only be used by authorised staff for the purpose for which it was collected and will be protected against unauthorized access and use. You can access any personal information the University holds about you. Contact the <a href="http://www.unimelb.edu.au/governance/compliance/privacy/contacts">Privacy Officer</a> to find out more. The <a href="http://www.unimelb.edu.au/governance/compliance/privacy">University’s Privacy Policy</a> is available online. </p> </div> </fieldset> </div> </form> </div> <div class="enquiry__subline"> <div class="first"> or call <a href="tel:136352">13 MELB (13 6352)</a> </div> <div class="secondary"> International: <a href="tel:0061390355511">+61 3 9035 5511</a> </div> </div> </div>
Enquiry dark
<div class="enquiry enquiry--dark"> <div class="enquiry__cta accordion__title"> Questions or feedback? <a class="button-small" href="enquiry-form">Send an enquiry</a> </div> <div class="enquiry__form accordion__hidden"> <form data-validate="" id="enquiry-form"> <div class="fields"> <div class="errors copy" style="display: none;"></div> <fieldset class="enquiry-form__details"> <div> <div> <label class="enquiry-form__label" data-required="true" for="f_given">Given name</label><input aria-required="true" class="input-medium" id="f_given" name="first_name" placeholder="Given name" type="text" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_family">Family name</label><input aria-required="true" class="input-medium" id="f_family" name="last_name" placeholder="Family name" type="text" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_email">Email</label><input aria-required="true" class="input-medium" id="f_email" name="email_address" placeholder="your@email.com" type="email" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_phone">Phone</label><input aria-required="true" class="input-medium" id="f_phone" name="phone" placeholder="04..." type="text" /> </div> <div> <label class="enquiry-form__label" data-required="true" for="f_message">Message</label><textarea aria-required="true" id="f_message" name="enquiry" placeholder="Your enquiry"></textarea> </div> <div> <input class="enquiry-form__submit-button" type="submit" value="Send your question" /> </div> <hr class="spacer" /> <p class="form__subtext"> The information on this form is being collected by the University of Melbourne for further communication regarding various courses, programs and events at the University in which you have expressed interest. Information collected will only be used by authorised staff for the purpose for which it was collected and will be protected against unauthorized access and use. You can access any personal information the University holds about you. Contact the <a href="http://www.unimelb.edu.au/governance/compliance/privacy/contacts">Privacy Officer</a> to find out more. The <a href="http://www.unimelb.edu.au/governance/compliance/privacy">University’s Privacy Policy</a> is available online. </p> </div> </fieldset> </div> </form> </div> <div class="enquiry__subline"> <div class="first"> or call <a href="tel:0061383440777">+61 3 8344 0777</a> </div> </div> </div>