Updated the sidebar

Author: BobsProgrammingAcademy

README.md

@@ -1,6 +1,6 @@
 # Responsive Admin Dashboard
 
-This is a responsive admin dashboard built using **HTML 5**, **CSS 3** and **JavaScript**. Charts are built using **ApexCharts 3**.
+This is a responsive admin dashboard built using **HTML 5**, **CSS 3**, and **JavaScript**. Charts are built using **ApexCharts 3**.
 
 ![plot](https://github.com/BobsProgrammingAcademy/Responsive-Admin-Dashboard/blob/master/images/large.png?raw=true)
 

css/styles.css

@@ -110,6 +110,11 @@ body {
   cursor: pointer;
 }
 
+.sidebar-list-item > a {
+  text-decoration: none;
+  color: #9799ab;
+}
+
 .sidebar-responsive {
   display: inline !important;
   position: absolute;

index.html

@@ -44,25 +44,39 @@
 
         <ul class="sidebar-list">
           <li class="sidebar-list-item">
-            <span class="material-icons-outlined">dashboard</span> Dashboard
+            <a href="#" target="_blank">
+              <span class="material-icons-outlined">dashboard</span> Dashboard
+            </a>
           </li>
           <li class="sidebar-list-item">
-            <span class="material-icons-outlined">inventory_2</span> Products
+            <a href="#" target="_blank">
+              <span class="material-icons-outlined">inventory_2</span> Products
+            </a>
           </li>
           <li class="sidebar-list-item">
-            <span class="material-icons-outlined">fact_check</span> Inventory
+            <a href="#" target="_blank">
+              <span class="material-icons-outlined">fact_check</span> Inventory
+            </a>
           </li>
-          <li class="sidebar-list-item"> 
-            <span class="material-icons-outlined">add_shopping_cart</span> Purchase Orders
+          <li class="sidebar-list-item">
+            <a href="#" target="_blank">
+              <span class="material-icons-outlined">add_shopping_cart</span> Purchase Orders
+            </a>
           </li>
           <li class="sidebar-list-item">
-            <span class="material-icons-outlined">shopping_cart</span> Sales Orders
+            <a href="#" target="_blank">
+              <span class="material-icons-outlined">shopping_cart</span> Sales Orders
+            </a>
           </li>
           <li class="sidebar-list-item">
-            <span class="material-icons-outlined">poll</span> Reports
+            <a href="#" target="_blank">
+              <span class="material-icons-outlined">poll</span> Reports
+            </a>
           </li>
           <li class="sidebar-list-item">
-            <span class="material-icons-outlined">settings</span> Settings
+            <a href="#" target="_blank">
+              <span class="material-icons-outlined">settings</span> Settings
+            </a>
           </li>
         </ul>
       </aside>