Solar-System/index.html at main · M-Adil-AS/Solar-System · 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
<!DOCTYPE html>
<html>
    <head>
        <link href='style.css' rel='stylesheet'>
    </head>
    <body>
        <div id="solar-system">
            <img class='object'        src='sun.png'     id='sun' >
            <img class='object planet' src='mercury.png' id='mercury'>
            <img class='object planet' src='venus.png'   id='venus'>
            <img class='object planet' src='earth.png'   id='earth'>
            <img class='object planet' src='mars.png'    id='mars' >
            <img class='object planet' src='jupiter.png' id='jupiter'>
            <img class='object planet' src='saturn.png'  id='saturn'>
            <img class='object planet' src='uranus.png'  id='uranus'>
            <img class='object planet' src='neptune.png' id='neptune'>
            <div class='object'                          id='moon' ></div>

            <div class='object p-orbit'></div>
            <div class='object p-orbit'></div>
            <div class='object p-orbit'></div>
            <div class='object p-orbit'></div>
            <div class='object p-orbit'></div>
            <div class='object p-orbit'></div>
            <div class='object p-orbit'></div>
            <div class='object p-orbit'></div>
            <div class='object' id='m-orbit'></div>

            <img src='asteroid belt.png' class='object' id='belt'>
        </div>
    </body>
    <script src='script.js'></script>
</html>