<h2 style="display: inline-block;">About </h2><h1 style="display: inline-block;"><span style="color: #75d7cc;">US</span></h1>
<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(227, 247, 245), rgb(255, 255, 255))" color="#425893" bgcolor="#e3f7f5">
<templates:row style="position: relative;top:-20px;">
<templates:column width="12">
<standard:image width="130" src="https://images.unsplash.com/photo-1535593167496-0f3f312d4d8a?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;"><strong>Lorem ipsum dolor</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.
</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="/media/website_pages/home-new/old/tropic/about-us/alliance-francaise-eric-alix-rogers-01.jpg" 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;">France </span></h3>
<h4 style="text-align: center;" class="inline">at your doorstep!</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="/media/website_pages/home-new/old/tropic/about-us/alliance-francaise-eric-alix-rogers-03.jpg" 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-1485199433301-8b7102e86995?ixlib=rb-1.2.1&amp;amp;amp;q=80&amp;amp;amp;fm=jpg&amp;amp;amp;crop=entropy&amp;amp;amp;cs=tinysrgb&amp;amp;amp;w=400&amp;amp;amp;fit=max&amp;amp;amp;ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="130" class="img-circle" />
<h3 style="text-align: left;"><strong>Lorem ipsum dolor</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.
</p>
</templates:column>
</templates:row>
<br/>
<br/>
</templates:section>
</div>
</div>
<p> </p>
<h2 style="display: inline-block;">Our </h2><h1 style="display: inline-block;"><span style="color: #75d7cc;">Teachers</span></h1>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis sem ipsum. Aenean scelerisque fermentum arcu quis varius. Aliquam enim metus, tristique eu lacinia sed, malesuada sit amet est. Vivamus vel odio ut nulla efficitur suscipit. Curabitur bibendum dui vitae ipsum sagittis, ut fringilla tortor pulvinar. </p>
<div class="row">
<data:repeater datalimit="20" emptymessage="None found" dataorder="[? [['post_date', 'ASC']] ?]" datasource="\Components\Website\Posts::getAllForCategory(20)" as="post" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div class="[? ($post['_index'] % 6 === 0) ? 'clearfix visible-md visible-lg' : '' ?]">
</div>
<div class="[? ($post['_index'] % 3 === 0) ? 'clearfix visible-xs visible-sm' : '' ?]">
</div>
<div class="col-xs-4 col-md-2 text-center postNav">
<logic:if test="$post['post_icon']">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" class="img-responsive icon-post margin-bottom20 img-circle" />
</logic:if>
<h5>[? $post['post_title'] ?]</h5>
<logic:if test="$post['post_content_short']">
<p>[?? $post['post_content_short'] ??]</p>
</logic:if>
</div>
</data:repeater>
</div>
<h2 style="display: inline-block;">Our </h2><h1 style="display: inline-block;"><span style="color: #45c9ba;">Staff</span></h1>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis sem ipsum. Aenean scelerisque fermentum arcu quis varius. Aliquam enim metus, tristique eu lacinia sed, malesuada sit amet est. Vivamus vel odio ut nulla efficitur suscipit. Curabitur bibendum dui vitae ipsum sagittis, ut fringilla tortor pulvinar. </p>
<div class="row">
<data:repeater datalimit="20" emptymessage="None found" dataorder="[? [['post_date', 'DESC']] ?]" datasource="\Components\Website\Posts::getAllForCategory(20)" as="post" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div class="[? ($post['_index'] % 6 === 0) ? 'clearfix visible-md visible-lg' : '' ?]">
</div>
<div class="[? ($post['_index'] % 3 === 0) ? 'clearfix visible-xs visible-sm' : '' ?]">
</div>
<div class="col-xs-4 col-md-2 text-center postNav">
<logic:if test="$post['post_icon']">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" class="img-responsive icon-post margin-bottom20 img-circle" />
</logic:if>
<h5>[? $post['post_title'] ?]</h5>
<logic:if test="$post['post_content_short']">
<p>[?? $post['post_content_short'] ??]</p>
</logic:if>
</div>
</data:repeater>
</div>
|