<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div>
<!-- Nav tabs -->
<ul id="jobseekers-tabs" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active col-sm-2"><a href="#other-resources" aria-controls="other-resources" role="tab" data-toggle="tab">I want help with other resources while I'm unemployed</a><a href="#" class="btn">Learn More</a></li>
<li role="presentation" class="col-sm-2"><a href="#education" aria-controls="education" role="tab" data-toggle="tab">I want more education or training</a><a href="#" class="btn">Learn More</a></li>
<li role="presentation" class="col-sm-2"><a href="#same-industry" aria-controls="same-industry-job" role="tab" data-toggle="tab">I want to find a job in the same occupation or industry</a><a href="#" class="btn">Learn More</a></li>
<li role="presentation" class="col-sm-2"><a href="#job-openings" aria-controls="job-openings" role="tab" data-toggle="tab">I want to view job openings and career resources</a><a href="#" class="btn">Learn More</a></li>
<li role="presentation" class="col-sm-2"><a href="#services" aria-controls="services" role="tab" data-toggle="tab">I'd like to see what resources and services your provide</a><a href="#" class="btn">Learn More</a></li>
<li role="presentation" class="col-sm-2"><a href="#career-change" aria-controls="career-change" role="tab" data-toggle="tab">I want to make a career change</a><a href="#" class="btn">Learn More</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="other-resources">
<ul>
<li><a href="#">Mental Health and Substance Abuse Report</a></li>
<li><a href="#">Housing assistance</a></li>
<li><a href="#">Food pantries and NJ snap</a></li>
<li><a href="#">Energy and utility cost assistance</a></li>
<li><a href="#">Social services</a></li>
<li><a href="#">NSCN non-profit partners with services for job seekers</a></li>
<li><a href="#">Financial educatoin and advising</a></li>
<li><a href="#">Low cost high speed internet</a></li>
<li><a href="#">Mature and older worker support</a></li>
<li><a href="#">Pbulic libraries</a></li>
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="education">
<ul>
<li><a href="#">Community colleges and postsecondary eduatoin and training</a></li>
<li><a href="#">New Jersey Department of Labor and Workforce Development</a></li>
<li><a href="#">Online Learning</a></li>
<li><a href="#">Financing education and training</a></li>
<li><a href="#">Computer and digital literacy</a></li>
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="same-industry">
<ul>
<li><a href="#">Finding Work in Today's Economy</a></li>
<li><a href="#">How to use your time most effectively in your job search</a></li>
<li><a href="#">Four keys to job success</a></li>
<li><a href="#">Evaluating your job search success</a></li>
<li><a href="#">Building your skills while unemployed</a></li>
<li><a href="#">Volunteering</a></li>
<li><a href="#">Dealing with stress and rejection</a></li>
<li><a href="#">Thriving in the Gig Economy</a></li>
<li><a href="#">Planning for success after employment</a></li>
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="job-openings">
<ul>
<li><a href="#">Job Openings</a></li>
<li><a href="#">Job boards and job search engines</a></li>
<li><a href="#">Job search and career guides</a></li>
<li><a href="#">Job clubs and peer counseling networks</a></li>
<li><a href="#">Career Tools</a></li>
<li><a href="#">Labor market information</a></li>
<li><a href="#">Social media</a></li>
<li><a href="#">Consultin/contract work</a></li>
<li><a href="#">Thriving in the gig economy</a></li>
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="services">
<ul>
<li><a href="#">Job Search Tips</a></li>
<li><a href="#">Coaching</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Webinar and Events</a></li>
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="career-change">6</div>
</div>
</div>
