|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<meta name="google-site-verification" content="LQLLn9dwNbtTdmbzIBtrjoG_9viQ5dSph_YsAYrnMP8" />
<link href="/media/website_designs/13/favicon.png" rel="icon" sizes="32x32"/>
<templates:styles
boxsizingborderbox="true"
maxwidthmedia="true"
rootfontsize="16px"
rootfontsizemobile="14px"
lastusedratio="1.5"
bodyfontlibrary="google"
bodyfontfamily="Work Sans"
bodyfontweight="300"
bodycolor="#333333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="Playfair Display"
h1fontweight="700"
h1color=""
h1fontsize="3.375rem"
h1lineheight="3.9693rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="Playfair Display"
h2fontweight="600"
h2color=""
h2fontsize="2.25rem"
h2lineheight="2.7777rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Work Sans"
h3fontweight="600"
h3color=""
h3fontsize="1.5rem"
h3lineheight="2rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Work Sans"
h4fontweight="700"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Work Sans"
h5fontweight="700"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#dc1836"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#dc1836"
formstylevariant="minimal" />
<style>
a:hover, a:focus{
color: #e63752;
text-decoration: none;
}
.s8-templatesHeader-container {
box-shadow: 1px 2px 20px rgba(51, 51, 51, 0.05);
}
.s8-navigationPrimary>li>a {
font-size: small;
text-transform: uppercase;
font-weight: 500;
}
.s8-navigationPrimary>li.s8-navigationPrimaryItem--active>a {
color: #dc1836;
}
.s8-navigationPrimary>li:hover {
background: transparent !important;
}
.s8-navigationPrimary ul li a {
color: #fff !important;
text-transform: uppercase;
font-size: small;
}
form#searchform .formRowColWide {
position: relative;
}
form#searchform input {
border: 2px solid #dc1836;
border-radius: 0px !important;
}
.s8-templates-button-classic .s8-templates-button-container, button[type="submit"] {
font-size: 14px !important;
text-transform: uppercase;
}
button[type="submit"]
{
background-color: #d90f31;
}
footer ul {
list-style: none;
padding: 0;
margin: 0;
}
footer ul li {
line-height: 2.8rem;
}
footer .footer_contact_section a {
color: #fff !important;
}
footer .footer_copyright a {
color: #333 !important;
}
footer .s8-templates-socialLinks a {
color: #dc1836 !important;
}
@media (max-width:767px) {
form#searchform button[type="submit"] {
position: unset;
margin: 10px 0;
width: 100%;
}
}
</style>
</head>
<body>
<logic:variable value="[? \Components\Website\Pages::current() ?]" as="page" />
<logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<!---->
</logic:if>
<!-- newsletter popup box-->
<forms:dialogbox id="newsletter_popup" width="60%">
<logic:include page="/design-elements/receive-newsletter/" />
</forms:dialogbox>
<!-- search popup box-->
<forms:dialogbox id="search_popup" width="60%">
<h2>Search</h2>
<form method="get" action="/search/">
<forms:row type="one_column">
<forms:editbox class="searchBox col-xs-12" name="query" type="text" placeholder="Search" transformations="tolower" />
</forms:row>
<forms:row type="one_column" align="center"> <forms:submitbutton>Go!</forms:submitbutton> </forms:row>
</form>
</forms:dialogbox>
<!-- login popup box-->
<forms:dialogbox id="login_popup" width="60%">
<logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<templates:section paddingTop="0rem" paddingBottom="0rem" paddingRight="0rem" paddingLeft="0rem">
<templates:row verticalAlignColumns="center">
<templates:column width="6">
<templates:section paddingTop="10rem" paddingBottom="11rem" bgimage="https://images.unsplash.com/photo-1455612693675-112974d4880b?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8ODd8fHBhdHRlcm4lMjB8ZW58MHx8fHwxNjQ5MjI0MzYy&" bgwashcolor="#e21839" bgwashopacity="83" color="#ffffff" paddingLeft="3rem" paddingRight="3rem" style="text-align: center;">
<h2 style="text-align: center;">Bonjour, Friend!</h2>
<p style="text-align: center;">Sign up as a member today to take advantage of our members benefits.</p>
<br />
<templates:button variant="Classic" borderRadius="0" class="sign-up" color="#ffffff" href="/community/register/" padding="15" border="1px solid #ffffff" style="text-align: center; font-size: 15px;">SIGN
UP</templates:button>
</templates:section>
</templates:column>
<templates:column width="6">
<templates:section paddingTop="2rem" paddingBottom="2rem" paddingLeft="3rem" paddingRight="3rem" style="text-align: center;">
<h2 style="text-align: center;"><span style="color: #e21839;">Existing Member?</span></h2>
<p style="text-align: center; margin-bottom: 30px;">If you already have an account with us, you can login below.</p>
<forms:form norefresh="true" contactmode="login" id="login">
<forms:row label="E-mail Address" type="one_column">
<forms:hidden id="customer_status_hidden" name="customer_status" value="existing" />
<forms:editbox id="contact_login_email" datacolumn="contact_email" validations="mandatory" placeholder="Email Address" transformations="tolower" value="[? \Components\Customers\Contacts::currentGetColumn('contact_email') ?]" />
</forms:row>
<forms:row label="Password" type="one_column">
<forms:password id="contact_login_password" datacolumn="contact_password" validations="mandatory" placeholder="Password"/>
</forms:row>
<forms:row type="one_column" align="center">
<forms:submitbutton style="font-size: 15px; padding:15px 20px;">Sign in</forms:submitbutton>
</forms:row>
</forms:form>
<small>- <a href="/community/lost_password/">Forgot / Lost Password</a></small>
</templates:section>
</templates:column>
</templates:row>
</templates:section>
</logic:if>
<logic:else>
<h2 style="text-align: center; margin-top:2rem; color:#dc1836;">Bonjour <personalisation:firstname />!</h2>
<p style="text-align: center; margin-bottom:0;">
You are currently logged in<br/>
What would you like to do?
</p>
<templates:flexlayout style="justify-content: center; align-items: center">
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/af/students/" target="_blank">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-profile-50-(2).svg" />
<p>Student Portal</p>
</templates:card>
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/commerce/order/">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-cart-49-(1).svg" />
<p>Cart</p>
</templates:card>
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/community/profile/">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-sharepage-29-(1).svg" />
<p>My Profile</p>
</templates:card>
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/community/logout" onclick="return confirm('Are you sure you wish to logout?\n\nYou only need to logout if you are using a public computer and are concerned about your privacy.\nUnlike some sites, this site does not require you to logout after each session.');">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-delay-59-(1).svg" />
<p>Logout</p>
</templates:card>
</templates:flexlayout>
</logic:else>
</forms:dialogbox>
<templates:header variant="Slim" maxlogowidth="199px" maxlogoheight="54px" logo="/media/website_designs/13/logo-af-oncord-colored-2.svg" contentsize="lg" bgcolor="#ffffff" navbgcolor="#ffffff" navfontcolor="#333333" sticky="true">
<templates:headertext headerposition="primary" variant="Classic">
<div class="login">
<standard:link opendialogid="login_popup">
<standard:icon iconstyle="solid" iconname="user" library="fontawesome" style="width: 16px; height: 16px" />
<logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<span style="font-size: small; text-transform: uppercase; font-weight: 500;">Login</span>
</logic:if>
<logic:else>
<span style="font-size: small; text-transform: uppercase; font-weight: 500;">Bonjour <personalisation:firstname /><span class="caret"></span></span>
</logic:else>
</standard:link>
</div> </templates:headertext>
<navigation:primary rootpage="/" id="headerNav" includeStyles="true" autopopulatelevel="2" openonhover="true" MobileBreakPoint="1500">
<navigation:item at="end" page="/commerce/order/" order="1">
<standard:icon iconstyle="solid" iconname="cart-shopping" library="fontawesome" style="width: 16px; height: 16px" />
</navigation:item>
<navigation:item at="end" order="2">
<standard:link opendialogid="search_popup">
<standard:icon iconstyle="solid" iconname="magnifying-glass" library="fontawesome" style="width: 16px; height: 16px" />
</standard:link>
</navigation:item>
</navigation:primary>
</templates:header>
<!-- Home Page -->
<logic:if test="\Components\Website\Pages::currentPageId() == '/'">
<regions:content requiressection="true" />
</logic:if>
<!-- Placement test -->
<logic:else test="\Components\Website\Pages::currentIsChildPageOf('/placement-tests/', true)">
<templates:section contentsize="md" paddingBottom="10rem" paddingTop="6rem">
<regions:content requiressection="true" />
</templates:section>
</logic:else>
<!-- General Page -->
<logic:else>
<div class="section-mainContent">
<logic:variable as="postMain" value="[? (\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId()))[0] ?]" />
<!-- Article Page -->
<logic:if test="count(\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId())) > 0">
<logic:if test="\Components\Website\Pages::currentIsChildPageOf('/blog/', false) || \Components\Website\Pages::currentIsChildPageOf('/events/', false)">
<templates:section contentsize="md" paddingRight="1rem" paddingLeft="1rem" paddingBottom="0rem">
<logic:if test="[? $postMain['post_icon'] ?]">
<standard:image src="[? $postMain['post_icon'] ?]" alt="[? $postMain['post_title'] ?]" width="100%" height="500" maintainaspect="crop" />
</logic:if>
<h1>[? $postMain['post_title'] ?]</h1>
<logic:if test="\Components\Website\Pages::currentIsChildPageOf('/blog/', false)">
<span>Date Published: [? formatDate($postMain['post_date']) ?]</span>
</logic:if>
<logic:if test="$postMain['post_event_start_date']">
<table border="0" width="100%" style="display: none">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="fontawesome" iconstyle="regular" iconname="calendar" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">
[? formatDateTime($postMain['post_event_start_date']) ?]
<logic:if test="$postMain['post_event_end_date']">- [? formatDateTime($postMain['post_event_end_date']) ?]</logic:if>
</td>
</tr>
</table>
</logic:if>
<logic:if test="$postMain['post_event_location']">
<table border="0" width="100%" style="display:none">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="fontawesome" iconstyle="solid" iconname="location-dot" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">[? $postMain['post_event_location'] ?]</td>
</tr>
</table>
</logic:if>
</templates:section>
<regions:content requiressection="true" />
</logic:if>
</logic:if>
<logic:else>
<regions:content requiressection="true" />
</logic:else>
</div>
</logic:else>
<regions:togglable id="togglable_footerCTA" defaultvisible="false" label="Display Footer CTA" labelarrowposition="topleft">
<templates:section class="section-footerCTA" bgimageblur="0" paddingbottom="6rem" paddingTop="6rem" paddingLeft="1rem" bgposition="center" paddingRight="1rem" bgimage="https://images.unsplash.com/photo-1558021212-51b6ecfa0db9?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTd8fHN0dWRlbnR8ZW58MHx8fHwxNjc2ODQ5MTI3&" color="#ffffff" bgwashcolor="#000000" bgwashopacity="50">
<templates:row verticalAlignColumns="flex-start">
<templates:column width="5">
<h2>Have a question?</h2>
<p>If you have a question or need help finding the right course for you, simply fill in the form and we will be happy to help. </p>
</templates:column>
<templates:column width="7">
<forms:form id="have_a_question_cta" recordsubmissions="true" contactmode="store" onsubmitemailsubject="[? 'AF Have a question: ' + $_POST['contact_first_name'] ?]" onsubmitemail="support@oncord.com" method="ajax">
<templates:row>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_first_name" placeholder="First name" validations="mandatory" ></forms:editbox>
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_last_name" placeholder="Last name" validations="mandatory" ></forms:editbox>
</forms:row>
</templates:column>
</templates:row>
<templates:row>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_phone" validations="mandatory" placeholder="Phone Number" ></forms:editbox>
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_email" validations="mandatory,email" placeholder="Email" transformations="tolower" ></forms:editbox>
</forms:row>
</templates:column>
</templates:row>
<forms:row type="one_column">
<forms:textarea id="message" width="100%" rows="4" validations="mandatory" placeholder="How can we help you?"></forms:textarea>
</forms:row>
<forms:submitbutton>Submit</forms:submitbutton>
<forms:successcontent>
<p><br /></p>
<standard:icon library="fontawesome" iconname="circle-check" iconstyle="regular" size="4" style="width: 131px; height: 131px; margin-left: auto; margin-right: auto; display: block; color: #75d776" />
<p><br /></p>
<h3 style="text-align: center;">Thank you! We've received your submission.</h3>
<p style="text-align: center;">
One of our staff will get back to you shortly.<br />
<br />
</p>
</forms:successcontent>
</forms:form>
</templates:column>
</templates:row>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_memberCTA" defaultvisible="true" label="Display Become a Member CTA">
<templates:section paddingTop="8rem" paddingBottom="8rem" paddingLeft="1rem" paddingRight="1rem" bgimage="/media/website_designs/13/alliance-homepage-04.jpg" color="#ffffff" bgwashcolor="#000000" bgwashopacity="50" contentsize="md" bgposition="top">
<templates:row style="text-align: left;">
<templates:column width="5">
<h2>Become a Member</h2>
<p style="text-align: left;">
Become a member of Alliance Française for exclusive offers, member events, discounts and more.<br />
<br />
</p>
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d90f31" padding="15" href="/membership/" target="">BECOME
A MEMBER</templates:button>
</templates:column>
<templates:column width="7"></templates:column>
</templates:row>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_testCTA" defaultvisible="false" label="Display Placement Test CTA">
<templates:section paddingTop="8rem" paddingBottom="8rem" paddingLeft="1rem" paddingRight="1rem" bgimage="https://images.unsplash.com/photo-1543269866-487350d6fa5e?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MTB8fHBlcnNvbiUyMG9uJTIwbGFwdG9wfGVufDB8fHx8MTY4NzQ5OTY0OHww&" color="#ffffff" contentsize="md" bgposition="center" bgwashcolor="#000000" bgwashopacity="50">
<templates:row style="text-align: left;">
<templates:column width="5">
<h2>Unsure of your level?</h2>
<p style="text-align: left;">
Take our online test to find what level of French class is suitable for you.<br />
<br />
</p>
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d90f31" padding="15" href="/placement-tests/" target="">TEST
MY LEVEL <br /></templates:button>
</templates:column>
<templates:column width="7"></templates:column>
</templates:row>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_newslettercta" defaultvisible="false" label="Display Newsletter Subscribe" labelpositionmyat="top left">
<logic:include page="/includes/newsletter-signup/" />
</regions:togglable>
<footer>
<templates:section class="footer_copyright" bgcolor="#fafafa" color="#333333" paddingtop="4rem" paddingBottom="4rem" paddingLeft="1rem" paddingRight="1rem">
<templates:row>
<templates:column width="4">
<strong>Contact Us<br /></strong>
<table border="0" width="100%" style="border-spacing: 0px;">
<tr>
<td width="11.69%" style="padding: 0px; vertical-align: top">
<standard:icon library="feather" iconstyle="standard" iconname="phone" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px; vertical-align: top">
<p>012 345 678</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="message-circle" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>support@oncord.com</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="map-pin" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>123 Brisbane Rd.</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="clock" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>Mon - Thu 10:00 AM - 3:00 PM</p>
</td>
</tr>
</table>
<p><br /></p>
<templates:sociallinks variant="Round" icon-height="40px" icon-width="40px" facebook="#" twitter="#" linkedin="#" googleplus="googleplus" instagram="" youtube="#" size="2" googlemybusiness="" color="#000000" border="1px solid #d91f2f" />
</templates:column>
<templates:column width="3">
<p><strong>Learn French<br /></strong></p>
<p><a href="/learn-french/">Group Classes</a></p>
<p><a href="/learn-french/private-tuition/">Private Tuition</a></p>
<p><a href="/placement-tests/">Placement Tests</a></p>
<p><a href="/learn-french/exams/">Exams</a></p>
<p><a href="/learn-french/policies-terms-and-conditions/">Policies, T&C's</a> </p>
</templates:column>
<templates:column width="2">
<p><strong>Live French<br /></strong></p>
<p> <a href="/events/">Events</a><br /> </p>
<p><a href="/membership/">Culturethèque</a></p>
<p><a href="/membership/">Membership</a></p>
<p><a href="/blog/">Blog</a></p>
</templates:column>
<templates:column width="3">
<p> <strong>Love French</strong><br /> </p>
<p> <a href="/donate/">Donate</a> </p>
<p> <a href="/about/volunteers/">Volunteer</a><br /> </p>
<p><a href="/af/students/">Student Portal</a></p>
<p><a href="/about/">About</a></p>
</templates:column>
</templates:row>
<br/>
<small>© [? date('Y') ?] Oncord. <a href="https://www.oncord.com/"> <span style="color: #e1193a;">Powered by Oncord.</span></a> </small>
</templates:section>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<meta name="google-site-verification" content="LQLLn9dwNbtTdmbzIBtrjoG_9viQ5dSph_YsAYrnMP8" />
<link href="/media/website_designs/13/favicon.png" rel="icon" sizes="32x32"/>
<templates:styles
boxsizingborderbox="true"
maxwidthmedia="true"
rootfontsize="16px"
rootfontsizemobile="14px"
lastusedratio="1.5"
bodyfontlibrary="google"
bodyfontfamily="Work Sans"
bodyfontweight="300"
bodycolor="#333333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="Playfair Display"
h1fontweight="700"
h1color=""
h1fontsize="3.375rem"
h1lineheight="3.9693rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="Playfair Display"
h2fontweight="600"
h2color=""
h2fontsize="2.25rem"
h2lineheight="2.7777rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Work Sans"
h3fontweight="600"
h3color=""
h3fontsize="1.5rem"
h3lineheight="2rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Work Sans"
h4fontweight="700"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Work Sans"
h5fontweight="700"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#dc1836"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#dc1836"
formstylevariant="minimal" />
<style>
a:hover, a:focus{
color: #e63752;
text-decoration: none;
}
.s8-templatesHeader-container {
box-shadow: 1px 2px 20px rgba(51, 51, 51, 0.05);
}
.s8-navigationPrimary>li>a {
font-size: small;
text-transform: uppercase;
font-weight: 500;
}
.s8-navigationPrimary>li.s8-navigationPrimaryItem--active>a {
color: #dc1836;
}
.s8-navigationPrimary>li:hover {
background: transparent !important;
}
.s8-navigationPrimary ul li a {
color: #fff !important;
text-transform: uppercase;
font-size: small;
}
form#searchform .formRowColWide {
position: relative;
}
form#searchform input {
border: 2px solid #dc1836;
border-radius: 0px !important;
}
.s8-templates-button-classic .s8-templates-button-container, button[type="submit"] {
font-size: 14px !important;
text-transform: uppercase;
}
button[type="submit"]
{
background-color: #d90f31;
}
footer ul {
list-style: none;
padding: 0;
margin: 0;
}
footer ul li {
line-height: 2.8rem;
}
footer .footer_contact_section a {
color: #fff !important;
}
footer .footer_copyright a {
color: #333 !important;
}
footer .s8-templates-socialLinks a {
color: #dc1836 !important;
}
@media (max-width:767px) {
form#searchform button[type="submit"] {
position: unset;
margin: 10px 0;
width: 100%;
}
}
</style>
</head>
<body>
<logic:variable value="[? \Components\Website\Pages::current() ?]" as="page" />
<logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<!---->
</logic:if>
<!-- newsletter popup box-->
<forms:dialogbox id="newsletter_popup" width="60%">
<logic:include page="/design-elements/receive-newsletter/" />
</forms:dialogbox>
<!-- search popup box-->
<forms:dialogbox id="search_popup" width="60%">
<h2>Search</h2>
<form method="get" action="/search/">
<forms:row type="one_column">
<forms:editbox class="searchBox col-xs-12" name="query" type="text" placeholder="Search" transformations="tolower" />
</forms:row>
<forms:row type="one_column" align="center"> <forms:submitbutton>Go!</forms:submitbutton> </forms:row>
</form>
</forms:dialogbox>
<!-- login popup box-->
<forms:dialogbox id="login_popup" width="60%">
<logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<templates:section paddingTop="0rem" paddingBottom="0rem" paddingRight="0rem" paddingLeft="0rem">
<templates:row verticalAlignColumns="center">
<templates:column width="6">
<templates:section paddingTop="10rem" paddingBottom="11rem" bgimage="https://images.unsplash.com/photo-1455612693675-112974d4880b?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8ODd8fHBhdHRlcm4lMjB8ZW58MHx8fHwxNjQ5MjI0MzYy&" bgwashcolor="#e21839" bgwashopacity="83" color="#ffffff" paddingLeft="3rem" paddingRight="3rem" style="text-align: center;">
<h2 style="text-align: center;">Bonjour, Friend!</h2>
<p style="text-align: center;">Sign up as a member today to take advantage of our members benefits.</p>
<br />
<templates:button variant="Classic" borderRadius="0" class="sign-up" color="#ffffff" href="/community/register/" padding="15" border="1px solid #ffffff" style="text-align: center; font-size: 15px;">SIGN
UP</templates:button>
</templates:section>
</templates:column>
<templates:column width="6">
<templates:section paddingTop="2rem" paddingBottom="2rem" paddingLeft="3rem" paddingRight="3rem" style="text-align: center;">
<h2 style="text-align: center;"><span style="color: #e21839;">Existing Member?</span></h2>
<p style="text-align: center; margin-bottom: 30px;">If you already have an account with us, you can login below.</p>
<forms:form norefresh="true" contactmode="login" id="login">
<forms:row label="E-mail Address" type="one_column">
<forms:hidden id="customer_status_hidden" name="customer_status" value="existing" />
<forms:editbox id="contact_login_email" datacolumn="contact_email" validations="mandatory" placeholder="Email Address" transformations="tolower" value="[? \Components\Customers\Contacts::currentGetColumn('contact_email') ?]" />
</forms:row>
<forms:row label="Password" type="one_column">
<forms:password id="contact_login_password" datacolumn="contact_password" validations="mandatory" placeholder="Password"/>
</forms:row>
<forms:row type="one_column" align="center">
<forms:submitbutton style="font-size: 15px; padding:15px 20px;">Sign in</forms:submitbutton>
</forms:row>
</forms:form>
<small>- <a href="/community/lost_password/">Forgot / Lost Password</a></small>
</templates:section>
</templates:column>
</templates:row>
</templates:section>
</logic:if>
<logic:else>
<h2 style="text-align: center; margin-top:2rem; color:#dc1836;">Bonjour <personalisation:firstname />!</h2>
<p style="text-align: center; margin-bottom:0;">
You are currently logged in<br/>
What would you like to do?
</p>
<templates:flexlayout style="justify-content: center; align-items: center">
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/af/students/" target="_blank">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-profile-50-(2).svg" />
<p>Student Portal</p>
</templates:card>
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/commerce/order/">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-cart-49-(1).svg" />
<p>Cart</p>
</templates:card>
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/community/profile/">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-sharepage-29-(1).svg" />
<p>My Profile</p>
</templates:card>
<templates:card style="padding: 20px; margin: 0px; border-radius: 0px;" cardSize="sm" href="/community/logout" onclick="return confirm('Are you sure you wish to logout?\n\nYou only need to logout if you are using a public computer and are concerned about your privacy.\nUnlike some sites, this site does not require you to logout after each session.');">
<standard:image width="100%" maintainaspect="crop" src="/media/website_designs/13/icon-delay-59-(1).svg" />
<p>Logout</p>
</templates:card>
</templates:flexlayout>
</logic:else>
</forms:dialogbox>
<templates:header variant="Slim" maxlogowidth="199px" maxlogoheight="54px" logo="/media/website_designs/13/logo-af-oncord-colored-2.svg" contentsize="lg" bgcolor="#ffffff" navbgcolor="#ffffff" navfontcolor="#333333" sticky="true">
<templates:headertext headerposition="primary" variant="Classic">
<div class="login">
<standard:link opendialogid="login_popup">
<standard:icon iconstyle="solid" iconname="user" library="fontawesome" style="width: 16px; height: 16px" />
<logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<span style="font-size: small; text-transform: uppercase; font-weight: 500;">Login</span>
</logic:if>
<logic:else>
<span style="font-size: small; text-transform: uppercase; font-weight: 500;">Bonjour <personalisation:firstname /><span class="caret"></span></span>
</logic:else>
</standard:link>
</div> </templates:headertext>
<navigation:primary rootpage="/" id="headerNav" includeStyles="true" autopopulatelevel="2" openonhover="true" MobileBreakPoint="1500">
<navigation:item at="end" page="/commerce/order/" order="1">
<standard:icon iconstyle="solid" iconname="cart-shopping" library="fontawesome" style="width: 16px; height: 16px" />
</navigation:item>
<navigation:item at="end" order="2">
<standard:link opendialogid="search_popup">
<standard:icon iconstyle="solid" iconname="magnifying-glass" library="fontawesome" style="width: 16px; height: 16px" />
</standard:link>
</navigation:item>
</navigation:primary>
</templates:header>
<!-- Home Page -->
<logic:if test="\Components\Website\Pages::currentPageId() == '/'">
<regions:content requiressection="true" />
</logic:if>
<!-- Placement test -->
<logic:else test="\Components\Website\Pages::currentIsChildPageOf('/placement-tests/', true)">
<templates:section contentsize="md" paddingBottom="10rem" paddingTop="6rem">
<regions:content requiressection="true" />
</templates:section>
</logic:else>
<!-- General Page -->
<logic:else>
<div class="section-mainContent">
<logic:variable as="postMain" value="[? (\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId()))[0] ?]" />
<!-- Article Page -->
<logic:if test="count(\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId())) > 0">
<logic:if test="\Components\Website\Pages::currentIsChildPageOf('/blog/', false) || \Components\Website\Pages::currentIsChildPageOf('/events/', false)">
<templates:section contentsize="md" paddingRight="1rem" paddingLeft="1rem" paddingBottom="0rem">
<logic:if test="[? $postMain['post_icon'] ?]">
<standard:image src="[? $postMain['post_icon'] ?]" alt="[? $postMain['post_title'] ?]" width="100%" height="500" maintainaspect="crop" />
</logic:if>
<h1>[? $postMain['post_title'] ?]</h1>
<logic:if test="\Components\Website\Pages::currentIsChildPageOf('/blog/', false)">
<span>Date Published: [? formatDate($postMain['post_date']) ?]</span>
</logic:if>
<logic:if test="$postMain['post_event_start_date']">
<table border="0" width="100%" style="display: none">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="fontawesome" iconstyle="regular" iconname="calendar" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">
[? formatDateTime($postMain['post_event_start_date']) ?]
<logic:if test="$postMain['post_event_end_date']">- [? formatDateTime($postMain['post_event_end_date']) ?]</logic:if>
</td>
</tr>
</table>
</logic:if>
<logic:if test="$postMain['post_event_location']">
<table border="0" width="100%" style="display:none">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="fontawesome" iconstyle="solid" iconname="location-dot" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">[? $postMain['post_event_location'] ?]</td>
</tr>
</table>
</logic:if>
</templates:section>
<regions:content requiressection="true" />
</logic:if>
</logic:if>
<logic:else>
<regions:content requiressection="true" />
</logic:else>
</div>
</logic:else>
<regions:togglable id="togglable_footerCTA" defaultvisible="false" label="Display Footer CTA" labelarrowposition="topleft">
<templates:section class="section-footerCTA" bgimageblur="0" paddingbottom="6rem" paddingTop="6rem" paddingLeft="1rem" bgposition="center" paddingRight="1rem" bgimage="https://images.unsplash.com/photo-1558021212-51b6ecfa0db9?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTd8fHN0dWRlbnR8ZW58MHx8fHwxNjc2ODQ5MTI3&" color="#ffffff" bgwashcolor="#000000" bgwashopacity="50">
<templates:row verticalAlignColumns="flex-start">
<templates:column width="5">
<h2>Have a question?</h2>
<p>If you have a question or need help finding the right course for you, simply fill in the form and we will be happy to help. </p>
</templates:column>
<templates:column width="7">
<forms:form id="have_a_question_cta" recordsubmissions="true" contactmode="store" onsubmitemailsubject="[? 'AF Have a question: ' + $_POST['contact_first_name'] ?]" onsubmitemail="support@oncord.com" method="ajax">
<templates:row>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_first_name" placeholder="First name" validations="mandatory" ></forms:editbox>
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_last_name" placeholder="Last name" validations="mandatory" ></forms:editbox>
</forms:row>
</templates:column>
</templates:row>
<templates:row>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_phone" validations="mandatory" placeholder="Phone Number" ></forms:editbox>
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column">
<forms:editbox id="contact_email" validations="mandatory,email" placeholder="Email" transformations="tolower" ></forms:editbox>
</forms:row>
</templates:column>
</templates:row>
<forms:row type="one_column">
<forms:textarea id="message" width="100%" rows="4" validations="mandatory" placeholder="How can we help you?"></forms:textarea>
</forms:row>
<forms:submitbutton>Submit</forms:submitbutton>
<forms:successcontent>
<p><br /></p>
<standard:icon library="fontawesome" iconname="circle-check" iconstyle="regular" size="4" style="width: 131px; height: 131px; margin-left: auto; margin-right: auto; display: block; color: #75d776" />
<p><br /></p>
<h3 style="text-align: center;">Thank you! We've received your submission.</h3>
<p style="text-align: center;">
One of our staff will get back to you shortly.<br />
<br />
</p>
</forms:successcontent>
</forms:form>
</templates:column>
</templates:row>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_memberCTA" defaultvisible="true" label="Display Become a Member CTA">
<templates:section paddingTop="8rem" paddingBottom="8rem" paddingLeft="1rem" paddingRight="1rem" bgimage="/media/website_designs/13/alliance-homepage-04.jpg" color="#ffffff" bgwashcolor="#000000" bgwashopacity="50" contentsize="md" bgposition="top">
<templates:row style="text-align: left;">
<templates:column width="5">
<h2>Become a Member</h2>
<p style="text-align: left;">
Become a member of Alliance Française for exclusive offers, member events, discounts and more.<br />
<br />
</p>
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d90f31" padding="15" href="/membership/" target="">BECOME
A MEMBER</templates:button>
</templates:column>
<templates:column width="7"></templates:column>
</templates:row>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_testCTA" defaultvisible="false" label="Display Placement Test CTA">
<templates:section paddingTop="8rem" paddingBottom="8rem" paddingLeft="1rem" paddingRight="1rem" bgimage="https://images.unsplash.com/photo-1543269866-487350d6fa5e?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MTB8fHBlcnNvbiUyMG9uJTIwbGFwdG9wfGVufDB8fHx8MTY4NzQ5OTY0OHww&" color="#ffffff" contentsize="md" bgposition="center" bgwashcolor="#000000" bgwashopacity="50">
<templates:row style="text-align: left;">
<templates:column width="5">
<h2>Unsure of your level?</h2>
<p style="text-align: left;">
Take our online test to find what level of French class is suitable for you.<br />
<br />
</p>
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d90f31" padding="15" href="/placement-tests/" target="">TEST
MY LEVEL <br /></templates:button>
</templates:column>
<templates:column width="7"></templates:column>
</templates:row>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_newslettercta" defaultvisible="false" label="Display Newsletter Subscribe" labelpositionmyat="top left">
<logic:include page="/includes/newsletter-signup/" />
</regions:togglable>
<footer>
<templates:section class="footer_copyright" bgcolor="#fafafa" color="#333333" paddingtop="4rem" paddingBottom="4rem" paddingLeft="1rem" paddingRight="1rem">
<templates:row>
<templates:column width="4">
<strong>Contact Us<br /></strong>
<table border="0" width="100%" style="border-spacing: 0px;">
<tr>
<td width="11.69%" style="padding: 0px; vertical-align: top">
<standard:icon library="feather" iconstyle="standard" iconname="phone" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px; vertical-align: top">
<p>012 345 678</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="message-circle" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>support@oncord.com</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="map-pin" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>123 Brisbane Rd.</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="clock" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>Mon - Thu 10:00 AM - 3:00 PM</p>
</td>
</tr>
</table>
<p><br /></p>
<templates:sociallinks variant="Round" icon-height="40px" icon-width="40px" facebook="#" twitter="#" linkedin="#" googleplus="googleplus" instagram="" youtube="#" size="2" googlemybusiness="" color="#000000" border="1px solid #d91f2f" />
</templates:column>
<templates:column width="3">
<p><strong>Learn French<br /></strong></p>
<p><a href="/learn-french/">Group Classes</a></p>
<p><a href="/learn-french/private-tuition/">Private Tuition</a></p>
<p><a href="/placement-tests/">Placement Tests</a></p>
<p><a href="/learn-french/exams/">Exams</a></p>
<p><a href="/learn-french/policies-terms-and-conditions/">Policies, T&C's</a> </p>
</templates:column>
<templates:column width="2">
<p><strong>Live French<br /></strong></p>
<p> <a href="/events/">Events</a><br /> </p>
<p><a href="/membership/">Culturethèque</a></p>
<p><a href="/membership/">Membership</a></p>
<p><a href="/blog/">Blog</a></p>
</templates:column>
<templates:column width="3">
<p> <strong>Love French</strong><br /> </p>
<p> <a href="/donate/">Donate</a> </p>
<p> <a href="/about/volunteers/">Volunteer</a><br /> </p>
<p><a href="/af/students/">Student Portal</a></p>
<p><a href="/about/">About</a></p>
</templates:column>
</templates:row>
<br/>
<small>© [? date('Y') ?] Oncord. <a href="https://www.oncord.com/"> <span style="color: #e1193a;">Powered by Oncord.</span></a> </small>
</templates:section>
</footer>
</body>
</html>
|
|
let observer = new MutationObserver(function () {
if ( document.querySelector('.sign-up')) {
const urlPath = document.querySelector('.sign-up a').getAttribute('href');
document.querySelector('.sign-up a').setAttribute('href', urlPath.replace('?login_popup_opened=1', ''))
}
});
// Start waiting for the element.
observer.observe(document, {
childList: true,
subtree: true
});
var activeChild = document.querySelector('.s8-navigationPrimary-hasChildren .s8-navigationPrimaryItem--active');
if (activeChild) {
var parentLi = activeChild.closest('.s8-navigationPrimary-hasChildren');
if (parentLi) {
parentLi.classList.add('s8-navigationPrimaryItem--active');
}
}
let observer = new MutationObserver(function () {
if ( document.querySelector('.sign-up')) {
const urlPath = document.querySelector('.sign-up a').getAttribute('href');
document.querySelector('.sign-up a').setAttribute('href', urlPath.replace('?login_popup_opened=1', ''))
}
});
// Start waiting for the element.
observer.observe(document, {
childList: true,
subtree: true
});
var activeChild = document.querySelector('.s8-navigationPrimary-hasChildren .s8-navigationPrimaryItem--active');
if (activeChild) {
var parentLi = activeChild.closest('.s8-navigationPrimary-hasChildren');
if (parentLi) {
parentLi.classList.add('s8-navigationPrimaryItem--active');
}
}
|
|
<?php
function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();
while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('/media/website_pages' . $strPage . 'header-images/');
if(count($arrFiles))
{
return $arrFiles;
}
}
$strPage = \Framework\Components\TextualIds::getParent($strPage);
}
return [];
}
function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();
$arrNoSideNavPages = [];
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';
foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}
return true;
}
?>
<?php
function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();
while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('/media/website_pages' . $strPage . 'header-images/');
if(count($arrFiles))
{
return $arrFiles;
}
}
$strPage = \Framework\Components\TextualIds::getParent($strPage);
}
return [];
}
function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();
$arrNoSideNavPages = [];
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';
foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}
return true;
}
?>
|
|
|
|
|
|
|