diff --git a/test/html/badges.html b/test/html/badges.html
index ab009bc6c1..33daac2f7f 100644
--- a/test/html/badges.html
+++ b/test/html/badges.html
@@ -14,10 +14,10 @@
   <!-- Android 5 Chrome Color -->
   <meta name="theme-color" content="#EE6E73">
 
-  <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+  <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
 <!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
 <!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
-  <link href="../../../css/prism.css" rel="stylesheet" />
+  <link href="../../css/prism.css" rel="stylesheet" />
   <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 
@@ -128,7 +128,7 @@ <h4>Collapsible</h4>
 
 <!--  Scripts-->
   <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-  <script src="../../../bin/materialize.js"></script>
+  <script src="../../dist/js/materialize.js"></script>
 <!--     <script src="js/velocity.min.js"></script>-->
 <!--  <script src="js/leanModal.js"></script>-->
 
diff --git a/test/html/buttons.html b/test/html/buttons.html
index 87fa9957bc..cd98adc505 100644
--- a/test/html/buttons.html
+++ b/test/html/buttons.html
@@ -5,7 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+
   </head>
   <body>
 
@@ -34,7 +35,7 @@ <h4>
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/cards.html b/test/html/cards.html
index 2ef7f668de..7b8e12e38e 100644
--- a/test/html/cards.html
+++ b/test/html/cards.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   </head>
   <body>
@@ -289,7 +289,7 @@ <h2>Halfway FABs</h2>
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/carousel.html b/test/html/carousel.html
index 3c8b4c8019..633ca88bec 100644
--- a/test/html/carousel.html
+++ b/test/html/carousel.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
   </head>
@@ -60,7 +60,7 @@ <h3>Full Width Carousels in tabs</h3>
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/chips.html b/test/html/chips.html
index 3cba8198fa..3647820a31 100644
--- a/test/html/chips.html
+++ b/test/html/chips.html
@@ -14,11 +14,11 @@
   <!-- Android 5 Chrome Color -->
   <meta name="theme-color" content="#EE6E73">
 
-  <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+  <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
   <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 <!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
 <!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
-  <link href="../../../css/prism.css" rel="stylesheet" />
+  <link href="../../css/prism.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -75,7 +75,7 @@
 
 <!--  Scripts-->
   <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-  <script src="../../../bin/materialize.js"></script>
+  <script src="../../dist/js/materialize.js"></script>
 <!--     <script src="js/velocity.min.js"></script>-->
 <!--  <script src="js/leanModal.js"></script>-->
     <script type="text/javascript">
diff --git a/test/html/collapsible.html b/test/html/collapsible.html
index 6a8e6f20f6..5fe3165f73 100644
--- a/test/html/collapsible.html
+++ b/test/html/collapsible.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"
     />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
@@ -160,7 +160,7 @@ <h2>Collapsible Callbacks</h2>
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/dropdown.html b/test/html/dropdown.html
index 231d509545..7f8df6c301 100644
--- a/test/html/dropdown.html
+++ b/test/html/dropdown.html
@@ -14,12 +14,12 @@
   <!-- Android 5 Chrome Color -->
   <meta name="theme-color" content="#EE6E73">
 
-  <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+  <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
   <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
 <!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
 <!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
-  <link href="../../../css/prism.css" rel="stylesheet" />
+  <link href="../../css/prism.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -621,7 +621,7 @@ <h2 style="width: 700px; height: 200px">Scrolling in absolute container</h2>
 
 <!--  Scripts-->
   <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-  <script src="../../../bin/materialize.js"></script>
+  <script src="../../dist/js/materialize.js"></script>
 <!--     <script src="js/velocity.min.js"></script>-->
 <!--  <script src="js/leanModal.js"></script>-->
 
diff --git a/test/html/fixed_navbar.html b/test/html/fixed_navbar.html
index 250de30d2c..18a76d696a 100644
--- a/test/html/fixed_navbar.html
+++ b/test/html/fixed_navbar.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-     <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+     <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
   </head>
   <body>
     <style type="text/css">
@@ -106,7 +106,7 @@
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/forms.html b/test/html/forms.html
index 40c6f8234a..616ccf965a 100644
--- a/test/html/forms.html
+++ b/test/html/forms.html
@@ -14,10 +14,10 @@
   <!-- Android 5 Chrome Color -->
   <meta name="theme-color" content="#EE6E73">
 
-  <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+  <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
 <!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
 <!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
-  <link href="../../../css/prism.css" rel="stylesheet" />
+  <link href="../../css/prism.css" rel="stylesheet" />
   <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 
@@ -380,7 +380,7 @@ <h2>Range</h2>
 
 <!--  Scripts-->
   <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-  <script src="../../../bin/materialize.js"></script>
+  <script src="../../dist/js/materialize.js"></script>
 <!--     <script src="js/velocity.min.js"></script>-->
 <!--  <script src="js/leanModal.js"></script>-->
 
diff --git a/test/html/materialbox.html b/test/html/materialbox.html
index 23ff74e4b3..035f3c35eb 100644
--- a/test/html/materialbox.html
+++ b/test/html/materialbox.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
   </head>
   <body>
 
@@ -95,7 +95,7 @@ <h3>Materialbox with empty data-caption</h3>
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/multiple_modals.html b/test/html/multiple_modals.html
index 4736887448..f440b27e98 100644
--- a/test/html/multiple_modals.html
+++ b/test/html/multiple_modals.html
@@ -15,10 +15,10 @@
     <!-- Android 5 Chrome Color -->
     <meta name="theme-color" content="#EE6E73">
 
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
   <!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
   <!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
-    <link href="../../../css/prism.css" rel="stylesheet" />
+    <link href="../../css/prism.css" rel="stylesheet" />
   </head>
 
   <body>
@@ -106,7 +106,7 @@ <h4>Modal Header</h4>
 
   <!--  Scripts-->
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
   <!--     <script src="js/velocity.min.js"></script>-->
   <!--  <script src="js/leanModal.js"></script>-->
 
diff --git a/test/html/multiple_sidenav.html b/test/html/multiple_sidenav.html
index 344579e8ce..4cd04d0848 100644
--- a/test/html/multiple_sidenav.html
+++ b/test/html/multiple_sidenav.html
@@ -15,12 +15,12 @@
     <!-- Android 5 Chrome Color -->
     <meta name="theme-color" content="#EE6E73">
 
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
   <!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
   <!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
-    <link href="../../../css/prism.css" rel="stylesheet" />
+    <link href="../../css/prism.css" rel="stylesheet" />
   </head>
 
   <body>
@@ -49,7 +49,7 @@
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/overlayZindex.html b/test/html/overlayZindex.html
index 55843ba66f..223313b90b 100644
--- a/test/html/overlayZindex.html
+++ b/test/html/overlayZindex.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
   </head>
@@ -53,7 +53,7 @@ <h4>Modal Header</h4>
 
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
     $( document ).ready(function() {
diff --git a/test/html/pushpin.html b/test/html/pushpin.html
index 784cfe7c92..6e14079d1c 100644
--- a/test/html/pushpin.html
+++ b/test/html/pushpin.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
   </head>
   <body>
   <br><br><br><br>
@@ -86,7 +86,7 @@
     </div>
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
       $( document ).ready(function() {
diff --git a/test/html/scrollfire.html b/test/html/scrollfire.html
index 0a8d36fa20..6f53178ff6 100644
--- a/test/html/scrollfire.html
+++ b/test/html/scrollfire.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
     <style>
         body, html,
         .section {
@@ -68,7 +68,7 @@
     </div>
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
       $( document ).ready(function() {
diff --git a/test/html/scrollspy.html b/test/html/scrollspy.html
index 16a466ace6..2f9c6fbd45 100644
--- a/test/html/scrollspy.html
+++ b/test/html/scrollspy.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
     <style>
         body, html,
         .section {
@@ -39,7 +39,7 @@
     </div>
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
       $( document ).ready(function() {
diff --git a/test/html/tabs.html b/test/html/tabs.html
index 96f7d8688d..c3933a3948 100644
--- a/test/html/tabs.html
+++ b/test/html/tabs.html
@@ -14,11 +14,11 @@
   <!-- Android 5 Chrome Color -->
   <meta name="theme-color" content="#EE6E73">
 
-  <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
+  <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
   <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 <!--  <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />-->
 <!--  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>-->
-  <link href="../../../css/prism.css" rel="stylesheet" />
+  <link href="../../css/prism.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -97,7 +97,7 @@ <h3>Navbar in nav-extended</h3>
 
 <!--  Scripts-->
   <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-  <script src="../../../bin/materialize.js"></script>
+  <script src="../../dist/js/materialize.js"></script>
 <!--     <script src="js/velocity.min.js"></script>-->
 <!--  <script src="js/leanModal.js"></script>-->
     <script type="text/javascript">
diff --git a/test/html/waves.html b/test/html/waves.html
index e7db2f4fe2..d1598b3d6e 100644
--- a/test/html/waves.html
+++ b/test/html/waves.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
     <title>Documentation - Materialize</title>
     <!-- CSS  -->
-    <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="../../dist/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
   </head>
   <body>
 
@@ -49,7 +49,7 @@ <h4>Card reveal image waves</h4>
 </div>
 
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-    <script src="../../../bin/materialize.js"></script>
+    <script src="../../dist/js/materialize.js"></script>
 
     <script type="text/javascript">
   $( document ).ready(function() {
