Analytics

Page URLs
Page Views
Trend
100k
5%
70k
2%
50k
5%
30k
2%
20k
5%


<div class="block-analytics">
    <!-- block analytics header -->
    <div class="block-analytics-header">
        <h6 class="block-analytics-hl">Top Pages</h6>

        <ul class="quick-menu small">
            <li class="quick-menu-item active">
                <a href="#" class="quick-menu-link">Top Pages</a>
            </li>
            <li class="quick-menu-item">
                <a href="#" class="quick-menu-link">Entry Pages</a>
            </li>
            <li class="quick-menu-item">
                <a href="#" class="quick-menu-link">Exit Pages</a>
            </li>
        </ul>
    </div>
    <!-- block analytics header -->

    <!-- block analytics body -->
    <div class="block-analytics-body">
        <div class="block-stat-table">
            <div class="block-stat-table-head">
                <div class="block-stat-table-header is-left is-primary">Page URLs</div>
                <div class="block-stat-table-header">Page Views</div>
                <div class="block-stat-table-header">Trend</div>
            </div>
            <div class="block-stat-table-body">
                <div class="block-stat-table-row">
                    <div class="block-stat-table-cell is-left is-primary">
                        <a href="">/home</a>
                        <div class="block-stat-table-indicator" style="width: 100%"></div>
                    </div>
                    <div class="block-stat-table-cell">100k</div>
                    <div class="block-stat-table-cell"><span class="indicator is-upward">5%</span></div>
                </div>
                <div class="block-stat-table-row">
                    <div class="block-stat-table-cell is-left is-primary">
                        <a href="">/about</a>
                        <div class="block-stat-table-indicator" style="width: 70%"></div>
                    </div>
                    <div class="block-stat-table-cell">70k</div>
                    <div class="block-stat-table-cell"><span class="indicator is-downward">2%</span></div>
                </div>
                <div class="block-stat-table-row">
                    <div class="block-stat-table-cell is-left is-primary">
                        <a href="">/contact</a>
                        <div class="block-stat-table-indicator" style="width: 50%"></div>
                    </div>
                    <div class="block-stat-table-cell">50k</div>
                    <div class="block-stat-table-cell"><span class="indicator is-upward">5%</span></div>
                </div>
                <div class="block-stat-table-row">
                    <div class="block-stat-table-cell is-left is-primary">
                        <a href="">/terms</a>
                        <div class="block-stat-table-indicator" style="width: 30%"></div>
                    </div>
                    <div class="block-stat-table-cell">30k</div>
                    <div class="block-stat-table-cell"><span class="indicator is-downward">2%</span></div>
                </div>
                <div class="block-stat-table-row">
                    <div class="block-stat-table-cell is-left is-primary">
                        <a href="">/privacy</a>
                        <div class="block-stat-table-indicator" style="width: 20%"></div>
                    </div>
                    <div class="block-stat-table-cell">20k</div>
                    <div class="block-stat-table-cell"><span class="indicator is-upward">5%</span></div>
                </div>
            </div>
        </div>
    </div>
    <!-- block analytics body -->

    <div class="block-analytics-footer">
        <a href="#" class="button button-outline button-small">View full report</a>
    </div>
</div>