-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
222 lines (208 loc) · 13 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
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./timeline.css">
<title>Project Title</title>
</head>
<body>
<!-- Loader Section -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js" integrity="sha512-gmwBmiTVER57N3jYS3LinA9eb8aHrJua5iQD7yqYCKa5x6Jjc7VDVaEA0je0Lu0bP9j7tEjV3+1qUm6loO99Kw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<div class="container">
<div class="bg1"></div>
<div class="bg2"></div>
</div>
<div class="count-wrapper">
<div class="count">1947</div>
</div>
<!-- Loader Section Ends -->
<!-- Main Section -->
<nav>
<ul class="nav-left">
<li class="red-li">Home</li>
<li><a href="#image-section">Image Section</a></li>
</ul>
<div class="nav-center">
<img src="images/club-logo.png" alt="" width="80px" height="80px">
</div>
<ul class="nav-right">
<li><a href="#timeline-section">TimeLine</a></li>
<li><a href="#about-us">About Us</a></li>
</ul>
</nav>
<main>
<h1>
<span>The greatness</span>
of a nation and its moral progress can be.
</h1>
<h1 class="second-heading">
judged by the way its<span class="green"> animals </span>are treated.
</h1>
<br><br><br><br><br><br><br><br><br><br>
</main>
<div class="test-div">ff6</div>
<div class="scroll">
<div>scroll down</div>
<img src="images/down-arrow.png" alt="">
</div>
<div class="image-section" id="image-section">
<div class="img-section1"></div>
<div class="img-section2">
<div class="img-section-child" style="background-image: url('images/green-revolution.jpeg');"></div>
<div class="img-section-child" style="background-image: url('images/chips.avif');"></div>
</div>
<div class="img-section3">
<video autoplay muted loop style="height: 120vh;">
<source src="./video.mp4" type="video/mp4">
</video>
</div>
<div class="img-section4">
<div class="img-section-child" style="background-image: url('images/yoga.avif')"></div>
<div class="img-section-child" style="background-image: url('images/2.webp')"></div>
</div>
<div class="img-section5" style="background-image: url('images/2.webp')"></div>
</div> -->
<!-- Main Section Ends -->
<!-- marquee-section -->
<div class="marquee-section">
<div class="marquee">
<div class="marquee__inner" aria-hidden="true" ref="inner">
<div class="marquee__part">
Let's Take Decision To Value Our Nation. Won't Forget Those Sacrifices, Who Gave Us Freedom
</div>
<div class="marquee__part">
Let's Take Decision To Value Our Nation. Won't Forget Those Sacrifices, Who Gave Us Freedom
</div>
<div class="marquee__part">
Let's Take Decision To Value Our Nation. Won't Forget Those Sacrifices, Who Gave Us Freedom
</div>
<div class="marquee__part">
Let's Take Decision To Value Our Nation. Won't Forget Those Sacrifices, Who Gave Us Freedom
</div>
<div class="marquee__part">
Let's Take Decision To Value Our Nation. Won't Forget Those Sacrifices, Who Gave Us Freedom
</div>
<div class="marquee__part">
Let's Take Decision To Value Our Nation. Won't Forget Those Sacrifices, Who Gave Us Freedom
</div>
</div>
</div>
<div class="marquee second-marquee" >
<div class="marquee__inner" aria-hidden="true" ref="inner">
<div class="marquee__part">
Freedom of mind is the real freedom.
</div>
<div class="marquee__part">
Freedom of mind is the real freedom.
</div>
<div class="marquee__part">
Freedom of mind is the real freedom.
</div>
<div class="marquee__part">
Freedom of mind is the real freedom.
</div>
<div class="marquee__part">
Freedom of mind is the real freedom.
</div>
<div class="marquee__part">
Freedom of mind is the real freedom.
</div>
</div>
</div>
</div> -->
<!-- marquee-section-ends -->
<!-- Timeline Section -->
<div class="timeline-heading">Timeline Of Events</div>
<div class="timeline-section" id="timeline-section">
<div class="timeline-section-container">
<section class="box1 timeline-section-box">
<div class="content1 text-container">
<h1>1947</h1>
<p>Independence Day is celebrated annually on 15 August as a public holiday in India commemorating the nation's independence from the United Kingdom on 15 August 1947, 12.37am the day when the provisions of the Indian Independence Act, which transferred legislative sovereignty to the Indian Constituent Assembly, came into effect. India retained King George VI as head of state until its transition to a republic, when the Constitution of India came into effect on 26 January 1950 (celebrated as Indian Republic Day) and replaced the dominion prefix, Dominion of India, with the enactment of the sovereign law Constitution of India.</p>
</div>
<div class="image1 timeline-section-images">
<img src="https://i.pinimg.com/originals/8a/3a/98/8a3a98478266dd2d37f059e0cc7128f8.jpg" alt="">
</div>
</section>
<section class="box2 timeline-section-box">
<div class="image2 timeline-section-images">
<img src="https://images.mid-day.com/images/images/2023/jan/iStock-1296965095_d.jpg" alt="">
</div>
<div class="content2 text-container">
<h1>1950</h1>
<p>The Constitution of India is the supreme law of India.The document lays down the framework that demarcates fundamental political code, structure, procedures, powers, and duties of government institutions and sets out fundamental rights, directive principles, and the duties of citizens. It is the longest written national constitution in the world.It was adopted by the Constituent Assembly of India on 26 November 1949 and became effective on 26 January 1950.</p>
</div>
</section>
<section class="box3 timeline-section-box">
<div class="content3 text-container">
<h1>1957</h1>
<p>The Green Revolution, also known as the Third Agricultural Revolution, was a period of technology transfer initiatives that saw greatly increased crop yields and agricultural production.These changes in agriculture began in developed countries in the early 20th Century and spread globally till the late 1980s.In the late 1960s, farmers began incorporating new technologies such as high-yielding varieties of cereals, particularly dwarf wheat and rice, and the widespread use of chemical fertilizers (to produce their high yields, the new seeds require far more fertilizer than traditional varieties), pesticides, and controlled irrigation.</p>
</div>
<div class="image3 timeline-section-images">
<img src="https://imgk.timesnownews.com/story/iStock-541149158_1.jpg" alt="">
</div>
</section>
<section class="box4 timeline-section-box">
<div class="image4 timeline-section-images">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/50/Aryabhata_Satellite.jpg" alt="">
</div>
<div class="content4 text-container">
<h1>1975</h1>
<p>Aryabhata was India's first satellite, named after the famous Indian astronomer.It was launched on 19 April 1975 from Kapustin Yar, a Soviet rocket launch and development site in Astrakhan Oblast using a Kosmos-3M launch vehicle. It was built by ISRO, and launched by the Soviet Union as a part of the Soviet Interkosmos programme which provided access to space for friendly states..</p>
</div>
</section>
<section class="box5 timeline-section-box">
<div class="content5 text-container">
<h1>1988</h1>
<p>Some proportion of DNA sequence of every individual is unique. There are probes that can find such unique DNA sequences and generate individual-specific DNA profile. This can be visualized as bands by molecular biology techniques. In 1988, CSIR-CCMB scientists developed indigenous probes for DNA fingerprinting and took this technique to the users. India, thus, became the third country in the world to develop its own DNA fingerprinting probe.</p>
</div>
<div class="image5 timeline-section-images">
<img src="https://d2cbg94ubxgsnp.cloudfront.net/Pictures/480x270/1/8/3/114183_DNA-fingerprinting_iStock-636976444.jpg" alt="">
</div>
</section>
<section class="box6 timeline-section-box">
<div class="image6 timeline-section-images">
<img src="https://lh5.googleusercontent.com/4LMC3i7jS9i4yVtNoFh8V1uE_WfkhfBYHPCi0lbuDPo1Y4hi78j30ZfAp9cgZUKkvwSNMO41TTRUXY7rbpLIkvWXU0U5CBQHmC5dZZErHowGYIcSfR_PF7ej-G_zaSsKvzsQ4DAawBn5YA0S0w" alt="">
</div>
<div class="content6 text-container">
<h1>1998</h1>
<p>The Pokhran-II tests were a series of five nuclear bomb test explosions conducted by India at the Indian Army's Pokhran Test Range in May 1998.[3] It was the second instance of nuclear testing conducted by India; the first test, code-named Smiling Buddha, was conducted in May 1974.The tests achieved their main objective of giving India the capability to build fission and thermonuclear weapons with yields up to 200 kilotons.The then-Chairman of the Indian Atomic Energy Commission described each one of the explosions of Pokhran-II to be "equivalent to several tests carried out by other nuclear weapon states over decades.</p>
</div>
</section>
<section class="box7 timeline-section-box">
<div class="content7 text-container">
<h1>2021</h1>
<p>A COVID‑19 vaccine is a vaccine intended to provide acquired immunity against severe acute respiratory syndrome coronavirus 2 (SARS-CoV-2), the virus that causes coronavirus disease 2019 (COVID‑19).Prior to the COVID‑19 pandemic, an established body of knowledge existed about the structure and function of coronaviruses causing diseases like severe acute respiratory syndrome (SARS) and Middle East respiratory syndrome (MERS). This knowledge accelerated the development of various vaccine platforms during early 2020.The initial focus of SARS-CoV-2 vaccines was on preventing symptomatic, often severe illness.</p>
</div>
<div class="image7 timeline-section-images">
<img src="https://static.toiimg.com/photo/88064740.cms" alt="">
</div>
</section>
<section class="box8 timeline-section-box">
<div class="image8 timeline-section-images">
<img src="https://www.isro.gov.in/media_isro/image/index/Chandrayaan3/MRM_4847.JPG.webp" alt="">
</div>
<div class="content8 text-container">
<h1>2023</h1>
<p>Chandrayaan-3 is the third and most recent lunar Indian Space Research exploration mission under the Chandrayaan programme of ISRO.It consists of a lander named Vikram and a rover named Pragyan similar to Chandrayaan-2, but does not have an orbiter. Its propulsion module behaves like a communication relay satellite. The propulsion module carries the lander and rover configuration until the spacecraft is in a 100 km lunar orbit.</p>
</div>
</section>
</div>
</div> -->
<!-- Timeline Section Ends -->
<footer id="about-us">
<div class="footer-section1">
<img src="images/club-logo.png" alt="">
</div>
<div class="footer-section2">
Wishes you a happy Independance Day!
</div>
</footer>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" integrity="sha512-Ic9xkERjyZ1xgJ5svx3y0u3xrvfT/uPkV99LBwe68xjy/mGtO+4eURHZBW2xW4SZbFrF1Tf090XqB+EVgXnVjw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
</body>
</html>