-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (160 loc) · 5.87 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
<!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">
<!-- ICONSCOUT CDN LINK -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!-- GOOGLE FONTS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<!-- STYLESHEETS -->
<link rel="stylesheet" href="styles.css">
<title>Tribute Page</title>
</head>
<body>
<!-- HEADER -->
<header id='home'>
<h1>A Tribute Page to Carl Sagan</h1>
<h3>A man whose message echoes throgh the cosmos
<span><i class="uil uil-star"></i></span>
</h3>
</header>
<hr class="border-line">
<!-- NAVIGATION -->
<nav>
<img src="./images/cosmo.jpg" alt="an image of the cosmo">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#info">Info</a></li>
<li><a href="#facts">Facts</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- INFORMATION PART 1 -->
<section id="info">
<div class="image">
<img src="./images/sagan1.png" alt="an image of Carl Sagan smiling">
</div>
<div class="details">
<p>
Carl Edward Sagan (November 9, 1934 — December 20, 1996) was an American
astronomer, planetary scientist,
cosmologist, astrophysicist, astrobiologist, author, and science communicator. His
best known scientific
contribution is research on extraterrestrial life, including experimental
demonstration of the production of
amino acids from basic chemicals by radiation
</p>
<p>
Sagan assembled the first physical messages sent into space, <span
class="messages">the Pioneer plaque</span>
and <span class="messages">the Voyager Golden Record</span>, universal messages
that could potentially be
understood by any extraterrestrial intelligence that might find them.
</p>
</div>
</section>
<!-- INFORMATION PART 2 -->
<section class="info2">
<div class="details2">
<p>
Sagan published more than 600 scientific papers and articles and was author,
co-author or editor of more than 20
books. He wrote many popular science books, such as The Dragons of Eden, Broca's
Brain, Pale Blue Dot and
narrated and co-wrote the award-winning 1980 television series <span
class="messages">Cosmos: A Personal
Voyage</span>. The most widely watched series in the history of American public
television, Cosmos has been
seen by at least 500 million people in 60 countries.
</p>
<p>
His papers, containing 595,000 items, are archived at The Library of Congress.
</p>
</div>
<div class="image">
<img src="./images/sagan2.jpg" alt="">
</div>
</section>
<hr class="border-line">
<!-- FACTS -->
<section id="facts">
<h2>Interesting Facts About Carl Sagan <span><i
class="uil uil-lightbulb-alt"></i></span></h2>
<ol>
<li>
<article>
<h3>He supported the legalization of marijuana.</h3>
<p>
Carl Sagan wrote an essay for Time Magazine under a pseudonym outlining the
benefits of marijuana. He even
credited the drug for some of his most profound inspirations in art, science,
and music.
</p>
</article>
</li>
<li>
<article>
<h3>Bill Nye, the Science Guy, was a former student of Carl Sagan.</h3>
<p>
When Bill Nye was a student at Cornell, he took a class with Carl Sagan. Bill
Nye remembers the lessons
fondly, “If you saw the series Cosmos,” he says" “his lectures were like those
television shows.
</p>
</article>
</li>
<li>
<article>
<h3>There is a unit of measurement named after him.</h3>
<p>
Sagan’s “billions of billions” was later (jokingly) turned into a unit. A
“Sagan” is defined as a large
quantity of something, at least four billion.
</p>
</article>
</li>
<li>
<article>
<h3>On that note, Sagan never really said “billions of billions.”</h3>
<p>
While the phrase “billions of billions” became inseparable from Carl Sagan,
Johnny Carson was actually the
first to use the term on a skit on The Tonight Show. The phrase later became
associated with Carl Sagan.
</p>
</article>
</li>
</ol>
<a href="https://www.labroots.com/trending/space/21662/10-carl-sagan-2">Source</a>
</section>
<!-- WIKI LINK -->
<section class="wiki-link">
<p>If you have time, you should read more about this incredible human being on his <a
href="https://en.wikipedia.org/wiki/Carl_Sagan">Wikipedia Entry</a></p>
</section>
<footer id="contact">
<div class="details">
<p>This webpage was built as part of <a
href="https://www.foundersandcoders.com/">FAC's</a> pre skills bootcamp
requirement project.
</p>
<p>
If you have some feedback about the page, want to collab on projects or just to
say 'hi', you can contact me on
the social links below.
</p>
</div>
<ul>
<li><a href="https://github.com/zakkariyaa"><i class="uil uil-github"></i></a></li>
<li><a href="mailto:info@zakariya.me"><i class="uil uil-envelope"></i></a></li>
</ul>
</footer>
<script src="./script.js"></script>
</body>
</html>