diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css
index 91d9c71a..0ce75bf1 100644
--- a/docs/src/pages/index.module.css
+++ b/docs/src/pages/index.module.css
@@ -13,6 +13,14 @@
     letter-spacing: 3px;
 }
 
+.hero_intro {
+    display: none;
+}
+
+.hero_second:nth-child(2) {
+    display: none;
+}
+
 .hero_text h1 span:last-child {
     display: none;
 }
@@ -54,4 +62,16 @@
     .hero_text h1 span:last-child {
         display: block;
     }
+    .hero_intro {
+        display: inline;
+    }
+    .hero_prefix {
+        text-transform: lowercase;
+    }
+    .hero_second:first-child {
+        display: none;
+    }
+    .hero_second:nth-child(2) {
+        display: inline;
+    }
 }
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index ccdcdca3..710c5d23 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -18,9 +18,15 @@ function HomepageHeader() {
             <span>jQuery Terminal</span>
             <span>Summary</span>
           </h1>
-          <p>An open-source, feature-rich JavaScript library that adds a terminal interface to your
+          <p>
+            <span className={styles.hero_intro}>jQuery Terminal is </span>
+            <span className={styles.hero_prefix}>An </span>
+            open-source, feature-rich JavaScript library that adds a terminal interface to your
             website.</p>
-          <p>jQuery Terminal uses jQuery only as a dependency, and you can think of it as a
+          <p>
+            <span className={styles.hero_second}>jQuery Terminal </span>
+            <span className={styles.hero_second}>It </span>
+            uses jQuery only as a dependency, and you can think of it as a
             framework.</p>
           <p>It's perfect for adding advanced functionality for power users, serving as
             a debugging tool, or creating cool websites that resemble a terminal from