<templates:section contentsize="lg" paddingTop="0rem" paddingBottom="0rem" paddingLeft="0rem" paddingRight="0rem" bgimage="https://images.unsplash.com/photo-1431274172761-fca41d930114?ixid=M3w2ODg1fDB8MXxzZWFyY2h8NHx8ZnJhbmNlfGVufDB8fHx8MTc0ODI1MDk0Nnww&" bgwashcolor="#000000" bgwashopacity="40" bgposition="bottom" bgcolor="">
<templates:section paddingTop="7rem" paddingBottom="14rem" color="#ffffff" bgimage="/media/website_designs/16/svg.svg" paddingleft="1rem" paddingright="1rem" contentsize="md" bgposition="bottom" bgimageblur="0" bgwashcolor="" bgwashopacity="40" bgcolor="">
<templates:row verticalAlignColumns="center" reverseOrderOnMobile="true">
<templates:column width="8">
<h1>Welcome to our Alliance Française Demo Website</h1>
<p>
<big>Explore what an Alliance Française website can look like on the Oncord platform and how our learning modules work to combine all
the tools you need to manage your French school online.<br />
<br /></big>
</p>
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d2042d" href="/learn-french/" padding="10" border="1px solid #d2042d">Enrol
now</templates:button> Â <templates:button variant="Classic" color="#ffffff" borderRadius="0" border="1px solid #ffffff" href="/events/" padding="10" >Cultural
events</templates:button>
</templates:column>
<templates:column width="4"><br /></templates:column>
</templates:row>
</templates:section>
</templates:section>
<templates:section contentsize="sm" paddingTop="6rem" paddingBottom="1rem">
<h2 style="text-align: center;">Learn French Now <span style="color: #d2042d;">//</span> Apprenez le français</h2>
<p style="text-align: center;">
Learn French with us! Our courses focus on grammar, vocabulary, and pronunciation, with experienced instructors making learning engaging and
supportive for all levels.
</p>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" paddingTop="1rem" paddingBottom="4rem">
<templates:flexlayout style="justify-content: center; align-items: stretch;">
<templates:fancybox image="/media/website_designs/16/Remote-meeting-pana.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0px; border-radius: 10px" heading="Group French Courses" bgcolor="#FFFFFF" variant="Accent" href="/learn-french/">
Students can enrol online for any of your available French courses. From regular French courses from A1 beginners through
to intermediate and advanced level French. <br />
<br />
<span style="color: #d2042d;">View group courses ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/Lesson-amico.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0px; border-radius: 10px" heading="Private Tuition" bgcolor="#FFFFFF" variant="Accent" href="" image-position="center">
Offer private French tuition for 1-on-1 sessions. Also available are semi-private packages for 2-on-1 learning with a family member or
friend, or small group options.<br />
<br />
<br />
<span style="color: #d2042d;">View private tuition package ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/Editorial-commision-pana.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0px; border-radius: 10px" heading="Find my level" bgcolor="#FFFFFF" variant="Accent" href="/placement-tests/" image-position="center">
Our placement test module enables students to take online tests, determine their French level, and find the right course to enrol in.<br />
<br />
<br />
<span style="color: #d2042d;">Explore online placement tests ></span>
</templates:fancybox>
</templates:flexlayout>
</templates:section>
<templates:section contentsize="sm" paddingBottom="2rem" paddingTop="2rem" paddingRight="1rem">
<h2 style="text-align: center;">Upcoming Events <span style="color: #d2042d;">//</span> Événements à venir</h2>
<p style="text-align: center;">
You don’t have to speak French to participate in activities through the Alliance Française. We welcome everyone that is interested in
learning and experiencing French and Francophile culture.
</p>
</templates:section>
<templates:section contentsize="md" paddingLeft="1rem" paddingright="1rem" paddingTop="0rem">
<data:eventrepeater templatetype="list" eventfilter="future" templateregionsshown="icon,date,time,price,location,short_description,places_available,rsvp_deadline,rsvp" datalimit="3" eventorder="date_asc" eventcategory="6" />
</templates:section>
<templates:section paddingTop="0rem" paddingLeft="0rem" paddingRight="0rem" paddingBottom="0rem" bgimage="https://images.unsplash.com/photo-1513258496099-48168024aec0?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MjZ8fGluYm94fGVufDB8fHx8MTc0ODI1MDc2MXww&" contentsize="lg" bgposition="center" bgcolor="" bgwashcolor="#000000" bgwashopacity="60">
<templates:section paddingTop="0rem" paddingLeft="0rem" paddingRight="0rem" paddingBottom="0rem" bgimage="/media/website_designs/16/top.svg" contentsize="lg" bgposition="top" bgcolor="" bgsize="100% auto">
<templates:section paddingTop="0rem" paddingLeft="0rem" paddingRight="0rem" paddingBottom="0rem" bgimage="/media/website_designs/16/bottom.svg" contentsize="lg" bgposition="bottom" color="#ffffff" bgsize="100% auto" bgcolor="">
<templates:section paddingTop="9rem" paddingLeft="1rem" paddingRight="1rem" paddingBottom="9rem" bgimage="" contentsize="md" bgposition="bottom" bgcolor="" color="#ffffff">
<templates:row>
<templates:column width="5">
<h2 style="text-align: left; margin-bottom:0.5rem;">Sign up for our free monthly newsletter</h2>
<p>
<br />
Subscribe to our email newsletter to stay au courant on our events, news, and projects.
</p>
<p>The newsletter appears monthly. Additional emails may be sent a few times a month, but no more than once a week.</p>
</templates:column>
<templates:column width="7">
<templates:section paddingTop="0rem" paddingLeft="3rem" paddingBottom="0rem" paddingRight="0rem">
<forms:form recordsubmissions="true" contactmode="register" contactgroupadd="/newsletter-subscribers/" id="newsletter_subscribe" method="ajax">
<templates:row>
<templates:column width="6">
<forms:row type="one_column" label="First Name"><forms:editbox id="contact_first_name" validations="mandatory"/></forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="one_column" label="Last Name"><forms:editbox id="contact_last_name" validations="mandatory" /></forms:row>
</templates:column>
</templates:row>
<templates:row>
<templates:column width="12">
<forms:row type="one_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" align="left"><forms:submitbutton type="submit">sign up</forms:submitbutton></forms:row>
<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;">Thanks for signing up.</h3>
<p style="text-align: center;">You will receive all the latest news and updates from us straight to your inbox.</p>
</forms:successcontent>
</forms:form>
</templates:section>
</templates:column>
</templates:row>
</templates:section>
</templates:section>
</templates:section>
</templates:section>
<!--Newsletter-->
<templates:section contentsize="sm" paddingTop="4rem" paddingBottom="1rem">
<h2 style="text-align: center;">Featured Articles <span style="color: #d2042d;">//</span> Articles en vedette</h2>
<p style="text-align: center;">
Read the most recent articles and updates from our French community. Explore our community's stories and enjoy a deeper look into the
French language and culture.
</p>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" paddingTop="1rem" paddingBottom="0rem">
<data:postrepeater templatetype="list" datalimit="3" />
</templates:section>
<templates:section contentsize="sm" paddingTop="6rem" paddingBottom="1rem">
<h2 style="text-align: center;">Go further <span style="color: #d2042d;">//</span> Aller plus loin</h2>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" paddingTop="1rem" paddingBottom="6rem">
<templates:flexlayout style="justify-content: center; align-items: stretch;">
<templates:fancybox image="/media/website_designs/16/Lesson-amico.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0; border-radius: 10px" heading="Become a Member" bgcolor="#FFFFFF" variant="Accent" href="/join-us/become-a-member/">
As a member, you'll enjoy discounts on classes, special events, access to an online French-language library-and voting privileges at
our annual meeting!<br />
<br />
<br />
<br />
<span style="color: #d2042d;">Read more ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/Notebook-bro.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0; border-radius: 10px" heading="Volunteer" bgcolor="#FFFFFF" variant="Accent" href="/join-us/volunteer/">
Do you have a skill you'd like to share? Or free time you'd like to donate to promoting French language and culture? Consider becoming
part of our team today!<br />
<br />
<br />
<span style="color: #d2042d;">Find out more ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/kids-high-five-pana.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0; border-radius: 10px" heading="Donate" bgcolor="#FFFFFF" variant="Accent" href="/join-us/donate/">
You don’t have to speak French to participate in activities through the Alliance Française. We welcome everyone that is interested in
learning and experiencing French and Francophile culture.<br />
<br />
<span style="color: #d2042d;">Donate now ></span>
</templates:fancybox>
</templates:flexlayout>
</templates:section>
<templates:section contentsize="lg" paddingTop="0rem" paddingBottom="0rem" paddingLeft="0rem" paddingRight="0rem" bgimage="https://images.unsplash.com/photo-1431274172761-fca41d930114?ixid=M3w2ODg1fDB8MXxzZWFyY2h8NHx8ZnJhbmNlfGVufDB8fHx8MTc0ODI1MDk0Nnww&" bgwashcolor="#000000" bgwashopacity="40" bgposition="bottom" bgcolor="">
<templates:section paddingTop="7rem" paddingBottom="14rem" color="#ffffff" bgimage="/media/website_designs/16/svg.svg" paddingleft="1rem" paddingright="1rem" contentsize="md" bgposition="bottom" bgimageblur="0" bgwashcolor="" bgwashopacity="40" bgcolor="">
<templates:row verticalAlignColumns="center" reverseOrderOnMobile="true">
<templates:column width="8">
<h1>Welcome to our Alliance Française Demo Website</h1>
<p>
<big>Explore what an Alliance Française website can look like on the Oncord platform and how our learning modules work to combine all
the tools you need to manage your French school online.<br />
<br /></big>
</p>
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d2042d" href="/learn-french/" padding="10" border="1px solid #d2042d">Enrol
now</templates:button> Â <templates:button variant="Classic" color="#ffffff" borderRadius="0" border="1px solid #ffffff" href="/events/" padding="10" >Cultural
events</templates:button>
</templates:column>
<templates:column width="4"><br /></templates:column>
</templates:row>
</templates:section>
</templates:section>
<templates:section contentsize="sm" paddingTop="6rem" paddingBottom="1rem">
<h2 style="text-align: center;">Learn French Now <span style="color: #d2042d;">//</span> Apprenez le français</h2>
<p style="text-align: center;">
Learn French with us! Our courses focus on grammar, vocabulary, and pronunciation, with experienced instructors making learning engaging and
supportive for all levels.
</p>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" paddingTop="1rem" paddingBottom="4rem">
<templates:flexlayout style="justify-content: center; align-items: stretch;">
<templates:fancybox image="/media/website_designs/16/Remote-meeting-pana.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0px; border-radius: 10px" heading="Group French Courses" bgcolor="#FFFFFF" variant="Accent" href="/learn-french/">
Students can enrol online for any of your available French courses. From regular French courses from A1 beginners through
to intermediate and advanced level French. <br />
<br />
<span style="color: #d2042d;">View group courses ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/Lesson-amico.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0px; border-radius: 10px" heading="Private Tuition" bgcolor="#FFFFFF" variant="Accent" href="" image-position="center">
Offer private French tuition for 1-on-1 sessions. Also available are semi-private packages for 2-on-1 learning with a family member or
friend, or small group options.<br />
<br />
<br />
<span style="color: #d2042d;">View private tuition package ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/Editorial-commision-pana.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0px; border-radius: 10px" heading="Find my level" bgcolor="#FFFFFF" variant="Accent" href="/placement-tests/" image-position="center">
Our placement test module enables students to take online tests, determine their French level, and find the right course to enrol in.<br />
<br />
<br />
<span style="color: #d2042d;">Explore online placement tests ></span>
</templates:fancybox>
</templates:flexlayout>
</templates:section>
<templates:section contentsize="sm" paddingBottom="2rem" paddingTop="2rem" paddingRight="1rem">
<h2 style="text-align: center;">Upcoming Events <span style="color: #d2042d;">//</span> Événements à venir</h2>
<p style="text-align: center;">
You don’t have to speak French to participate in activities through the Alliance Française. We welcome everyone that is interested in
learning and experiencing French and Francophile culture.
</p>
</templates:section>
<templates:section contentsize="md" paddingLeft="1rem" paddingright="1rem" paddingTop="0rem">
<data:eventrepeater templatetype="list" eventfilter="future" templateregionsshown="icon,date,time,price,location,short_description,places_available,rsvp_deadline,rsvp" datalimit="3" eventorder="date_asc" eventcategory="6" />
</templates:section>
<templates:section paddingTop="0rem" paddingLeft="0rem" paddingRight="0rem" paddingBottom="0rem" bgimage="https://images.unsplash.com/photo-1513258496099-48168024aec0?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MjZ8fGluYm94fGVufDB8fHx8MTc0ODI1MDc2MXww&" contentsize="lg" bgposition="center" bgcolor="" bgwashcolor="#000000" bgwashopacity="60">
<templates:section paddingTop="0rem" paddingLeft="0rem" paddingRight="0rem" paddingBottom="0rem" bgimage="/media/website_designs/16/top.svg" contentsize="lg" bgposition="top" bgcolor="" bgsize="100% auto">
<templates:section paddingTop="0rem" paddingLeft="0rem" paddingRight="0rem" paddingBottom="0rem" bgimage="/media/website_designs/16/bottom.svg" contentsize="lg" bgposition="bottom" color="#ffffff" bgsize="100% auto" bgcolor="">
<templates:section paddingTop="9rem" paddingLeft="1rem" paddingRight="1rem" paddingBottom="9rem" bgimage="" contentsize="md" bgposition="bottom" bgcolor="" color="#ffffff">
<templates:row>
<templates:column width="5">
<h2 style="text-align: left; margin-bottom:0.5rem;">Sign up for our free monthly newsletter</h2>
<p>
<br />
Subscribe to our email newsletter to stay au courant on our events, news, and projects.
</p>
<p>The newsletter appears monthly. Additional emails may be sent a few times a month, but no more than once a week.</p>
</templates:column>
<templates:column width="7">
<templates:section paddingTop="0rem" paddingLeft="3rem" paddingBottom="0rem" paddingRight="0rem">
<forms:form recordsubmissions="true" contactmode="register" contactgroupadd="/newsletter-subscribers/" id="newsletter_subscribe" method="ajax">
<templates:row>
<templates:column width="6">
<forms:row type="one_column" label="First Name"><forms:editbox id="contact_first_name" validations="mandatory"/></forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="one_column" label="Last Name"><forms:editbox id="contact_last_name" validations="mandatory" /></forms:row>
</templates:column>
</templates:row>
<templates:row>
<templates:column width="12">
<forms:row type="one_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" align="left"><forms:submitbutton type="submit">sign up</forms:submitbutton></forms:row>
<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;">Thanks for signing up.</h3>
<p style="text-align: center;">You will receive all the latest news and updates from us straight to your inbox.</p>
</forms:successcontent>
</forms:form>
</templates:section>
</templates:column>
</templates:row>
</templates:section>
</templates:section>
</templates:section>
</templates:section>
<!--Newsletter-->
<templates:section contentsize="sm" paddingTop="4rem" paddingBottom="1rem">
<h2 style="text-align: center;">Featured Articles <span style="color: #d2042d;">//</span> Articles en vedette</h2>
<p style="text-align: center;">
Read the most recent articles and updates from our French community. Explore our community's stories and enjoy a deeper look into the
French language and culture.
</p>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" paddingTop="1rem" paddingBottom="0rem">
<data:postrepeater templatetype="list" datalimit="3" />
</templates:section>
<templates:section contentsize="sm" paddingTop="6rem" paddingBottom="1rem">
<h2 style="text-align: center;">Go further <span style="color: #d2042d;">//</span> Aller plus loin</h2>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" paddingTop="1rem" paddingBottom="6rem">
<templates:flexlayout style="justify-content: center; align-items: stretch;">
<templates:fancybox image="/media/website_designs/16/Lesson-amico.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0; border-radius: 10px" heading="Become a Member" bgcolor="#FFFFFF" variant="Accent" href="/join-us/become-a-member/">
As a member, you'll enjoy discounts on classes, special events, access to an online French-language library-and voting privileges at
our annual meeting!<br />
<br />
<br />
<br />
<span style="color: #d2042d;">Read more ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/Notebook-bro.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0; border-radius: 10px" heading="Volunteer" bgcolor="#FFFFFF" variant="Accent" href="/join-us/volunteer/">
Do you have a skill you'd like to share? Or free time you'd like to donate to promoting French language and culture? Consider becoming
part of our team today!<br />
<br />
<br />
<span style="color: #d2042d;">Find out more ></span>
</templates:fancybox>
<templates:fancybox image="/media/website_designs/16/kids-high-five-pana.svg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); padding: 0; border-radius: 10px" heading="Donate" bgcolor="#FFFFFF" variant="Accent" href="/join-us/donate/">
You don’t have to speak French to participate in activities through the Alliance Française. We welcome everyone that is interested in
learning and experiencing French and Francophile culture.<br />
<br />
<span style="color: #d2042d;">Donate now ></span>
</templates:fancybox>
</templates:flexlayout>
</templates:section>