view img

Author: muddasarsabir

css/index.css

@@ -52,4 +52,9 @@ h2
 {
     font-size: 130%;
     font-family: 'Electrolize', sans-serif;
+}
+.slider
+{
+    width: 150%;
+    height: 160%;
 }

img/slider-1.PNG

@@ -155,11 +155,11 @@ <h2 class="header">Experience</h2>
                 <div class="container">
                 <h2 class="header">Projects</h2>
                 <div class="carousel" style="margin-top: -10%;margin-bottom: -10%;">
-                  <a class="carousel-item" href="#one!"><img src="img/slider-1.PNG">
-                  <a class="carousel-item" href="#two!"><img src="img/slider-2.PNG">
-                  <a class="carousel-item" href="#three!"><img src="img/slider-3.PNG"></a>
-                  <a class="carousel-item" href="#four!"><img src="img/slider-4.PNG"></a>
-                  <a class="carousel-item" href="#five!"><img src="img/slider-5.PNG"></a>
+                  <a class="carousel-item" href="#one!"><img src="img/slider-1.PNG" class="materialboxed slider">
+                  <a class="carousel-item" href="#two!"><img src="img/slider-2.PNG" class="materialboxed slider">
+                  <a class="carousel-item" href="#three!"><img src="img/slider-3.PNG" class="materialboxed slider"></a>
+                  <a class="carousel-item" href="#four!"><img src="img/slider-4.PNG" class="materialboxed slider"></a>
+                  <a class="carousel-item" href="#five!"><img src="img/slider-5.PNG" class="materialboxed slider"></a>
                 </div>
               </div>
             </div>
@@ -361,6 +361,9 @@ <h5 class="black-text">Patreon Sponsors</h5>
         $(document).ready(function(){
           $('.carousel').carousel();
         });
+        $(document).ready(function(){
+          $('.materialboxed').materialbox();
+        });
     </script>
 </body>
 </html>