|
|
|
|
|
|
|
|
|
<div id="curve1">
<div class="video-background">
<video autoplay muted loop poster="/media/website_pages/video-(720p).mp4">
<source src="/media/website_pages/new-site1/852352-hd_1920_1080_30fps.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<div class="content">
<templates:section paddingleft="1rem" paddingright="1rem">
<templates:row verticalAlignColumns="center" reverseOrderOnMobile="true">
<templates:column width="7">
<h1 class="headingLine" style="margin-top: 0px;">Bonjour! Welcome to the Alliance Française Demo!</h1>
<p>
Join us on a virtual tour of the Alliance Française, where you will experience firsthand our vibrant learning environment, interactive
classes, and rich cultural activities. Discover how we can help you master the French language and immerse yourself in French culture, all
from the comfort of your own screen.
</p>
<p><br /></p>
<p style="margin-top: 0px;">
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d2042d" href="/learn-french/" padding="10" border="1px solid #d2042d">Learn
French</templates:button> Â
<templates:button variant="Classic" color="#ffffff" borderRadius="0" border="1px solid #d2042d" href="/cultural-events/" padding="10" >Cultural
Events</templates:button>
</p>
</templates:column>
<templates:column width="5"><br /></templates:column>
</templates:row>
</templates:section>
</div>
</div>
</div>
<templates:section paddingLeft="1rem" paddingTop="6rem" paddingBottom="6rem" paddingRight="1rem" bgimage="/media/website_designs/79/template-bg-6.svg" bgwashcolor="#ffffff" bgwashopacity="80" contentsize="md" bgposition="top">
<h2 style="text-align: center;">Kickstart your French <span style="color: #d2042d;">journey today.</span></h2>
<templates:section paddingTop="0rem" paddingBottom="0rem" paddingLeft="0rem" paddingRight="0rem" style="text-align: center;" contentsize="lg" bgimage="" bgposition="bottom right">
<templates:flexlayout style="justify-content: center; align-items: stretch;">
<templates:card style="padding: 0px 30px 0px 30px; margin: 20px 10px 30px 10px; border-radius: 0px; text-align: center;" cardSize="md" href="/learn-french/adults/">
<standard:image width="237" maintainaspect="crop" height="237"src="https://images.unsplash.com/photo-1543269865-cbf427effbad?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MXx8cGVvcGxlJTIwdGFsa2luZ3xlbnwwfHx8fDE3NDgyNTA3NTd8MA&" class="img-rounded"/>
<h3 style="text-align: center; margin-top:1rem;">Group French Courses</h3>
<p>
Learn at your own pace - onsite, online or hyflex, master your French with a wide range of options.<br />
<br />
<br />
</p>
<p style="text-align: center; margin-top:1rem;">
<templates:button variant="Classic" borderRadius="0" padding="10" color="#d2042d" border="1px solid #d2042d" href="/learn-french/adults/" >Â View
Classes</templates:button>
</p>
</templates:card>
<templates:card style="padding: 0px 30px 0px 30px; margin: 20px 10px 30px 10px; border-radius: 0px; text-align: center;" cardSize="md" href="/learn-french/french-for-professionals/">
<standard:image width="237" maintainaspect="crop" height="237"src="https://images.unsplash.com/photo-1604881988758-f76ad2f7aac1?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MXx8dGFsa3xlbnwwfHx8fDE3NDgyMzgwMDV8MA&" class="img-rounded"/>
<h3 style="text-align: center; margin-top:1rem;">Private Tuition</h3>
<p>
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 />
</p>
<templates:button variant="Classic" color="#d2042d" borderRadius="0" padding="10" border="1px solid #d2042d" href="/learn-french/french-for-professionals/" >Learn
More</templates:button>
</templates:card>
<templates:card style="padding: 0px 30px 0px 30px; margin: 20px 10px 30px 10px; border-radius: 0px; text-align: center;" cardSize="md" href="/learn-french/kids-and-teens/">
<standard:image width="237" maintainaspect="crop" height="237"src="https://images.unsplash.com/photo-1434030216411-0b793f4b4173?ixid=M3w2ODg1fDB8MXxzZWFyY2h8OXx8d3JpdGluZyUyMGluJTIwY29tcHxlbnwwfHx8fDE3NDgzMjkzNjF8MA&" class="img-rounded"/>
<h3 style="text-align: center; margin-top:1rem;">Find my level</h3>
<p>
Our placement test module enables students to take online tests, determine their French level, and find the right course to enrol in.<br />
<br />
</p>
<templates:button variant="Classic" color="#d2042d" borderRadius="0" padding="10" border="1px solid #d2042d" href="/learn-french/kids-and-teens/" >Get
started</templates:button>
</templates:card>
</templates:flexlayout>
</templates:section>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" bgimage="/media/website_pages/templates-section-bg-1.svg" bgposition="center" paddingBottom="0rem" paddingTop="0rem">
<h2 style="text-align: center;">Cultural <span style="color: #d2042d;">Events</span></h2>
<p style="text-align: center;">Join us to explore the fascinating French culture right here in AF Oncord.</p>
</templates:section>
<templates:section paddingBottom="4rem" paddingTop="2rem">
<data:eventrepeater paging="true" pagingrows="3" templatetype="list" eventfilter="future" eventcategory="6" />
</templates:section>
<div id="curve1">
<div class="video-background">
<video autoplay muted loop poster="/media/website_pages/video-(720p).mp4">
<source src="/media/website_pages/new-site1/852352-hd_1920_1080_30fps.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<div class="content">
<templates:section paddingleft="1rem" paddingright="1rem">
<templates:row verticalAlignColumns="center" reverseOrderOnMobile="true">
<templates:column width="7">
<h1 class="headingLine" style="margin-top: 0px;">Bonjour! Welcome to the Alliance Française Demo!</h1>
<p>
Join us on a virtual tour of the Alliance Française, where you will experience firsthand our vibrant learning environment, interactive
classes, and rich cultural activities. Discover how we can help you master the French language and immerse yourself in French culture, all
from the comfort of your own screen.
</p>
<p><br /></p>
<p style="margin-top: 0px;">
<templates:button variant="Classic" borderRadius="0" color="#ffffff" bgcolor="#d2042d" href="/learn-french/" padding="10" border="1px solid #d2042d">Learn
French</templates:button> Â
<templates:button variant="Classic" color="#ffffff" borderRadius="0" border="1px solid #d2042d" href="/cultural-events/" padding="10" >Cultural
Events</templates:button>
</p>
</templates:column>
<templates:column width="5"><br /></templates:column>
</templates:row>
</templates:section>
</div>
</div>
</div>
<templates:section paddingLeft="1rem" paddingTop="6rem" paddingBottom="6rem" paddingRight="1rem" bgimage="/media/website_designs/79/template-bg-6.svg" bgwashcolor="#ffffff" bgwashopacity="80" contentsize="md" bgposition="top">
<h2 style="text-align: center;">Kickstart your French <span style="color: #d2042d;">journey today.</span></h2>
<templates:section paddingTop="0rem" paddingBottom="0rem" paddingLeft="0rem" paddingRight="0rem" style="text-align: center;" contentsize="lg" bgimage="" bgposition="bottom right">
<templates:flexlayout style="justify-content: center; align-items: stretch;">
<templates:card style="padding: 0px 30px 0px 30px; margin: 20px 10px 30px 10px; border-radius: 0px; text-align: center;" cardSize="md" href="/learn-french/adults/">
<standard:image width="237" maintainaspect="crop" height="237"src="https://images.unsplash.com/photo-1543269865-cbf427effbad?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MXx8cGVvcGxlJTIwdGFsa2luZ3xlbnwwfHx8fDE3NDgyNTA3NTd8MA&" class="img-rounded"/>
<h3 style="text-align: center; margin-top:1rem;">Group French Courses</h3>
<p>
Learn at your own pace - onsite, online or hyflex, master your French with a wide range of options.<br />
<br />
<br />
</p>
<p style="text-align: center; margin-top:1rem;">
<templates:button variant="Classic" borderRadius="0" padding="10" color="#d2042d" border="1px solid #d2042d" href="/learn-french/adults/" >Â View
Classes</templates:button>
</p>
</templates:card>
<templates:card style="padding: 0px 30px 0px 30px; margin: 20px 10px 30px 10px; border-radius: 0px; text-align: center;" cardSize="md" href="/learn-french/french-for-professionals/">
<standard:image width="237" maintainaspect="crop" height="237"src="https://images.unsplash.com/photo-1604881988758-f76ad2f7aac1?ixid=M3w2ODg1fDB8MXxzZWFyY2h8MXx8dGFsa3xlbnwwfHx8fDE3NDgyMzgwMDV8MA&" class="img-rounded"/>
<h3 style="text-align: center; margin-top:1rem;">Private Tuition</h3>
<p>
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 />
</p>
<templates:button variant="Classic" color="#d2042d" borderRadius="0" padding="10" border="1px solid #d2042d" href="/learn-french/french-for-professionals/" >Learn
More</templates:button>
</templates:card>
<templates:card style="padding: 0px 30px 0px 30px; margin: 20px 10px 30px 10px; border-radius: 0px; text-align: center;" cardSize="md" href="/learn-french/kids-and-teens/">
<standard:image width="237" maintainaspect="crop" height="237"src="https://images.unsplash.com/photo-1434030216411-0b793f4b4173?ixid=M3w2ODg1fDB8MXxzZWFyY2h8OXx8d3JpdGluZyUyMGluJTIwY29tcHxlbnwwfHx8fDE3NDgzMjkzNjF8MA&" class="img-rounded"/>
<h3 style="text-align: center; margin-top:1rem;">Find my level</h3>
<p>
Our placement test module enables students to take online tests, determine their French level, and find the right course to enrol in.<br />
<br />
</p>
<templates:button variant="Classic" color="#d2042d" borderRadius="0" padding="10" border="1px solid #d2042d" href="/learn-french/kids-and-teens/" >Get
started</templates:button>
</templates:card>
</templates:flexlayout>
</templates:section>
</templates:section>
<templates:section paddingleft="1rem" paddingright="1rem" bgimage="/media/website_pages/templates-section-bg-1.svg" bgposition="center" paddingBottom="0rem" paddingTop="0rem">
<h2 style="text-align: center;">Cultural <span style="color: #d2042d;">Events</span></h2>
<p style="text-align: center;">Join us to explore the fascinating French culture right here in AF Oncord.</p>
</templates:section>
<templates:section paddingBottom="4rem" paddingTop="2rem">
<data:eventrepeater paging="true" pagingrows="3" templatetype="list" eventfilter="future" eventcategory="6" />
</templates:section>
|
|
{"placement_test_footer":null,"togglable_partners":"on","togglable_newslettercta":null}
{"placement_test_footer":null,"togglable_partners":"on","togglable_newslettercta":null}
|
|
.video-background {
position: relative;
overflow: hidden;
width: 100%;
height: 80vh;
}
.video-background video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
.headingLine {
position: relative;
z-index: 2;
}
.headingLine::after {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 105px;
height: 25px;
z-index: -1;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(-21deg);
background-color: #d2042d;
opacity: 0.5;
}
.img-rounded
{
border-radius: 50%;
}
.s8-templates-card__cardsize-4 {
width: 369px;
}
.video-background {
position: relative;
overflow: hidden;
width: 100%;
height: 80vh;
}
.video-background video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
.headingLine {
position: relative;
z-index: 2;
}
.headingLine::after {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 105px;
height: 25px;
z-index: -1;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(-21deg);
background-color: #d2042d;
opacity: 0.5;
}
.img-rounded
{
border-radius: 50%;
}
.s8-templates-card__cardsize-4 {
width: 369px;
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|