<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<div class="nav-side-menu">
<div class="brand">HR Department IFS World</div>
<i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
<div class="menu-list">
<ul id="menu-content" class="menu-content collapse out">
<li>
<a href="#">
Mind Set
</a>
</li>
<li>
<a href="#">
<i class="fa"></i> Organization Structure
</a>
</li>
<li>
<a href="#">
<i class="fa fa-lg"></i> GPTW
</a>
</li>
<li data-toggle="collapse" data-target="#career" class="collapsed active">
<a href="#"><i class="fa fa-lg"></i> Career At IFS <span class="arrow"></span></a>
</li>
<ul class="sub-menu collapse" id="career">
<li><a href="#">Global Designation</a></li>
<li><a href="#">Job Opportunities</a></li>
<li><a href="#">Leadership Development</a></li>
</ul>
