0% found this document useful (0 votes)
3 views3 pages

Diwali Significance and History

The document is an HTML webpage titled 'HOME' that features a navigation bar with links to various sections related to Diwali history and Indian culture. It includes a carousel showcasing images and a section detailing the significance of Diwali across different religions, highlighting its importance in Hinduism, Jainism, and Sikhism. The page is styled using Bootstrap for a responsive design.

Uploaded by

sowmya myadaram
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views3 pages

Diwali Significance and History

The document is an HTML webpage titled 'HOME' that features a navigation bar with links to various sections related to Diwali history and Indian culture. It includes a carousel showcasing images and a section detailing the significance of Diwali across different religions, highlighting its importance in Hinduism, Jainism, and Sikhism. The page is styled using Bootstrap for a responsive design.

Uploaded by

sowmya myadaram
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HOME</title>
<link
href="[Link]
rel="stylesheet"

integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand"
href="[Link]
[Link]">DIWALI
HISTORY</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-
bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">INDIA</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
role="button" data-bs-toggle="dropdown"
aria-expanded="false">
HISTORY
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item"

href="[Link]
[Link]">RAMAYANA</a></li>
<li><a class="dropdown-item"

href="[Link]
[Link]">KRISHNA</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-
disabled="true">Disabled</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-
label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="container">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-
ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-
bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-
bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-
bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img [Link]" class="d-block w-100" alt="..." class="img-
fluid">
</div>
<div class="carousel-item">
<img src="img [Link]" class="d-block w-100" alt="..." class="img-
fluid">
</div>
<div class="carousel-item">
<img src="img [Link]" class="d-block w-100" alt="..." class="img-
fluid">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-
target="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
<div class="container">
<div class="row-align-items-centre">
<div class="row-md-6">
<img src="img [Link]" alt="DIWALI" class="img-fluid">
<div class="row-md-6">
<h2>SIGNIFICANCE</h2>
<p>Significance
Diwali has both religious and cultural importance across various
communities in India and other parts of the
world. Its significance varies slightly depending on the region and the
traditions followed, but some common
themes include:

Hindu Mythology:
In northern India, Diwali celebrates Lord Rama's return to Ayodhya
after a 14-year exile and his victory over
the demon king Ravana. People lit oil lamps (diyas) to welcome him
back.
In southern India, it is associated with Lord Krishna’s victory over
the demon Narakasura.
In western India, especially in Gujarat, it marks the day Lord Vishnu,
in his incarnation as Vamana, defeated
the demon king Bali.
It is also celebrated as the day when Goddess Lakshmi, the deity of
wealth and prosperity, is believed to have
been born from the churning of the ocean.
Jainism: Diwali marks the spiritual awakening (nirvana) of Lord
Mahavira, the 24th Tirthankara.
Sikhism: Diwali is celebrated as "Bandi Chhor Divas," commemorating the
release of Guru Hargobind Ji and 52
other kings from imprisonment.</p>
</div>
</div>
</div>
</div>

<script
src="[Link]
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/
tWtIaxVXM"
crossorigin="anonymous"></script>
</body>

</html>

You might also like