PC-Resource Tabs

by freedawirl

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="http://esimakin.github.io/twbs-pagination/js/jquery.twbsPagination.js"></script>
<script src="https://raw.githubusercontent.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>
<div id="content-wrapper">
    <div class="inner clearfix"></div>
</div>
<div>
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Project Connect</a>
        </li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Central Corridor</a>
        </li>
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">North Corridor</a>
        </li>
        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Archive</a>
        </li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">
            <section class="main-content">
                <div class="page-content" class="well">Page 1 Content</div>
            </section>
        </div>
        <!--Section 2 --->
        <div role="tabpanel" class="tab-pane" id="profile">
            <section class="main-content">
                <div class="page-content" class="well">Page 2 Content</div>
            </section>
        </div>
        <!--Section 3 --->
        <div role="tabpanel" class="tab-pane" id="messages">
            <section class="main-content">
                <div class="page-content" class="well">Page 3 Content</div>
            </section>
        </div>
        <!--Section 4 --->
        <div role="tabpanel" class="tab-pane" id="settings">
            <section...

JavaScript

$(document).ready(function () {

});