diff --git a/index.html b/index.html
index cd27842d..d779ae57 100644
--- a/index.html
+++ b/index.html
@@ -49,6 +49,40 @@ <h2>A listing of movies, TV shows and musicals as emojis. 💖</h2>
                 </div>
             </div>
         </header>
+     
+
+<!-- Add a secret code to the project that will trigger a fun animation. If a user types in the word 'emojis' while on the website, emojis will start falling briefly.  -->
+          <div id="emojis" class="emoji-container">
+    <!-- Emoji cards go here -->
+    <div class="emoji-card">
+      <h2 class="emoji-card-title">😀 Emoji 1</h2>
+      <div class="emoji-card-content">
+        <!-- Emoji content -->
+      </div>
+    </div>
+    <div class="emoji-card">
+      <h2 class="emoji-card-title">😃 Emoji 2</h2>
+      <div class="emoji-card-content">
+        <!-- Emoji content -->
+      </div>
+    </div>
+    <div class="emoji-card">
+      <h2 class="emoji-card-title">😁 Emoji 3</h2>
+      <div class="emoji-card-content">
+        <!-- Emoji content -->
+      </div>
+    </div>
+    <div class="emoji-card">
+      <h2 class="emoji-card-title">😄 Emoji 4</h2>
+      <div class="emoji-card-content">
+        <!-- Emoji content -->
+      </div>
+    </div>
+    <!-- Add more emoji cards as needed -->
+  </div>
+  <button class="btn-reveal-all" title="Reveal All"><i class="fas fa-eye"></i></button>
+
+  <div class="falling-emojis"></div>
         <section id="filters">
             <p>Click to filter: </p>
             <button data-filter="musical" class="musical-filter">Musicals</button>