<h1 style="display: inline-block;">Cultural </h1><h2 style="display: inline-block;"><span style="color: #75d7cc;">events</span></h2>
<div class="row ">
<div class="col-xs-12 col-sm-6" style="margin:20px 0 20px 0">
<br/>
<templates:section paddingtop="0" paddingbottom="1rem" paddingleft="4rem" paddingright="4rem" bgimage="" contentsize="lg" style="text-align: center;overflow:visible;" bgwashopacity="100" bggradient="linear-gradient(175deg, rgb(215, 244, 240), rgb(255, 255, 255))" color="#425893" bgcolor="#d7f4f0">
<templates:row style="position: relative;top:-20px;">
<templates:column width="12">
<standard:image width="130" src="https://images.unsplash.com/photo-1494252713559-f26b4bf0b174?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="130" class="img-circle" /><br/>
<div style="text-align: left;">
<h3 style="text-align: left;" class="inline">La crême </h3>
<h4 style="text-align: left;" class="inline">de la crême</h4>
</div>
<p style="text-align: left;">
The Alliance Française hosts French cultural and social programs throughout the year, including film screenings, lectures, book club
meetings, museum visits, francophone cultural events, and conversation groups. Our signature event is La Fête du Beaujolais Nouveau, held
the third Saturday in November.
</p>
</templates:column>
</templates:row>
<br/>
<br/>
</templates:section>
</div>
<div class="col-xs-12 col-sm-6">
<templates:section paddingtop="19rem" paddingbottom="19rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1471614654469-512ee6a4397a?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;"><h3 style="text-align: center;" class="inline"><span style="color: #36baab;">French culture </span></h3>
<h4 style="text-align: center;" class="inline">delivered</h4></div>
<br/>
<br/>
</templates:section>
</div>
</div>
<div class="row ">
<div class="col-xs-12 col-sm-6">
<templates:section paddingtop="19rem" paddingbottom="19rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1512540452972-baac55d40ef1?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;"><h4 style="text-align: center;" class="inline">Art
de </h4>
<h3 style="text-align: center;" class="inline"><span style="color: #eb949f;">vivre</span></h3></div>
<br/>
<br/>
</templates:section>
</div>
<div class="col-xs-12 col-sm-6" style="margin:20px 0 20px 0">
<br/>
<templates:section paddingtop="0" paddingbottom="1rem" paddingleft="4rem" paddingright="4rem" bgimage="" contentsize="lg" style="text-align: center;overflow:visible;" bgwashopacity="100" bggradient="linear-gradient(175deg, rgb(253, 246, 247), rgb(255, 255, 255))" color="#425893" bgcolor="#fdf6f7">
<templates:row style="position: relative;top:-20px;">
<templates:column width="12">
<standard:image width="130" src="https://images.unsplash.com/photo-1532363664322-b46b86cc86d9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="130" class="img-circle" />
<h3 style="text-align: left;">Focus on<strong></strong></h3>
<p style="text-align: left;">
sit amet, consectetur adipiscing elit. Duis eu vulputate quam, sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam
pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis eu eros. Sit amet, consectetur adipiscing elit. Duis eu vulputate quam,
sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis
eu eros. <br />
<br />
</p>
<p style="text-align: left;"><a href="#" class="turquoiseborder">Read more</a></p>
</templates:column>
</templates:row>
<br/>
<br/>
</templates:section>
</div>
</div>
<div style="text-align: center;" class="margin-bottom40">
<h2 style="text-align: center;display: inline;"><em><span style="color: #75d7cc;">What</span>'s</em> </h2><h1 style="text-align: center;display: inline;">New?</h1>
</div>
<div class="row">
<data:repeater datalimit="20" emptymessage="None found" dataorder="[? [['post_date', 'ASC']] ?]" datasource="\Components\Website\Posts::getAllForCategory(18)" as="post" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div class="[? ($post['_index'] % 3 == 0) ? 'clearfix visible-xs visible-sm clearfix visible-md visible-lg' : '' ?]"></div>
<div class="col-xs-6 col-sm-4 margin-bottom40">
<div class="boxed">
<a href="[? $post['post_content_url'] ?]">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" class="margin-bottom20" />
</a>
<a href="[? $post['post_content_url'] ?]" class="noRedLink"><h5>[? $post['post_title'] ?]</h5></a>
<p style="margin-bottom:40px;">[?? $post['post_content_short'] ??]</p>
<a href="[? $post['post_content_url'] ?]" class="rouge">Read more</a>
</div>
</div>
</data:repeater>
</div>
<h1 style="display: inline-block;">Cultural </h1><h2 style="display: inline-block;"><span style="color: #75d7cc;">events</span></h2>
<div class="row ">
<div class="col-xs-12 col-sm-6" style="margin:20px 0 20px 0">
<br/>
<templates:section paddingtop="0" paddingbottom="1rem" paddingleft="4rem" paddingright="4rem" bgimage="" contentsize="lg" style="text-align: center;overflow:visible;" bgwashopacity="100" bggradient="linear-gradient(175deg, rgb(215, 244, 240), rgb(255, 255, 255))" color="#425893" bgcolor="#d7f4f0">
<templates:row style="position: relative;top:-20px;">
<templates:column width="12">
<standard:image width="130" src="https://images.unsplash.com/photo-1494252713559-f26b4bf0b174?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="130" class="img-circle" /><br/>
<div style="text-align: left;">
<h3 style="text-align: left;" class="inline">La crême </h3>
<h4 style="text-align: left;" class="inline">de la crême</h4>
</div>
<p style="text-align: left;">
The Alliance Française hosts French cultural and social programs throughout the year, including film screenings, lectures, book club
meetings, museum visits, francophone cultural events, and conversation groups. Our signature event is La Fête du Beaujolais Nouveau, held
the third Saturday in November.
</p>
</templates:column>
</templates:row>
<br/>
<br/>
</templates:section>
</div>
<div class="col-xs-12 col-sm-6">
<templates:section paddingtop="19rem" paddingbottom="19rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1471614654469-512ee6a4397a?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;"><h3 style="text-align: center;" class="inline"><span style="color: #36baab;">French culture </span></h3>
<h4 style="text-align: center;" class="inline">delivered</h4></div>
<br/>
<br/>
</templates:section>
</div>
</div>
<div class="row ">
<div class="col-xs-12 col-sm-6">
<templates:section paddingtop="19rem" paddingbottom="19rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1512540452972-baac55d40ef1?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;"><h4 style="text-align: center;" class="inline">Art
de </h4>
<h3 style="text-align: center;" class="inline"><span style="color: #eb949f;">vivre</span></h3></div>
<br/>
<br/>
</templates:section>
</div>
<div class="col-xs-12 col-sm-6" style="margin:20px 0 20px 0">
<br/>
<templates:section paddingtop="0" paddingbottom="1rem" paddingleft="4rem" paddingright="4rem" bgimage="" contentsize="lg" style="text-align: center;overflow:visible;" bgwashopacity="100" bggradient="linear-gradient(175deg, rgb(253, 246, 247), rgb(255, 255, 255))" color="#425893" bgcolor="#fdf6f7">
<templates:row style="position: relative;top:-20px;">
<templates:column width="12">
<standard:image width="130" src="https://images.unsplash.com/photo-1532363664322-b46b86cc86d9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="130" class="img-circle" />
<h3 style="text-align: left;">Focus on<strong></strong></h3>
<p style="text-align: left;">
sit amet, consectetur adipiscing elit. Duis eu vulputate quam, sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam
pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis eu eros. Sit amet, consectetur adipiscing elit. Duis eu vulputate quam,
sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis
eu eros. <br />
<br />
</p>
<p style="text-align: left;"><a href="#" class="turquoiseborder">Read more</a></p>
</templates:column>
</templates:row>
<br/>
<br/>
</templates:section>
</div>
</div>
<div style="text-align: center;" class="margin-bottom40">
<h2 style="text-align: center;display: inline;"><em><span style="color: #75d7cc;">What</span>'s</em> </h2><h1 style="text-align: center;display: inline;">New?</h1>
</div>
<div class="row">
<data:repeater datalimit="20" emptymessage="None found" dataorder="[? [['post_date', 'ASC']] ?]" datasource="\Components\Website\Posts::getAllForCategory(18)" as="post" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div class="[? ($post['_index'] % 3 == 0) ? 'clearfix visible-xs visible-sm clearfix visible-md visible-lg' : '' ?]"></div>
<div class="col-xs-6 col-sm-4 margin-bottom40">
<div class="boxed">
<a href="[? $post['post_content_url'] ?]">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" class="margin-bottom20" />
</a>
<a href="[? $post['post_content_url'] ?]" class="noRedLink"><h5>[? $post['post_title'] ?]</h5></a>
<p style="margin-bottom:40px;">[?? $post['post_content_short'] ??]</p>
<a href="[? $post['post_content_url'] ?]" class="rouge">Read more</a>
</div>
</div>
</data:repeater>
</div>