"List All Category"
Bootstrap 3.3.0 Snippet by xrozix

<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 ----------> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <div class="list-group product-bread-a"> <a href="#" class="list-group-item product-bread-a" style="background:#dededd"><i class="fa fa-chevron-left"></i><i class="fa fa-chevron-left"></i> Semua Kategori</a> </div> <ul class="list-group product-category-all"> <li class="list-group-item"><span class="badge" ><i class="fa fa-chevron-right icon-data"></i></i></span> <img src="http://static.iconarchive.com/static/images/social/facebook-icon.png"></img> Elektronik </li> <li class="list-group-item"><span class="badge" ><i class="fa fa-chevron-right icon-data"></i></i></span> <img src="http://static.iconarchive.com/static/images/social/facebook-icon.png"></img> Buku</li> </ul>
.badge{ background:none; } .badge i{ color:#5d82c1; } .product-category-all li{ // border:1px solid #c1c1c2; } .product-category-all li{ -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .icon-data{ font-size:25px !important; // margin-top:-4px; } .product-bread-a{ -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .product-bread-a a{ color:#718ac3; }

Related: See More


Questions / Comments: