<div class="wrapperMargin">
<div class="rotator">
<layout:rotator transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious" ArrowVariant="none" MinimapVariant="none" startatrandom="1">
<data:repeater datasource="\Components\Website\Posts::getAllForCategory(21)" as="post" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div style="width: 100%;">
<a href="[? $post['post_content_url'] ?]">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" width="100%" />
<span class="bannerText">[? $post['post_title'] ?]</span>
</a>
</div>
</data:repeater>
</layout:rotator>
<div id="controls">
<a id="bannerMovePrevious" href="#"><img alt="Previous Item" src="/media/website_designs/1/leftarrowicon.png" /></a>
<a id="bannerMoveNext" href="#"><img alt="Next Item" src="/media/website_designs/1/rightarrowicon.png" /></a>
</div>
</div>
<hr />
</div>
<data:repeater id="posts_repeater" as="post" datasource="\Components\Website\Posts::getAllForCategory(2)" datalimit="15" dataorder="[? [['post_date', 'asc']] ?]" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div class="contentItemWrap">
<a href="[? $post['post_content_url'] ?]">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" />
<div class="contentItemWrapText">
<h1>[? $post['post_title'] ?]</h1>
<p>[? $post['post_content_short'] ?]
</p>
</div>
</a>
</div>
</data:repeater>
<div class="wrapperMargin">
<div class="rotator">
<layout:rotator transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious" ArrowVariant="none" MinimapVariant="none" startatrandom="1">
<data:repeater datasource="\Components\Website\Posts::getAllForCategory(21)" as="post" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div style="width: 100%;">
<a href="[? $post['post_content_url'] ?]">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" width="100%" />
<span class="bannerText">[? $post['post_title'] ?]</span>
</a>
</div>
</data:repeater>
</layout:rotator>
<div id="controls">
<a id="bannerMovePrevious" href="#"><img alt="Previous Item" src="/media/website_designs/1/leftarrowicon.png" /></a>
<a id="bannerMoveNext" href="#"><img alt="Next Item" src="/media/website_designs/1/rightarrowicon.png" /></a>
</div>
</div>
<hr />
</div>
<data:repeater id="posts_repeater" as="post" datasource="\Components\Website\Posts::getAllForCategory(2)" datalimit="15" dataorder="[? [['post_date', 'asc']] ?]" datafilter="[? [['post_is_offline', '=', 0]] ?]">
<div class="contentItemWrap">
<a href="[? $post['post_content_url'] ?]">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" />
<div class="contentItemWrapText">
<h1>[? $post['post_title'] ?]</h1>
<p>[? $post['post_content_short'] ?]
</p>
</div>
</a>
</div>
</data:repeater>