Skip to content

style: Adding a new page #277

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

style: Adding a new page #277

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -253,7 +253,12 @@ <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="read-more">Read More</button>
<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>

</div>
<!-- Roadmap Card 2 -->
<div class="roadmap-card">
Expand Down
146 changes: 146 additions & 0 deletions pages/beyond_num.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,146 @@
*{
text-align: center;
background-color: #ffffff;
font-family: 'poppins', sans-serif;
}
nav{
position: fixed;
width: 100%;
background-color: white;
top: 0;
/* box-shadow: 0px 0px 1px black; */
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 5px;
margin-bottom: 10px;
padding: 10px 30px;
align-items: center;

}
nav a{
text-decoration: none;
color:black;
}
.logo {
font-size: 30px;
font-weight: bold;
color: black;
flex: 1;
text-align: left;
text-decoration: none;
cursor: pointer;
transition: color 0.3s ease;
}

.logo:hover {
color: rgb(106, 97, 97);
}

.nav-links {
list-style: none;
display: flex;
align-items: center;
margin: 0;
padding: 0;
flex: 1;
justify-content: flex-end;
margin-right: 7px;
font-size: 15px;
}

.nav-links li {
margin: 0 20px;
position: relative;
}

.nav-links a {
text-decoration: none;
color: black;
font-weight: bolder;
position: relative;
transition: color 0.3s ease;
}

.nav-links a::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 0;
height: 2px;
background-color: #e5a186;
transition: width 0.3s ease;
}

.nav-links a:hover {
color: #e5a186;
}

.nav-links a:hover::after {
width: 100%;
}

.nav-links .dropdown {
position: relative;
}

.nav-links .dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
z-index: 1;
list-style: none;
padding: 0;
}

.nav-links .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.nav-links .dropdown:hover .dropdown-content {
display: block;
}

.nav-links .dropdown-content a:hover {
background-color: #f1f1f1;
}

.menu-toggle {
display: none;
}
.data{
margin-top: 90px;

}
.data p{
animation: fade-in 6s ease;
}
h2{
text-decoration: wavy;
text-decoration: underline;
font-family: Georgia, 'Times New Roman', Times, serif;
color: #e5a186;
animation: fade-in 2s ease;
}
img{
border: 2px solid black;
border-radius: 15px;
box-shadow: 0px 2px 10px rgb(231, 125, 59);
}

@keyframes fade-in{
from{
opacity: 0;
transform: translateY(20px);
}
to{
opacity: 1;
transform: translateY(0);
}
}
92 changes: 92 additions & 0 deletions pages/beyond_num.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<!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>
<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;">Beyond Numbers: Unraveling the Magic of Ancient Times</H1>
<img src="../WhatsApp Image 2024-09-13 at 00.42.39_4ba68142.jpg" title="Beyond Numbers" alt="Beyond Numbers" width="500" border-radius="10px">
<p>Numbers are more than just mathematical symbols—they carry deep cultural, spiritual, and philosophical significance. In ancient Indian traditions, numbers are woven into myths, festivals, and cosmic principles, revealing profound wisdom. Beyond Numbers takes children on a fascinating journey through these connections, helping them discover the magic hidden within numerical patterns. By blending mathematics with cultural heritage, this approach not only nurtures curiosity but also instills a deeper appreciation for the timeless knowledge embedded in numbers.

<h2>The Cultural Significance of Numbers</h2>

Each number holds unique meaning in Indian philosophy and traditions. For instance, the number 3 represents the Trimurti, the three supreme deities—Brahma (the Creator), Vishnu (the Preserver), and Shiva (the Destroyer). This divine trinity signifies the cosmic cycle of creation, preservation, and destruction, demonstrating the balance that governs the universe. Similarly, the concept of Panchabhutas—the five great elements—earth, water, fire, air, and space—forms the foundation of life, emphasizing harmony between nature and existence.


<h2>Numbers in Myths and Epics</h2>

Indian epics like the Ramayana and Mahabharata are rich with numerical symbolism. The number 7 appears frequently, such as the Sapta Rishis (Seven Sages) who guide human wisdom and the Saptapadi (Seven Steps) in Hindu weddings, representing the vows that bind two souls together. The Dashavatara, or 10 avatars of Vishnu, symbolizes different stages of evolution, from the aquatic form of Matsya (fish) to the enlightened Krishna and Kalki. These avatars illustrate the cycle of change and adaptation, linking mythology to philosophical thought.


<h2>Numbers in Festivals and Traditions</h2>

Festivals in India also celebrate numerical themes. The 9 nights of Navaratri honor the nine forms of Goddess Durga, each representing different aspects of strength and devotion. Similarly, the 108 beads of a prayer mala hold spiritual significance, as the number 108 is considered sacred in Vedic mathematics and cosmology. It is believed to represent the wholeness of existence, with connections to the Sun, Moon, and Earth’s celestial rhythms.


<h2>Teaching Math Through Culture</h2>

By exploring numbers in this way, children develop an intuitive understanding of mathematical concepts while also appreciating their cultural roots. Learning about zero, for example, reveals how ancient Indian mathematicians revolutionized the number system, shaping the way we understand mathematics today. The Fibonacci sequence, which appears in nature, also finds mention in ancient Indian architecture and temple designs, demonstrating the harmony between numbers and the universe.


<h2>Inspiring Curiosity and Wonder</h2>

Through Beyond Numbers, children not only learn about numbers but also uncover stories, traditions, and philosophies that make math more engaging and meaningful. When they see how numbers connect to history, mythology, and nature, they develop a holistic perspective—one that encourages both analytical thinking and cultural awareness.

By blending ancient wisdom with modern learning, Beyond Numbers transforms mathematics into an adventure, showing children that numbers are more than calculations—they are the language of the universe, filled with meaning, mystery, and magic.</p>
</div>
</body>
</html>
8 changes: 7 additions & 1 deletion styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -167,7 +167,13 @@ nav {
.menu-toggle {
display: none;
}

.main_content {
border-radius: 10px;
background-color: #E5A186;
color: white;
border: none;
padding: 6px;
}


/* Hero Section */
Expand Down
Loading