Update index.html

Added avengers card to fill free space
88neil · Dec 13, 2024 · 3f22568 · 3f22568
1 parent 9489464
commit 3f22568
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE HTML>
-<html lang="en">
+<html lang=</div>"en">
 <head> 
     <link rel="icon" href="img/favicon.svg">
     <title>PopcornPicks</title>
@@ -12,7 +12,7 @@
     <div class="header">
         <h1>PopcornPicks</h1>
         <div class="search-bar">
-            <button class="tab active">Movie<button>
+            <button class="tab active">Movie</button>
             <button class="tab">Series</button>
             <button class="tab">Shows</button>
             <div class="search-wrapper">
@@ -79,7 +79,6 @@ <h2>How to Train<br>Your Dragon</h2>
         <button class="category-btn"><img src="img/horror.png">Horror</button>
         <button class="category-btn"><img src="img/special.png">Special</button>
     </div>
-
     <div class="trending-section">
         <h2>Trending</h2>
         <div class="trending-grid"> 
@@ -125,8 +124,17 @@ <h3>The Pursuit</h3>
                     <div class="rating" style="color: orange;">4.4/5 ★</div>
                 </div>
             </div>
+            <div class="trending-card">
+                <img src="img/avengers.jpg">
+                <div class="movie-details">
+                    <h3>Avengers</h3>
+                    <div class="rating" style="color: orange;">4.7/5 ★</div>
+                </div>
+            </div>
         </div>
     </div>
     <script src="script.js"></script>
 </body>
 </html>
+
+