AWS_project-01/sun.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>Sun – The Heart of Our Solar System</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, #ffdd33, #ff9900, #cc6600);
      font-family: 'Open Sans', sans-serif;
      color: #000;
      text-align: center;
      padding: 30px;
    }

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

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

    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: #cc0000;
      color: #fff;
      text-decoration: none;
      border-radius: 10px;
      font-weight: bold;
      transition: background 0.3s;
    }

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

  <h1>Welcome to the Sun</h1>
  <img src="sun.jpg" alt="Sun Image">
  <p>
    The Sun is the massive, glowing ball of gas at the center of our solar system.
    It provides the energy and light that sustain life on Earth.
    Composed mostly of hydrogen and helium, the Sun generates heat through nuclear fusion, and its gravity holds the entire solar system together.
  </p>

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

</body>
</html>