-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
165 lines (159 loc) · 12.1 KB
/
index.html
File metadata and controls
165 lines (159 loc) · 12.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Personal Portfolio Website">
<title>Assignment-03</title>
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header Section -->
<header>
<ul>
<a href="#"><img src="./img/isro.png" alt="logo" class="logo"></a>
</ul>
<nav>
<ul>
<a href="#"><li>Home</li></a>
<a href="#chandrayaan-3"><li>Chandrayaan-3</li></a>
<a href="#launchpad"> <li>Launchpad</li></a>
<a href="#portals"> <li>Portals</li></a>
</ul>
</nav>
<ul>
<li id="theme-changed"><img src="./img/theme-change-icon.png" alt="Light" class="light-dark-mode"></li>
</ul>
</header>
<!-- Main Section -->
<main>
<!--Main Title-->
<div class="main-title"><h1>Welcome to the Space Adventure</h1></div>
<!-- Intro Section -->
<section class="intro">
<div class="intro-content-img">
<img src="./img/isro-home.png" alt="isro image">
</div>
<div class="intro-content-info">
<p>The Indian Space Research Organisation (ISRO), established in 1969, has become a global leader in space exploration. Known for missions like Chandrayaan and Mangalyaan, and satellite launch vehicles such as PSLV and GSLV, ISRO has advanced space science while emphasizing cost-effectiveness, making space technology accessible. 🚀</p> <p>💡 ISRO′s focus on innovation and affordability sets it apart. By conducting low-cost yet impactful missions, it has enhanced communication, navigation, weather forecasting, and disaster management. Its technology significantly benefits agriculture and environmental monitoring, demonstrating the practical uses of space exploration. 🧠</p> <p>🌌 ISRO′s future plans are ambitious, including the Gaganyaan human spaceflight and Chandrayaan-3 moon mission. With interplanetary missions and collaborations with global agencies, ISRO aims to expand its cosmic exploration and solidify its global impact. 🌟</p>
</div>
</section>
<!-- Sub Title 1 -->
<div class="sub-title"><h2>Beyond the Horizon: Honoring ISRO′s Stellar Contributions 🌌🏆</h2></div>
<!-- Achievement Section -->
<section class="achievement">
<div class="space-achievement">
<div class="space-achievement-img"><img src="./img/aryabhata.png" alt=""></div>
<div class="space-achievement-info"><p>ISRO's first satellite, launched in 1975, marked India's entry into the space age. It was named after an ancient Indian mathematician and astronomer.</p></div>
</div>
<div class="space-achievement">
<div class="space-achievement-img"><img src="./img/chandrayaan-1.png" alt=""></div>
<div class="space-achievement-info"><p>India's first lunar mission, launched in 2008, successfully orbited the Moon and discovered water on its surface.</p></div>
</div>
<div class="space-achievement">
<div class="space-achievement-img"><img src="./img/mangalyaan.png" alt=""></div>
<div class="space-achievement-info"><p>Mars Orbiter Mission (MOM) also known as Mangalyaan, this mission launched in 2013 made India the first country to reach Mars orbit on its first attempt. It was also one of the least expensive Mars missions ever.</p></div>
</div>
<div class="space-achievement hide-achievement">
<div class="space-achievement-img"><img src="./img/chandrayaan-3.png" alt=""></div>
<div class="space-achievement-info"><p>Launched in 2023, this mission achieved India's first soft landing on an extraterrestrial body. It was also the first time India landed a spacecraft near the lunar south pole.</p></div>
</div>
<div class="space-achievement hide-achievement">
<div class="space-achievement-img"><img src="./img/aditya-L1.png" alt=""></div>
<div class="space-achievement-info"><p>Launched in 2023, this mission studied coronal mass ejections and pre-flare activities.</p></div>
</div>
<div class="space-achievement hide-achievement">
<div class="space-achievement-img"><img src="./img/insat.png" alt=""></div>
<div class="space-achievement-info"><p>Established in 1983, the Indian National Satellite (INSAT) system is one of the largest domestic communication satellite systems in the Asia-Pacific region.</p></div>
</div>
</section>
<!-- End of Achievement Section -->
<!-- Sub Tiltle 2 -->
<div class="sub-title"><h2 id="chandrayaan-3">Touching the Moon: Chandrayaan-3's Journey Beyond 🚀🌙</h2></div>
<!-- Know More Section -->
<section class="know-more">
<div class="know-more-video">
<iframe src="https://www.youtube.com/embed/DLA_64yz8Ss" title="Chandrayaan-3 Mission Soft-landing LIVE Telecast" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="know-more-info">
<p>Chandrayaan-3, India's latest lunar mission, aimed to achieve a soft landing on the Moon, focusing on the unexplored south pole. Launched by ISRO, this mission showcased India′s growing space capabilities, with the Vikram lander and Pragyan rover working in tandem to explore the lunar surface. 🌙 The rover collected data on the Moon's mineral composition and potential presence of water, providing valuable insights for future missions.</p>
<!-- Aside Section For Addtional Info -->
<aside>
<p>"India is on the Moon! We have our national pride placed on the Moon! We have reached a place where no one has reached before!"
<p>— Narendra Modi, Prime Minister of India</p>
</p>
</aside>
<p>The successful landing of Chandrayaan-3 highlighted ISRO's ability to perform precise space operations. Despite challenges in previous missions, the agency's persistence paid off, making India the fourth country to achieve a soft landing on the Moon. 🌌 This mission has set the stage for upcoming explorations, with ISRO planning to expand its reach to Mars and beyond, proving that space exploration can be both innovative and cost-effective.</p>
<!-- Pre Section For Addtional Info -->
<pre>
Mission Data:
- Launch Date: July 14, 2023
- Achievements: Soft landing
- Duration: 1 lunar day
</pre>
<p>Chandrayaan-3 is a significant milestone in ISRO's history, demonstrating its commitment to advancing space science and technology. As the agency continues to explore the cosmos, it fosters global collaboration and inspires future generations of scientists. 🌠</p>
</div>
</section>
<!-- End of Know More Section -->
<!-- Sub Title 3 -->
<div class="sub-title"><h2 id="launchpad">Satish Dhawan Space Centre: India′s Launchpad to the Stars 🌟🌍</h2></div>
<!-- Additional Detail Section -->
<section class="additional-detail">
<div class="additional-detail-info">
<p>The Satish Dhawan Space Centre (SDSC), located on India′s southeastern coast in Sriharikota, serves as the nation′s primary spaceport for satellite launches. Named after Dr. Satish Dhawan, a key figure in ISRO's history, the center has been instrumental in launching India′s most significant space missions, including Chandrayaan-1, Mars Orbiter Mission (Mangalyaan), and Chandrayaan-2. 🌠 Its advanced launch facilities, such as the Polar Satellite Launch Vehicle (PSLV) and Geosynchronous Satellite Launch Vehicle (GSLV) pads, support a variety of space missions, ranging from Earth observation to deep space exploration.</p>
<div class="additional-detail-img">
<img src="./img/sdsc.png" alt="Satish Dhawan Space Centre">
</div>
<p>The SDSC is not just a launch site, but also a hub for international collaboration, enabling ISRO to partner with countries around the world for satellite launches. 🌎 With its state-of-the-art infrastructure and continuous advancements, the center is central to India′s space ambitions, helping ISRO expand its global presence. As ISRO looks to the future with plans for even more ambitious missions, SDSC will remain a key player in the nation's journey into space. 🚀</p>
</div>
<div class="additional-detail-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d62016.10007982023!2d80.154031427159!3d13.718070837421385!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a4da27eef264eaf%3A0xe9dec0ba1d50651f!2sSatish%20Dhawan%20Space%20Centre!5e0!3m2!1sen!2sin!4v1733337683492!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
<!-- End of Additional Detail Section -->
<!-- Sub Title 4 -->
<div class="sub-title"><h2 id="portals">From Vision to Mission: Unveiling ISRO′s Digital Universe 🔭🚀</h2></div>
<!-- Extra Content Section -->
<section class="extra-content">
<div class="extra-content-link">
<a href="https://igrasp.isro.gov.in/" target="_blank"><img src="./img/ndem.png" alt="grasp png"></a>
</div>
<div class="extra-content-link">
<a href="https://bhoonidhi.nrsc.gov.in/bhoonidhi/home.html" target="_blank"> <img src="./img/bhoonidhi.png" alt="bhoonidhi png"></a>
</div>
<div class="extra-content-link">
<a href="https://bhuvan.nrsc.gov.in/home/index.php" target="_blank"><img src="./img/mosdac.png" alt="bhuvan png"></a>
</div>
<div class="extra-content-link">
<a href="https://www.isro.gov.in/Virtual_Space_Museum.html" target="_blank"> <img src="./img/spark.png" alt="spark png"></a>
</div>
<div class="extra-content-link hide-extra-content">
<a href="https://www.isro.gov.in/MOSDAC.html" target="_blank"><img src="./img/mosdac.png" alt="mosdac png"></a>
</div>
<div class="extra-content-link hide-extra-content">
<a href="https://www.issdc.gov.in/" target="_blank"> <img src="./img/issdc.png" alt="issdc png"></a>
</div>
<div class="extra-content-link hide hide-extra-content">
<a href="https://jigyasa.iirs.gov.in/" target="_blank"> <img src="./img/stem.png" alt="stem png"></a>
</div>
<div class="extra-content-link hide-extra-content">
<a href="https://vedas.sac.gov.in/en/" target="_blank"> <img src="./img/vedas.png" alt="vedas png"></a>
</div>
</section>
<!-- End of Extra Content Section -->
</main>
<!-- End Of Main Section -->
<!-- Footer Section -->
<footer>
<p>Made with ❤️ by Harsh </p>
</footer>
</body>
<!-- JavaScript To Handle To Switch Between Dark Mode And Light Mode -->
<script>
const toggleTheme = document.getElementById("theme-changed");
toggleTheme.addEventListener('click',()=>{
document.body.classList.toggle('light-mode');
})
</script>
</html>