diff --git a/images/slider/index.html b/images/slider/index.html
index cf46a8c8..c0e6138b 100644
--- a/images/slider/index.html
+++ b/images/slider/index.html
@@ -44,20 +44,46 @@
 
 
 .slide:first-child {
-  background: url("1.png") no-repeat
+  background: url("1.jpg") no-repeat
     center top/cover;
 }
 
 .slide:nth-child(2) {
-  background: url("2.png") no-repeat
+  background: url("2.jpg") no-repeat
     center top/cover;
 }
 
 .slide:nth-child(3) {
-  background: url("3.png") no-repeat
+  background: url("3.jpg") no-repeat
     center top/cover;
 }
 
+  .slide:nth-child(4) {
+  background: url("4.jpg") no-repeat
+    center top/cover;
+}
+
+
+    .slide:nth-child(5) {
+  background: url("5.jpg") no-repeat
+    center top/cover;
+}
+
+
+      .slide:nth-child(6) {
+  background: url("6.jpg") no-repeat
+    center top/cover;
+}
+
+      .slide:nth-child(7) {
+  background: url("7.jpg") no-repeat
+    center top/cover;
+}
+
+      .slide:nth-child(8) {
+  background: url("8.jpg") no-repeat
+    center top/cover;
+}
 
 .buttons button#prev {
   position: absolute;
@@ -112,6 +138,12 @@
     <div class="slide current"></div>
     <div class="slide"></div>
     <div class="slide"></div>
+    <div class="slide"></div>
+    <div class="slide"></div>
+    <div class="slide"></div>
+    <div class="slide"></div>
+    <div class="slide"></div>
+    <div class="slide"></div>
 
   </div>
   <div class="buttons">