-
Notifications
You must be signed in to change notification settings - Fork 0
/
page1.html
175 lines (159 loc) · 6.13 KB
/
page1.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
<!DOCTYPE html>
<html>
<head>
<title>Sistem Suria - Utarid</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="img/logo.png">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/page1.css">
<script src="https://use.fontawesome.com/30155533f0.js"></script>
<script type="text/javascript">
function mobile() {
var bars = document.getElementById("mnav");
if(bars.className === "mnav") {
bars.className += " responsive";
} else {
bars.className = "mnav";
}
}
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4657957286725933" crossorigin="anonymous"></script>
</head>
<body>
<header>
<div class="nav">
<ul class="nav-items" id="nav-items">
<a><li onclick="mobile()" class="icon fa fa-bars fa-2x"></li></a>
<a href="page1.html"><li class="h">
<div class="overlay"></div>
Utarid
</li></a>
<a href="page2.html"><li class="h">
<div class="overlay"></div>
Zuhrah
</li></a>
<a href="page3.html"><li class="h">
<div class="overlay"></div>
Bumi
</li></a>
<a href="page4.html"><li class="h">
<div class="overlay"></div>
Marikh
</li></a>
<a href="index.html" class="log"><img alt="AmirNet" class="logo" src="img/logo.png"></a>
<a href="page5.html"><li class="h">
<div class="overlay"></div>
Musytari
</li></a>
<a href="page6.html"><li class="h">
<div class="overlay"></div>
Zuhal
</li></a>
<a href="page7.html"><li class="h">
<div class="overlay"></div>
Uranus
</li></a>
<a href="page8.html"><li class="h">
<div class="overlay"></div>
Neptun
</li></a>
</ul>
<div class="mnav" id="mnav">
<a href="index.html"><li class="i">
Home
</li></a>
<a href="page2.html"><li class="i">
Zuhrah
</li></a>
<a href="page3.html"><li class="i">
Bumi
</li></a>
<a href="page4.html"><li class="i">
Marikh
</li></a>
<a href="page5.html"><li class="i">
Musytari
</li></a>
<a href="page6.html"><li class="i">
Zuhal
</li></a>
<a href="page7.html"><li class="i">
Uranus
</li></a>
<a href="page8.html"><li class="i">
Neptun
</li></a>
</div>
</div>
<div class="hero" id="main">
<h1>UTARID</h1>
</div>
<div class="main">
<div id="description">
<div>
<span>
<p>Planet terkecil dalam sistem suria kita dan paling hampir dengan Matahari, Utarid lebih besar sedikit daripada Bulan Bumi.</p>
</span>
</div>
<div>
<span>
<p>Dari permukaan Utarid, Matahari akan kelihatan lebih daripada tiga kali lebih besar daripada apabila dilihat dari Bumi, dan cahaya matahari akan menjadi tujuh kali lebih cerah. Walaupun berdekatan dengan Matahari, Utarid bukanlah planet terpanas dalam sistem suria kita - gelaran itu adalah milik Zuhrah yang berdekatan, berkat suasananya yang padat.</p>
</span>
</div>
<div>
<span>
<p>Disebabkan oleh Utarid elips – berbentuk telur – orbit, dan putaran yang perlahan, Matahari kelihatan terbit sebentar, terbenam dan terbit semula dari beberapa bahagian permukaan planet. Perkara yang sama berlaku secara terbalik pada waktu matahari terbenam.</p>
</span>
</div>
</div>
</div>
<div id="games">
<h2>TEROKAI UTARID</h2>
<div class="game">
<div>
<h3>Suasana</h3>
<p>Daripada atmosfera, Utarid mempunyai eksosfera nipis yang terdiri daripada atom-atom yang diletupkan dari permukaan oleh angin suria dan meteoroid yang menarik. Eksosfera Merkuri kebanyakannya terdiri daripada oksigen, natrium, hidrogen, helium, dan kalium.</p>
</div>
</div>
<hr>
<div class="game">
<div>
<h3>Potensi untuk Kehidupan</h3>
<p>Persekitaran Utarid tidak kondusif untuk kehidupan seperti yang kita ketahui. Suhu dan sinaran suria yang mencirikan planet ini berkemungkinan besar terlalu melampau untuk disesuaikan dengan organisma.</p>
</div>
</div>
<hr>
<div class="game">
<div>
<h3>Pembentukan</h3>
<p>Utarid terbentuk kira-kira 4.5 bilion tahun yang lalu apabila graviti menarik gas berputar dan debu bersama-sama untuk membentuk planet kecil ini yang paling hampir dengan Matahari. Seperti planet terestrial yang lain, Utarid mempunyai teras pusat, mantel berbatu, dan kerak pepejal.</p>
</div>
</div>
<hr>
<div class="game">
<div>
<h3>Struktur</h3>
<p>Utarid ialah planet kedua paling padat, selepas Bumi. Ia mempunyai teras logam yang besar dengan jejari kira-kira 1,289 batu (2,074 kilometer), kira-kira 85 peratus daripada jejari planet. Terdapat bukti bahawa ia sebahagiannya cair atau cair. Kulit luar Merkuri, setanding dengan kulit luar Bumi (dipanggil mantel dan kerak), hanya kira-kira 400 kilometer (250 batu) tebal.</p>
</div>
</div>
<hr>
<div class="game">
<div>
<h3>Magnetosfera</h3>
<p>Medan magnet Utarid diimbangi berbanding dengan khatulistiwa planet. Walaupun medan magnet Utarid di permukaan hanya mempunyai 1% kekuatan Bumi, ia berinteraksi dengan medan magnet angin suria untuk kadang-kadang mencipta tornado magnetik yang kuat yang menyalurkan plasma angin suria yang cepat dan panas ke permukaan planet. Apabila ion menyerang permukaan, ia mengetuk atom bercas neutral dan menghantarnya pada gelung tinggi ke langit.</p>
</div>
</div>
<hr>
<h2>Fakta Cepat</h2>
<br>
<br>
<iframe src='solar/index.html' width='100%' height='640px' title="solarsystem"></iframe>
<footer>
<img alt="AmirNet" src="img/logo.png">
<p>Dibuat Dengan <font color="red">❤</font> Oleh <a target="_blank">Amirul Aiiman</a>.</font></p>
<p>Sumber Data Oleh <a target="_blank">NASA Solar System Exploration</a>.</p>
<p>Animasi Sistem Suria CSS Oleh <a target="_blank">Picturepan2</a>.</p>
</footer>
</body>
</html>