Tile Sidebar Code Structure
All code structure will be same just sidebar tile style will be different structure.
<!doctype html>
<html>
<head>
</head>
<body class="leftbar-view">
<!--Topbar Start Here-->
<header class="topbar clearfix">
</header>
<!--Topbar End Here-->
<!--Leftbar Start Here-->
<aside class="leftbar">
<div class="left-aside-container">
<div class="user-profile-container">
</div>
<!--Tile Leftbar Start Here -->
<div class="tile-leftbar">
<div class="tile-row clearfix">
<div class="tile-col-1 w_bg_cyan">
<a href="#">
</a>
</div>
<div class="tile-col-2 w_bg_amber">
<a href="#">
</a>
</div>
<div class="tile-col-2 w_bg_green">
<a href="#">
</a>
</div>
...
</div>
</div>
</div>
</aside>
<!--Leftbar End Here-->
<!--Page Container Start Here-->
<section class="main-container">
<div class="container-fluid">
</div>
</section>
<!--Page Container End Here-->
<!--Rightbar Start Here-->
<aside class="rightbar"></aside>
<!--Rightbar End Here-->
</body>
</html>