diff --git a/bootstrap-elements.html b/bootstrap-elements.html
index 6c91cec3..e5a61354 100644
--- a/bootstrap-elements.html
+++ b/bootstrap-elements.html
@@ -101,7 +101,7 @@
                                         <li class="active"><a href="javascript:void(0)">Active</a></li>
                                         <li><a href="javascript:void(0)">Link</a></li>
                                         <li class="dropdown">
-                                            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                                            <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                             <ul class="dropdown-menu">
                                                 <li><a href="javascript:void(0)">Action</a></li>
                                                 <li><a href="javascript:void(0)">Another action</a></li>
@@ -119,7 +119,7 @@
                                     <ul class="nav navbar-nav navbar-right">
                                         <li><a href="javascript:void(0)">Link</a></li>
                                         <li class="dropdown">
-                                            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                                            <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                             <ul class="dropdown-menu">
                                                 <li><a href="javascript:void(0)">Action</a></li>
                                                 <li><a href="javascript:void(0)">Another action</a></li>
@@ -148,7 +148,7 @@
                                         <li class="active"><a href="javascript:void(0)">Active</a></li>
                                         <li><a href="javascript:void(0)">Link</a></li>
                                         <li class="dropdown">
-                                            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                                            <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                             <ul class="dropdown-menu">
                                                 <li><a href="javascript:void(0)">Action</a></li>
                                                 <li><a href="javascript:void(0)">Another action</a></li>
@@ -166,7 +166,7 @@
                                     <ul class="nav navbar-nav navbar-right">
                                         <li><a href="javascript:void(0)">Link</a></li>
                                         <li class="dropdown">
-                                            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                                            <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                             <ul class="dropdown-menu">
                                                 <li><a href="javascript:void(0)">Action</a></li>
                                                 <li><a href="javascript:void(0)">Another action</a></li>
@@ -195,7 +195,7 @@
                                         <li class="active"><a href="javascript:void(0)">Active</a></li>
                                         <li><a href="javascript:void(0)">Link</a></li>
                                         <li class="dropdown">
-                                            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                                            <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                             <ul class="dropdown-menu">
                                                 <li><a href="javascript:void(0)">Action</a></li>
                                                 <li><a href="javascript:void(0)">Another action</a></li>
@@ -213,7 +213,7 @@
                                     <ul class="nav navbar-nav navbar-right">
                                         <li><a href="javascript:void(0)">Link</a></li>
                                         <li class="dropdown">
-                                            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                                            <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                             <ul class="dropdown-menu">
                                                 <li><a href="javascript:void(0)">Action</a></li>
                                                 <li><a href="javascript:void(0)">Another action</a></li>
@@ -293,7 +293,7 @@
                             <div class="btn-toolbar bs-component" style="margin: 0;">
                                 <div class="btn-group">
                                     <a href="javascript:void(0)" class="btn btn-default">Default</a>
-                                    <a href="javascript:void(0)" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+                                    <a href="bootstrap-elements.html" data-target="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                     <ul class="dropdown-menu">
                                         <li><a href="javascript:void(0)">Action</a></li>
                                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -305,7 +305,7 @@
 
                                 <div class="btn-group">
                                     <a href="javascript:void(0)" class="btn btn-primary">Primary</a>
-                                    <a href="javascript:void(0)" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+                                    <a href="bootstrap-elements.html" data-target="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                     <ul class="dropdown-menu">
                                         <li><a href="javascript:void(0)">Action</a></li>
                                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -317,7 +317,7 @@
 
                                 <div class="btn-group">
                                     <a href="javascript:void(0)" class="btn btn-success">Success</a>
-                                    <a href="javascript:void(0)" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+                                    <a href="bootstrap-elements.html" data-target="#" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                     <ul class="dropdown-menu">
                                         <li><a href="javascript:void(0)">Action</a></li>
                                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -329,7 +329,7 @@
 
                                 <div class="btn-group">
                                     <a href="javascript:void(0)" class="btn btn-info">Info</a>
-                                    <a href="javascript:void(0)" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+                                    <a href="bootstrap-elements.html" data-target="#" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                     <ul class="dropdown-menu">
                                         <li><a href="javascript:void(0)">Action</a></li>
                                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -341,7 +341,7 @@
 
                                 <div class="btn-group">
                                     <a href="javascript:void(0)" class="btn btn-warning">Warning</a>
-                                    <a href="javascript:void(0)" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+                                    <a href="bootstrap-elements.html" data-target="#" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                     <ul class="dropdown-menu">
                                         <li><a href="javascript:void(0)">Action</a></li>
                                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -353,7 +353,7 @@
 
                                 <div class="btn-group">
                                     <a href="javascript:void(0)" class="btn btn-danger">Danger</a>
-                                    <a href="javascript:void(0)" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+                                    <a href="bootstrap-elements.html" data-target="#" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                     <ul class="dropdown-menu">
                                         <li><a href="javascript:void(0)">Action</a></li>
                                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -418,7 +418,7 @@
                                 <div class="btn-group">
                                     <a href="javascript:void(0)" class="btn btn-default">8</a>
                                     <div class="btn-group">
-                                        <a href="javascript:void(0)" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                                        <a href="bootstrap-elements.html" data-target="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                             Dropdown
                                             <span class="caret"></span>
                                         </a>
@@ -1602,7 +1602,7 @@
                                 <li><a href="#profile" data-toggle="tab">Profile</a></li>
                                 <li class="disabled"><a>Disabled</a></li>
                                 <li class="dropdown">
-                                    <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
+                                    <a class="dropdown-toggle" data-toggle="dropdown" href="bootstrap-elements.html" data-target="#">
                                         Dropdown <span class="caret"></span>
                                     </a>
                                     <ul class="dropdown-menu">
@@ -1636,7 +1636,7 @@
                                 <li><a href="javascript:void(0)">Profile</a></li>
                                 <li class="disabled"><a href="javascript:void(0)">Disabled</a></li>
                                 <li class="dropdown">
-                                    <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
+                                    <a class="dropdown-toggle" data-toggle="dropdown" href="bootstrap-elements.html" data-target="#">
                                         Dropdown <span class="caret"></span>
                                     </a>
                                     <ul class="dropdown-menu">
@@ -1656,7 +1656,7 @@
                                 <li><a href="javascript:void(0)">Profile</a></li>
                                 <li class="disabled"><a href="javascript:void(0)">Disabled</a></li>
                                 <li class="dropdown">
-                                    <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
+                                    <a class="dropdown-toggle" data-toggle="dropdown" href="bootstrap-elements.html" data-target="#">
                                         Dropdown <span class="caret"></span>
                                     </a>
                                     <ul class="dropdown-menu">
diff --git a/index.html b/index.html
index 15967990..cae7fa44 100644
--- a/index.html
+++ b/index.html
@@ -448,7 +448,7 @@
                     <li class="active"><a href="javascript:void(0)">Active</a></li>
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a  href="http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -466,7 +466,7 @@
                   <ul class="nav navbar-nav navbar-right">
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a href="http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -493,7 +493,7 @@
                     <li class="active"><a href="javascript:void(0)">Active</a></li>
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -511,7 +511,7 @@
                   <ul class="nav navbar-nav navbar-right">
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a  href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -538,7 +538,7 @@
                     <li class="active"><a href="javascript:void(0)">Active</a></li>
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a  href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -556,7 +556,7 @@
                   <ul class="nav navbar-nav navbar-right">
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -583,7 +583,7 @@
                     <li class="active"><a href="javascript:void(0)">Active</a></li>
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -601,7 +601,7 @@
                   <ul class="nav navbar-nav navbar-right">
                     <li><a href="javascript:void(0)">Link</a></li>
                     <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+                      <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                       <ul class="dropdown-menu">
                         <li><a href="javascript:void(0)">Action</a></li>
                         <li><a href="javascript:void(0)">Another action</a></li>
@@ -724,8 +724,8 @@
               .navbar-material-{{color}}
               .well-material-{{color}}
               etc...</code></pre>
-        <div class="sampleRed">
-        <h2><button class="btn btn-material-red btn-lg">Red</button></h2>
+              <div class="sampleRed">
+                <h2><button class="btn btn-material-red btn-lg">Red</button></h2>
                 <button class="btn btn-material-red-50">050</button>
                 <button class="btn btn-material-red-100">100</button>
                 <button class="btn btn-material-red-200">200</button>
@@ -740,9 +740,9 @@
                 <button class="btn btn-material-red-A200">A200</button>
                 <button class="btn btn-material-red-A400">A400</button>
                 <button class="btn btn-material-red-A700">A700</button>
-        </div>
-        <div class="samplePink">
-        <h2><button class="btn btn-material-pink btn-lg">Pink</button></h2>
+              </div>
+              <div class="samplePink">
+                <h2><button class="btn btn-material-pink btn-lg">Pink</button></h2>
                 <button class="btn btn-material-pink-50">050</button>
                 <button class="btn btn-material-pink-100">100</button>
                 <button class="btn btn-material-pink-200">200</button>
@@ -757,9 +757,9 @@
                 <button class="btn btn-material-pink-A200">A200</button>
                 <button class="btn btn-material-pink-A400">A400</button>
                 <button class="btn btn-material-pink-A700">A700</button>
-        </div>
-        <div class="samplePurple">
-        <h2><button class="btn btn-material-purple btn-lg">Purple</button></h2>
+              </div>
+              <div class="samplePurple">
+                <h2><button class="btn btn-material-purple btn-lg">Purple</button></h2>
                 <button class="btn btn-material-purple-50">050</button>
                 <button class="btn btn-material-purple-100">100</button>
                 <button class="btn btn-material-purple-200">200</button>
@@ -774,9 +774,9 @@
                 <button class="btn btn-material-purple-A200">A200</button>
                 <button class="btn btn-material-purple-A400">A400</button>
                 <button class="btn btn-material-purple-A700">A700</button>
-        </div>
-        <div class="sampleDeepPurple">
-        <h2><button class="btn btn-material-deep-purple btn-lg">Deep Purple</button></h2>
+              </div>
+              <div class="sampleDeepPurple">
+                <h2><button class="btn btn-material-deep-purple btn-lg">Deep Purple</button></h2>
                 <button class="btn btn-material-deep-purple-50">050</button>
                 <button class="btn btn-material-deep-purple-100">100</button>
                 <button class="btn btn-material-deep-purple-200">200</button>
@@ -791,9 +791,9 @@
                 <button class="btn btn-material-deep-purple-A200">A200</button>
                 <button class="btn btn-material-deep-purple-A400">A400</button>
                 <button class="btn btn-material-deep-purple-A700">A700</button>
-        </div>
-        <div class="sampleIndigo">
-        <h2><button class="btn btn-material-indigo btn-lg">Indigo</button></h2>
+              </div>
+              <div class="sampleIndigo">
+                <h2><button class="btn btn-material-indigo btn-lg">Indigo</button></h2>
                 <button class="btn btn-material-indigo-50">050</button>
                 <button class="btn btn-material-indigo-100">100</button>
                 <button class="btn btn-material-indigo-200">200</button>
@@ -808,9 +808,9 @@
                 <button class="btn btn-material-indigo-A200">A200</button>
                 <button class="btn btn-material-indigo-A400">A400</button>
                 <button class="btn btn-material-indigo-A700">A700</button>
-        </div>
-        <div class="sampleBlue">
-        <h2><button class="btn btn-material-blue btn-lg">Blue</button></h2>
+              </div>
+              <div class="sampleBlue">
+                <h2><button class="btn btn-material-blue btn-lg">Blue</button></h2>
                 <button class="btn btn-material-blue-50">050</button>
                 <button class="btn btn-material-blue-100">100</button>
                 <button class="btn btn-material-blue-200">200</button>
@@ -825,9 +825,9 @@
                 <button class="btn btn-material-blue-A200">A200</button>
                 <button class="btn btn-material-blue-A400">A400</button>
                 <button class="btn btn-material-blue-A700">A700</button>
-        </div>
-        <div class="sampleLightBlue">
-        <h2><button class="btn btn-material-light-blue btn-lg">Light Blue</button></h2>
+              </div>
+              <div class="sampleLightBlue">
+                <h2><button class="btn btn-material-light-blue btn-lg">Light Blue</button></h2>
                 <button class="btn btn-material-light-blue-50">050</button>
                 <button class="btn btn-material-light-blue-100">100</button>
                 <button class="btn btn-material-light-blue-200">200</button>
@@ -842,9 +842,9 @@
                 <button class="btn btn-material-light-blue-A200">A200</button>
                 <button class="btn btn-material-light-blue-A400">A400</button>
                 <button class="btn btn-material-light-blue-A700">A700</button>
-        </div>
-        <div class="sampleCyan">
-        <h2><button class="btn btn-material-cyan btn-lg">Cyan</button></h2>
+              </div>
+              <div class="sampleCyan">
+                <h2><button class="btn btn-material-cyan btn-lg">Cyan</button></h2>
                 <button class="btn btn-material-cyan-50">050</button>
                 <button class="btn btn-material-cyan-100">100</button>
                 <button class="btn btn-material-cyan-200">200</button>
@@ -859,9 +859,9 @@
                 <button class="btn btn-material-cyan-A200">A200</button>
                 <button class="btn btn-material-cyan-A400">A400</button>
                 <button class="btn btn-material-cyan-A700">A700</button>
-        </div>
-        <div class="sampleTeal">
-        <h2><button class="btn btn-material-teal btn-lg">Teal</button></h2>
+              </div>
+              <div class="sampleTeal">
+                <h2><button class="btn btn-material-teal btn-lg">Teal</button></h2>
                 <button class="btn btn-material-teal-50">050</button>
                 <button class="btn btn-material-teal-100">100</button>
                 <button class="btn btn-material-teal-200">200</button>
@@ -876,9 +876,9 @@
                 <button class="btn btn-material-teal-A200">A200</button>
                 <button class="btn btn-material-teal-A400">A400</button>
                 <button class="btn btn-material-teal-A700">A700</button>
-        </div>
-        <div class="sampleGreen">
-        <h2><button class="btn btn-material-green btn-lg">Green</button></h2>
+              </div>
+              <div class="sampleGreen">
+                <h2><button class="btn btn-material-green btn-lg">Green</button></h2>
                 <button class="btn btn-material-green-50">050</button>
                 <button class="btn btn-material-green-100">100</button>
                 <button class="btn btn-material-green-200">200</button>
@@ -893,9 +893,9 @@
                 <button class="btn btn-material-green-A200">A200</button>
                 <button class="btn btn-material-green-A400">A400</button>
                 <button class="btn btn-material-green-A700">A700</button>
-        </div>
-        <div class="sampleLightGreen">
-        <h2><button class="btn btn-material-light-green btn-lg">LightGreen</button></h2>
+              </div>
+              <div class="sampleLightGreen">
+                <h2><button class="btn btn-material-light-green btn-lg">LightGreen</button></h2>
                 <button class="btn btn-material-light-green-50">050</button>
                 <button class="btn btn-material-light-green-100">100</button>
                 <button class="btn btn-material-light-green-200">200</button>
@@ -910,9 +910,9 @@
                 <button class="btn btn-material-light-green-A200">A200</button>
                 <button class="btn btn-material-light-green-A400">A400</button>
                 <button class="btn btn-material-light-green-A700">A700</button>
-        </div>
-        <div class="sampleLime">
-        <h2><button class="btn btn-material-lime btn-lg">Lime</button></h2>
+              </div>
+              <div class="sampleLime">
+                <h2><button class="btn btn-material-lime btn-lg">Lime</button></h2>
                 <button class="btn btn-material-lime-50">050</button>
                 <button class="btn btn-material-lime-100">100</button>
                 <button class="btn btn-material-lime-200">200</button>
@@ -927,9 +927,9 @@
                 <button class="btn btn-material-lime-A200">A200</button>
                 <button class="btn btn-material-lime-A400">A400</button>
                 <button class="btn btn-material-lime-A700">A700</button>
-        </div>
-        <div class="sampleYellow">
-        <h2><button class="btn btn-material-yellow btn-lg">Yellow</button></h2>
+              </div>
+              <div class="sampleYellow">
+                <h2><button class="btn btn-material-yellow btn-lg">Yellow</button></h2>
                 <button class="btn btn-material-yellow-50">050</button>
                 <button class="btn btn-material-yellow-100">100</button>
                 <button class="btn btn-material-yellow-200">200</button>
@@ -944,9 +944,9 @@
                 <button class="btn btn-material-yellow-A200">A200</button>
                 <button class="btn btn-material-yellow-A400">A400</button>
                 <button class="btn btn-material-yellow-A700">A700</button>
-        </div>
-        <div class="sampleAmber">
-        <h2><button class="btn btn-material-amber btn-lg">Amber</button></h2>
+              </div>
+              <div class="sampleAmber">
+                <h2><button class="btn btn-material-amber btn-lg">Amber</button></h2>
                 <button class="btn btn-material-amber-50">050</button>
                 <button class="btn btn-material-amber-100">100</button>
                 <button class="btn btn-material-amber-200">200</button>
@@ -961,9 +961,9 @@
                 <button class="btn btn-material-amber-A200">A200</button>
                 <button class="btn btn-material-amber-A400">A400</button>
                 <button class="btn btn-material-amber-A700">A700</button>
-        </div>
-        <div class="sampleOrange">
-        <h2><button class="btn btn-material-orange btn-lg">Orange</button></h2>
+              </div>
+              <div class="sampleOrange">
+                <h2><button class="btn btn-material-orange btn-lg">Orange</button></h2>
                 <button class="btn btn-material-orange-50">050</button>
                 <button class="btn btn-material-orange-100">100</button>
                 <button class="btn btn-material-orange-200">200</button>
@@ -978,9 +978,9 @@
                 <button class="btn btn-material-orange-A200">A200</button>
                 <button class="btn btn-material-orange-A400">A400</button>
                 <button class="btn btn-material-orange-A700">A700</button>
-        </div>
-        <div class="sampleDeepOrange">
-        <h2><button class="btn btn-material-deep-orange btn-lg">Deep Orange</button></h2>
+              </div>
+              <div class="sampleDeepOrange">
+                <h2><button class="btn btn-material-deep-orange btn-lg">Deep Orange</button></h2>
                 <button class="btn btn-material-deep-orange-50">050</button>
                 <button class="btn btn-material-deep-orange-100">100</button>
                 <button class="btn btn-material-deep-orange-200">200</button>
@@ -996,8 +996,8 @@
                 <button class="btn btn-material-deep-orange-A400">A400</button>
                 <button class="btn btn-material-deep-orange-A700">A700</button><br><br>
               </div>
-        <div class="sampleBrown">
-        <h2><button class="btn btn-material-brown btn-lg">Brown</button></h2>
+              <div class="sampleBrown">
+                <h2><button class="btn btn-material-brown btn-lg">Brown</button></h2>
                 <button class="btn btn-material-brown-50">050</button>
                 <button class="btn btn-material-brown-100">100</button>
                 <button class="btn btn-material-brown-200">200</button>
@@ -1008,9 +1008,9 @@
                 <button class="btn btn-material-brown-700">700</button>
                 <button class="btn btn-material-brown-800">800</button>
                 <button class="btn btn-material-brown-900">900</button>
-        </div>
-        <div class="sampleGrey">
-        <h2><button class="btn btn-material-grey btn-lg">Grey</button></h2>
+              </div>
+              <div class="sampleGrey">
+                <h2><button class="btn btn-material-grey btn-lg">Grey</button></h2>
                 <button class="btn btn-material-grey-50">050</button>
                 <button class="btn btn-material-grey-100">100</button>
                 <button class="btn btn-material-grey-200">200</button>
@@ -1021,9 +1021,9 @@
                 <button class="btn btn-material-grey-700">700</button>
                 <button class="btn btn-material-grey-800">800</button>
                 <button class="btn btn-material-grey-900">900</button>
-        </div>
-        <div class="sampleBlueGrey">
-        <h2><button class="btn btn-material-blue-grey btn-lg">Blue Grey</button></h2>
+              </div>
+              <div class="sampleBlueGrey">
+                <h2><button class="btn btn-material-blue-grey btn-lg">Blue Grey</button></h2>
                 <button class="btn btn-material-blue-grey-50">050</button>
                 <button class="btn btn-material-blue-grey-100">100</button>
                 <button class="btn btn-material-blue-grey-200">200</button>
@@ -1034,8 +1034,8 @@
                 <button class="btn btn-material-blue-grey-700">700</button>
                 <button class="btn btn-material-blue-grey-800">800</button>
                 <button class="btn btn-material-blue-grey-900">900</button>
-        </div>
-        </div>
+              </div>
+            </div>
             <div class="well page" id="button">
               <h1 class="header">Button</h1>
               <div class="sample1">