-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtransitMethod.html
134 lines (134 loc) · 6.98 KB
/
transitMethod.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
<!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="./css/transitMethod.css">
<link rel="stylesheet" href="./css/styles.css">
<title>Find Planets - Exoplanets Explorer</title>
</head>
<body>
<header>
<nav class="exo-navbar">
<div class="exo-navbar-container">
<a href="#" class="exo-logo">
<img src="./contents/nasa-logo.png" alt="NASA Logo" id="nasa-logo">
</a>
<div class="exo-menu-toggle" id="mobile-menu">
<span></span>
<span></span>
<span></span>
</div>
<ul class="exo-nav-menu" id="exo-nav-menu">
<li><a href="./index.html" class="exo-nav-link">Home</a></li>
<li><a href="./news.html" class="exo-nav-link">Latest News</a></li>
<li><a href="./quiz.html" class="exo-nav-link">Quiz</a></li>
<li><a href="./blog.html" class="exo-nav-link">Blog</a></li>
<li><a href="./aboutUs.html" class="exo-nav-link">About Us</a></li>
</ul>
</div>
</nav>
</header>
<main>
<section class="exo-hero">
<div class="exo-hero-content">
<h1 class="exo-hero-title" data-aos="fade-up">Finding Exoplanets</h1>
<p class="exo-hero-subtitle" data-aos="fade-up" data-aos-delay="200">Discover the methods used to find planets beyond our solar system</p>
</div>
</section>
<section class="exo-content">
<div class="exo-container">
<h2 class="exo-section-title" data-aos="fade-up">Transit Method</h2>
<p class="exo-section-text" data-aos="fade-up" data-aos-delay="200">
The transit method is one of the most successful techniques for discovering exoplanets. It involves monitoring the brightness of a star over time. When a planet passes in front of the star, it causes a temporary dip in the star's brightness, indicating the presence of a planet.
</p>
<div class="exo-method-grid">
<div class="exo-method-card" data-aos="fade-up" data-aos-delay="300">
<img src="./contents/images/transit-method.jpg" alt="Transit Method Illustration">
<h3>How It Works</h3>
<p>As a planet transits its host star, it blocks a small fraction of the star's light, causing a dip in brightness that can be detected by telescopes.</p>
</div>
<div class="exo-method-card" data-aos="fade-up" data-aos-delay="400">
<img src="./contents/images/transit-graph.jpg" alt="Transit Light Curve">
<h3>Light Curves</h3>
<p>The light curve of a star shows the changes in brightness over time. A periodic dip in the light curve indicates the presence of a transiting planet.</p>
</div>
</div>
</div>
</section>
<section class="exo-content">
<div class="exo-container">
<h2 class="exo-section-title" data-aos="fade-up">Advantages of the Transit Method</h2>
<ul class="exo-facts-list" data-aos="fade-up" data-aos-delay="200">
<li>Allows for the determination of the planet's size.</li>
<li>Can be used to study the planet's atmosphere through transmission spectroscopy.</li>
<li>Enables the detection of multiple planets in the same system.</li>
<li>Provides precise measurements of the planet's orbital period.</li>
</ul>
</div>
</section>
<section class="exo-content">
<div class="exo-container">
<h2 class="exo-section-title" data-aos="fade-up">Gallery</h2>
<div class="exo-gallery-grid">
<div class="exo-gallery-item" data-aos="zoom-in" data-aos-delay="100">
<img src="./contents/images/transit-illustration.jpg" alt="Transit Illustration">
</div>
<div class="exo-gallery-item" data-aos="zoom-in" data-aos-delay="200">
<img src="./contents/images/transit-telescope.jpg" alt="Telescope Observing Transit">
</div>
<div class="exo-gallery-item" data-aos="zoom-in" data-aos-delay="300">
<img src="./contents/images/transit-planet.jpg" alt="Planet Transit">
</div>
</div>
</div>
</section>
</main>
<footer class="exo-main-footer">
<div class="exo-container">
<div class="exo-footer-content">
<div class="exo-footer-section exo-about">
<h3>About Exoplanets Explorer</h3>
<p>Dedicated to exploring and understanding worlds beyond our solar system.</p>
<div class="exo-social-icons">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="exo-footer-section exo-links">
<h3>Quick Links</h3>
<div class="exo-quick-links-grid">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./news.html">Latest News</a></li>
<li><a href="./quiz.html">Quiz</a></li>
</ul>
<ul>
<li><a href="./learn.html">Learn</a></li>
<li><a href="./aboutUs.html">About Us</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="exo-footer-section exo-contact">
<h3>Contact Us</h3>
<p><i class="fas fa-map-marker-alt"></i> Sandip University, Nashik</p>
<p><i class="fas fa-phone"></i> +91 98341 34470</p>
<p><i class="fas fa-envelope"></i> info@exoplanetsexplorer.com</p>
</div>
</div>
<div class="exo-footer-bottom">
<p>© 2023 Exoplanets Explorer. All rights reserved.</p>
<p>Powered by NASA Open Science</p>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.js"></script>
<script src="./js/nav.js"></script>
<script>
AOS.init();
</script>
</body>
</html>