Genre cards added

assets/html/index.html

@@ -665,6 +665,49 @@ <h3 class="h3 card-title">Adventure Fiction</h3>
 
               </div>
             </li>
+
+            <li>
+              <div class="chapter-card">
+
+                <p class="card-subtitle">13</p>
+
+                <h3 class="h3 card-title">Children's Fiction</h3>
+
+                <p class="card-text">
+                  Welcome to the magical world of Children's Fiction! Here, young readers can embark on enchanting adventures, meet unforgettable characters, and explore whimsical worlds that spark the imagination and inspire a lifelong love of reading. Dive into a new story today and let the adventures begin!
+                </p>
+
+              </div>
+            </li>
+
+            <li>
+              <div class="chapter-card">
+
+                <p class="card-subtitle">14</p>
+
+                <h3 class="h3 card-title">Young Adult Fiction</h3>
+
+                <p class="card-text">
+                  Step into the captivating world of Young Adult Fiction! This genre is crafted for teens and young adults, offering stories that resonate with their experiences, aspirations, and challenges. From thrilling adventures to heart-wrenching romances, these books provide a bridge between childhood and adulthood, inspiring readers to explore new perspectives and discover themselves.
+                </p>
+
+              </div>
+            </li>
+
+            <li>
+              <div class="chapter-card">
+
+                <p class="card-subtitle">15</p>
+
+                <h3 class="h3 card-title">Dystopian Fiction</h3>
+
+                <p class="card-text">
+                  Dive into the gripping and thought-provoking world of Dystopian Fiction! This genre explores imagined futures where society faces dire challenges, often reflecting on current issues and posing profound questions about humanity, governance, and survival. These stories captivate readers with their intense plots, complex characters, and speculative settings.
+                </p>
+
+              </div>
+            </li>
+
           </ul>
 
         </div>