<div class="row">
<div class="col-xs-12 col-sm-5 margin-bottom30"><a href="learn-french/"><img src="/urban/learn-french2.jpg" /></a></div>
<div class="col-xs-5 col-sm-3 margin-bottom30"><a href="/urban/learn-french/diplomas/"><img src="/urban/diplomas2.jpg" /></a>
</div>
<div class="col-xs-7 col-sm-4 margin-bottom30"><a href="/urban/cultural-events/"><img src="/urban/events2.jpg" /></a>
</div>
</div>
<br/>
<h2 style="text-align:center;">— The Alliance Française Experience —</h2>
<ss:logic:include page="/urban/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="/urban/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="/urban/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="/urban/culture.png" class="expeIcon" /></a><p>Cultural immersion</p></div>
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/urban/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="/urban/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="/urban/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="/urban/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-12 blue-bg margin-bottom40">
<div class="row">
<ss:data:repeater datalimit="2" emptymessage="None found" dataorder="[? [['post_date', 'ASC']] ?]" datasource="\Components\Website\Posts::getAllForCategory(18)" as="post" datafilter="[? [['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="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" 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>
<a href="/urban/cultural-events/">
<p>
<ss:standard:icon library="fontawesome" name="heart-solid" size="4" style="width: 50px; height: 50px; padding: 15px; background-color: #fffde7" /> More
content</p></a>
</div>
</div>
<ss:logic:if test="\Components\Website\Posts::getCount([['post_category_id', '=', 17], 'AND', ['post_is_offline', '=', 0]])">
<ss:logic:include page="/urban/design-elements/closing-div/" />
<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" contentsize="md" style="text-align: left;" bgcolor="#f7efef">
<ss:templates:row>
<ss:templates:column width="6">
<p></p>
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1521539816929-894a163bbb8f?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=86358763ae88ce65d8931a5b3fc3e130" maintainaspect="crop" height="296" />
</ss:templates:column>
<ss:templates:column width="6">
<h3>
<ss:standard:icon library="fontawesome" name="weixin" size="4" style="width: 50px; height: 50px; padding: 8px;" /> Learn French
Online
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<br />
<br />
</p>
<p><a href="/urban/learn-french/online-courses/" class="rouge">More infos</a></p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:logic:include page="/urban/design-elements/opening-div/" />
<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)" datalimit="15" dataorder="[? [['post_date', 'asc']] ?]" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<li>
<a href="[? $post['post_content_url'] ?]" target="_blank"><ss:standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" 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="learn-french/"><img src="/urban/learn-french2.jpg" /></a></div>
<div class="col-xs-5 col-sm-3 margin-bottom30"><a href="/urban/learn-french/diplomas/"><img src="/urban/diplomas2.jpg" /></a>
</div>
<div class="col-xs-7 col-sm-4 margin-bottom30"><a href="/urban/cultural-events/"><img src="/urban/events2.jpg" /></a>
</div>
</div>
<br/>
<h2 style="text-align:center;">— The Alliance Française Experience —</h2>
<ss:logic:include page="/urban/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="/urban/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="/urban/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="/urban/culture.png" class="expeIcon" /></a><p>Cultural immersion</p></div>
<div class="col-sm-3 col-xs-6"><a href="#"><img src="/urban/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="/urban/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="/urban/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="/urban/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-12 blue-bg margin-bottom40">
<div class="row">
<ss:data:repeater datalimit="2" emptymessage="None found" dataorder="[? [['post_date', 'ASC']] ?]" datasource="\Components\Website\Posts::getAllForCategory(18)" as="post" datafilter="[? [['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="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" 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>
<a href="/urban/cultural-events/">
<p>
<ss:standard:icon library="fontawesome" name="heart-solid" size="4" style="width: 50px; height: 50px; padding: 15px; background-color: #fffde7" /> More
content</p></a>
</div>
</div>
<ss:logic:if test="\Components\Website\Posts::getCount([['post_category_id', '=', 17], 'AND', ['post_is_offline', '=', 0]])">
<ss:logic:include page="/urban/design-elements/closing-div/" />
<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" contentsize="md" style="text-align: left;" bgcolor="#f7efef">
<ss:templates:row>
<ss:templates:column width="6">
<p></p>
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1521539816929-894a163bbb8f?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=86358763ae88ce65d8931a5b3fc3e130" maintainaspect="crop" height="296" />
</ss:templates:column>
<ss:templates:column width="6">
<h3>
<ss:standard:icon library="fontawesome" name="weixin" size="4" style="width: 50px; height: 50px; padding: 8px;" /> Learn French
Online
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<br />
<br />
</p>
<p><a href="/urban/learn-french/online-courses/" class="rouge">More infos</a></p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:logic:include page="/urban/design-elements/opening-div/" />
<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)" datalimit="15" dataorder="[? [['post_date', 'asc']] ?]" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<li>
<a href="[? $post['post_content_url'] ?]" target="_blank"><ss:standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" style="width:100px;" /></a>
</li>
</ss:data:repeater>
</ul>
</ss:logic:if>