<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="section3"> <div class="col-md-4 col-sm-4 col-xs-12 mob_mb20"> <div class="section3_heading"> <h2>Tab1</h2> </div> <div class="section3_body"> <ul> <li>Owners</li> <li>Presidents</li> <li>Top level managers</li> </ul> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12 mob_mb20"> <div class="section3_heading"> <h2>Tab2</h2> </div> <div class="section3_body"> <ul> <li>Owners</li> <li>Presidents</li> <li>Top level managers</li> </ul> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12 mob_mb20"> <div class="section3_heading"> <h2>Tab3</h2> </div> <div class="section3_body"> <ul> <li>Owners</li> <li>Presidents</li> <li>Top level managers</li> </ul> <p class="note">Note: Lorum ipsum dummy note content here.</p> </div> </div> </div> <div class="clearfix"></div>

li:before { content: '✔'; margin-left: -1em; margin-right: .100em; } ul { padding-left: 20px; text-indent: 2px; list-style: none; list-style-position: outside; } .section3{ width: 100%; background: url('../img/curriculam_bg.png'); background-size: cover; padding-top: 50px; padding-bottom: 50px; margin-bottom: 1px; display: table; } .section3_heading{ background: #d4eae4; color:#003057; text-align: center; padding-bottom: 20px; padding-top: 20px; transition: 1s ease; } .section3_heading:hover{ background: #003057; color:#fff; transition: 1s ease; } .section3_heading:hover + .section3_body{ border-bottom: 5px solid #003057; transition: 1s ease; } .section3_heading h2{ font-weight: 900; text-transform: uppercase; margin: 0px; } .section3_body{ background: #fff; padding: 30px 50px 20px 50px; border-bottom: 5px solid #d4eae4; min-height: 200px; transition: 1s ease; } .section3_body li{ margin-bottom: 10px; } .note { padding-left: 20px; font-size: 12px; font-style: italic; }