-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home_Page.html
156 lines (153 loc) · 6.44 KB
/
Home_Page.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!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>ASA</title>
<link rel="stylesheet" href="./Home_Page.css">
</head>
<body>
<header>
<nav>
<div class="bg-img">
<div class="BesideNav">Together We Can Change The Society</div>
<div class="navbar">
<a href="#" class="Home">HOME</a>
<a href="#about" class="About">ABOUT</a>
<div class="dropdown">
<div href="#" class="Services">SERVICES</div>
<div class="dropdown-content">
<a href="ResidentialReporters.html" target="_blank" class="dropdown-content-1">REPORT ASA</a>
<a href="food.html" target="_blank" class="dropdown-content-2">FOOD DONATION</a>
</div>
</div>
<a href="#footer" class="Contact">CONTACT US</a>
</div>
<div class="BelowNav">Centroid</div>
<a href="ResidentialReporters.html" target="_blank"><button class="service1">REPORT</button></a>
<a href="food.html" target="_blank"><button class="service2">DONATE</button></a>
</div>
</nav>
</header>
<br>
<br>
<section class="section1">
<h3 class="AboutASA" id="about">ABOUT</h3>
<hr>
<br>
<br>
<img class="img1" src="./ReportingImages/homeouraim.jpeg">
<div class="div1">
<h4 class="aim">OUR AIM</h4>
<p class="text1">
Our aim is to establish a connection between the citizens and the government organizations which are working towards development of the society. We plan to make our city the best place to live in where all the citizens live in peace and harmony. It is our sole aim to voice the problems faced by the citizens in their daily life and make sure that the problems are attended and solved as soon as possible.
</p>
</div>
</section>
<br>
<br>
<hr>
<br>
<br>
<section class="section2">
<br>
<img class="img2" src="https://www.deccanherald.com/sites/dh/files/styles/article_detail/public/article_images/2018/06/13/india-growth.jpg?itok=Fe0LSYtw">
<div class="div2">
<h4 class="motivation">OUR MOTIVATION</h4>
<p class="text2">When we look at european countries we appreciate their living standards. The thought of people appreciating our country for the quality of life it provides motivates us to work and make our country even more beautiful then it already is.</p>
</div>
</section>
<br>
<br>
<br>
<br>
<hr>
<br>
<br>
<br>
<br>
<br>
<div class="Facts">
<h3 class="HF">DID YOU KNOW?</h3>
<p class="explain">Our vision is to contribute in developing our nation and we are working towards it step by step starting with our city. In order for a country to progress, it requires the support of its citizens, it requires its citizens to be proud of the country's history and culture. History helps us become better informed citizens. People should be aware about their country's greatness and virtues and should always look up to their nation with utmost respect. So, here are some Historical & Cultural Facts about India that will surely ignite respect and patriotism for our country: </p>
<div class="slider">
<!--<a href="#slide-1">1</a>
<a href="#slide-2">2</a>
<a href="#slide-3">3</a>
<a href="#slide-4">4</a>
<a href="#slide-5">5</a>
-->
<div class="slides">
<div id="slide-1">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR0Si5XhXNlTgycjvP8GGKoSX3-1Fr0G3fGJA&usqp=CAU" class="pic">
<div class="textonimg1">DID YOU KNOW?<br><br>
Haplogroup R1a-M420 which is a human Y-chromosome DNA haplogroup distributed in a large region in Eurasia, extending from Scandinavia and Central Europe to southern Siberia and South Asia originated in <span>India</span>.
</div>
</div>
<div id="slide-2">
<img src="https://img.traveltriangle.com/blog/wp-content/uploads/2019/05/Chola-temples-cover.jpg" class="pic">
<div class="textonimg2">DID YOU KNOW?<br><br>
The Cholas were a Tamil Dynasty and their great empire included most of South-East Asia. They propagated Hinduism and Sanskrit in South-East Asia.
</div>
</div>
<div id="slide-3">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQuhev-17VdGDRJPEtU1HEINJnRMy5L9UOIUC85UKqCO6gtMTXxxj-lPB6BFmNNlLg1Ea4&usqp=CAU" class="pic">
<div class="textonimg3">DID YOU KNOW? <br><br>
Sanskrit is the mother of all the European languages. Sanskrit is the most suitable language for computer software, reported in Forbes magazine, July 1987.
</div>
</div>
<div id="slide-4">
<img src="https://previews.123rf.com/images/vitalli/vitalli1310/vitalli131000017/23165610-essenti%C3%ABle-hulpmiddelen-voor-de-navigatie-op-zee-parallel-liniaal-en-grafiek.jpg" class="pic">
<div class="textonimg4">DID YOU KNOW?<br><br>
The art of Navigation was born in the river Sindh 6000 years ago. The very word Navigation is derived from the Sanskrit word NAVGATIH. The word navy is also derived from Sanskrit 'Nou'.
</div>
</div>
<div id="slide-5">
<img src="https://alchetron.com/cdn/baudhayana-sutras-0173c120-a3be-49ef-9af5-63feb584d30-resize-750.jpeg" class="pic">
<div class="textonimg5">DID YOU KNOW?<br><br>
The value of pi was first calculated by Budhayana, and he explained the concept of what is known as the Pythagorean Theorem. He discovered this in the 6th century long before the European mathematicians.
</div>
</div>
</div>
</div>
<div class="space">
</div>
</div>
<!--<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
-->
<br>
<footer>
<section class="flex-container">
<section class="ASA">
<h2>Centroid</h2>
<p class="tag">Together We Can Change The Society</p>
</section>
<div class="vl"></div>
<section class="section4">
<h3>Report Complaint</h3>
<p>About Us</p>
<p>How It Works?</p>
</section>
<section class="section5">
<h3>Food Donation</h3>
<p>About Us</p>
<p>How It Works?</p>
</section>
<section class="section6" id="footer">
<h3>Contact Us</h3>
<p>98******12</p>
<p>xyz123abc@gmail.com</p>
</section>
</section>
</footer>
</body>
</html>