diff --git a/elements/index.html b/elements/index.html
index f2438c5..f81a5d2 100644
--- a/elements/index.html
+++ b/elements/index.html
@@ -201,13 +201,41 @@ <h4 class="modal-title">Modal</h4>
                   </button>
                 </div>
                 <div class="navbar-collapse collapse sidebar-navbar-collapse">
-                  <ul class="nav navbar-nav" id="tabContent">
-                    <li class="active"><a href="#3-1" data-toggle="tab" aria-expanded="false" style="
+                  
+<button type="button" data-dismiss="modal" style="
+    opacity: 0.5;
+    margin-right: 161px;
+    margin-top: 12px;
+    margin-bottom: 10px;
+    -webkit-appearance: none;
+    padding: 0;
+    cursor: pointer;
+    background: 0 0;
+    border: 0;
+    margin-left: 17.5px;
+"><img style="
+    width: 16px;
+" src="/images/image10.png"></button><button type="button" style="
+    opacity: 1;
+    margin-right: 161px;
+    margin-top: 12px;
+    margin-bottom: 10px;
+    -webkit-appearance: none;
+    padding: 0;
+    cursor: pointer;
+    background: 0 0;
+    border: 0;
+    margin-left: 17.5px;
+"><img src="/images/image9.png" style="
+    width: 16px;
+"></button><ul class="nav navbar-nav" id="tabContent">
+    
+                    <li class="active"><a href="#1-1" data-toggle="tab" aria-expanded="true" style="
     background-color: transparent;
 ">Menu Item 1</a></li>
-                    <li><a href="#3-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
-                    <li><a href="#3-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
-                    <li><a href="#3-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>
+                    <li class=""><a href="#1-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
+                    <li class=""><a href="#1-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
+                    <li class=""><a href="#1-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>
 
                   </ul>
                 </div><!--/.nav-collapse -->
@@ -222,7 +250,7 @@ <h4 class="modal-title">Modal</h4>
     width: 690px;
 ">
 <div class="tab-content">
-        <div class="tab-pane active" id="3-1">
+        <div class="tab-pane active" id="1-1">
 	   <h2 style="
     font-weight: 600;
 ">Content 1</h2>
@@ -235,7 +263,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
         
-        <div class="tab-pane" id="3-2">	
+        <div class="tab-pane" id="1-2">	
 	   <h2 style="
     font-weight: 600;
 ">Content 2</h2>
@@ -248,7 +276,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
 
-<div class="tab-pane" id="3-3">	
+<div class="tab-pane" id="1-3">	
 	   <h2 style="
     font-weight: 600;
 ">Content 3</h2>
@@ -261,7 +289,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
 
-<div class="tab-pane" id="3-4">	
+<div class="tab-pane" id="1-4">	
 	   <h2 style="
     font-weight: 600;
 ">Content 4</h2>
@@ -296,8 +324,8 @@ <h4 class="modal-title">Modal</h4>
         <ul class="nav nav-tabs" id="tabContent">
         <li class="active" style="
     border: none;
-"><a href="#1-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
-        <li class=""><a href="#1-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
+"><a href="#2-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
+        <li class=""><a href="#2-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
 </ul>
   
       <div class="tab-content" style="
@@ -305,7 +333,7 @@ <h4 class="modal-title">Modal</h4>
     background: #ffffff;
     height: 180px;
 ">
-        <div class="tab-pane active" id="1-1">
+        <div class="tab-pane active" id="2-1">
 	   <h2 style="
     font-weight: 600;
 ">Content 1</h2>
@@ -318,7 +346,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
         
-        <div class="tab-pane" id="1-2">	
+        <div class="tab-pane" id="2-2">	
 	   <h2 style="
     font-weight: 600;
 ">Content 2</h2>
@@ -368,13 +396,41 @@ <h4 class="modal-title">Modal</h4>
                   </button>
                 </div>
                 <div class="navbar-collapse collapse sidebar-navbar-collapse">
-                  <ul class="nav navbar-nav" id="tabContent">
-                    <li class="active"><a href="#4-1" data-toggle="tab" aria-expanded="false" style="
+                  
+<button type="button" data-dismiss="modal" style="
+    opacity: 0.5;
+    margin-right: 161px;
+    margin-top: 12px;
+    margin-bottom: 10px;
+    -webkit-appearance: none;
+    padding: 0;
+    cursor: pointer;
+    background: 0 0;
+    border: 0;
+    margin-left: 17.5px;
+"><img style="
+    width: 16px;
+" src="/images/image10.png"></button><button type="button" style="
+    opacity: 1;
+    margin-right: 161px;
+    margin-top: 12px;
+    margin-bottom: 10px;
+    -webkit-appearance: none;
+    padding: 0;
+    cursor: pointer;
+    background: 0 0;
+    border: 0;
+    margin-left: 17.5px;
+"><img src="/images/image9.png" style="
+    width: 16px;
+"></button><ul class="nav navbar-nav" id="tabContent">
+    
+                    <li class="active"><a href="#3-1" data-toggle="tab" aria-expanded="true" style="
     background-color: transparent;
 ">Menu Item 1</a></li>
-                    <li><a href="#4-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
-                    <li><a href="#4-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
-                    <li><a href="#4-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>
+                    <li class=""><a href="#3-2" data-toggle="tab" aria-expanded="false">Menu Item 2</a></li>
+                    <li class=""><a href="#3-3" data-toggle="tab" aria-expanded="false">Menu Item 3</a></li>
+                    <li class=""><a href="#3-4" data-toggle="tab" aria-expanded="false">Menu Item 4</a></li>
 
                   </ul>
                 </div><!--/.nav-collapse -->
@@ -389,7 +445,7 @@ <h4 class="modal-title">Modal</h4>
     width: 690px;
 ">
 <div class="tab-content">
-        <div class="tab-pane active" id="4-1">
+        <div class="tab-pane active" id="3-1">
 	   <h2 style="
     font-weight: 600;
 ">Content 1</h2>
@@ -402,7 +458,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
         
-        <div class="tab-pane" id="4-2">	
+        <div class="tab-pane" id="3-2">	
 	   <h2 style="
     font-weight: 600;
 ">Content 2</h2>
@@ -415,7 +471,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
 
-<div class="tab-pane" id="4-3">	
+<div class="tab-pane" id="3-3">	
 	   <h2 style="
     font-weight: 600;
 ">Content 3</h2>
@@ -428,7 +484,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
 
-<div class="tab-pane" id="4-4">	
+<div class="tab-pane" id="3-4">	
 	   <h2 style="
     font-weight: 600;
 ">Content 4</h2>
@@ -463,8 +519,8 @@ <h4 class="modal-title">Modal</h4>
         <ul class="nav nav-tabs" id="tabContent">
         <li class="active" style="
     border: none;
-"><a href="#2-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
-        <li class=""><a href="#2-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
+"><a href="#4-1" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="true">Tab 1</a></li>
+        <li class=""><a href="#4-2" data-toggle="tab" style="background-color: transparent;border: none;" aria-expanded="false">Tab 2</a></li>
 </ul>
   
       <div class="tab-content" style="
@@ -472,7 +528,7 @@ <h4 class="modal-title">Modal</h4>
     background: #ffffff;
     height: 180px;
 ">
-        <div class="tab-pane active" id="2-1">
+        <div class="tab-pane active" id="4-1">
 	   <h2 style="
     font-weight: 600;
 ">Content 1</h2>
@@ -485,7 +541,7 @@ <h4 class="modal-title">Modal</h4>
 ">This is a paragraph. You can write things in here, like information.</p>
        </div> 
         
-        <div class="tab-pane" id="2-2">	
+        <div class="tab-pane" id="4-2">	
 	   <h2 style="
     font-weight: 600;
 ">Content 2</h2>