<h1>Our Team</h1>
<br/>
<p>
Founded in 1953, the Alliance Française de Hong Kong (AFHK) is a Hong Kong not-for-profit association dedicated to the <strong>promotion of
the French language and culture</strong>.
</p>
<ss:logic:include page="/2019-test/design-elements/closing-div/" />
<ss:logic:include page="/2019-test/design-elements/opening-div-fluid/" />
<div class="imgLF-bg">
<div class="topMaskCultural"></div>
<div class="bottomMaskCultural"></div>
<div class="position-absolute fancy-right">
</div>
</div>
<ss:logic:include page="/2019-test/design-elements/closing-div/" />
<ss:logic:include page="/2019-test/design-elements/opening-div/" />
<h3 style="text-align: center;">Our Teachers</h3>
<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">
<ss:data:repeater datalimit="20" emptymessage="None found" parsenow="dataorder,datafilter" dataorder="array(array('post_date', 'ASC'))" datasource="\Components\Website\Posts::getAllForCategory(20)" as="post" datafilter="array(array('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">
<ss:logic:if test="$post['post_icon']">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" class="img-responsive icon-post margin-bottom20 img-circle" />
</ss:logic:if>
<h5>[? $post['post_title'] ?]</h5>
<ss:logic:if test="$post['post_content_short']">
<p>[? $post['post_content_short'] ?]</p>
</ss:logic:if>
</div>
</ss:data:repeater>
</div>
<h3 style="text-align: center;">Our Staff</h3>
<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">
<ss:data:repeater datalimit="20" emptymessage="None found" parsenow="dataorder,datafilter" dataorder="array(array('post_date', 'DESC'))" datasource="\Components\Website\Posts::getAllForCategory(20)" as="post" datafilter="array(array('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">
<ss:logic:if test="$post['post_icon']">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" class="img-responsive icon-post margin-bottom20 img-circle" />
</ss:logic:if>
<h5>[? $post['post_title'] ?]</h5>
<ss:logic:if test="$post['post_content_short']">
<p>[? $post['post_content_short'] ?]</p>
</ss:logic:if>
</div>
</ss:data:repeater>
</div>
<h3 style="text-align: center;">and our non-permanent Teachers<span style="color: #75d7cc;"></span></h3>
<br/>
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-3">
<p>
<br />
<br />
</p>
</div>
<div class="col-xs-12 col-md-6 col-lg-3">
<p>
<br />
<br />
</p>
<p><br /></p>
<p>
</div>
<div class="col-xs-12 col-md-6 col-lg-3"><br /></div>
<div class="col-lg-3"><br /></div>
</div>
<h1>Our Team</h1>
<br/>
<p>
Founded in 1953, the Alliance Française de Hong Kong (AFHK) is a Hong Kong not-for-profit association dedicated to the <strong>promotion of
the French language and culture</strong>.
</p>
<ss:logic:include page="/2019-test/design-elements/closing-div/" />
<ss:logic:include page="/2019-test/design-elements/opening-div-fluid/" />
<div class="imgLF-bg">
<div class="topMaskCultural"></div>
<div class="bottomMaskCultural"></div>
<div class="position-absolute fancy-right">
</div>
</div>
<ss:logic:include page="/2019-test/design-elements/closing-div/" />
<ss:logic:include page="/2019-test/design-elements/opening-div/" />
<h3 style="text-align: center;">Our Teachers</h3>
<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">
<ss:data:repeater datalimit="20" emptymessage="None found" parsenow="dataorder,datafilter" dataorder="array(array('post_date', 'ASC'))" datasource="\Components\Website\Posts::getAllForCategory(20)" as="post" datafilter="array(array('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">
<ss:logic:if test="$post['post_icon']">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" class="img-responsive icon-post margin-bottom20 img-circle" />
</ss:logic:if>
<h5>[? $post['post_title'] ?]</h5>
<ss:logic:if test="$post['post_content_short']">
<p>[? $post['post_content_short'] ?]</p>
</ss:logic:if>
</div>
</ss:data:repeater>
</div>
<h3 style="text-align: center;">Our Staff</h3>
<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">
<ss:data:repeater datalimit="20" emptymessage="None found" parsenow="dataorder,datafilter" dataorder="array(array('post_date', 'DESC'))" datasource="\Components\Website\Posts::getAllForCategory(20)" as="post" datafilter="array(array('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">
<ss:logic:if test="$post['post_icon']">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" class="img-responsive icon-post margin-bottom20 img-circle" />
</ss:logic:if>
<h5>[? $post['post_title'] ?]</h5>
<ss:logic:if test="$post['post_content_short']">
<p>[? $post['post_content_short'] ?]</p>
</ss:logic:if>
</div>
</ss:data:repeater>
</div>
<h3 style="text-align: center;">and our non-permanent Teachers<span style="color: #75d7cc;"></span></h3>
<br/>
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-3">
<p>
<br />
<br />
</p>
</div>
<div class="col-xs-12 col-md-6 col-lg-3">
<p>
<br />
<br />
</p>
<p><br /></p>
<p>
</div>
<div class="col-xs-12 col-md-6 col-lg-3"><br /></div>
<div class="col-lg-3"><br /></div>
</div>