diff --git a/.gitignore b/.gitignore
index ad1c13849..909700e58 100755
--- a/.gitignore
+++ b/.gitignore
@@ -1,8 +1,8 @@
-*.DS_Store
+**.DS_Store
 .idea
 /nbproject/private/
 /nbproject/
 /node_modules/
 TODO
-*.zip
-*.png
\ No newline at end of file
+**.zip
+**.png
\ No newline at end of file
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index f0d13b57f..2f056d8ab 100755
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -333,6 +333,7 @@
                 <li class="active"><a href="buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/UI/colors.html b/pages/UI/colors.html
index 2833836f7..608f0942f 100755
--- a/pages/UI/colors.html
+++ b/pages/UI/colors.html
@@ -351,6 +351,7 @@
                 <li><a href="sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
                 <li class="active"><a href="modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
+                <li><a href="modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 5bbc9efcc..16d380b31 100755
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -333,6 +333,7 @@
                 <li><a href="buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 20310b282..336717453 100755
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -379,6 +379,7 @@
                 <li><a href="buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 61f399114..677d2b552 100755
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -339,6 +339,7 @@
                 <li><a href="buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li class="active"><a href="sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 4039ebc93..4bc13c4a2 100755
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -333,6 +333,7 @@
                 <li><a href="buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li class="active"><a href="timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index dd9013605..85b355e15 100755
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -333,6 +333,7 @@
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index bcce7fdef..cad2b8b16 100755
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -333,6 +333,7 @@
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index f53ea4626..88216fb3b 100755
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -335,6 +335,7 @@
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index 5a7ff8145..cce2390f7 100755
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -229,6 +229,7 @@
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index 63a9d03f7..76ca83f73 100755
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -332,7 +332,7 @@
                 <li><a href="../UI/icons.html"><i class="fa fa-angle-double-right"></i> Icons</a></li>
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
-                <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview">
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 0e1930ea0..912d91309 100755
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -343,6 +343,7 @@
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview active">
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 748017eb1..bb930371a 100755
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -335,6 +335,7 @@
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview active">
diff --git a/pages/forms/general.html b/pages/forms/general.html
index a267408b2..02d88b2f7 100755
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -333,6 +333,7 @@
                 <li><a href="../UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                 <li><a href="../UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                 <li><a href="../UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
+                <li><a href="../UI/modals.html"><i class="fa fa-angle-double-right"></i> Modals</a></li>
               </ul>
             </li>
             <li class="treeview active">