Skip to content

Instantly share code, notes, and snippets.

@blogcacanid
Created April 16, 2020 10:21
Show Gist options
  • Save blogcacanid/52c83da2074c3aa592274c6d6753ba66 to your computer and use it in GitHub Desktop.
Save blogcacanid/52c83da2074c3aa592274c6d6753ba66 to your computer and use it in GitHub Desktop.
_sidebar Covid-19 AngularJS
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="index3.html" class="brand-link">
<img src="https://i.imgur.com/YLiSEbF.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
style="opacity: .8">
<span class="brand-text font-weight-light">Covid-19</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
<div class="image">
<img src="https://i.imgur.com/DlWzVsT.jpg" class="img-circle elevation-2" alt="User Image">
</div>
<div class="info">
<a href="#" class="d-block">Cacan Blog</a>
</div>
</div>
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<li class="nav-header">NASIONAL</li>
<li class="nav-item">
<a href="../indonesia" class="nav-link <?php echo $uriSegments[1] == 'nasional' ? 'active' : '' ?>">
<i class="nav-icon far fa-flag"></i>
<p>Indonesia</p>
</a>
</li>
<li class="nav-header">INTERNASIONAL</li>
<li class="nav-item">
<a href="../dunia" class="nav-link <?php echo $uriSegments[1] == 'internasional' ? 'active' : '' ?>">
<i class="nav-icon fa fa-globe"></i>
<p>Dunia</p>
</a>
</li>
</ul>
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment