<div class="row">
<div class="col-xs-12 col-sm-5 margin-bottom30"><a href="/site2/learn-french/"><img src="/site2/learn-french2.jpg" /></a></div>
<div class="col-xs-5 col-sm-3 margin-bottom30">
<a href="/en/get-a-french-diploma/"><img src="/site2/diplomas2.jpg" /></a>
</div>
<div class="col-xs-7 col-sm-4 margin-bottom30">
<a href="/en/events/"><img src="/site2/events2.jpg" /></a>
</div>
</div>
<br/>
<h2 style="text-align:center;">— The Alliance Française Experience —</h2>
<ss:logic:include page="/site2/design-elements/closing-div/" />
<div class="container-fluid yellow-bg">
<div class="container margin-top40 text-center margin-bottom20">
<div class="row">
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/expertise.png" class="expeIcon" /></a>
<p>Expertise in French language teaching</p>
</div>
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/oral.png" class="expeIcon" /></a><p>Modern, oral-based teaching</p></div>
<!-- <div class="col-sm-5ths col-xs-6"><img src="/en/library.png" class="expeIcon" /><p>Bibliothèque Descartes in OBA</p></div> -->
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/culture.png" class="expeIcon" /></a><p>Cultural immersion</p></div>
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/members.png" class="expeIcon" /></a><p>Members</p></div>
</div>
<hr />
</div>
<div class="container margin-top40 margin-bottom40">
<div class="row">
<div class="col-xs-6">
<div class="row">
<div class="col-xs-4">
<img src="/site2/testimony2.jpg" class="img-circle" />
</div>
<div class="col-xs-8">
<h4>Lorem ipsum dolor sit amet consectetur adipiscing elit. </h4>
<p>Integer tristique nec metus in consectetur. Morbi at tempor mauris. Proin a pharetra erat, in porta tortor. Quisque quis dapibus nisi. Sed nulla massa, mollis id vestibulum semper, tristique id lacus. Morbi semper diam sem, eu venenatis justo interdum et.</p>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="row">
<div class="col-xs-4">
<img src="/site2/testimony.jpg" class="img-circle" />
</div>
<div class="col-xs-8">
<h4>Lorem ipsum dolor sit amet consectetur adipiscing elit. </h4>
<p>Integer tristique nec metus in consectetur. Morbi at tempor mauris. Proin a pharetra erat, in porta tortor. Quisque quis dapibus nisi. Sed nulla massa, mollis id vestibulum semper, tristique id lacus. Morbi semper diam sem, eu venenatis justo interdum et.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<ss:logic:include page="/site2/design-elements/opening-div/" />
<h2 style="text-align:center;">— What's new —</h2>
<div class="row ">
<div class="col-xs-12 col-sm-4">
<div style="width: 94%">
<a class="twitter-timeline" data-height="600" href="https://twitter.com/af_amsterdam?ref_src=twsrc%5Etfw">Tweets by af_amsterdam</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="col-xs-12 col-sm-8 blue-bg margin-bottom40">
<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(18)" as="post" datafilter="array(array('post_is_offline', '=', 0))">
<div class="[? ($post['_index'] % 2 == 0) ? 'clearfix visible-xs visible-sm clearfix visible-md visible-lg' : '' ?]"></div>
<div class="col-xs-6 margin-bottom40">
<a href="[? $post['post_content_url'] ?]">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" class="margin-bottom20" />
</a>
<a href="[? $post['post_content_url'] ?]" class="noRedLink"><h4>[? $post['post_title'] ?]</h4></a>
<p style="margin-bottom:40px;">[? $post['post_content_short'] ?]</p>
<a href="[? $post['post_content_url'] ?]" class="rouge">Read more</a>
</div>
</ss:data:repeater>
</div>
</div>
</div>
<div class="clearfix"></div>
<ss:logic:if test="\Components\Website\Posts::getCount(array(array('post_category_id', '=', 17), 'AND', array('post_is_offline', '=', 0)))">
<hr />
<h2 style="text-align:center;">— Our partners —</h2>
<ul id="flexiselDemo3">
<ss:data:repeater id="posts_repeater" as="post" datasource="\Components\Website\Posts::getAllForCategory(17)" parsenow="dataorder,datafilter" datalimit="15" dataorder="array(array('post_date', 'asc'))" datafilter="array(array('post_is_offline', '=', 0))">
<li><a href="[? $post['post_content_url'] ?]" target="_blank"><ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" style="width:100px;" /></a></li>
</ss:data:repeater>
</ul>
</ss:logic:if>
<div class="row">
<div class="col-xs-12 col-sm-5 margin-bottom30"><a href="/site2/learn-french/"><img src="/site2/learn-french2.jpg" /></a></div>
<div class="col-xs-5 col-sm-3 margin-bottom30">
<a href="/en/get-a-french-diploma/"><img src="/site2/diplomas2.jpg" /></a>
</div>
<div class="col-xs-7 col-sm-4 margin-bottom30">
<a href="/en/events/"><img src="/site2/events2.jpg" /></a>
</div>
</div>
<br/>
<h2 style="text-align:center;">— The Alliance Française Experience —</h2>
<ss:logic:include page="/site2/design-elements/closing-div/" />
<div class="container-fluid yellow-bg">
<div class="container margin-top40 text-center margin-bottom20">
<div class="row">
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/expertise.png" class="expeIcon" /></a>
<p>Expertise in French language teaching</p>
</div>
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/oral.png" class="expeIcon" /></a><p>Modern, oral-based teaching</p></div>
<!-- <div class="col-sm-5ths col-xs-6"><img src="/en/library.png" class="expeIcon" /><p>Bibliothèque Descartes in OBA</p></div> -->
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/culture.png" class="expeIcon" /></a><p>Cultural immersion</p></div>
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/site2/members.png" class="expeIcon" /></a><p>Members</p></div>
</div>
<hr />
</div>
<div class="container margin-top40 margin-bottom40">
<div class="row">
<div class="col-xs-6">
<div class="row">
<div class="col-xs-4">
<img src="/site2/testimony2.jpg" class="img-circle" />
</div>
<div class="col-xs-8">
<h4>Lorem ipsum dolor sit amet consectetur adipiscing elit. </h4>
<p>Integer tristique nec metus in consectetur. Morbi at tempor mauris. Proin a pharetra erat, in porta tortor. Quisque quis dapibus nisi. Sed nulla massa, mollis id vestibulum semper, tristique id lacus. Morbi semper diam sem, eu venenatis justo interdum et.</p>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="row">
<div class="col-xs-4">
<img src="/site2/testimony.jpg" class="img-circle" />
</div>
<div class="col-xs-8">
<h4>Lorem ipsum dolor sit amet consectetur adipiscing elit. </h4>
<p>Integer tristique nec metus in consectetur. Morbi at tempor mauris. Proin a pharetra erat, in porta tortor. Quisque quis dapibus nisi. Sed nulla massa, mollis id vestibulum semper, tristique id lacus. Morbi semper diam sem, eu venenatis justo interdum et.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<ss:logic:include page="/site2/design-elements/opening-div/" />
<h2 style="text-align:center;">— What's new —</h2>
<div class="row ">
<div class="col-xs-12 col-sm-4">
<div style="width: 94%">
<a class="twitter-timeline" data-height="600" href="https://twitter.com/af_amsterdam?ref_src=twsrc%5Etfw">Tweets by af_amsterdam</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<div class="col-xs-12 col-sm-8 blue-bg margin-bottom40">
<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(18)" as="post" datafilter="array(array('post_is_offline', '=', 0))">
<div class="[? ($post['_index'] % 2 == 0) ? 'clearfix visible-xs visible-sm clearfix visible-md visible-lg' : '' ?]"></div>
<div class="col-xs-6 margin-bottom40">
<a href="[? $post['post_content_url'] ?]">
<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" class="margin-bottom20" />
</a>
<a href="[? $post['post_content_url'] ?]" class="noRedLink"><h4>[? $post['post_title'] ?]</h4></a>
<p style="margin-bottom:40px;">[? $post['post_content_short'] ?]</p>
<a href="[? $post['post_content_url'] ?]" class="rouge">Read more</a>
</div>
</ss:data:repeater>
</div>
</div>
</div>
<div class="clearfix"></div>
<ss:logic:if test="\Components\Website\Posts::getCount(array(array('post_category_id', '=', 17), 'AND', array('post_is_offline', '=', 0)))">
<hr />
<h2 style="text-align:center;">— Our partners —</h2>
<ul id="flexiselDemo3">
<ss:data:repeater id="posts_repeater" as="post" datasource="\Components\Website\Posts::getAllForCategory(17)" parsenow="dataorder,datafilter" datalimit="15" dataorder="array(array('post_date', 'asc'))" datafilter="array(array('post_is_offline', '=', 0))">
<li><a href="[? $post['post_content_url'] ?]" target="_blank"><ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" style="width:100px;" /></a></li>
</ss:data:repeater>
</ul>
</ss:logic:if>