<!-- RIBBON -->
<div id="ribbon">

				<span class="ribbon-button-alignment"> 
					<span id="refresh" class="btn btn-ribbon" data-action="resetWidgets" data-title="refresh"  rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings." data-html="true">
						<i class="fa fa-refresh"></i>
					</span> 
				</span>

    <!-- breadcrumb -->
    <ol class="breadcrumb">
        <li>Home</li><li>App Views</li><li>Forum Layout</li><li>General View</li>
    </ol>
    <!-- end breadcrumb -->

    <!-- You can also add more buttons to the
    ribbon for further usability

    Example below:

    <span class="ribbon-button-alignment pull-right">
    <span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
    <span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
    <span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
    </span> -->

</div>
<!-- END RIBBON -->



<!-- MAIN CONTENT -->
<div id="content">

    <!-- row -->
    <div class="row">

        <!-- col -->
        <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
            <h1 class="page-title txt-color-blueDark"><!-- PAGE HEADER --><i class="fa-fw fa fa-puzzle-piece"></i> App Views <span>>
							Forum Layout > General View </span></h1>
        </div>
        <!-- end col -->

        <!-- right side of the page with the sparkline graphs -->
        <!-- col -->
        <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
            <!-- sparks -->
            <ul id="sparks">
                <li class="sparks-info">
                    <h5> My Income <span class="txt-color-blue">$47,171</span></h5>
                    <div class="sparkline txt-color-blue hidden-mobile hidden-md hidden-sm">
                        1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471
                    </div>
                </li>
                <li class="sparks-info">
                    <h5> Site Traffic <span class="txt-color-purple"><i class="fa fa-arrow-circle-up" data-rel="bootstrap-tooltip" title="Increased"></i>&nbsp;45%</span></h5>
                    <div class="sparkline txt-color-purple hidden-mobile hidden-md hidden-sm">
                        110,150,300,130,400,240,220,310,220,300, 270, 210
                    </div>
                </li>
                <li class="sparks-info">
                    <h5> Site Orders <span class="txt-color-greenDark"><i class="fa fa-shopping-cart"></i>&nbsp;2447</span></h5>
                    <div class="sparkline txt-color-greenDark hidden-mobile hidden-md hidden-sm">
                        110,150,300,130,400,240,220,310,220,300, 270, 210
                    </div>
                </li>
            </ul>
            <!-- end sparks -->
        </div>
        <!-- end col -->

    </div>
    <!-- end row -->

    <!-- row -->
    <div class="row">

        <div class="col-sm-12">

            <div class="well">

                <table class="table table-striped table-forum">
                    <thead>
                    <tr>
                        <th colspan="2">Introduction</th>
                        <th class="text-center hidden-xs hidden-sm" style="width: 100px;">Topics</th>
                        <th class="text-center hidden-xs hidden-sm" style="width: 100px;">Posts</th>
                        <th class="hidden-xs hidden-sm" style="width: 200px;">Last Post</th>
                    </tr>
                    </thead>
                    <tbody>

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-globe fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    Hello, welcome to SmartAdmin Forum!
                                </a>
                                <small>You can introduce yourself here</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-microphone fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    News & Announcements
                                </a>
                                <small>Latest news and reports</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-pencil fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    Forum Rules
                                </a>
                                <small>Please read carefully our forum rules before you post</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    </tbody>
                </table>

                <table class="table table-striped table-forum">
                    <thead>
                    <tr>
                        <th colspan="2">Projects</th>
                        <th class="text-center hidden-xs hidden-sm" style="width: 100px;">Topics</th>
                        <th class="text-center hidden-xs hidden-sm" style="width: 100px;">Posts</th>
                        <th class="hidden-xs hidden-sm" style="width: 200px;">Last Post</th>
                    </tr>
                    </thead>
                    <tbody>

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-table fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    Business Requirement Docs
                                </a>
                                <small>Latest BRD docs</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-bar-chart-o fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    Project Discussions
                                </a>
                                <small>Post all project related topics here</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-user fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    Clients
                                </a>
                                <small>Client forum posts</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-dollar fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    Budget Meetings
                                </a>
                                <small>Project budget discussions</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    </tbody>
                </table>


                <table class="table table-striped table-forum">
                    <thead>
                    <tr>
                        <th colspan="2">Support</th>
                        <th class="text-center hidden-xs hidden-sm" style="width: 100px;">Topics</th>
                        <th class="text-center hidden-xs hidden-sm" style="width: 100px;">Posts</th>
                        <th class="hidden-xs hidden-sm" style="width: 200px;">Last Post</th>
                    </tr>
                    </thead>
                    <tbody>

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-book fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    How to...
                                </a>
                                <small>Maecenas nec odio et</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-question-circle fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    Questions and FAQs
                                </a>
                                <small>Luctus pulvinar hendrerit id lorem</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    <!-- TR -->
                    <tr>
                        <td class="text-center" style="width: 40px;"><i class="fa fa-user-md fa-2x text-muted"></i></td>
                        <td>
                            <h4><a href="forum-topic.html">
                                    User Guideline
                                </a>
                                <small>Cras dapibus vivamus elementum semper nisi</small>
                            </h4>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">431</a>
                        </td>
                        <td class="text-center hidden-xs hidden-sm">
                            <a href="javascript:void(0);">1342</a>
                        </td>
                        <td class="hidden-xs hidden-sm">by
                            <a href="javascript:void(0);">John Doe</a>
                            <br>
                            <small><i>January 1, 2014</i></small>
                        </td>
                    </tr>
                    <!-- end TR -->

                    </tbody>
                </table>


            </div>
        </div>

    </div>

    <!-- end row -->

    <!-- row -->

    <div class="row">

        <!-- a blank row to get started -->

    </div>

    <!-- end row -->

</div>
<!-- END MAIN CONTENT -->