diff --git a/src/layouts/index.html b/src/layouts/index.html
index ca70c0b..3db891a 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -7,7 +7,7 @@
     <div class="row hero my-auto">
       <div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12">
         <div style="margin-top:auto; margin-bottom:auto;">
-          <h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&#8208;Source for web3</h1>
+          <h1 class="display-1 mb-4"><span class="yellow">Equitable</span> <span id="cycle-br-two"><br></span>Open&#8208;Source for <span id="cycle-br"><br></span><span id="cycle"></span></h1>
           <p class="mb-5 fs-sm-5 fs-lg-6 lead">The tools that build the internet have steeped too long. For the past two
             decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never
             thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by
@@ -69,6 +69,12 @@
     .discord-btn:hover{
       background-color: #388495 !important;
     }
+
+    @media only screen and (min-width: 992px) {
+      #cycle-br{
+        display:none;
+      }
+    }
   </style>
 
   <!-- Mission Statement -->
diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 9658c7f..33da165 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -82,6 +82,8 @@
     </div>
   </div>
 
+  <script src="js/classListShim.js"></script>
+
   <!-- JavaScript Bundle with Popper -->
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
@@ -154,3 +156,29 @@ integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+
 
     gtag('config', 'G-Q3M5LVH76F');
   </script>
+
+  <script>
+    const textList = [
+    "web3",
+    "game&#8208;dev",
+    "web",
+    "AI",
+    "automation",
+    "data",
+    "ML",
+    "devops",
+    "ML",
+    "creating",
+    "everything",
+    "<i>you<i>"
+    ];
+    const cycle = document.querySelector("#cycle");
+    let i = 0;
+    const cycleText = () => {
+      cycle.innerHTML = textList[i];
+      i = ++i % textList.length;
+    };
+    cycleText();
+    setInterval(cycleText, 1200);
+
+  </script>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index f8debed..a2d8368 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -225,6 +225,7 @@ For authenticated users:
 
 
   @media only screen and (min-width: 600px) {
+
     #tea-steam-1{
       position: absolute;
       z-index: 0;