  <section class="so-social-promo sosocial-twitter white-text mobile-only">
            <div class="container">
                <div class="promo-text-right">
                    <h1>You Should Try The Facebook Targeting Masterclass...</h1>
                    <h2 class="promo-label">Take the bite out of your social spend</h2>
                    <a href="#" class="button button-wide-50 button-red"><i class="icon sosocial-icon-gift desktop-only animated infinite hinge pulse"></i>&nbsp;&nbsp;&nbsp;Yeah! Let's Do that!</a>
                </div>
                <img src="images/static-header-1.jpg" alt="" />
            </div>
        </section>
<div class="gallery js-flickity no-mobile" data-flickity-options='{ "cellAlign": "center", "contain": true, "pageDots": true}'>
    <div class="gallery-cell no-mobile">
        <section class="so-social-promo sosocial-twitter white-text">
            <div class="container">
                <div class="promo-text-right">
                    <h1>You Should Try The Facebook Targeting Masterclass...</h1>
                    <h2 class="promo-label">Take the bite out of your social spend</h2>
                    <a href="#" class="button button-wide-50 button-red"><i class="icon sosocial-icon-gift desktop-only animated infinite hinge pulse"></i>&nbsp;&nbsp;&nbsp;Yeah! Let's Do that!</a>
                </div>
                <img src="images/static-header-1.jpg" alt="" />
            </div>
        </section>
    </div>
    <div class="gallery-cell no-mobile">
        <section class="so-social-promo sosocial-google white-text">
            <div class="container">
                <div class="promo-text-right">
                    <h1>You Should Try The Facebook Targeting Masterclass...</h1>
                    <h2 class="promo-label">Take the bite out of your social spend</h2>
                    <a href="#" class="button button-wide-50 button-green"><i class="icon sosocial-icon-gift desktop-only animated infinite hinge pulse"></i>&nbsp;&nbsp;&nbsp;Yeah! Let's Do that!</a>
                </div>
                <img src="images/static-header-2.jpg" alt="" />
            </div>
        </section>
    </div>
</div>
<main class="so-social-main-content">
    <div class="content so-social-blog overlap">
        <section class="two-columns sidebar-right">
  {{#each leftArticles}}
            <article class="{{category}}">
                <a href="/articles/{{category}}/{{slug}}" title=""><img src="{{imageCdn image imageVersion 'articleList'}}" alt="{{title}}" class="article-grid-image" /></a>
                <div class="article-title sosocial-red">
                    <div class="byline-gradient"></div>
                    <div class="article-byline">
                        <img class="author-image" src="images/face-1.jpg" alt="" />
                        <p class="author-name">By {{author}}</p>
                        <p class="article-dateline">{{createdDate}}/p>
                    </div>
                    <h4>{{ucwords title}}</h4> <p class="article-type">{{category}}</p></div>
                <div class="article-content">
                    {{excerpt}}
                </div>
                <a class="button article-readmore button-square button-wide-100" href="/articles/{{category}}/{{slug}}">Read More</a>
            </article>
  {{else}}

        </section>
        <section class="two-columns sidebar-right">
            <article class="facebook">
                <img class="article-grid-image" src="images/article-image-1.jpg" alt="" />
                <div class="article-title">
                    <div class="byline-gradient"></div>
                    <div class="article-byline">
                        <img class="author-image" src="images/face-4.jpg" alt="" />
                        <p class="author-name">By Jonny Goddard</p>
                        <p class="article-dateline">Tuesday 15th May 2015</p>
                    </div>
                    <h4>Sed aliquet vehicula justo dignissim sapien facilisis</h4> <p class="article-type">Facebook Trends</p></div>
                <div class="article-content">
                    <p><strong>Pellentesque imperdiet leo sapien, sit amet cursus mi rhoncus eget.</strong></p> <p>Sed aliquet vehicula justo, vel dignissim sapien facilisis vitae. Nam ac est et lacus eleifend ultricies. Phasellus sit amet dictum dolor. Ut vel dui laoreet, venenatis elit id, luctus erat. Cras iaculis mauris augue. Aliquam tempus fringilla sapien, sed condimentum sem suscipit sit amet. </p>
                </div>
                <a class="button article-readmore button-square button-wide-100" href="javascript:void(0)">Read More</a>
            </article>
            <article class="snapchat alternative-style">
                <img class="article-grid-image" src="images/snap-action-plan.jpg" alt="" />
                <div class="article-title">
                    <h4>Proin at sapien id diam sollicitudin</h4> <p class="article-type">Snapchat</p></div>
                <div class="article-content alternative-style">
                    <p>Suspendisse potenti. Vestibulum ultrices nisl non arcu porta, vitae auctor justo ultrices. Sed ac leo non neque dictum tristique vitae ac arcu. Vivamus a orci id est aliquam malesuada a vel urna. Aliquam egestas et leo ac aliquam. Pellentesque id facilisis nibh. Aliquam congue ante volutpat sapien suscipit pellentesque. Sed sed est tortor. Proin efficitur nunc eros, placerat pretium tortor varius eget. Proin at sapien id diam sollicitudin imperdiet tristique eu dui. Morbi feugiat convallis ante ut fringilla. Suspendisse potenti. </p>
                </div>
                <a class="button button-earth article-readmore button-square button-wide-100" href="javascript:void(0)">Read More</a>
            </article>
            <article class="twitter">
                <img class="article-grid-image" src="images/article-image-2.jpg" alt="" />
                <div class="article-title sosocial-red">
                    <div class="byline-gradient"></div>
                    <div class="article-byline">
                        <img class="author-image" src="images/face-2.jpg" alt="" />
                        <p class="author-name">By Claudia Kingman</p>
                        <p class="article-dateline">Tuesday 15th May 2015</p>
                    </div>
                    <h4>Consequat eu in diam aliquet vehicula</h4> <p class="article-type">Twitter</p></div>
                <div class="article-content">
                    <p><strong>Mauris vel justo quis dolor rutrum consequat eu in diam. Sed vehicula arcu ac velit ullamcorper egestas.</strong></p><p>Pellentesque condimentum, enim in finibus fermentum, metus risus finibus diam, a pellentesque velit diam ut nisi. Morbi in tellus quam.</p>
                </div>
                <a class="button article-readmore button-square button-wide-100" href="javascript:void(0)">Read More</a>
            </article>
        </section>

        {{> sidebar_right_blog}}

        <section class="pagination-wrapper">
            <div class="pagination">
                <ul>
                    <li class="page-prev"><a class="page-prev" href="javascript:void(0)">Prev</a></li>
                    <li>
                        <ul>
                            <li><a href="javascript:void(0)">1</a></li>
                            <li><a href="javascript:void(0)">2</a></li>
                            <li><a href="javascript:void(0)">3</a></li>
                            <li><a href="javascript:void(0)">4</a></li>
                            <li><a href="javascript:void(0)">5</a></li>
                            <li><a href="javascript:void(0)">6</a></li>
                            <li><a href="javascript:void(0)">7</a></li>
                        </ul>
                    </li>
                    <li class="page-next"><a class="page-next" href="javascript:void(0)">Next</a></li>
                </ul>
            </div>
        </section>
    </div>
</main>  

{{> bullets}}