<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SPORTS - Dhananjai's Project</title>
<!-- Internal CSS for Regal Styling (Maroon, Gold, and Deep Red) -->
<style>
/* Define a new regal color palette */
:root {
--color-primary-dark: #800000; /* deep maroon/red */
--color-primary-light: #FFD700; /* Gold/Yellow */
--color-accent: #B22222; /* Brick Red for details */
--color-background: #fffafa; /* Snow White/Off-White */
--color-text: #333333;
/* General Body and Font Styling */
body {
font-family: 'Times New Roman', serif; /* Change font for a more formal look */
margin: 0;
padding: 0;
background-color: var(--color-background);
color: var(--color-text);
line-height: 1.7; /* Increased line height for readability */
/* Container for Centering Content */
.container {
width: 90%;
max-width: 1100px; /* Slightly different width */
margin: 0 auto;
/* CRUCIAL FIX: Add padding-top to ensure content is visible below the fixed header */
padding-top: 120px;
/* Header and Navigation Bar */
header {
background-color: var(--color-primary-dark); /* Deep Maroon */
color: white;
padding: 15px 0;
position: fixed; /* FIXED position keeps it on top */
top: 0;
left: 0;
width: 100%;
z-index: 100;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); /* Stronger shadow */
header .header-content {
width: 90%;
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
header h1 {
margin: 0;
text-align: center;
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--color-primary-light); /* Gold text */
padding-bottom: 8px;
}
/* Navigation Styling for 13 pages */
nav {
overflow-x: auto; /* Enables horizontal scrolling */
-webkit-overflow-scrolling: touch;
padding-bottom: 5px;
nav ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
nav ul li {
flex-shrink: 0;
margin: 0 4px; /* Tighter spacing for 13 links */
nav ul li a {
color: var(--color-primary-dark); /* Maroon text */
background-color: var(--color-primary-light); /* Gold background */
text-decoration: none;
padding: 6px 8px;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s;
font-weight: bold;
font-size: 0.75em;
white-space: nowrap; /* Keep link text on one line */
border: 1px solid var(--color-primary-light);
}
nav ul li a:hover {
background-color: var(--color-accent);
color: white;
border: 1px solid white;
/* Main Section Styling */
section {
padding: 40px;
margin-bottom: 25px;
background-color: white;
border-radius: 10px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); /* Slightly heavier shadow */
border-left: 5px solid var(--color-accent);
section h2 {
color: var(--color-primary-dark);
border-bottom: 2px dashed var(--color-primary-light); /* Gold dashed underline */
padding-bottom: 10px;
margin-bottom: 25px;
font-size: 2.2em;
section h3 {
color: var(--color-accent); /* Brick Red color */
margin-top: 25px;
font-size: 1.6em;
/* Image and Layout Styling */
.image-container {
text-align: center;
margin: 25px 0;
.image-container img {
max-width: 100%;
height: auto;
border: 4px solid var(--color-primary-dark); /* Maroon border */
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
/* Grid Layout */
.content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 20px;
.card {
background-color: var(--color-background);
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
/* Footer */
footer {
background-color: var(--color-primary-dark);
color: white;
text-align: center;
padding: 20px 0;
margin-top: 30px;
font-size: 1em;
border-top: 3px solid var(--color-primary-light);
/* Responsive adjustments for mobile */
@media (max-width: 650px) {
header h1 {
font-size: 1.4em;
.container {
padding-top: 115px; /* Adjust content padding for smaller screens */
section {
padding: 20px;
</style>
</head>
<body>
<!-- ===================================== -->
<!-- HEADER AND NAVIGATION (13 Sections) -->
<!-- ===================================== -->
<header>
<div class="header-content">
<h1>SPORTS: THE SPIRIT OF A HEALTHY MAN</h1>
<nav>
<ul>
<!-- 13 Sections -->
<li><a href="#intro">Introduction</a></li>
<li><a href="#daily">Sports in Daily Life</a></li>
<li><a href="#benefits">Benefits of Sports</a></li>
<li><a href="#fit">Fittness Queries</a></li>
<li><a href="#world">Indian Games</a></li>
<li><a href="#arts">Classical Arts</a></li>
<li><a href="#legacy">Different sports</a></li>
<li><a href="#education">Sports in Education</a></li>
<li><a href="#injury">Sports Injuries and Recovery </a></li>
<li><a href="#women">Women & Sports</a></li>
<li><a href="#sportsmanship">sportsmanship?</a></li>
<li><a href="#future">Future Of Sports</a></li>
<li><a href="#details">Project Details</a></li>
</ul>
</nav>
</div>
</header>
<!-- ===================================== -->
<!-- MAIN CONTENT SECTIONS (The 13 Pages) -->
<!-- ===================================== -->
<main class="container">
<!-- 1. INTRODUCTION -->
<section id="intro">
<h2>The Essence of Sports in India</h2>
<div class="image-container">
<img src="[Link]" alt="Banner representing India's traditional and modern sports" height="850"
width="700">
</div>
<p>Sports are vividly played by all peope in order to remain healthy and fit. Thus, involving various exercise and
routines followed by individuals.</p>
<p>This project, spanning **13 key areas**, seeks to illuminate the foundational elements and evolving narrative of
this fascinating topic.</p>
</section>
<!-- 2. DAILY BENEFITS OF SPOTS (Focus on Periods) -->
<section id="daily">
<h2>Importance of Sports in Daily life</h2>
<p>Sports are important in daily life because they improve physical health by strengthening the body and reducing
disease risk, and boost mental well-being by decreasing stress and enhancing cognitive skills. They also teach valuable life
skills like teamwork, discipline, and responsibility, while fostering social connections and a sense of community</p>
<div class="content-grid">
<div class="card">
<h3>Physical health benefits</h3>
<ul>
<li><strong>Strengthens muscles and bones:</strong> Sports build stamina and improve
muscle and bone density. </li>
<li><strong>Reduces disease risk:</strong> Regular activity helps prevent chronic illnesses like
obesity, diabetes, and heart disease. </li>
<li><strong>Combats sedentary lifestyles:</strong> Sports promote an active lifestyle,
counteracting the negative effects of excessive screen time. </li>
<li><strong>Maintains a healthy weight:</strong> Sports encourage healthy eating habits and
help control weight. </li>
</ul>
</div>
<div class="card">
<h3>Mental and emotional benefits</h3>
<ul>
<li><strong>Reduces stress:</strong> Physical activity releases endorphins, which can lower
stress and anxiety and improve mood. </li>
<li><strong>Enhances cognitive function:</strong> Sports can improve concentration,
memory, and problem-solving abilities. </li>
<li><strong>Boosts confidence:</strong> Success in sports helps build self-esteem and
confidence. </li>
<li><strong>Provides a healthy outlet:</strong> Sports offer a way to release pent-up energy
and emotions in a positive way. </li>
</ul>
</div>
<div class="card">
<h3>Life and social skills</h3>
<ul>
<li><strong>Promotes teamwork and discipline:</strong> Team sports require cooperation
and teach discipline and respect for rules. </li>
<li><strong>Develops leadership and responsibility:</strong> Participation fosters leadership
qualities and a sense of accountability. </li>
<li><strong>Teaches valuable life lessons:</strong> Athletes learn perseverance, resilience,
and how to handle both winning and losing gracefully. </li>
<li><strong>Fosters social connections:</strong> Sports bring people together from different
backgrounds, building a sense of community and improving communication skills. </li>
</ul>
</div>
</div>
</section><!-- 3. CLASSICAL ARCHITECTURE (Dravidian/Indo-Saracenic) -->
<section id="benefits">
<h2>Physical Fitness and Health Benefits</h2>
<p>Physical fitness is the body's ability to perform daily activities with vigor and efficiency, and its benefits include
improved physical and mental health, a lower risk of chronic diseases, and enhanced quality of life. It can be achieved
through regular exercise and helps manage weight, strengthen bones and muscles, improve heart and lung function, and
boost mood. </p>
<ul>
<li><strong>Disease prevention:</strong> Regular physical activity significantly lowers the risk of developing
chronic conditions like heart disease, stroke, type 2 diabetes, and some cancers.</li>
<li><strong>Cardiovascular health:</strong> Exercise strengthens the heart muscle, leading to lower blood
pressure, reduced "bad" cholesterol, and a lower resting heart rate.</li>
<li><strong>Weight management:</strong> Physical activity helps balance calorie intake and expenditure, which is
crucial for maintaining a healthy weight.</li>
<li><strong>Bone and muscle strength:</strong> Fitness builds and maintains bone density and muscle
strength, which helps prevent falls and osteoporosis, especially as you age.</li>
</ul>
</section><!-- 4. BREAKDOWN OF FITTNESS -->
<section id="fit">
<h2>The Looking Fit v/s The Being Fit</h2>
<p>Here is a most asked question of all people whether to look fit or to be fit so here is a simple breakdown:</p>
<div class="content-grid">
<div class="card">
<h3>The LOOKING FIT</h3>
<p>Looking fit refers to a person's physical appearance, often associated with a toned or lean body, while being
fit is a measure of a person's functional physical capabilities, such as strength, endurance, and overall health</p>
<ul>
<li>Focus: Aesthetics and appearance.</li>
<li>Characteristics: Often involves a low body fat percentage and visible muscle
definition.</li>
<li>Measurement: Subjective, based on visual standards that can be achieved through
targeted training or diet.</li>
<li>Limitations: Can be a snapshot in time and doesn't guarantee good health or
performance; someone can be lean but not metabolically healthy, for example. </li>
</ul>
</div>
<div class="card">
<h3>The BIENG FIT</h3>
<p> One can look fit without being fit, as external appearance doesn't always reflect internal health or athletic
performance, while true fitness is about performance, energy, and the ability to handle daily tasks with ease. </p>
<ul>
<li>Focus: Functional ability and overall health.</li>
<li>Characteristics: Ability to perform daily activities with energy and strength, along with
good cardiovascular health, endurance, and flexibility.</li>
<li>Measurement: Objective, and can be measured through performance tests and health
check-ups.</li>
<li>Benefits: Leads to a longer, fuller, and more capable life, and is not limited to physical
appearance alone. </li>
</ul>
</div>
</div>
</section><!-- 5. WORLD GAMES BY INDIA -->
<section id="world">
<h2>Home to World Played Games</h2>
<p> India is the birthplace of four major world played games, making it a unique physical crucible:</p>
<div class="content-grid">
<p><strong>Popular sports Born in India:</strong></p>
<ul>
<li>**Kabbadi:** This game is the state game of Haryana originated in the northern states around 4,000 years
ago.</li>
<li>**Kho-Kho:** A traditional chasing game requiring speed and strategy, still popular in schools and rural
areas.</li>
<li>**Chess(Chaturanga):** Ancient strategic board game from India, later evolving into modern chess .</li>
<li>**Wresttling(Pehlwani):** A traditional wrestling style practiced in akharas(Wrestling gyms).</li>
</ul>
</div>
</section>
<!-- 6. CLASSICAL ARTS (Games and Music) -->
<section id="arts">
<h2>Classical Arts: Games, dance, and Drama</h2>
<p>The classical arts are highly codified, following centuries-old texts on aesthetics and performance.</p>
<ul>
<li><strong>Classical Dance:</strong> Recognised forms include **Bharatanatyam, Kathak, Kathakali, Odissi,
Manipuri, Kuchipudi, Sattriya, and Mohiniyattam**. Each tells mythological stories through intricate gestures (**Mudras**)
and expressions (**Abhinaya**).</li>
<li><strong>Classical Games:</strong> Divided into two games—**Hindustani games** (North) and **Carnatic
games** (South). Both rely on the concepts of **Sportsmanship** (very spirit of game) and **Fair play** (respect for the
rules).</li>
</ul>
</section><!-- 7. VARIOUS SPORTS -->
<section id="legacy">
<h2>Legacy of Different Sports</h2>
<p>There are many games played accros the world which are as follows:</p>
<div class="card">
<h3>Football</h3>
<p>With 3.5-4 billion fans, football is teh world,s most popular sport..</p>
<p>There are many leagues in football such as : FIFA World cup, UEFA Champions League.</P>
<p> Famous players: Christiano Ronaldo, Lionel Mess, Neymar </p>
</div>
<div class="card">
<h3>Cricket</h3>
<p>Loved by 2.5 billions fans worldwide especially in India, pakistan, Australia, and England.</p>
<p>Major Events: ICC Cricket World Cup, Indian Premier League</P>
<p>Legends: Sachin Tendulkar, Virat Kohli</p>
</div>
<div clas="card">
<h3>Basketball</h3>
<p>Around with 2.2 billion fans globally.</p>
<p>Prestigious tournaments: Wimbledon, US Opens, French Open, Australian open.</p>
<p>Icons: Michael Jordan, LeBron James</p>
</div>
</section> <!-- 8. THE ROLE OF SPORTS IN EDUCATION-->
<section id="education">
<h2>The Role Of Sports In Education</h2>
<p>Sports complement academics by promoting holistic development. Schools encourage games to balance study
pressure. They help students stay physicaly active and mentally alert. Sports foster discipline and punctuality. Participation
boosts confidence and social skills. They also provide career opportunities in athletics. Education with sports creates well-
rounded individuals.
</P>
</section><!-- 9. SPORTS INJURY AND ATHLETE RECOVERY -->
<section id="injury">
<h2>SPORTS Injury and Athlete recovery </h2>
<p>Sports demand both physical strength and resilience, making injuries and recovery an inevitable yet essential
part of every athlete's journey.</p>
<div class="content-grid">
<div class="card">
<h3>Sports Injury</h3>
<p>sports injuries are common due to intense training and competition. they include sprains, fractures, and
muscle strains. Injuries can affect performance and sometimes end careers if not managed properly. Preventive measures
like warm ups and protective gears reduce risks.</p>
</div>
<div class="card">
<h3>Athlete Recovery</h3>
<p> recoveryy is essential for athletes to regain strength and return to play. Methods include physiotherapy, rest
and proper nutrition. Modern technology like cyrotherapy and rehabilitation programs speed up healing. Effective recovery
ensure long-term fitness and career sustainability.</p>
</div> </div>
</section>
<!-- 10. WOMEN AND SPORTS -->
<section id="women">
<h2>Women in Sports: Breaking Barriers</h2>
<p>Women in sports challenge stereotypes, prove equality, and inspire future generations.</p>
<ul>
<li>GLOBAL Example- Serena Williams: dominated world tennis, proving women can achieve excellence equal to
men.</li>
<li>Simone Biles: revolutionized gymnastics with unmatched skill, showing courage and resilience.</li>
<li>P.V. Sindhu: first women to win olympic silver, inspiring millions of young girls.</li>
<li> Mithali Raj: Legendary captain who raised the profile of women's cricket in India.</li>
</ul>
</section> <!-- 11. SPORTSMANSHIP AND FAIR PLAY -->
<section id="sportsmanship">
<h2>What is SPORTSMANSHIP and FAIR PLAY </h2>
<p>True sportsmanship and fair play together ensure respect, honesty, equality,discipline, integrity, and dignity,
keeping the spirit of sports alive.</p>
<div class="content-grid">
<div class="card">
<h3>The Sportsmanship</h3>
<p>Sportsmanship means playing with honesty, respect,and integrity. It touches humility in victory and dignity in
defeat. Good sportsmanship builds trust amang players and inspire fans, keeping the true spirit of
the game alive.</p>
</div>
<div class="card">
<h3>The Fair Play</h3>
<p>Fair play ensures equality by following rules and avoiding cheating. It protects sports' dignity and proves
honesty matters more than winning.</p>
</div>
</div>
</section><!-- 12. THE INFO ABOUT THE FUTURE OF SPORTS -->
<section id="future">
<h2>SPORTS IN DIGITAL AGE</h2>
<p>The future of sports in digital age follows as :</p>
<ul>
<li>RISE OF ESPORTS : Competitive video gaming is becoming as popular as treaditional sports.</li>
<li>AI & DATA ANALYTICS : Coaches use advanced tools to analyse performances and design training
programs.</li> <li>WEARABLE TECHNOLOGY : Device track athletes' health, stamina, and recovery in real time.</li>
<li>INCLUSIVITY & INNOVATION: Technology ensures wider participation and keeps sports wider
participation and keeps sports exciting for future generations.</li>
<li>SMART STADIUM: Digital ticketing, safety system, and entertainment enhence live matches.</li>
<li>USE OF 'VR' AND 'AR': Fans enjoy immersive experiences, watching games as if inside the stadium.
</ul>
</section> <!-- 13. PROJECT DETAILS (DHANANJAI's Info) -->
<section id="details">
<h2>Project Submission Information</h2>
<p>This document summarizes the rich history and future of sports, submitted as the requirement for the Computer
Science project.</p>
<div style="background-color: var(--color-background); padding: 25px; border-radius: 10px; border: 2px solid var(--color-
primary-dark); margin-top: 20px;">
<h3>Student Information</h3>
<table style="width: 100%; border-collapse: collapse;">
<tr>
<td style="padding: 10px; border: 1px solid #ccc;">Student Name:</td>
<td style="padding: 10px; border: 1px solid #ccc; font-weight: bold; color: var(--color-primary-
dark);">DHANANJAI</td>
</tr><tr>
<td style="padding: 10px; border: 1px solid #ccc;">Admission No.:</td>
<td style="padding: 10px; border: 1px solid #ccc; font-weight: bold; color:
var(--color-primary-dark);">2696</td>
</tr><tr>
<td style="padding: 10px; border: 1px solid #ccc;">Class & Section:</td>
<td style="padding: 10px; border: 1px solid #ccc; font-weight: bold; color:
var(--color-primary-dark);">10th</td>
</tr><tr>
<td style="padding: 10px; border: 1px solid #ccc;">Project Topic:</td>
<td style="padding: 10px; border: 1px solid #ccc; font-weight: bold; color: var(--color-primary-
dark);">SPORTS</td>
</tr></table>
</div> </section>
</main>
<!-- Footer -->
<footer>
<p>Project Created by Dhananjai 10-T Admission number-2696</p>
<p>Topic: sports - The Games of Kings</p> </footer>
</body>
</html>