Code for the Homepage

            <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>