From 10159fc756e0ffccdf0504a5fef9c3f0cb9b10f8 Mon Sep 17 00:00:00 2001 From: SrijaVuppala295 Date: Sat, 9 Nov 2024 14:15:00 +0530 Subject: [PATCH] done --- mindful-living.html | 146 +++++++++++++++++++++++++++++++++----------- 1 file changed, 111 insertions(+), 35 deletions(-) diff --git a/mindful-living.html b/mindful-living.html index de99079f..d57da7f7 100644 --- a/mindful-living.html +++ b/mindful-living.html @@ -417,59 +417,135 @@ #chaps { margin-top: 150px; /* Adjust the margin-top value as needed */ } - + /* Ensure the card itself has a border and the container is defined */ +.chapter-card { + background-color: white; /* Initial background color */ + border-radius: 8px; + padding: 20px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow effect for depth */ + transition: all 0.3s ease; /* Smooth transition for all changes */ +} -
-
+/* Apply hover effect for color changes */ +.chapter-card:hover { + background-color: #ffb6b9; /* Change background color to pink on hover */ +} + +/* Apply hover effect for the heading to darken its color */ +.chapter-card:hover .card-title { + color: #b36b6b; /* Darker shade of the title */ +} + +/* Bold and large heading */ +.card-title { + font-size: 2em; /* Increase font size */ + font-weight: bold; /* Make the title bold */ + color: #333; /* Default color */ + transition: color 0.3s ease; /* Smooth color transition */ +} + +/* Apply hover effect for subtitle and text color */ +.chapter-card:hover .card-subtitle, +.chapter-card:hover .card-text { + color: #ffffff; /* Change text color to white */ +} -

+/* Subtitle and text default colors */ +.card-subtitle { + color: #777; /* Subtitle color */ +} + +.card-text { + color: #444; /* Default text color */ +} +h2.section-title { + margin-top: -30px; /* Adjust upwards */ + margin-bottom: 20px; /* Adjust spacing below */ +} + .header { + position: fixed; + top: 0; + width: 100%; + z-index: 1000; /* Ensures it stays on top of other content */ + margin-top: 45px; + margin-left: 9rem; +} + .navbar-link { + color: black !important; +} -

- Explore New Worlds - -

+.dark-mode .navbar-link { + color: white !important; +} + -
    +
    +
    + -
  • - +

    + Explore New Worlds + +

    -

    +
    • + -

    +
  • +
    -

    "Nurture Your Well-Being"

    +

    "Nurture your Well-Being"

    -

    -

    +

    Leave the Ordinary Behind

    -     -
    • -
  • -
    -

    -

    "Journey to Self-Discovery"

    +

    + Take a break from the ordinary and step into the extraordinary. Let books transport you into realms + where magic is real, heroes rise, and challenges are overcome. Explore our collection, swap your + favorites, and find stories that make your imagination soar. +

    + Books are a soothing retreat when reality becomes too demanding. +

    -

    -

    +
    +
    • + +
  • +
    + + +

    "Journey to Self Discovery"

    +

    Adventure Awaits in Every Chapter

    + +

    + Books are portals to adventures waiting to be explored—journey through ancient kingdoms, futuristic + landscapes, or distant galaxies. With each turn of the page, you’ll uncover new cultures, ideas, and + perspectives. Dive in and experience the thrill of discovery, one book at a time! +

    + Adventure is waiting just one page away, and the best part is that your next thrill lies in a book swap +

    -
    -
    • +
+ - -
+ +