diff --git a/src/app/pages/panels/panels.html b/src/app/pages/panels/panels.html
new file mode 100644
index 0000000..c192d8f
--- /dev/null
+++ b/src/app/pages/panels/panels.html
@@ -0,0 +1,7 @@
+<div class="panel panel-danger">
+  <div class="panel-body">
+    <div class="panel-content">
+      A Basic Panel
+    </div>
+  </div>
+</div>
diff --git a/src/app/theme/components/contentTop/contentTop.directive.js b/src/app/theme/components/contentTop/contentTop.directive.js
index 18e345a..11a675c 100644
--- a/src/app/theme/components/contentTop/contentTop.directive.js
+++ b/src/app/theme/components/contentTop/contentTop.directive.js
@@ -42,7 +42,8 @@
           '/maps/gmap': 'Google Map',
           '/maps/leaflet': 'Leaflet Map',
           '/maps/line': 'Line Map',
-          '/maps/bubble': 'Bubble Map'
+          '/maps/bubble': 'Bubble Map',
+          '/panels': 'Panels'
         };
 
         $scope.$watch(function () {
diff --git a/src/app/theme/components/sidebar/SidebarCtrl.js b/src/app/theme/components/sidebar/SidebarCtrl.js
index 0735b27..1046170 100644
--- a/src/app/theme/components/sidebar/SidebarCtrl.js
+++ b/src/app/theme/components/sidebar/SidebarCtrl.js
@@ -104,6 +104,10 @@
           {
             title: 'Sliders',
             root: '#/slider'
+          },
+          {
+            title: 'Panels',
+            root: '#/panels'
           }
         ]
       },
diff --git a/src/index.html b/src/index.html
index 28956a9..275daa5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Blur Admin</title>
 
-  <link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
+  <link href='http://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
 
   <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="96x96" href="img/favicon-96x96.png">