<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
<div class="container bootdey">
<div class="col-md-3">
<section class="panel">
<div class="panel-body">
<input type="text" placeholder="Keyword Search" class="form-control" />
</div>
</section>
<section class="panel">
<header class="panel-heading">
Category
</header>
<div class="panel-body">
<ul class="nav prod-cat">
<li>
<a href="#" class="active"><i class="fa fa-angle-right"></i> Dress</a>
<ul class="nav">
<li class="active"><a href="#">- Shirt</a></li>
<li><a href="#">- Pant</a></li>
<li><a href="#">- Shoes</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa fa-angle-right"></i> Bags & Purses</a>
</li>
<li>
<a href="#"><i class="fa fa-angle-right"></i> Beauty</a>
</li>
<li>
<a href="#"><i class="fa fa-angle-right"></i> Coat & Jacket</a>
</li>
<li>
