|
|
|
|
|
|
|
|
|
|
|
|
|
<!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/1/favicon.png" rel="icon" sizes="32x32"/>
<templates:styles
boxsizingborderbox="true"
maxwidthmedia="true"
rootfontsize="17px"
rootfontsizemobile="15px"
lastusedratio="1.333"
bodyfontlibrary="google"
bodyfontfamily="Albert Sans"
bodyfontweight="400"
bodycolor="#242424"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="PT Serif"
h1fontweight="700"
h1color=""
h1fontsize="3.375rem"
h1lineheight="2.8411rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="PT Serif"
h2fontweight="400"
h2color=""
h2fontsize="1.7768rem"
h2lineheight="2.2490rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="PT Serif"
h3fontweight="400"
h3color=""
h3fontsize="1.333rem"
h3lineheight="1.833rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Albert Sans"
h4fontweight="700"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Albert Sans"
h5fontweight="700"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#d2042d"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#d2042d"
formstylevariant="minimal" sectionsize-md="1300px" sectionsize-sm="800px" />
<style>
</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:include page="/includes/popup/account/" />
</forms:dialogbox>
<templates:header variant="Slim" maxlogowidth="255px" maxlogoheight="74px" 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="standard" iconname="user" library="feather" style="width: 16px; height: 16px; color: #d2042d" />
<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">
<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%" maintainaspect="crop" />
</logic:if>
<logic:if test="\Components\Website\Pages::currentIsChildPageOf('/blog/', false)">
<br /><br /><strong>Date Published: [? formatDate($postMain['post_date']) ?]</strong>
</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>
<templates:section contentsize="md">
<regions:content />
</templates:section>
</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 paddingLeft="0rem" paddingTop="0rem" paddingRight="0rem" paddingBottom="0rem" contentsize="lg" bgimage="/media/website_designs/1/Ask-a-question.jpg" bgcolor="#9f752c">
<templates:section class="section-footerCTA" bgimageblur="0" paddingBottom="6rem" paddingTop="9rem" paddingleft="1rem" bgposition="top" paddingright="1rem" bgimage="/media/website_pages/top.svg" bgposition="top" bgcolor="" bgsize="100% auto" color="#fff">
<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">
<templates:section paddingBottom="0rem" paddingTop="0rem" paddingLeft="3rem" paddingRight="0rem">
<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" label="First Name">
<forms:editbox id="contact_first_name" validations="mandatory" />
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column" label="Last Name">
<forms:editbox id="contact_last_name" validations="mandatory" />
</forms:row>
</templates:column>
</templates:row>
<templates:row>
<templates:column width="6">
<forms:row type="two_column" label="Phone Number">
<forms:editbox id="contact_phone" validations="mandatory" />
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column" label="Email Address">
<forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" />
</forms:row>
</templates:column>
</templates:row>
<forms:row type="one_column" label="How can we help you?">
<forms:textarea id="message" width="100%" rows="4" validations="mandatory" />
</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:section>
</templates:column>
</templates:row>
</templates:section>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_memberCTA" defaultvisible="true" label="Display Become a Member CTA">
<templates:section paddingLeft="0rem" paddingTop="0rem" paddingRight="0rem" paddingBottom="0rem" contentsize="lg" bgimage="https://images.unsplash.com/photo-1532635241-17e820acc59f?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MTF8fHBlb3BsZXxlbnwwfHx8fDE3NDY0OTc0NjV8MA&" bgwashcolor="#000000" bgwashopacity="40">
<templates:section class="section-footerCTA" bgimageblur="0" paddingBottom="6rem" paddingTop="9rem" paddingleft="1rem" bgposition="top" paddingright="1rem" bgimage="/media/website_designs/1/top-svg-01.svg" color="#ffffff" bgcolor="">
<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="#d2042d" padding="15" href="/join-us/become-a-member/" target="">Learn
French Now<br /></templates:button>
</templates:column>
<templates:column width="7"></templates:column>
</templates:row>
</templates:section>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_testCTA" defaultvisible="false" label="Display Placement Test CTA">
<templates:section paddingLeft="0rem" paddingTop="0rem" paddingRight="0rem" paddingBottom="0rem" contentsize="lg" bgimage="https://images.unsplash.com/photo-1543269866-487350d6fa5e?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MTB8fHBlcnNvbiUyMG9uJTIwbGFwdG9wfGVufDB8fHx8MTY4NzQ5OTY0OHww&" bgwashcolor="#000000" bgwashopacity="35">
<templates:section class="section-footerCTA" bgimageblur="0" paddingBottom="8rem" paddingTop="10rem" paddingleft="1rem" bgposition="top" paddingright="1rem" bgimage="/media/website_designs/1/top-svg-01.svg" color="#ffffff" bgcolor="">
<templates:row style="text-align: left;">
<templates:column width="7">
<h2>Unsure what level of French classes to enrol in?<br /></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="#d2042d" padding="15" href="/placement-tests/" target="">Find
my level <br /></templates:button>
</templates:column>
<templates:column width="5"></templates:column>
</templates:row>
</templates:section>
</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" color="#333333" paddingtop="4rem" paddingBottom="4rem" paddingleft="1rem" paddingRight="0rem" bgcolor="#fafafa">
<templates:row>
<templates:column width="3">
<p><strong>Learn French<br /></strong></p>
<p><a href="/learn-french/">Classes</a></p>
<p> <a href="/placement-tests/">Placement Tests</a><br /> </p>
<p><a href="/af/students/">Student Portal</a></p>
<p><a href="/about/policies/">Policies</a> </p>
<p><a href="/about/privacy/">Privacy</a> </p>
<p><a href="/terms-of-use-and-privacy-policy/">Terms of Use Policy</a></p>
</templates:column>
<templates:column width="3">
<p><strong>Live French<br /></strong></p>
<p> <a href="/events/">Events</a><br /> </p>
<p> <a href="/culture/cuisine/">Cuisine</a><br /> </p>
<p> <a href="/events/pause-midi/">Pause-Midi</a><br /> </p>
<p> <a href="/culture/">Culture</a><br /> </p>
<p><a href="/join-us/become-a-member/">Membership</a></p>
</templates:column>
<templates:column width="3">
<p> <strong>Love French</strong><br /> </p>
<p> <a href="/join-us/donate/">Donate</a> </p>
<p> <a href="/join-us/volunteer/">Volunteer</a><br /> </p>
<p><a href="/">Sponsors and Partners</a></p>
<p>
<a href="/about/">About</a><br />
</p>
</templates:column>
<templates:column width="3">
<strong>Contact Us</strong>
<table border="0" width="100%" style="border-spacing: 0px;">
<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: #d2042d" />
</td>
<td width="88.31%" style="padding: 0px;"> <a href="mailto:info@aflcr.org">info@aflcr.org</a> </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: #d2042d" />
</td>
<td width="88.31%" style="padding: 0px; vertical-align: top">43 King Street, Burlington, Vermont 05401</td>
</tr>
</table>
<p><br /></p>
<templates:sociallinks variant="Round" icon-height="35px" icon-width="34px" facebook="https://www.facebook.com/AFLCR" twitter="" linkedin="" googleplus="googleplus" instagram="https://www.instagram.com/aflcr/" youtube="https://www.youtube.com/channel/UCizPVLq8zUKLHxMQKRlUAzg" size="4" googlemybusiness="" color="#d2042d" border="1px solid #d2042d" />
</templates:column>
</templates:row>
<p><br /></p>
<p>
© [? date(Y) ?] Alliance Française of the Lake Champlain Region.<br />
<small>Illustrations by</small> <a href="https://storyset.com/" target="_blank"><small>StorySet</small></a><small><br/></small> <a href="https://www.oncord.com/">
<small>Website Powered by Oncord</small></a>
</p>
</templates:section>
</footer>
<footer> </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/1/favicon.png" rel="icon" sizes="32x32"/>
<templates:styles
boxsizingborderbox="true"
maxwidthmedia="true"
rootfontsize="17px"
rootfontsizemobile="15px"
lastusedratio="1.333"
bodyfontlibrary="google"
bodyfontfamily="Albert Sans"
bodyfontweight="400"
bodycolor="#242424"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="PT Serif"
h1fontweight="700"
h1color=""
h1fontsize="3.375rem"
h1lineheight="2.8411rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="PT Serif"
h2fontweight="400"
h2color=""
h2fontsize="1.7768rem"
h2lineheight="2.2490rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="PT Serif"
h3fontweight="400"
h3color=""
h3fontsize="1.333rem"
h3lineheight="1.833rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Albert Sans"
h4fontweight="700"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Albert Sans"
h5fontweight="700"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#d2042d"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#d2042d"
formstylevariant="minimal" sectionsize-md="1300px" sectionsize-sm="800px" />
<style>
</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:include page="/includes/popup/account/" />
</forms:dialogbox>
<templates:header variant="Slim" maxlogowidth="255px" maxlogoheight="74px" 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="standard" iconname="user" library="feather" style="width: 16px; height: 16px; color: #d2042d" />
<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">
<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%" maintainaspect="crop" />
</logic:if>
<logic:if test="\Components\Website\Pages::currentIsChildPageOf('/blog/', false)">
<br /><br /><strong>Date Published: [? formatDate($postMain['post_date']) ?]</strong>
</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>
<templates:section contentsize="md">
<regions:content />
</templates:section>
</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 paddingLeft="0rem" paddingTop="0rem" paddingRight="0rem" paddingBottom="0rem" contentsize="lg" bgimage="/media/website_designs/1/Ask-a-question.jpg" bgcolor="#9f752c">
<templates:section class="section-footerCTA" bgimageblur="0" paddingBottom="6rem" paddingTop="9rem" paddingleft="1rem" bgposition="top" paddingright="1rem" bgimage="/media/website_pages/top.svg" bgposition="top" bgcolor="" bgsize="100% auto" color="#fff">
<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">
<templates:section paddingBottom="0rem" paddingTop="0rem" paddingLeft="3rem" paddingRight="0rem">
<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" label="First Name">
<forms:editbox id="contact_first_name" validations="mandatory" />
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column" label="Last Name">
<forms:editbox id="contact_last_name" validations="mandatory" />
</forms:row>
</templates:column>
</templates:row>
<templates:row>
<templates:column width="6">
<forms:row type="two_column" label="Phone Number">
<forms:editbox id="contact_phone" validations="mandatory" />
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="two_column" label="Email Address">
<forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" />
</forms:row>
</templates:column>
</templates:row>
<forms:row type="one_column" label="How can we help you?">
<forms:textarea id="message" width="100%" rows="4" validations="mandatory" />
</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:section>
</templates:column>
</templates:row>
</templates:section>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_memberCTA" defaultvisible="true" label="Display Become a Member CTA">
<templates:section paddingLeft="0rem" paddingTop="0rem" paddingRight="0rem" paddingBottom="0rem" contentsize="lg" bgimage="https://images.unsplash.com/photo-1532635241-17e820acc59f?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MTF8fHBlb3BsZXxlbnwwfHx8fDE3NDY0OTc0NjV8MA&" bgwashcolor="#000000" bgwashopacity="40">
<templates:section class="section-footerCTA" bgimageblur="0" paddingBottom="6rem" paddingTop="9rem" paddingleft="1rem" bgposition="top" paddingright="1rem" bgimage="/media/website_designs/1/top-svg-01.svg" color="#ffffff" bgcolor="">
<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="#d2042d" padding="15" href="/join-us/become-a-member/" target="">Learn
French Now<br /></templates:button>
</templates:column>
<templates:column width="7"></templates:column>
</templates:row>
</templates:section>
</templates:section>
</regions:togglable>
<regions:togglable id="togglable_testCTA" defaultvisible="false" label="Display Placement Test CTA">
<templates:section paddingLeft="0rem" paddingTop="0rem" paddingRight="0rem" paddingBottom="0rem" contentsize="lg" bgimage="https://images.unsplash.com/photo-1543269866-487350d6fa5e?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MTB8fHBlcnNvbiUyMG9uJTIwbGFwdG9wfGVufDB8fHx8MTY4NzQ5OTY0OHww&" bgwashcolor="#000000" bgwashopacity="35">
<templates:section class="section-footerCTA" bgimageblur="0" paddingBottom="8rem" paddingTop="10rem" paddingleft="1rem" bgposition="top" paddingright="1rem" bgimage="/media/website_designs/1/top-svg-01.svg" color="#ffffff" bgcolor="">
<templates:row style="text-align: left;">
<templates:column width="7">
<h2>Unsure what level of French classes to enrol in?<br /></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="#d2042d" padding="15" href="/placement-tests/" target="">Find
my level <br /></templates:button>
</templates:column>
<templates:column width="5"></templates:column>
</templates:row>
</templates:section>
</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" color="#333333" paddingtop="4rem" paddingBottom="4rem" paddingleft="1rem" paddingRight="0rem" bgcolor="#fafafa">
<templates:row>
<templates:column width="3">
<p><strong>Learn French<br /></strong></p>
<p><a href="/learn-french/">Classes</a></p>
<p> <a href="/placement-tests/">Placement Tests</a><br /> </p>
<p><a href="/af/students/">Student Portal</a></p>
<p><a href="/about/policies/">Policies</a> </p>
<p><a href="/about/privacy/">Privacy</a> </p>
<p><a href="/terms-of-use-and-privacy-policy/">Terms of Use Policy</a></p>
</templates:column>
<templates:column width="3">
<p><strong>Live French<br /></strong></p>
<p> <a href="/events/">Events</a><br /> </p>
<p> <a href="/culture/cuisine/">Cuisine</a><br /> </p>
<p> <a href="/events/pause-midi/">Pause-Midi</a><br /> </p>
<p> <a href="/culture/">Culture</a><br /> </p>
<p><a href="/join-us/become-a-member/">Membership</a></p>
</templates:column>
<templates:column width="3">
<p> <strong>Love French</strong><br /> </p>
<p> <a href="/join-us/donate/">Donate</a> </p>
<p> <a href="/join-us/volunteer/">Volunteer</a><br /> </p>
<p><a href="/">Sponsors and Partners</a></p>
<p>
<a href="/about/">About</a><br />
</p>
</templates:column>
<templates:column width="3">
<strong>Contact Us</strong>
<table border="0" width="100%" style="border-spacing: 0px;">
<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: #d2042d" />
</td>
<td width="88.31%" style="padding: 0px;"> <a href="mailto:info@aflcr.org">info@aflcr.org</a> </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: #d2042d" />
</td>
<td width="88.31%" style="padding: 0px; vertical-align: top">43 King Street, Burlington, Vermont 05401</td>
</tr>
</table>
<p><br /></p>
<templates:sociallinks variant="Round" icon-height="35px" icon-width="34px" facebook="https://www.facebook.com/AFLCR" twitter="" linkedin="" googleplus="googleplus" instagram="https://www.instagram.com/aflcr/" youtube="https://www.youtube.com/channel/UCizPVLq8zUKLHxMQKRlUAzg" size="4" googlemybusiness="" color="#d2042d" border="1px solid #d2042d" />
</templates:column>
</templates:row>
<p><br /></p>
<p>
© [? date(Y) ?] Alliance Française of the Lake Champlain Region.<br />
<small>Illustrations by</small> <a href="https://storyset.com/" target="_blank"><small>StorySet</small></a><small><br/></small> <a href="https://www.oncord.com/">
<small>Website Powered by Oncord</small></a>
</p>
</templates:section>
</footer>
<footer> </footer>
</body>
</html>
|
|
h1, h2, h3, h4, h5
{
line-height: normal;
}
h1 span[style*="background-color: #d1000a"],
h2 span[style*="background-color: #d1000a"]
{
background-color: transparent !important;
}
h1 span[style*="background-color: #d1000a"]::after,
h2 span[style*="background-color: #d1000a"]::after
{
content: "";
position: absolute;
top: 30px;
left: -10px;
width: 180px;
height: 25px;
z-index: -1;
-ms-transform: rotate(339deg);
-webkit-transform: rotate(339deg);
transform: rotate(339deg);
background-color: #d1000a;
opacity: 0.8;
}
.s8-templates-card[style*="box-shadow: 0px 3px 15px rgba(0,0,0,0.2)"]
{
box-shadow: 0px 2px 20px rgb(0 0 0 / 7%) !important;
}
.s8-templates-card__cardsize-4 {
width: 402px;
}
.s8-templates-card img
{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.s8-templates-card[style*="box-shadow"]
{
transition: .5s;
}
.s8-templates-card[style*="box-shadow"]:hover
{
transform: translateY(-5px);
}
.s8-templates-card hr {
width: 40px;
border: none;
border-top: 3px solid #d1000a;
margin: 20px 0;
transition: .5s ease;
}
.s8-templates-card:hover hr
{
width: 60px;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-image
{
height: 250px;
width: 100%;
padding: unset !important;
background-repeat: no-repeat;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-accent-hr
{
background-color: rgb(210 4 45);
}
footer a
{
color: #333333;
}
.s8-templates-section
{
margin-bottom: -1px;
}
button[type="submit"]
{
padding: 10px 10px !important;
min-width: 155px !important;
text-transform: capitalize;
letter-spacing: normal;
border-radius: 0px;
background: #d2042d;
color: #fff;
}
.heading-cta *
{
margin-bottom: 0px;
}
.heading-cta
{
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
}
.s8-templates-card__cardsize-5 {
width: 613px;
}
.img-round
{
border-radius: 5px;
}
.formRow
{
padding: 10px 0 !important;
}
.formRow .formRowLabel
{
padding: 0;
}
@media (max-width: 1300px)
{
.s8-templates-card__cardsize-4 {
width: 380px;
}
}
@media (max-width: 900px)
{
.s8-templates-card__cardsize-4 {
width: 330px;
margin-left: initial !important;
margin-right: initial !important;
}
}
@media (max-width: 768px)
{
.s8-templates-card__cardsize-4
{
width: 100%;
}
}
.fieldset
{
border: 1px solid hwb(356.13deg 19.61% 19.61% / 10%);
margin-bottom: 2rem;
padding-top: 3rem;
position: relative;
padding: 3rem 2rem 1rem;
background-color: #ffffff;
}
.fieldset h4
{
background: #d90f31;
display: inline-block;
color: #fff;
padding: 10px 3rem;
position: absolute;
top: -20px;
left: -10px;
font-weight: 500;
}
.fieldset h4:after
{
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 5px 0;
border-color: transparent #d90f31 transparent transparent;
bottom: -5px;
left: 1px;
}
addressform .formRow.formRow2Col {
flex-direction: column !important;
}
addressform input[type="text"],
addressform textarea
{
width: 100% !important;
}
fieldset h4 {
background: #720c1c;
color: #fff;
display: inline-block;
font-weight: 500;
left: -10px;
padding: 10px 3rem;
position: absolute;
top: -20px;
}
fieldset h4:after {
border-color: transparent #720c1c transparent transparent;
border-style: solid;
border-width: 0 9px 5px 0;
bottom: -5px;
content: "";
height: 0;
left: 1px;
position: absolute;
width: 0;
}
.template-productFlex label.s8-radiobutton-container input ~ .s8-radiobutton {
border: none;
}
span.template-selectedProduct {}
.counter {
bottom: -67px;
position: absolute;
right: 0;
}
.counter .formRowCol1 {
display: none;
min-width: 100px;
width: auto;
}
.counter .formRowLabel {
color: #989898;
font-size: 2rem;
letter-spacing: 2px;
padding-top: 0.8rem;
text-transform: uppercase;
}
.counter .spinBox > input {
display: none !important;
}
.counter .spinBoxDown:before {
content: '-' !important;
}
.counter .spinBoxUp, .counter .spinBoxDown {
background: #720c1c;
bottom: 0;
color: #fff;
display: inline-block;
height: 2rem;
line-height: 2rem;
opacity: 1;
position: static;
right: 0;
text-align: center;
top: 0;
width: 2rem;
}
.counter .spinBoxUp:before, .counter .spinBoxDown:before {
border: 0 none;
content: '+';
font-size: 1.2rem;
height: 100%;
left: 0;
position: static;
top: 0;
transform: none;
width: 100%;
}
.template-productFlex {
align-items: center;
background: #333333;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 230px;
padding: 25px;
position: relative;
text-align: center;
}
.template-productFlex .s8-radiobutton-container {
opacity: 1 !important;
}
.template-productFlex .s8-radiobutton-container {
min-height: unset !important;
min-width: unset !important;
}
.template-productFlex input, .template-productFlex .s8-radiobutton-container {
border-radius: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.template-productFlex input[type="radio"]:checked ~ .s8-radiobutton::before {
background: #d2042d;
border-radius: 50px;
color: #ffffff;
content: "SELECTED";
display: block;
font-size: 11px;
height: auto;
letter-spacing: 1px;
opacity: 1;
padding: 1px 20px;
position: absolute;
right: 20px;
text-transform: uppercase;
top: 20px;
visibility: visible;
width: auto;
}
.s8-radiobuttongroup
{
display: block !important;
}
.template-productFlexContainer {
padding: 0;
margin: 0;
display: grid !important;
align-items: center;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 1.5rem;
}
select
{
width: 100% !important;
}
.product-price
{
font-size: 1.432rem;
}
.s8-navigationPrimary li ul li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-vertical li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-mobileOpen li.s8-navigationPrimary-hasChildren>a::after
{
content: "";
}
.s8-navigationPrimary li.s8-navigationPrimary-hasChildren > a::after
{
border: solid #d90f31;
border-width: 0 1.5px 1.5px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: "";
margin-top: -7px;
margin-left: 10px;
transition: all .5s;
}
.s8-navigationPrimary > li.s8-navigationPrimary-hasChildren:hover > a::after
{
border-color: #d90f31;
margin-top: 0px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.s8-navigationPrimary ul li:hover a,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a
{
transform: translateX(10px);
}
.s8-navigationPrimary > li > a
{
font-size: 16px;
}
.s8-navigationPrimary li ul li a
{
font-size: 15px;
transition: .2s ease;
position: relative;
}
.s8-navigationPrimary li ul li a::after
{
content: "";
position: absolute;
width: 10px;
height: 2px;
background-color: #cf102d;
left: -5px;
top: 48%;
opacity: 0;
transition: .2s;
}
.s8-navigationPrimary li ul li a:hover::after,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a::after
{
opacity: 1;
}
@media (min-width: 1000px)
{
.s8-templates-card__cardsize-3 {
width: 402px;
}
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-displaypicture
{
border: 7px solid #dddddd;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-contentcontainer
{
text-align: left;
align-items: flex-start;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small
{
justify-content: flex-start;
align-items: flex-start;
}
.s8-templates-teammember-content a:last-child
{
color: #000000;
opacity: .5;
}
dialogbox#login_popup {
padding: 0;
}
.formRow
{
background: transparent !important;
}
.s8-navigationPrimary li ul li a
{
padding: 0.5em 1.9em 0.5em 1.9em !important;
}
@media (min-width: 800px)
{
.s8-navigationPrimary-hasChildren a[href="/culture/"] ~ ul {
column-count: 3;
}
}
h1, h2, h3, h4, h5
{
line-height: normal;
}
h1 span[style*="background-color: #d1000a"],
h2 span[style*="background-color: #d1000a"]
{
background-color: transparent !important;
}
h1 span[style*="background-color: #d1000a"]::after,
h2 span[style*="background-color: #d1000a"]::after
{
content: "";
position: absolute;
top: 30px;
left: -10px;
width: 180px;
height: 25px;
z-index: -1;
-ms-transform: rotate(339deg);
-webkit-transform: rotate(339deg);
transform: rotate(339deg);
background-color: #d1000a;
opacity: 0.8;
}
.s8-templates-card[style*="box-shadow: 0px 3px 15px rgba(0,0,0,0.2)"]
{
box-shadow: 0px 2px 20px rgb(0 0 0 / 7%) !important;
}
.s8-templates-card__cardsize-4 {
width: 402px;
}
.s8-templates-card img
{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.s8-templates-card[style*="box-shadow"]
{
transition: .5s;
}
.s8-templates-card[style*="box-shadow"]:hover
{
transform: translateY(-5px);
}
.s8-templates-card hr {
width: 40px;
border: none;
border-top: 3px solid #d1000a;
margin: 20px 0;
transition: .5s ease;
}
.s8-templates-card:hover hr
{
width: 60px;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-image
{
height: 250px;
width: 100%;
padding: unset !important;
background-repeat: no-repeat;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-accent-hr
{
background-color: rgb(210 4 45);
}
footer a
{
color: #333333;
}
.s8-templates-section
{
margin-bottom: -1px;
}
button[type="submit"]
{
padding: 10px 10px !important;
min-width: 155px !important;
text-transform: capitalize;
letter-spacing: normal;
border-radius: 0px;
background: #d2042d;
color: #fff;
}
.heading-cta *
{
margin-bottom: 0px;
}
.heading-cta
{
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
}
.s8-templates-card__cardsize-5 {
width: 613px;
}
.img-round
{
border-radius: 5px;
}
.formRow
{
padding: 10px 0 !important;
}
.formRow .formRowLabel
{
padding: 0;
}
@media (max-width: 1300px)
{
.s8-templates-card__cardsize-4 {
width: 380px;
}
}
@media (max-width: 900px)
{
.s8-templates-card__cardsize-4 {
width: 330px;
margin-left: initial !important;
margin-right: initial !important;
}
}
@media (max-width: 768px)
{
.s8-templates-card__cardsize-4
{
width: 100%;
}
}
.fieldset
{
border: 1px solid hwb(356.13deg 19.61% 19.61% / 10%);
margin-bottom: 2rem;
padding-top: 3rem;
position: relative;
padding: 3rem 2rem 1rem;
background-color: #ffffff;
}
.fieldset h4
{
background: #d90f31;
display: inline-block;
color: #fff;
padding: 10px 3rem;
position: absolute;
top: -20px;
left: -10px;
font-weight: 500;
}
.fieldset h4:after
{
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 5px 0;
border-color: transparent #d90f31 transparent transparent;
bottom: -5px;
left: 1px;
}
addressform .formRow.formRow2Col {
flex-direction: column !important;
}
addressform input[type="text"],
addressform textarea
{
width: 100% !important;
}
fieldset h4 {
background: #720c1c;
color: #fff;
display: inline-block;
font-weight: 500;
left: -10px;
padding: 10px 3rem;
position: absolute;
top: -20px;
}
fieldset h4:after {
border-color: transparent #720c1c transparent transparent;
border-style: solid;
border-width: 0 9px 5px 0;
bottom: -5px;
content: "";
height: 0;
left: 1px;
position: absolute;
width: 0;
}
.template-productFlex label.s8-radiobutton-container input ~ .s8-radiobutton {
border: none;
}
span.template-selectedProduct {}
.counter {
bottom: -67px;
position: absolute;
right: 0;
}
.counter .formRowCol1 {
display: none;
min-width: 100px;
width: auto;
}
.counter .formRowLabel {
color: #989898;
font-size: 2rem;
letter-spacing: 2px;
padding-top: 0.8rem;
text-transform: uppercase;
}
.counter .spinBox > input {
display: none !important;
}
.counter .spinBoxDown:before {
content: '-' !important;
}
.counter .spinBoxUp, .counter .spinBoxDown {
background: #720c1c;
bottom: 0;
color: #fff;
display: inline-block;
height: 2rem;
line-height: 2rem;
opacity: 1;
position: static;
right: 0;
text-align: center;
top: 0;
width: 2rem;
}
.counter .spinBoxUp:before, .counter .spinBoxDown:before {
border: 0 none;
content: '+';
font-size: 1.2rem;
height: 100%;
left: 0;
position: static;
top: 0;
transform: none;
width: 100%;
}
.template-productFlex {
align-items: center;
background: #333333;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 230px;
padding: 25px;
position: relative;
text-align: center;
}
.template-productFlex .s8-radiobutton-container {
opacity: 1 !important;
}
.template-productFlex .s8-radiobutton-container {
min-height: unset !important;
min-width: unset !important;
}
.template-productFlex input, .template-productFlex .s8-radiobutton-container {
border-radius: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.template-productFlex input[type="radio"]:checked ~ .s8-radiobutton::before {
background: #d2042d;
border-radius: 50px;
color: #ffffff;
content: "SELECTED";
display: block;
font-size: 11px;
height: auto;
letter-spacing: 1px;
opacity: 1;
padding: 1px 20px;
position: absolute;
right: 20px;
text-transform: uppercase;
top: 20px;
visibility: visible;
width: auto;
}
.s8-radiobuttongroup
{
display: block !important;
}
.template-productFlexContainer {
padding: 0;
margin: 0;
display: grid !important;
align-items: center;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 1.5rem;
}
select
{
width: 100% !important;
}
.product-price
{
font-size: 1.432rem;
}
.s8-navigationPrimary li ul li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-vertical li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-mobileOpen li.s8-navigationPrimary-hasChildren>a::after
{
content: "";
}
.s8-navigationPrimary li.s8-navigationPrimary-hasChildren > a::after
{
border: solid #d90f31;
border-width: 0 1.5px 1.5px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: "";
margin-top: -7px;
margin-left: 10px;
transition: all .5s;
}
.s8-navigationPrimary > li.s8-navigationPrimary-hasChildren:hover > a::after
{
border-color: #d90f31;
margin-top: 0px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.s8-navigationPrimary ul li:hover a,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a
{
transform: translateX(10px);
}
.s8-navigationPrimary > li > a
{
font-size: 16px;
}
.s8-navigationPrimary li ul li a
{
font-size: 15px;
transition: .2s ease;
position: relative;
}
.s8-navigationPrimary li ul li a::after
{
content: "";
position: absolute;
width: 10px;
height: 2px;
background-color: #cf102d;
left: -5px;
top: 48%;
opacity: 0;
transition: .2s;
}
.s8-navigationPrimary li ul li a:hover::after,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a::after
{
opacity: 1;
}
@media (min-width: 1000px)
{
.s8-templates-card__cardsize-3 {
width: 402px;
}
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-displaypicture
{
border: 7px solid #dddddd;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-contentcontainer
{
text-align: left;
align-items: flex-start;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small
{
justify-content: flex-start;
align-items: flex-start;
}
.s8-templates-teammember-content a:last-child
{
color: #000000;
opacity: .5;
}
dialogbox#login_popup {
padding: 0;
}
.formRow
{
background: transparent !important;
}
.s8-navigationPrimary li ul li a
{
padding: 0.5em 1.9em 0.5em 1.9em !important;
}
@media (min-width: 800px)
{
.s8-navigationPrimary-hasChildren a[href="/culture/"] ~ ul {
column-count: 3;
}
}
|
|
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');
}
}
document.addEventListener("DOMContentLoaded", function() {
function wrapElementWithWrapper(element, wrapperClassName) {
var wrapperDiv = document.createElement('div');
wrapperDiv.className = wrapperClassName;
wrapperDiv.appendChild(element.cloneNode(true));
element.parentNode.replaceChild(wrapperDiv, element);
}
var curve1Elements = document.querySelectorAll('[id^="curve1"]');
curve1Elements.forEach(function(curve1Element) {
wrapElementWithWrapper(curve1Element, 'curveSectionWrapper1');
});
var curve2Elements = document.querySelectorAll('[id^="curve2"]');
curve2Elements.forEach(function(curve2Element) {
wrapElementWithWrapper(curve2Element, 'curveSectionWrapper2');
});
});
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".s8-templates-teammember-content").forEach(function (element) {
const fullText = element.textContent.trim();
const maxLength = 260;
if (fullText.length > maxLength) {
const truncatedText = fullText.substring(0, maxLength).trim() + "...";
element.innerHTML = `<span class="short-text">${truncatedText}</span>` +
`<span class="full-text" style="display: none;">${fullText}</span>` +
` <a href="#" class="toggle-text">See More</a>`;
const toggleLink = element.querySelector(".toggle-text");
toggleLink.addEventListener("click", function (event) {
event.preventDefault();
const shortText = element.querySelector(".short-text");
const fullTextEl = element.querySelector(".full-text");
if (shortText.style.display === "none") {
shortText.style.display = "inline";
fullTextEl.style.display = "none";
this.innerText = "See More";
} else {
shortText.style.display = "none";
fullTextEl.style.display = "inline";
this.innerText = "See Less";
}
});
}
});
});
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');
}
}
document.addEventListener("DOMContentLoaded", function() {
function wrapElementWithWrapper(element, wrapperClassName) {
var wrapperDiv = document.createElement('div');
wrapperDiv.className = wrapperClassName;
wrapperDiv.appendChild(element.cloneNode(true));
element.parentNode.replaceChild(wrapperDiv, element);
}
var curve1Elements = document.querySelectorAll('[id^="curve1"]');
curve1Elements.forEach(function(curve1Element) {
wrapElementWithWrapper(curve1Element, 'curveSectionWrapper1');
});
var curve2Elements = document.querySelectorAll('[id^="curve2"]');
curve2Elements.forEach(function(curve2Element) {
wrapElementWithWrapper(curve2Element, 'curveSectionWrapper2');
});
});
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".s8-templates-teammember-content").forEach(function (element) {
const fullText = element.textContent.trim();
const maxLength = 260;
if (fullText.length > maxLength) {
const truncatedText = fullText.substring(0, maxLength).trim() + "...";
element.innerHTML = `<span class="short-text">${truncatedText}</span>` +
`<span class="full-text" style="display: none;">${fullText}</span>` +
` <a href="#" class="toggle-text">See More</a>`;
const toggleLink = element.querySelector(".toggle-text");
toggleLink.addEventListener("click", function (event) {
event.preventDefault();
const shortText = element.querySelector(".short-text");
const fullTextEl = element.querySelector(".full-text");
if (shortText.style.display === "none") {
shortText.style.display = "inline";
fullTextEl.style.display = "none";
this.innerText = "See More";
} else {
shortText.style.display = "none";
fullTextEl.style.display = "inline";
this.innerText = "See Less";
}
});
}
});
});
|
|
<?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;
}
?>
|
|
|
|
|
|
|