-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (148 loc) · 9.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css" type="text/css">
<title>Universe</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header class="main_header">
<table class="logo">
<tr>
<td><h1>Universe</h1></td>
<td><img src="images/galactic_icon_big.png" alt="galaxy"></td>
</tr>
</table>
<nav class="header__menu">
<ul >
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about_site.html">About site</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
</ul>
</nav>
</header>
<main class="main">
<nav class="main__menu">
<ul >
<li><a href="">Solar System</a></li>
<li><a href="">Galaxies</a></li>
<li><a href="">Ufology</a></li>
<li><a href="">Movies</a></li>
<li><a href="">Games</a></li>
<li><a href="">Books</a></li>
<li><a href="">News</a></li>
</ul>
</nav>
<article class="main__content">
<section class="column1">
<div class="facts">
<img src="images/facts_new.png" alt="The facts">
<ul>
<li>At its centre the Sun reaches temperatures of 15 million °C.</li>
<li>The Sun is all the colours mixed together, this appears white to our eyes.</li>
<li>The Sun is mostly composed of hydrogen (70%) and Helium (28%).</li>
<li>The Sun is a main-sequence G2V star (or Yellow Dwarf).</li>
<li>The Sun is 4.6 billion years old.</li>
<li>The Sun is 109 times wider than the Earth and 330,000 times as massive.</li>
</ul>
</div>
<div class="main__image"><img src="images/sun1.gif" alt="The Sun"></div>
</section>
<section class="column2">
<form action="" method="post" id="subForm">
<fieldset form="subForm">
<legend> <b>Subscribe</b></legend>
<div><label >Username
<p><input type="text" id="username" placeholder="User12" required pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{6,12}$"></p></label>
</div>
<div><label >Your email
<p><input type="email" id="email" required class="input_required" placeholder="***@***.***"
pattern="^([a-z0-9_\.-]+)@([a-z0-9_\.-]+)\.([a-z\.]{2,6})$"></p>
</label>
</div>
<button class="SubButton"><a href="#"><span>Subscribe</span></a><img src="images/saturn_icon.png" alt="saturn"></button>
</fieldset>
</form>
</section>
</article>
<div class="social">
<ul >
<li>
<a href="#">
<img src="images/vk_icon.png" alt="vkontakte">
</a>
</li>
<li>
<a href="#">
<img src="images/fb_icon.png" alt="facebook">
</a>
</li>
<li>
<a href="#">
<img src="images/tw_icon.png" alt="twitter">
</a>
</li>
</ul>
</div>
</main>
<div class="solar_system_footer"><img src="images/solar_system.PNG" alt="Solar System"></div>
<footer class="main__footer">
Copyrigth© 2017. Designed by Poul Botnar. All rights reserved
</footer>
</body>
</html>
<!--
<h2>SPACE IS COMPLETELY SILENT.</h2>
<p>There is no atmosphere in space, which means that sound has no medium or way to travel to be heard. Astronauts use radios to stay in communication while in space, since radio waves can still be sent and received.</p>
<h2>THE HOTTEST PLANET IN OUR SOLAR SYSTEM IS 450° C.</h2>
<p> Venus is the hottest planet in the solar system and has an average surface temperature of around 450° C. Interestingly, Venus is not the closest planet to the Sun – Mercury is closer but because Mercury has no atmosphere to regulate temperature it has a very large temperature fluctuation.
</p>
<h2>THERE MAY BE LIFE ON MARS.</h2>
<p> Of all the planets in our solar system (apart from Earth), Mars is the one most likely to be hospitable to life. In 1986, NASA found what they thought may be fossils of microscopic living things in a rock recovered from Mars.</p>
<h2>NOBODY KNOWS HOW MANY STARS ARE IN SPACE.</h2>
<p> The sheer size of space makes it impossible to accurately predict just how many stars we have. Right now, scientists and astronomers use the number of stars only within our galaxy, The Milky Way, to estimate. That number is between 200-400 billion stars and there are estimated to be billions of galaxies so the stars in space really are completely uncountable.</p>
<h2>HALLEYS COMET WON’T ORBIT PAST EARTH AGAIN UNTIL 2061.</h2>
<p> Discovered in 1705 by Edmond Halley, the famous comet was last seen in 1986 and is only seen once every 75 to 76 years.</p>
<h2>A FULL NASA SPACE SUIT COSTS $12,000,000.</h2>
<p>While the entire suit costs a cool $12m, 70% of that cost is for the backpack and control module.</p>
<h2>NEUTRON STARS CAN SPIN 600 TIMES PER SECOND.</h2>
<p>Neutron stars are the densest and tiniest stars in the known universe and although they only have a radius of about 10 km (6 mi), they may have a mass of a few times that of the Sun. They can rotate at up to 60 times per second after they are born from a core-collapse supernova star explosion and have been known to spin as fast as 600-712 times per second because of their physics.</p>
<h2>THERE MAY BE A PLANET MADE OUT OF DIAMONDS.</h2>
<p> As space facts go, this is pretty impressive. Research by Yale University scientists suggests that a rocky planet called 55 Cancri e — which has a radius twice Earth’s, and a mass eight times greater – may have a surface made up of graphite and diamond. It’s 40 light years away but visible to the naked eye in the constellation of Cancer.
</p>
<h2>THE FOOTPRINTS ON THE MOON WILL BE THERE FOR 100 MILLION YEARS.</h2>
<p>The Moon has no atmosphere, which means there is no wind to erode the surface and no water to wash the footprints away. This means the footprints of the Apollo astronauts, along with spacecraft prints, rover-prints and discarded material, will be there for millions of years.</p>
<h2>ONE DAY ON VENUS IS LONGER THAN ONE YEAR.</h2>
<p> Venus has a slow axis rotation which takes 243 Earth days to complete its day. The orbit of Venus around the Sun is 225 Earth days, making a year on Venus 18 days less than a day on Venus.
</p>
<div class="main__image"><img src="images/sun.png" alt="The Sun"></div>
<div class="main__image"><img src="images/jupiter.png" alt="The Jupiter"></div>
<div class="main__image"><img src="images/saturn.png" alt="The Saturn"></div>
<div class="main__image"><img src="images/uranus.png" alt="The Uranus"></div>
<div class="main__image"><img src="images/neptune.png" alt="The Neptune"></div>
<p>
The sun-orbiting SOHO spacecraft has imaged many erupting filaments lifting off the active solar surface and blasting enormous bubbles of magnetic plasma into space. This image shows the sun in ultraviolet light, while the field of view extends over 2 million kilometers, or 1.243 million miles, from the solar surface. </p>
<p> While hints of these explosive sun storms, called coronal mass ejections or CMEs, were discovered by spacecraft in the early 1970s, this dramatic image is part of a detailed record of this CME's development from the presently operating SOHO spacecraft. At a minimum, solar activity cycle CMEs occur about once a week, with maximum rates of two or more per day. Strong CMEs may profoundly influence space weather and those directed toward our planet can have serious effects.
</p>
<table>
<tr>
<td>
<legend><a href="#">About the Sun</a><img src="images/sun.png" alt="The Sun"></legend>
</td>
<td>
<legend><a href="#">About Mars</a><img src="images/mars.png" alt="The Mars"></legend>
</td>
</tr>
<tr>
<td>
<legend><a href="#">About Mars</a><img src="images/mars.png" alt="The Mars"></legend>
</td>
<td>
<legend><a href="#">About Mars</a><img src="images/mars.png" alt="The Mars"></legend>
</td>
</tr>
</table>
<div class="main__image"><figure><figcaption>About Sun<img src="images/mars.png" alt="The Mars"></figcaption></figure></div>
-->