diff --git a/less/accordion.less b/less/accordion.less
index 3a791760d..678cc37f3 100644
--- a/less/accordion.less
+++ b/less/accordion.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/bricks.less b/less/bricks.less
index 02d0255bd..6e107ad67 100644
--- a/less/bricks.less
+++ b/less/bricks.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/buttons.less b/less/buttons.less
index 6b5e945a8..0573dd603 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/cards.less b/less/cards.less
index 999e44551..d82db5bf2 100644
--- a/less/cards.less
+++ b/less/cards.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/code.less b/less/code.less
index 9a7c2d3f9..9b599081c 100644
--- a/less/code.less
+++ b/less/code.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/colors.less b/less/colors.less
index 6e4a97dbf..c1f3eced5 100644
--- a/less/colors.less
+++ b/less/colors.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/forms.less b/less/forms.less
index 0cf3d7e5c..c2368ef63 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/grid.less b/less/grid.less
index d9c694869..df0e1b1c5 100644
--- a/less/grid.less
+++ b/less/grid.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/hero.less b/less/hero.less
index 9a4e128da..172fbd655 100644
--- a/less/hero.less
+++ b/less/hero.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/icons.less b/less/icons.less
index e4ca0fa22..3a4f88b6b 100644
--- a/less/icons.less
+++ b/less/icons.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/images.less b/less/images.less
index fde956c81..f8d14f34f 100644
--- a/less/images.less
+++ b/less/images.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/layout.less b/less/layout.less
index 0e53a1a64..e045e3108 100644
--- a/less/layout.less
+++ b/less/layout.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/menus.less b/less/menus.less
index 2669ae717..2aafad509 100644
--- a/less/menus.less
+++ b/less/menus.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/modern-responsive-max480.less b/less/modern-responsive-max480.less
index f0b92a072..85e092857 100644
--- a/less/modern-responsive-max480.less
+++ b/less/modern-responsive-max480.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/modern-responsive-max767.less b/less/modern-responsive-max767.less
index 93f971bd4..bea12fab6 100644
--- a/less/modern-responsive-max767.less
+++ b/less/modern-responsive-max767.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/modern-responsive-max979.less b/less/modern-responsive-max979.less
index 56408cb9c..4028a2c0b 100644
--- a/less/modern-responsive-max979.less
+++ b/less/modern-responsive-max979.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/modern-responsive-min1200.less b/less/modern-responsive-min1200.less
index 7524b9088..77551fc81 100644
--- a/less/modern-responsive-min1200.less
+++ b/less/modern-responsive-min1200.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/modern-responsive.less b/less/modern-responsive.less
index b794da4bf..a9c1c0c4c 100644
--- a/less/modern-responsive.less
+++ b/less/modern-responsive.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/modern.less b/less/modern.less
index 10b02f441..9982b5534 100644
--- a/less/modern.less
+++ b/less/modern.less
@@ -29,4 +29,5 @@
 @import "progress.less";
 @import "carousel.less";
 @import "listview.less";
+@import "slider.less";
 
diff --git a/less/notices.less b/less/notices.less
index 2e28637f1..607a8b3d9 100644
--- a/less/notices.less
+++ b/less/notices.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/pagecontrol.less b/less/pagecontrol.less
index 14c15082b..bf4cdf544 100644
--- a/less/pagecontrol.less
+++ b/less/pagecontrol.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/progress.less b/less/progress.less
index 4e47149be..057ec463e 100644
--- a/less/progress.less
+++ b/less/progress.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/rating.less b/less/rating.less
index 86c59029f..73b3e6336 100644
--- a/less/rating.less
+++ b/less/rating.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/routines.less b/less/routines.less
index ab608600d..490fad20e 100644
--- a/less/routines.less
+++ b/less/routines.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/sidebar.less b/less/sidebar.less
index 9bf1be4f9..b147b7cb1 100644
--- a/less/sidebar.less
+++ b/less/sidebar.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/slider.less b/less/slider.less
new file mode 100644
index 000000000..25616947d
--- /dev/null
+++ b/less/slider.less
@@ -0,0 +1,52 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Slider.less
+ *
+ */
+
+@slider-color: #c6c6c6;
+@slider-color-disabled: #dbdbdb;
+@slider-color-rest-state: #00828b;
+@slider-color-hover-state: #219297;
+@slider-color-active-state: #25bbc4;
+@slider-color-disabled-state: #bababa;
+@slider-marker-color: #000;
+@slider-marker-color-disabled: #a0a0a0;
+
+.slider {
+    height: 12px;
+    width: 100%;
+    position: relative;
+    background-color: @slider-color;
+    margin-bottom: 10px;
+
+    .marker {
+        height: 12px;
+        width: 12px;
+        cursor: pointer;
+        position: absolute;
+        top: 0;
+        left: 0;
+        background-color: @slider-marker-color;
+    }
+    .complete {
+        height: 100%;
+        width: auto;
+        background-color: @slider-color-rest-state;
+    }
+
+    &:hover {
+        .complete {
+            background-color: @slider-color-hover-state;
+        }
+    }
+
+    &:active, &:active + .marker:active {
+        .complete {
+            background-color: @slider-color-active-state;
+        }
+    }
+}
diff --git a/less/tables.less b/less/tables.less
index 69af4e394..3e14ae1e1 100644
--- a/less/tables.less
+++ b/less/tables.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/theme-dark.less b/less/theme-dark.less
index c17cdb495..f7a630bd8 100644
--- a/less/theme-dark.less
+++ b/less/theme-dark.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/tiles.less b/less/tiles.less
index 6fe2a52e1..a9b1f5a41 100644
--- a/less/tiles.less
+++ b/less/tiles.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/less/typography.less b/less/typography.less
index 38ef1dbeb..d0dfa2732 100644
--- a/less/typography.less
+++ b/less/typography.less
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/public/css/modern-responsive.css b/public/css/modern-responsive.css
index 7245bae11..ee6d94652 100644
--- a/public/css/modern-responsive.css
+++ b/public/css/modern-responsive.css
@@ -1,12 +1,12 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
  * responsive.less
  */
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -160,7 +160,7 @@
   border-color: #525252 !important;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -179,7 +179,7 @@
   }
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -287,7 +287,7 @@
   }
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -464,7 +464,7 @@
   }
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/public/css/modern.css b/public/css/modern.css
index b22e11848..f1e58def5 100644
--- a/public/css/modern.css
+++ b/public/css/modern.css
@@ -450,7 +450,7 @@ table {
   border-spacing: 0;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -588,7 +588,7 @@ table {
   z-index: 2000;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -742,7 +742,7 @@ table {
   border-color: #525252 !important;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -2206,7 +2206,7 @@ button:active [class*=icon-],
   height: 16px;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -2266,7 +2266,7 @@ button:active [class*=icon-],
   width: 20px;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -2730,7 +2730,7 @@ ol.unstyled,
   list-style: none;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -3002,7 +3002,7 @@ ol.unstyled,
   background-color: #2d89ef !important;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -3583,7 +3583,7 @@ button.big [class*=icon-],
   color: #fff;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -3710,7 +3710,7 @@ table.bordered tbody tr:last-child td {
   border-bottom: 0;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -3888,7 +3888,7 @@ table.bordered tbody tr:last-child td {
   clear: both;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -3912,7 +3912,7 @@ table.bordered tbody tr:last-child td {
   clear: both;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -4313,7 +4313,7 @@ table.bordered tbody tr:last-child td {
   transform: rotate(90deg);
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -4474,7 +4474,7 @@ table.bordered tbody tr:last-child td {
   background-position: 0 -676px;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -4799,7 +4799,7 @@ table.bordered tbody tr:last-child td {
   height: 88px;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -5102,7 +5102,7 @@ table.bordered tbody tr:last-child td {
   outline: 3px #3a3a3a solid;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -5602,7 +5602,7 @@ input[type=submit] {
   color: #fff;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -5713,7 +5713,7 @@ input[type=submit] {
   color: #1e1e1e;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -5866,7 +5866,7 @@ input[type=submit] {
   color: red;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -5915,7 +5915,7 @@ pre code {
   border: 0;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -6020,7 +6020,7 @@ pre code {
   display: none;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -6080,7 +6080,7 @@ pre code {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHpSURBVEhLtZavT8JRFMXBGQgEg5FAYNNgIBAMBhpsEowEIpFgYLMYMBsMFht/gRNHgRn8EzDoCBY2CAQ3g4GAAz/ncUW+ym++nu3swnn3nfu47/se32BgDobDYRie8DEFozAiHXRhB9aDwWAFvjl1CqYWkDGhSDwjykgmL8QW1LgK7cEMPIA3jF/MKzTGYDBIwLYxbfJMkHMIm/B9YT4JWdiDZVa5Y/JCkBtizqXNPTXZCwa0ciXkTFoZFEoyvw/Vuh8wEEZUS8omrQ28Svh8wO8HYiy2iUu3ZRbw2MarMV6srV6tWbihywLPOH5qVUy9z8FXG/MNeD7A8y0+6xBVnOov7mFKBaJ2iHwFns+EqApot90JnQR9XAk2bRItikRUYBt+OukfoAIdFqCLzAOqrwSbNokIvl1XAOri8hWY7xM6KlCH3qPtD45hTZV2eV51KBIjfXOo5fj1iHEn8OUaNhFCTtgQeD3Cqn11FfUrdJ9fmrQ28CjAPp7agx8gpqF+VtKklSFTPHST5k3ygoEiVPUS1PlYGszTymV+ZdJ0kJCxxAZFRps0B+RoQ9VzPSjTV/4bJEZgGeoa161YwCgpM+MRWh7eWU4Vzdtzw9zXFibGCFnoXls4sO5fCrPv15Ya2i18kv4XgcAXTr+7IYi7bgIAAAAASUVORK5CYII%3D);
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -6159,7 +6159,7 @@ pre code {
   clear: both;
 }
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
@@ -6400,3 +6400,39 @@ pre code {
 .listview:after {
   clear: both;
 }
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Slider.less
+ *
+ */
+.slider {
+  height: 12px;
+  width: 100%;
+  position: relative;
+  background-color: #c6c6c6;
+  margin-bottom: 10px;
+}
+.slider .marker {
+  height: 12px;
+  width: 12px;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: #000000;
+}
+.slider .complete {
+  height: 100%;
+  width: auto;
+  background-color: #00828b;
+}
+.slider:hover .complete {
+  background-color: #219297;
+}
+.slider:active .complete,
+.slider:active + .marker:active .complete {
+  background-color: #25bbc4;
+}
diff --git a/public/css/theme-dark.css b/public/css/theme-dark.css
index 25ebb9f1d..773060192 100644
--- a/public/css/theme-dark.css
+++ b/public/css/theme-dark.css
@@ -1,5 +1,5 @@
 /*
- * Metro UI CSS v 0.1.4
+ * Metro UI CSS
  * Copyright 2012 Sergey Pimenov
  * Licensed under the MIT Lilcense
  *
diff --git a/public/header.php b/public/header.php
index 35f923d52..0bfeff048 100644
--- a/public/header.php
+++ b/public/header.php
@@ -70,6 +70,7 @@ function getWindowsSize(){
                     <li><a href="progress.php">Progress bars</a></li>
                     <li><a href="carousel.php">Carousel</a></li>
                     <li><a href="listview.php">List view</a></li>
+                    <li><a href="slider.php">Slider</a></li>
                     <li class="divider"></li>
                     <li><a href="notices.php">Notices and Replies</a></li>
                     <li class="divider"></li>
diff --git a/public/slider.php b/public/slider.php
new file mode 100644
index 000000000..f1abcb432
--- /dev/null
+++ b/public/slider.php
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/html">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
+    <meta name="description" content="Modern UI CSS">
+    <meta name="author" content="Sergey Pimenov">
+    <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">
+
+    <link href="css/modern.css" rel="stylesheet">
+    <link href="css/modern-responsive.css" rel="stylesheet">
+    <link href="css/site.css" rel="stylesheet" type="text/css">
+    <link href="js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
+
+    <script src="js/jquery-1.8.2.min.js"></script>
+    <script src="js/google-analytics.js"></script>
+    <script src="js/github.info.js"></script>
+    <script src="js/google-code-prettify/prettify.js"></script>
+
+    <title>Modern UI CSS</title>
+</head>
+<body class="modern-ui" onload="prettyPrint()">
+    <div class="page secondary">
+        <? include("header.php")?>
+
+        <div class="page-header">
+            <div class="page-header-content">
+                <h1>Slider<small>demo</small></h1>
+                <a href="/" class="back-button big page-back"></a>
+            </div>
+        </div>
+
+        <div class="page-region">
+            <div class="page-region-content">
+                <div class="span10">
+                    <h2>Slider</h2>
+
+                    <div class="slider">
+                        <div class="complete" style="width: 45%"></div>
+                        <div class="marker" style="left: 45%"></div>
+                    </div>
+
+<pre class="prettyprint linenums">
+    &lt;div class="slider" data-role="slider"&gt;
+        &lt;div class="complete" style="width: 45%"&gt;
+        &lt;div class="marker" style="left: 45%"&gt;
+    &lt;/div&gt;
+</pre>
+                </div>
+            </div>
+        </div>
+        <? include("footer.php")?>
+
+    </div>
+    <?php include("counter.php");?>
+
+</body>
+</html>
\ No newline at end of file