style: Adding three new pages

index.html

@@ -256,6 +256,9 @@ <h3>Beyond Numbers</h3>
                   <p class="card-text">
                     Beyond Numbers takes children on an enchanting journey through the cultural significance of numbers in Indian traditions, myths, and festivals. From the Trimurti (3 Gods) and Panchabhutas (5 Elements) to the Dashavatara (10 Avatars of Vishnu), each number holds a deeper meaning. By blending math with culture, it inspires curiosity and helps children discover the profound wisdom hidden in numbers.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/beyond_num.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
                 <!-- Roadmap Card 2 -->
@@ -265,6 +268,9 @@ <h3>Cultural Colors</h3>
                   <p class="card-text">
                     Colors in Indian culture are rich with symbolism, each carrying deep meanings. Red represents strength and passion, as seen in Goddess Durga, while yellow symbolizes knowledge, celebrated in Goddess Saraswati. Blue embodies divinity and calmness, reflected in Lord Krishna. Learn how these colors connect to spiritual and cultural values, bringing vibrancy to Indian traditions.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/cultural_colors.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
                 <!-- Roadmap Card 3 -->
@@ -274,6 +280,9 @@ <h3>Heritage Map</h3>
                   <p class="card-text">
                     Embark on a virtual journey across India's diverse regions and explore its rich heritage. From ancient temples to monumental landmarks, the Heritage Map offers an interactive way for children to discover historical sites and learn about their cultural and spiritual significance. Dive into the fascinating stories behind each iconic place and understand India’s glorious past.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/heritage_map.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
               </div>
@@ -289,6 +298,9 @@ <h3>Festival Journey</h3>
                   <p class="card-text">
                     Explore the magic of India’s festivals, where every celebration has a unique story. From Diwali’s lights to Holi’s colors, learn about the customs, values, and traditions behind each festival. Interactive activities and virtual celebrations make this journey both educational and enjoyable, bringing the spirit of India’s festivals to life.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/festival.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
                 <!-- Roadmap Card 5 -->
@@ -298,6 +310,9 @@ <h3>Sanskrit Stories</h3>
                   <p class="card-text">
                     Step into the world of Sanskrit through enchanting stories from the Panchatantra and Hitopadesha. As children explore these timeless tales, they’ll learn basic Sanskrit words and phrases, unlocking the wisdom of ancient India. Interactive exercises make the learning process fun, allowing children to engage with language while appreciating its cultural importance.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/sanskrit.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
                 <!-- Roadmap Card 6 -->
@@ -307,6 +322,9 @@ <h3>Yoga for Kids</h3>
                   <p class="card-text">
                     Introduce kids to yoga with simple, fun asanas and breathing exercises! Each pose is paired with a story from Indian mythology, such as Hanuman’s leap or the serpent Vasuki, making the practice both enjoyable and meaningful. Kids will build flexibility, focus, and mindfulness while connecting with ancient Indian wellness traditions.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/yoga.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
               </div>
@@ -322,6 +340,9 @@ <h3>Art & Crafts</h3>
                   <p class="card-text">
                     Unleash creativity with traditional Indian arts and crafts! From Rangoli designs to Madhubani painting, children can create beautiful artwork while learning about the cultural significance of each art form. Explore the rich history and stories behind these crafts, giving kids a deeper connection to India’s artistic heritage.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/arts.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
                 <!-- Roadmap Card 8 -->
@@ -331,6 +352,9 @@ <h3>Mythological Heroes</h3>
                   <p class="card-text">
                     Meet India’s mythological heroes and dive into their inspiring adventures! From Rama’s valor to Arjuna’s devotion, each hero represents timeless values like righteousness, courage, and wisdom. Through interactive quizzes and games, children will engage with these legendary figures, making the stories come alive in an exciting way.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/heros.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
                 <!-- Roadmap Card 9 -->
@@ -340,6 +364,9 @@ <h3>Science in Tradition</h3>
                   <p class="card-text">
                     Discover the science embedded in India’s ancient traditions! From Ayurveda’s holistic approach to health to the precision of ancient astronomy, children can explore how our ancestors applied scientific principles in daily life. Learn how traditions like these laid the groundwork for modern scientific thinking and continue to inspire us today.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/science.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
               </div>
@@ -355,7 +382,10 @@ <h3>Science in Tradition</h3>
                   <h3>Traditional Arts & Music</h3>
                   <p class="card-text">
                     India’s traditional arts and music embody its rich cultural heritage. Madhubani, Warli, Pattachitra, and Kalamkari paintings depict folklore and nature, while Chikankari embroidery, Kanjeevaram weaving, and Terracotta pottery showcase craftsmanship. In music, Hindustani and Carnatic classical styles follow intricate ragas, while folk traditions like Baul, Lavani, and Bihu narrate stories. Instruments like the sitar, veena, and tabla enhance India’s vibrant artistic legacy.                  </p>
-                  <button class="read-more">Read More</button>
+                    <button class="main_content" onclick="window.location.href='pages/music.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
+                    <button class="read-more">Read More</button>
                 </div>
                 <!--Card 11 -->
                 <div class="roadmap-card">
@@ -364,6 +394,9 @@ <h3>Indigenous Games & Sports</h3>
                   <p class="card-text">
                     India’s traditional games reflect its cultural richness and community spirit. Mallakhamb blends yoga and gymnastics, while Kalaripayattu is one of the oldest martial arts. Board games like Pachisi and Chaupar emphasize strategy. Rural sports such as Jallikattu (bull-taming), Kambala (buffalo racing), and Yubi Lakpi (Manipuri rugby) showcase regional heritage. These games, once central to Indian life, are now being revived through cultural initiatives.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/sports.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
                 <!--Card 12 -->
@@ -373,6 +406,9 @@ <h3>Spiritual & Philosophical Schools</h3>
                   <p class="card-text">
                     India’s spiritual traditions shaped global thought. The six classical philosophies—Nyaya, Vaisheshika, Samkhya, Yoga, Mimamsa, and Vedanta—explore existence and liberation. Jainism and Buddhism emphasize non-violence and mindfulness, while the Bhakti and Sufi movements focus on devotion. Texts like the Bhagavad Gita and Upanishads inspire seekers. Yoga, meditation, and Ayurveda, rooted in Indian wisdom, continue to influence modern wellness practices.
                   </p>
+                  <button class="main_content" onclick="window.location.href='pages/spiritual.html'"  style="display: block; /* Makes it a block-level element */
+                    margin: 10px auto; /* Auto centers horizontally */
+                    text-align: center;">View More Content</button>
                   <button class="read-more">Read More</button>
                 </div>
               </div>

pages/arts.html

@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="beyond_num.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <link
+      rel="icon"
+      href="DALL·E 2024-08-28 12.19.31 - A clean and moderately detailed logo for a Sanskrit education website. T.webp"
+    />
+    <style>
+        /* Scroll to Top Button */
+        #scrollToTopBtn {
+            display: none;
+            position: fixed;
+            bottom: 132px;
+            right: 30px;
+            height: 55px;
+            width: 55px;
+            background-color: rgb(218, 128, 76);
+            color: white;
+            border: none;
+            border-radius: 50%;
+            padding: 10px;
+            cursor: pointer;
+            font-size: 15px;
+        }
+        #scrollToTopBtn:hover {
+            background-color: rgb(218, 128, 76);
+        }
+    </style>
+
+</head>
+<body style="padding: 90px;">
+    <nav class="appbar">
+        <!-- Wrap the logo text in an anchor tag -->
+        <a href="#hero" class="logo">मातृबोधः</a>
+        <ul class="nav-links">
+            <li><a href="../index.html">Home</a></li>
+            <li><a href="about-page.html">About</a></li>
+            <li class="dropdown">
+                <a href="#">Content</a>
+                <ul class="dropdown-content">
+                    <li><a href="../countingpage.html">Counting</a></li>
+                    <li><a href="#">Days</a></li>
+                    <li><a href="../activities.html">Activities</a></li>
+                    <li><a href="../feedback.html">Feedback</a></li>
+                </ul>
+            </li>
+            <li id="loginlist" ><a href="../login.html">Login</a></li>
+            <li id="profilelist"><a  href="../profile.html">Profile</a></li>
+            <li><a href="../faq.html">FAQ</a></li>
+            <li><a href="../contact.html" >Contact</a></li>
+        </ul>
+        <div class="toggle-menu">☰</div>
+    </nav>
+    <br>
+    <div class="data">
+        <H1 style="text-decoration: underline;">Arts & Crafts</H1>
+        <img src="../images/arts.jpg" title="Cultural Significance of Colors in India and Ancient Times" alt="Cultural Significance of Colors in India and Ancient Times" width="500" border-radius="10px">
+        <h2>Exploring India’s Traditional Art Forms</h2>    
+        <p>Art and craft have been an essential part of India’s culture for centuries, reflecting its diverse traditions, beliefs, and stories. This program introduces children to vibrant and meaningful Indian art forms, allowing them to create, explore, and connect with India’s artistic heritage.
+
+        </p>
+            <h2 >Why Learn Indian Arts & Crafts?</h2>
+
+            Encourages Creativity – Helps children express themselves through colors, patterns, and designs.
+Develops Fine Motor Skills – Enhances hand-eye coordination and artistic precision.
+Preserves Heritage – Connects children to traditional art forms passed down for generations.
+Boosts Cultural Understanding – Teaches the significance of each art form and its regional roots.
+
+            <h2>Traditional Indian Art Forms</h2>
+
+            <h3>1. Rangoli – The Art of Colorful Patterns</h3>
+            <p>Rangoli is a decorative art form created with colored powders, rice, or flower petals, often seen during festivals and celebrations.
+
+                Significance:
+
+                Believed to bring good luck and positivity
+                Used in Diwali, Pongal, and other festivals
+                Patterns often include flowers, peacocks, and geometric shapes
+                Activity:
+                Children can design their own Rangoli using natural colors or colored chalk on paper.</p>
+            <h3>2. Madhubani Painting – Stories in Art</h3>
+            <p>Originating from Bihar, Madhubani painting is a folk art form known for its intricate patterns and bright colors, often depicting nature, mythology, and daily life.
+
+                Significance:
+
+                Traditionally done on walls and handmade paper
+                Uses natural dyes and pigments
+                Features bold lines and detailed motifs
+                Activity:
+                Kids can try creating their own Madhubani artwork using watercolor or markers on handmade paper.
+
+                </p>
+            <h3>3. Warli Painting – Tribal Art from Maharashtra</h3>
+            <p>Warli paintings use simple geometric shapes to depict human figures, animals, and village life. The art form is known for its earthy tones and minimalistic style.
+
+                Significance:
+
+                Tells stories of tribal traditions and folklore
+                Usually created with white paint on mud walls
+                Focuses on themes of nature, festivals, and farming
+                Activity:
+                Children can create their own Warli art using white paint on brown paper or cardboard.</p>
+            <h3>4. Pattachitra – Scroll Painting from Odisha and West Bengal</h3>
+            <p>Pattachitra is a detailed form of scroll painting that narrates mythological and religious stories, often centered around Lord Jagannath, Krishna, and Ramayana tales.
+
+                Significance:
+
+                Traditionally painted on cloth or dried palm leaves
+                Uses natural colors derived from minerals and plants
+                Features intricate borders and fine detailing
+                Activity:
+                Kids can create their own mini Pattachitra paintings by drawing detailed mythological scenes on handmade paper.</p>
+            <h3>5. Block Printing – Fabric Art from Rajasthan</h3>
+            <p>Block printing is a textile art where intricate designs are carved onto wooden blocks, dipped in natural dyes, and stamped onto fabrics.
+
+                Significance:
+
+                Used to create traditional Indian textiles like sarees and dupattas
+                Patterns include floral, paisley, and geometric designs
+                Eco-friendly and sustainable art form
+                Activity:
+                Children can experiment with block printing by making their own stamps from potatoes or carved foam and printing on paper or cloth.</p>
+    </div>
+</body>
+</html>