Skip to content
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.

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

Added details in Activity and Days page. Also added Historical Stories #66

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 3 commits
Commits
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
Binary file added Picture 1.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 10.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 11.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 2.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 3.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 4.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 5.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 6.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 7.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Picture 8.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Pictute 9.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
198 changes: 198 additions & 0 deletions activity.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,198 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>India's Culture & History</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}

header {
background-color: #ff5722;
color: white;
padding: 1rem 0;
text-align: center;
}

.container {
max-width: 1200px;
margin: 20px auto;
padding: 15px;
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

section {
margin-bottom: 30px;
}

h2 {
color: #ff5722;
text-align: center;
margin-bottom: 15px;
}

.content {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
flex-wrap: wrap;
}

.text-container {
flex: 2;
text-align: left;
}

.image-container {
flex: 1;
text-align: center;
}

.image-container img {
width: 100%;
max-width: 400px;
height: 350px;
object-fit: cover;
border-radius: 8px;
}

footer {
text-align: center;
padding: 10px 0;
background: #333;
color: white;
position: relative;
bottom: 0;
width: 100%;
}

</style>

</head>
<body>

<header>
<h1>India's Culture</h1>
</header>

<div class="container">
<section>
<h2>Heritage and History</h2>
<p><b>Ancient Civilizations:</b> Including the Indus Valley Civilization is one of the oldest urban civilizations in the world.<br>
<b>Empires and Kingdoms:</b> Mauryan, Gupta, Mughal, and British empires have left a rich legacy in architecture, art, and governance.<br>
<b>Independence Struggle:</b> India's struggle for independence, led by people like Mahatma Gandhi, has inspired the world.</p><br>
<div class="image-container">
<img src="Picture 1.PNG" >
</div>
</section>

<section>
<h2>Language</h2>
<p><b>Rich Linguistic Pluralism:</b> India has 22 officially recognized languages, including Hindi and English as major languages. Tamil, Bengali, Marathi, Telugu, and Punjabi are some other widely spoken languages.<br>
<b>Scripts:</b> Various writing systems, Devanagari, Tamil, Bengali, and Urdu, represent the diverse cultures.</p>
<div class="image-container">
<img src="Picture 2.PNG">
</div>
</section>

<section>
<h2>Religion and Spirituality</h2>
<p><b>Birthplace of Major Religions:</b> All four major religions, Hinduism, Buddhism, Jainism, and Sikhism, have originated in India.<br>
<b>Diverse Beliefs:</b> India also has Islam, Christianity, Judaism, Zoroastrianism, and native tribal practices.<br>
<b>Pilgrimage Sites:</b> The places are visited by pilgrims from all around the world like Varanasi, Amritsar, Ajmer, and Bodh Gaya.</p>
<div class="image-container">
<img src="Picture 3.PNG">
</div>
</section>

<section>
<h2>Festivals</h2>
<p><b>Celebration of Diversity:</b> Festivals like Diwali, Holi, Eid, Christmas, Durga Puja, and Baisakhi reflect India's multicultural fabric.<br>
<b>Regional Festivals:</b> Pongal in Tamil Nadu, Onam in Kerala, and Navratri in Gujarat show regional customs.</p>
<div class="image-container">
<img src="Picture 4.PNG">
</div>
</section>

<section>
<h2>Cuisine</h2>
<p><b>Regional Specialties:</b> From spicy curries of the South to the rich Mughlai dishes of the North, every region offers unique flavors.<br>
<b>Staples:</b> Rice, wheat, lentils, and a variety of spices form the foundation.<br>
<b>Street Food:</b> Chaat, samosas, vada pav, and pani puri are popular dishes.</p>
<div class="image-container">
<img src="Picture 5.PNG">
</div>
</section>

<section>
<h2>Art and Architecture</h2>
<p><b>Traditional Art:</b> Madhubani, Warli, and Pattachitra paintings.<br>
<b>Music and Dance:</b> Bharatanatyam, Kathak, and Carnatic music; Bollywood and modern styles.<br>
<b>Architectural Wonders:</b> Taj Mahal, Qutub Minar, Jaipur palaces, South Indian temples.</p>
<div class="image-container">
<img src="Picture 6.PNG">
</div>
</section>
<section>
<h2>Family and Social Structure</h2>
<p><b>Joint Family System:</b> The modern nuclear families are on an up, but the joint families still have a vital existence.<br>
<b>Respect for Elders:</b> Elders are highly respected, and their blessings are sought on special days.<br>
<b>Hospitality:</b> Guests are treated as gods, reflecting the belief of <b>"Atithi Devo Bhava"</b>(The guest is equivalent to God).</p>
<div class="image-container">
<img src="Picture 7.PNG">
</div>
</section>
<section>
<h2> Clothing</h2>
<p><b>Traditional Attire:</b> Sarees, lehengas, and salwar kameez for women; dhotis, kurtas, and sherwanis for men.<br>
<b>Festive Wear:</b> Colorful, elaborate garments during weddings and festivals.<br>
<b>Modern Influence:</b> Urban areas see a mix of Western and Indian styles.</p>
<div class="image-container">
<img src="Picture 8.PNG">
</div>
</section>
<section>
<h2> Philosophy and Literature</h2>
<p><b>Philosophical Contributions:</b> Works like the Vedas, Upanishads, and Bhagavad Gita have deeply influenced global philosophy.<br>
<b>Literature:</b> From Kalidasa's ancient poetry to modern authors like Rabindranath Tagore and R.K. Narayan.<br>
</p>
<div class="image-container">
<img src="Pictute 9.PNG">
</div>
</section>
<section>
<h2> Sports and Entertainment</h2>
<p><b>Cricket:</b> A national obsession, uniting people across regions.<br>
<b>Traditional Games:</b> Kabaddi, Kho-Kho and chess, which originated in India.<br>
<b>Cinema:</b> Bollywood film industry and other regional film industries are among the world's greatest. The number of films produced annually is one of the highest in the world.<br></p>
<div class="image-container">
<img src="Picture 10.PNG">
</div>
</section>
<section>
<h2> Nature and Geography</h2>
<p><b>Diverse Landscapes:</b> From the Himalayas to deserts in Rajasthan, backwaters in Kerala, and tropical forests in the Northeast.<br>
<b>Sacred Rivers:</b> Ganges, Yamuna, and Godavari are epitomes of Indian spirituality and culture.<br>
</p>
<div class="image-container">
<img src="Picture 11.PNG">
</div>
</section>
</div>

<footer>
<p>&copy; 2025 India's Culture. All Rights Reserved.</p>
</footer>

</body>
</html>
180 changes: 180 additions & 0 deletions days.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>India's Important Dates</title>
<style>

body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}

header {
background-color: #ff5722;
color: white;
padding: 1rem 0;
text-align: center;
}

.container {
max-width: 1200px;
margin: 20px auto;
padding: 15px;
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

section {
margin-bottom: 30px;
}

h2 {
color: #ff5722;
text-align: center;
margin-bottom: 15px;
}

.content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}

.text-container {
flex: 2;
text-align: left;
}

footer {
text-align: center;
padding: 10px 0;
background: #333;
color: white;
position: relative;
bottom: 0;
width: 100%;
}

</style>
</head>
<body>

<header>
<h1>India's Important Dates</h1>
</header>

<div class="container">
<section>
<h2> Indus Valley Civilization (c. 3300–1300 BCE):</h2>
<div class="text-container">

<p><b>Overview:</b> The Indus Valley Civilization, also known as the Harappan Civilization, was one of the world’s earliest urban societies, emerging around 3300 BCE in what is now Pakistan and northwest India. The civilization flourished for over 1,000 years and is known for its well-planned cities, advanced drainage systems, and impressive architecture.<br>
<b>Major Cities:</b> Mohenjo-Daro, Harappa, Dholavira, Lothal.<br>
<b>Achievements:</b> The people of the Indus Valley developed a script (still undeciphered), advanced metallurgy, pottery, and trade networks. They were also known for their innovations in sanitation, including private bathrooms and sophisticated drainage systems.</p>
</div>
</section>

<section>
<h2> Maurya Empire (c. 322–185 BCE):</h2>
<div class="text-container">
<p><b>Founding:</b> The Maurya Empire was founded by Chandragupta Maurya in 322 BCE after the fall of the Nanda Dynasty. Chandragupta united most of the Indian subcontinent under his rule.<br>
<b>Ashoka the Great:</b> Perhaps the most famous Mauryan ruler, Ashoka (r. 268–232 BCE), expanded the empire to its greatest territorial extent. His embrace of Buddhism after the Kalinga War and his subsequent policies of peace, tolerance, and welfare were significant aspects of his reign.<br>
<b>Achievements:</b> Ashoka promoted Buddhism and sent missionaries across Asia, built impressive architectural structures like Ashoka Pillars, and established hospitals, roads, and rest houses.</p>
</div>
</section>

<section>
<h2> Gupta Empire (c. 320–550 CE):</h2>
<div class="text-container">
<p><b>The Golden Age of India:</b> The Gupta Empire, under rulers like Chandragupta I, Samudragupta, and Chandragupta II, marked a period of significant cultural, scientific, and political achievements. It is often referred to as the "Golden Age of India" due to advancements in numerous fields.<br>
<b>Science and Mathematics: </b> The mathematician Aryabhata made groundbreaking contributions to mathematics and astronomy. Zero and the decimal system were developed during this period.
<br>
<b>Literature:</b> Classical Sanskrit literature flourished, with famous works like Kalidasa’s "Shakuntala" and Bana’s "Kadambari". The Gupta period also saw the rise of the famous university at Nalanda, one of the world’s first residential universities.
<br>
<b>Art and Architecture:</b> Gupta art and architecture, particularly sculptures and temples, are highly regarded for their refinement.</p>
</div>
</section>

<section>
<h2> Delhi Sultanate (1206–1526): </h2>
<div class="text-container">
<p><b>Establishment: </b> The Delhi Sultanate was founded by Qutb-ud-din Aibak in 1206 after the defeat of the last of the Rajput rulers in northern India. It marked the beginning of Muslim rule in India and lasted for over three centuries.
<br>
<b>Dynasties: </b> The Sultanate saw the rise of various dynasties, including the Mamluks, Khiljis, Tughlaqs, and Lodis.
<br>
<b>Cultural and Architectural Impact: </b> The period saw the construction of iconic Islamic architecture such as the Qutub Minar and the Alai Darwaza. The spread of Islamic culture influenced India’s religious, cultural, and social landscape.
<br>
<b>End of the Sultanate: </b> The Delhi Sultanate ended in 1526 after the defeat of the last Sultan Ibrahim Lodi by the Mughal Emperor Babur at the Battle of Panipat.
</p>
</div>
</section>

<section>
<h2> Battle of Panipat (1526): </h2>
<div class="text-container">
<p><b>Significance: </b> The Battle of Panipat was fought in 1526 between the Mughal forces of Babur and the Delhi Sultanate forces led by Ibrahim Lodi. Babur’s victory marked the beginning of Mughal rule in India, which lasted for over three centuries.
<br>
<b>Impact: </b> The Mughal Empire established a new dynasty and went on to dominate most of India, bringing with it new cultural influences, innovations, and centralization of power.
</p>
</div>
</section>

<section>
<h2> Independence from British Rule (15 August 1947): </h2>
<div class="text-container">
<p><b>Freedom Struggle: </b> The struggle for independence was led by figures like Mahatma Gandhi, Jawaharlal Nehru, Subhas Chandra Bose, and many others. The non-violent resistance of Gandhi, including movements like Non-Cooperation, Civil Disobedience, and the Quit India Movement, played a crucial role in India’s independence.
<br>
<b>Partition: </b> The end of British colonial rule also saw the partition of India, creating the two separate nations of India and Pakistan on religious lines, leading to widespread violence and mass migrations.
<br>
<b>Significance: </b> August 15, 1947, marked the end of over 200 years of British rule, and India emerged as an independent republic, with Jawaharlal Nehru becoming the first Prime Minister.</p>
</div>
</section>

<section>
<h2> Republic of India (26 January 1950): </h2>
<div class="text-container">
<p><b>Constitution of India: </b> India adopted its Constitution on January 26, 1950, which established it as a sovereign, secular, democratic republic. Dr. Rajendra Prasad became the first President of India.
<br>
<b>Republic Day: </b> The day is celebrated as Republic Day every year to honor the adoption of the Constitution and to celebrate India’s democratic framework.
</p>
</div>
</section>

<section>
<h2> Emergency in India (25 June 1975 – 21 March 1977): </h2>
<div class="text-container">
<p><b>Imposition of Emergency: </b> In 1975, Prime Minister Indira Gandhi declared a state of Emergency, suspending civil liberties and ruling by decree. This was due to political instability and opposition pressure against her government.
<br>
<b>Impact: </b> During this period, opposition leaders were arrested, press freedom was curbed, and the government implemented strict control over the media and public discourse. The Emergency ended in 1977, leading to elections and a return to democracy.
</p>
</div>
</section>

<section>
<h2> Indian Economic Reforms (1991): </h2>
<div class="text-container">
<p><b>Liberalization: </b> In 1991, India faced a major economic crisis, which led to the introduction of economic reforms by Prime Minister P.V. Narasimha Rao and his finance minister Manmohan Singh. The reforms included liberalization of trade, reduction of tariffs, and privatization of state-owned enterprises.
<br>
<b>Globalization: </b> These reforms opened up the Indian economy to the global market, making India one of the world’s fastest-growing economies.
<br>
<b>Impact: </b> The liberalization policies resulted in significant changes in India’s economic landscape, increasing foreign investment, boosting technological growth, and enhancing India’s integration into the global economy.
</p>
</div>
</section>
</div>

<footer>
<p>&copy; 2025 India's Culture. All Rights Reserved.</p>
</footer>

</body>
</html>
5 changes: 3 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,10 @@
<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</a></li>
<li><a href="days.html">Days</a></li>
<li><a href="activity.html">Activities</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="stories.html">Historical Stories</a></li>
</ul>
</li>
<li><a href="login.html">Login</a></li>
Expand Down
Loading