forked from hemavenkat8642/Varanasi_Information_Tabs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (76 loc) · 4.72 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</head>
<body>
<div class="bg-container pt-5 pb-5">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-4">
<h1 class="heading">Varanasi</h1>
<p class="description">
The city is very commonly referred to as City of Temples, Holy
City of India, Religious Capital of India, and City of Learning.
</p>
</div>
<div class="col-12 col-lg-5 mb-4">
<img class="w-100" src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-dynamic-webapps/tabs-varanasi-img.png" />
</div>
<div class="col-12 col-lg-7">
<div class="d-flex flex-row justify-content-between">
<button class="p-3 button selected-button" id="aboutButton" onclick="about()">
About
</button>
<button class="p-3 button" id="timeToVisitButton" onclick="timeToVisit()">
Time to visit
</button>
<button class="p-3 button" id="attractionsButton" onclick="attractions()">
Attractions
</button>
</div>
<div class="tabs-container" id="tabsContainer">
<div class="p-3" id="aboutTab">
<p class="tab-content">
Varanasi is one of the oldest living cities in the world. Its
Prominence in Hindu mythology is virtually unrevealed. Mark
Twain, the English author and literature, who was enthralled
by the legend and sanctity of Benaras, once wrote, ''Benaras
is older than history, older than tradition, older even than
legend and looks twice as old as all of them put together".
</p>
</div>
<div class="p-3" id="timeToVisitTab">
<p class="tab-content">
October to March is the best time to visit Varanasi because
most of the fairs here are held during this time of the year.
Festivities begin with Diwali and continue to Dev Diwali
celebrated on the 15th day from Diwali. In between, there is
also Annakut. During this time, the ghats are lit with lights
and diyas. Earthen lamps adorn the staircase of the ghats and
are also afloat in the river. Firecrackers burn through the
night, and it's a sight no one should miss.
</p>
</div>
<div class="p-3" id="attractionsTab">
<p class="tab-content">
When visiting Varanasi, one comes across plenty of ghats, but
among them, Dashashwamedh Ghat is said to be one of the oldest
and most important. This ghat, leading to the Ganges, is
located close to the famous old Vishwanath temple in Kashi
(today’s Banaras). Another famous attraction is River Ganges
which is the holiest river by the Hindus and many more.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>