AWS_project-01/mercury.html at main · arshiumair/AWS_project-01 · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Mercury – The Swift Planet</title>
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Open+Sans&display=swap" rel="stylesheet">
  <style>
    body {
      margin: 0;
      background: radial-gradient(circle, #4b4b4b, #1a1a1a);
      font-family: 'Open Sans', sans-serif;
      color: #f0f0f0;
      text-align: center;
      padding: 30px;
    }

    h1 {
      font-family: 'Orbitron', sans-serif;
      color: #bbbbbb;
      font-size: 3em;
    }

    img {
      width: 80%;
      max-width: 500px;
      border: 3px solid #bbbbbb;
      border-radius: 20px;
      margin: 20px 0;
      box-shadow: 0 0 20px #888888;
    }

    p {
      max-width: 700px;
      margin: auto;
      font-size: 1.2em;
      line-height: 1.8;
    }

    a {
      display: inline-block;
      margin-top: 30px;
      padding: 10px 20px;
      background-color: #bbbbbb;
      color: #000;
      text-decoration: none;
      border-radius: 10px;
      font-weight: bold;
      transition: background 0.3s;
    }

    a:hover {
      background-color: #d0d0d0;
    }
  </style>
</head>
<body>

  <h1>Welcome to Mercury</h1>
  <img src= "mercury.jpg" alt="Mercury Image">
  <p>
    Mercury is the closest planet to the Sun and also the smallest one in our solar system.
    It has no atmosphere to protect it from meteor impacts and experiences extreme temperature changes — scorching hot during the day and freezing cold at night.
    Mercury completes an orbit around the Sun in just 88 Earth days, making it the fastest planet!
  </p>

  <a href="index.html">← Back to Planets</a>

</body>
</html>