2 files changed, 33 insertions, 0 deletions

diff --git a/app/Resources/static/themes/material/css/various.scss b/app/Resources/static/themes/material/css/various.scss
index 7daf40ec..5ff18038 100644
--- a/app/Resources/static/themes/material/css/various.scss
+++ b/app/Resources/static/themes/material/css/various.scss
@@ -30,3 +30,30 @@ nav .input-field input {
 .tab {
   flex: 1;
 }
+
+.slider .slides {
+  background: #00acc1;
+
+  li {
+    img {
+      background: no-repeat;
+      background-size: contain;
+      background-position: unset;
+    }
+
+    .icon {
+      width: auto;
+      height: 180px;
+    }
+
+    .icon.browser {
+      width: auto;
+      height: 100px;
+    }
+
+    .caption {
+      width: 85%;
+      left: 10%;
+    }
+  }
+}
diff --git a/app/Resources/static/themes/material/index.js b/app/Resources/static/themes/material/index.js
index d6afbb8a..74f64f9e 100755
--- a/app/Resources/static/themes/material/index.js
+++ b/app/Resources/static/themes/material/index.js
@@ -75,4 +75,10 @@ $(document).ready(() => {
     const scrollPercent = (s / (d - c)) * 100;
     $('.progress .determinate').css('width', `${scrollPercent}%`);
   });
+
+  if ($('.slider')) {
+    $('.slider').slider({
+      height: 500,
+    });
+  }
 });