<div id="main-content" class="span8">
                <div id="mission" class="diagonal_lines_pattern">
                    <p>
                        The role of HR is to create and implement a comprehensive human resources program
                        to serve the University community and attract, reward, and retain high-quality faculty
                        and staff. <a class="btn btn-small" href="#">More about HR</a>
                    </p>
                </div>
                <div id="featured-links">
                    <h2>Featured Services</h2>
                    <div class="tabbable tabs-left">
                        <ul id="featured-links-accordion" class="nav nav-tabs">
                            <li><a href="#popular" data-toggle="tab">Most Popular</a></li>
                            <li><a href="#group1" data-toggle="tab">Benefits</a></li>
                            <li><a href="#group2" data-toggle="tab">Payroll</a></li>
                            <li><a href="#group3" data-toggle="tab">Employment</a></li>
                            <li><a href="#group4" data-toggle="tab">Policies</a></li>
                        </ul>
                        <div class="tab-content">
                            <div id="popular" class="tab-pane active">
                                <ul class="nav nav-list pull-left" style="width: 40%;">
                                    <li class="nav-header">Jobs </li>
                                    <li><a href="#">View Open Jobs</a></li>
                                    <li><a href="#">Getting Started Guide</a></li>
                                    <li><a href="#">Temporary Employment information</a></li>
                                    <li><a href="#">About living in Louisville</a></li>
                                    <li><a href="#">One last link here</a></li>
                                </ul>
                                <ul class="nav nav-list pull-left" style="width: 40%;">
                                    <li class="nav-header">Benefits </li>
                                    <li><a href="#">Insurance Plans</a></li>
                                    <li><a href="#">Insurance rates for 2012</a></li>
                                    <li><a href="#">Get Healthy Now</a></li>
                                    <li><a href="#">Awards and Suggestions</a></li>
                                    <li><a href="#">One last link here</a></li>
                                </ul>
                            </div>
                            <div id="group1" class="tab-pane">
                                Foo
                            </div>
                            <div id="group2" class="tab-pane">
                                Bar
                            </div>
                            <div id="group3" class="tab-pane">
                                Baz
                            </div>
                            <div id="group4" class="tab-pane">
                                Boo
                            </div>
                        </div>
                    </div>
                </div>
            </div>

Go to Manage Portlets and chose to Add a Static Text Portlet. Whatever you name it will be visible as a title on the screen. For tabs, copy and paste the following code into the portlet body:

<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">Home</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home"><p>Text for first tab</p></div>
    <div role="tabpanel" class="tab-pane" id="profile">...</div>
    <div role="tabpanel" class="tab-pane" id="messages">...</div>
    <div role="tabpanel" class="tab-pane" id="settings">...</div>
  </div>

</div>