adding all files

myScript1.js

@@ -0,0 +1,16 @@
+
+window.onload=function()  { 
+  var element = document.getElementById("myBar");    
+  var width = 1; 
+  var identity = setInterval(scene, 10); 
+  function scene() { 
+    if (width >= 100) { 
+      clearInterval(identity); 
+    } else { 
+      width++;  
+      element.style.width = width + '%';  
+    } 
+  } 
+}
+
+

mystyle.css

@@ -0,0 +1,81 @@
+
+#slider {
+  overflow: hidden;
+}
+
+#slider figure {
+  align-items: center;
+  position: relative;
+  animation:  slider 5s linear 1s infinite;
+}
+
+@keyframes slider {
+  0% {
+    left:0;
+}
+
+25% {
+    left: -25%;
+}
+
+75% {
+    left: -50%;
+}
+100% {
+    left: -75%;
+}
+}
+
+
+#black {
+   color: black;
+   font-family: Verdana;
+   font-style: bold;
+}
+
+#white {
+   color: white;
+   font-family: Verdana;
+   font-style: bold;
+}
+
+#CG {
+    color: black;
+    font-family: Elephant;
+}
+
+#myProgress {
+    width: 50%;
+    background-color: grey;
+  }
+  
+  #myBar {
+    width: 1%;
+    height: 5px;
+    background-color: black;
+  }
+
+  a {
+    text-decoration: none;
+    display: inline-block;
+    padding: 8px 16px;
+  }
+  
+  a:hover {
+    background-color: #ddd;
+    color: black;
+  }
+  
+  .previous {
+    background-color: #f1f1f1;
+    color: black;
+  }
+  
+  .next {
+    background-color:  #f1f1f1;
+    color: black;
+  }
+  
+  .round {
+    border-radius: 50%;
+  }