diff --git a/example/components.html b/example/others/components.html
similarity index 97%
rename from example/components.html
rename to example/others/components.html
index 10c1fbf7..368d016f 100644
--- a/example/components.html
+++ b/example/others/components.html
@@ -13,9 +13,9 @@
     <meta http-equiv="cleartype" content="on">
 
     <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
-    <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.theme.css">
+    <link rel="stylesheet" href="../components/lungo.icon/lungo.icon.css">
 </head>
 
 <body>
@@ -322,8 +322,8 @@ <h6>Colors</h6>
 
 
     <!-- Lungo dependencies -->
-    <script src="components/quojs/quo.js"></script>
-    <script src="components/lungo.brownie/lungo.debug.js"></script>
+    <script src="../components/quojs/quo.js"></script>
+    <script src="../components/lungo.brownie/lungo.debug.js"></script>
 
     <!-- LungoJS - Sandbox App -->
     <script>
diff --git a/example/tablet1.html b/example/others/tablet1.html
similarity index 94%
rename from example/tablet1.html
rename to example/others/tablet1.html
index 3f5ab2c2..47bd2bc7 100644
--- a/example/tablet1.html
+++ b/example/others/tablet1.html
@@ -13,9 +13,9 @@
     <meta http-equiv="cleartype" content="on">
 
     <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
-    <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.theme.css">
+    <link rel="stylesheet" href="../components/lungo.icon/lungo.icon.css">
 
 </head>
 
@@ -124,8 +124,8 @@
 
 
     <!-- Lungo dependencies -->
-    <script src="components/quojs/quo.js"></script>
-    <script src="components/lungo.brownie/lungo.debug.js"></script>
+    <script src="../components/quojs/quo.js"></script>
+    <script src="../components/lungo.brownie/lungo.debug.js"></script>
 
     <!-- LungoJS - Sandbox App -->
     <script>
diff --git a/example/tablet2.html b/example/others/tablet2.html
similarity index 90%
rename from example/tablet2.html
rename to example/others/tablet2.html
index 1c7dc9c1..12901777 100644
--- a/example/tablet2.html
+++ b/example/others/tablet2.html
@@ -13,9 +13,9 @@
     <meta http-equiv="cleartype" content="on">
 
     <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
-    <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.theme.css">
+    <link rel="stylesheet" href="../components/lungo.icon/lungo.icon.css">
 
 </head>
 
@@ -83,8 +83,8 @@
 
 
     <!-- Lungo dependencies -->
-    <script src="components/quojs/quo.js"></script>
-    <script src="components/lungo.brownie/lungo.debug.js"></script>
+    <script src="../components/quojs/quo.js"></script>
+    <script src="../components/lungo.brownie/lungo.debug.js"></script>
 
     <!-- LungoJS - Sandbox App -->
     <script>
diff --git a/example/tablet3.html b/example/others/tablet3.html
similarity index 88%
rename from example/tablet3.html
rename to example/others/tablet3.html
index 555f393a..8db42fe9 100644
--- a/example/tablet3.html
+++ b/example/others/tablet3.html
@@ -13,9 +13,9 @@
     <meta http-equiv="cleartype" content="on">
 
     <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.css">
-    <link rel="stylesheet" href="components/lungo.brownie/lungo.theme.css">
-    <link rel="stylesheet" href="components/lungo.icon/lungo.icon.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.css">
+    <link rel="stylesheet" href="../components/lungo.brownie/lungo.theme.css">
+    <link rel="stylesheet" href="../components/lungo.icon/lungo.icon.css">
 
 </head>
 
@@ -78,8 +78,8 @@
 
 
     <!-- Lungo dependencies -->
-    <script src="components/quojs/quo.js"></script>
-    <script src="components/lungo.brownie/lungo.debug.js"></script>
+    <script src="../components/quojs/quo.js"></script>
+    <script src="../components/lungo.brownie/lungo.debug.js"></script>
 
     <!-- LungoJS - Sandbox App -->
     <script>
