-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
130 lines (119 loc) · 5.35 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Home </title>
<link rel="stylesheet" href="WebDev/static/css/main.css">
<link rel="icon" href="WebDev/templates/favicon.ico"> <!-- Favicon -->
</head>
<body>
<!-- Top navigation -->
<div class="topnav">
<!-- Centered link -->
<div class="topnav-centered">
<a href="#home" class="active" style="font-size: 1.5rem;">Diversity of Indian Culture and Heritage</a>
</div>
<div class="topnav-left">
<!-- Left-aligned links (default) -->
<a href="WebDev/templates/facts.html">FACTS</a>
</div>
<!-- Right-aligned links -->
<div class="topnav-right">
<a href="WebDev/templates/contact.html">CONTACT</a>
</div>
</div>
<br>
<hr><br>
<!-- making 4 grids in 1 container and 2 in each grid -->
<div class="container">
<!-- this is the first-grid -->
<div class="grid">
<a href="WebDev/templates/architecture.html">
<figure>
<img class="items" src="WebDev/templates/images/main/architecture.jpg"
alt="Diversity in Architecture">
<figcaption>Diversity in Indian Architecture</figcaption>
</figure>
</a>
<a href="WebDev/templates/clothing.html">
<figure>
<img class="items" src="WebDev/templates/images/main/clothing.jpg" alt="Diversity in Clothing">
<figcaption>Diversity in Indian Clothing</figcaption>
</figure>
</a>
</div>
<!-- this is the second-grid -->
<div class="grid">
<a href="WebDev/templates/festivals.html">
<figure>
<img class="items" src="WebDev/templates/images/main/festivals.jpg" alt="">
<figcaption>Diversity in Indian Festivals</figcaption>
</figure>
</a>
<a href="WebDev/templates/food.html">
<figure>
<img class="items" src="WebDev/templates/images/main/food.jpg" alt="">
<figcaption>Diversity in Indian Food</figcaption>
</figure>
</a>
</div>
<!-- this is the third-grid -->
<div class="grid">
<a href="WebDev/templates/languages.html">
<figure>
<img class="items" src="WebDev/templates/images/main/languages.jpg" alt="">
<figcaption>Diversity in Indian Languages</figcaption>
</figure>
</a>
<a href="WebDev/templates/literature.html">
<figure>
<img class="items" src="WebDev/templates/images/main/literature.jpg" alt="">
<figcaption>Diversity in Indian literature</figcaption>
</figure>
</a>
</div>
<!-- this is the fourth-grid -->
<div class="grid">
<a href="WebDev/templates/dances.html">
<figure>
<img class="items" src="WebDev/templates/images/main/dances.jpg" alt="">
<figcaption>Diversity of Indian Dances</figcaption>
</figure>
</a>
<a href="WebDev/templates/tradition.html">
<figure>
<img class="items" src="WebDev/templates/images/main/tradition.jpg" alt="">
<figcaption>Diversity in Indian Tradition</figcaption>
</figure>
</a>
</div>
</div>
<br>
<hr><br>
<center>
<div class="content">
<p>
Indian culture is one of the most ancient cultures present in the world.
The country is quite diverse and is home to several communities,
each of whom has their own culture and traditions.
It is this combination of various splendid cultures that make India one of a kind.
The Indian cultural diversity is what makes India unique and beautiful.
India is a land of diversity each state in the country is home to several communities who live in
harmony with each other while preserving and upholding their own distinct culture and traditions.
From Delhi, the capital of India, to Tamil Nadu, the southernmost state of India, the land, is blessed
with amazing scenic beauty.
The country is also home to several historical monuments which add to the varied heritage of India.
<br><br><br>
People wholeheartedly participate in each other joy and sorrow. A festival celebration is not limited to
a family and a home but is celebrated by the whole community or neighborhood together.
Indian wedding is also a big occasion when the union of bride and groom is celebrated by two families
with various traditions and beliefs.
There may be various cultures and religion but as a whole nation, everybody celebrates major events
together and wholeheartedly.
</p>
</div>
</center>
</body>
</html>