<section class="sales-crowd-promo salescrowd-orange white-text article-page">
    <div class="container">
        <h1 class="single-article-title no-dateline">{{{pageMeta.title}}}</h1>
    </div>
</section>
<main class="sales-crowd-main-content variant-two" data-ng-controller="Tag1ColumnCtrl">
    <div class="content no-padding sales-crowd-blog overlap">
        {{!<div class="content">
            <div class="lab-report">
                <section class="two-columns">
                    <div class="lab-report-form">
                        <h2 class="mobile-only">Get Your Copy of Our FREE SoSocial Media Report 2015</h2>
                        <form>
                            <label class="desktop-only" for="sample">Email</label>
                            <input type="email" name="sample" placeholder="enter-your-email@example.com" />
                            <input class="button button-wide-100 button-green" value="Send Me My FREE Copy" type="submit"><br/>
                        </form>
                    </div>
                </section>
                <section class="two-columns">
                    <img class="no-mobile" src="images/report-signup-banner.jpg" alt="" />
                </section>
            </div>
        </div>}}
        <div class="content" id="articleListing">
            <section class="one-column-front sidebar-right">
                <article data-ng-if="viewLoading == false" data-ng-repeat="article in allArticles | startFrom: pagination.page * pagination.perPage | limitTo: pagination.perPage" class="soso-blog {[{article.category.replace(' ','-');}]} {[{article.inverse}]}">
                    <a data-ng-attr-href="/articles/{[{article.articleSlug}]}" title="{[{article.title}]}">
                        <img data-ng-src="{[{cloudinaryUrl}]}/h_628,w_1200,q_70,f_auto/v{[{article.imageVersion}]}/{[{article.image}]}" alt="{[{article.title}]}" />
                    </a>
                    <div class="article-title">
                        <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" data-ng-bind="'By ' + article.author.firstname + ' ' + article.author.lastname"></p>
                            <p class="article-dateline" data-ng-bind="article.createdDate | date:'EEEE, MMMM d'"></p>
                        </div>
                        <a data-ng-attr-href="/articles/{[{article.articleSlug}]}"><h4 data-ng-bind="article.title"></h4></a> <p class="article-type" data-ng-bind="article.categoryNoHyphens"></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="javascript:void(0);" 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="javascript:void(0);" 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="javascript:void(0);" data-ng-click="pagination.nextPage()">Next</a></li>
                    </ul>
                </div>
            </section>
        </div>
    </div>
</main>