<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": false}'>
    <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 class="wow animated hinge fadeInUpBig" 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 class="wow animated hinge fadeInUpBig" src="images/static-header-2.jpg" alt="" />
            </div>
        </section>
    </div>
</div>
<main class="so-social-main-content" data-ng-controller="ArticleOverviewCtrl">



    <div class="content so-social-blog overlap">

        <section class="two-columns sidebar-right">
            <article ng-hide="viewLoading" data-ng-repeat="article in articlesLeft | startFrom: pagination.page * pagination.perPage | limitTo: pagination.perPage" class="{[{article.category}]}">
                <a data-ng-attr-href="/articles/{[{article.articleSlug}]}" title="{[{article.title}]}"><img data-ng-attr-src="{[{article.image}]}" alt="{[{article.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" data-ng-attr-src="{[{article.author.avatar}]}" alt="" />
                        <p class="author-name">By {[{article.author.firstname}]} {[{article.author.lastname}]}</p>
                        <p class="article-dateline">{[{article.createdDate | date:'EEEE, MMMM d'}]}</p>
                    </div>
                    <h4>{[{article.title}]}</h4> <p class="article-type">{[{article.category}]}</p></div>
                <div class="article-content" data-ng-bind-html="article.excerpt"></div>
                <a class="button article-readmore button-square button-wide-100" data-ng-attr-href="/articles/{[{article.articleSlug}]}">Read More</a>
            </article>

            <div class="loader-image animated infinite ui-preview" ng-show="viewLoading">
                <img src="images/ui-preview.png" alt="" />
                <img src="images/ui-preview.png" alt="" />
                <img src="images/ui-preview.png" alt="" />
            </div>
            <div class="spacer"></div>
        </section>
        <section class="two-columns sidebar-right">
            <article ng-hide="viewLoading" data-ng-repeat="article in articlesRight | startFrom: pagination.page * pagination.perPage | limitTo: pagination.perPage" class="{[{article.category}]}">
                <a data-ng-attr-href="/articles/{[{article.articleSlug}]}" title="{[{article.title}]}"><img data-ng-attr-src="{[{article.image}]}" alt="{[{article.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" data-ng-attr-src="{[{article.author.avatar}]}" alt="" />
                        <p class="author-name">By {[{article.author.firstname}]} {[{article.author.lastname}]}</p>
                        <p class="article-dateline">{[{article.createdDate | date:'EEEE, MMMM d'}]}</p>
                    </div>
                    <h4>{[{article.title}]}</h4> <p class="article-type">{[{article.category}]}</p></div>
                <div class="article-content" data-ng-bind-html="article.excerpt"></div>
                <a class="button article-readmore button-square button-wide-100" data-ng-attr-href="/articles/{[{article.articleSlug}]}">Read More</a>
            </article>
            <div class="loader-image animated infinite ui-preview" ng-show="viewLoading">
                <img src="images/ui-preview.png" alt="" />
                <img src="images/ui-preview.png" alt="" />
                <img src="images/ui-preview.png" alt="" />
            </div>
            <div class="spacer"></div>
        </section>

        {{> sidebar_right_blog}}

        <section class="pagination-wrapper">
            <div class="pagination">
                <ul>
                    <li class="page-prev" data-ng-if="pagination.page != 0"><a class="page-prev" href="" data-ng-click="pagination.prevPage()">Prev</a></li>
                    <li data-ng-repeat="n in [] | range: pagination.numPages" data-ng-class="{active: n == pagination.page}"><a href="" data-ng-click="pagination.toPageId(n)">{[{n + 1}]}</a>
                    </li>
                    <li class="page-next" data-ng-if="pagination.page < (pagination.numPages - 1)"><a class="page-next" href="" data-ng-click="pagination.nextPage()">Next</a></li>
                </ul>
            </div>
        </section>
    </div>
</main>