diff --git a/src/layouts/page/cli.html b/src/layouts/page/cli.html
index 72440df..32f4aca 100644
--- a/src/layouts/page/cli.html
+++ b/src/layouts/page/cli.html
@@ -762,5 +762,54 @@
 
 <hr>
 
+<style>
+
+  .twitter-card{
+    border: 2px solid #1a1a1a;
+    background-color: #33ffd9 !important;
+    min-height: 466px;
+  }
+  .title-bar{
+    height:30px;
+  }
+  .avatar{
+    height: 24px;
+    width: 24px;
+    border-radius: 30px;
+    background-color: gray;
+    display: inline-block;
+  }
+  .test-name{
+    display: inline-block;
+    position: relative;
+    margin-left: 5px;
+  }
+  .top-bar i{
+    position: relative;
+    top: 2px;
+  }
+
+</style>
+
+<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
+
+<script>
+
+  var mySwiper = new Swiper ('.swiper-container', {
+  spaceBetween: 10,
+  freeMode: true,
+  direction: 'horizontal',
+  loop: true,
+  pagination: {
+      el: '.swiper-pagination',
+    },
+    navigation: {
+      nextEl: '.swiper-button-next',
+      prevEl: '.swiper-button-prev',
+    },
+  })
+
+</script>
+
 
 {{ end }}