Sprint-Challenge--Advanced-CSS/index.html at master · old-lambda/Sprint-Challenge--Advanced-CSS · 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
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
<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8" />

    <title>SpaceWalkers</title>

    <link
      href="https://fonts.googleapis.com/css?family=Russo+One|Ubuntu"
      rel="stylesheet"
    />
    <link href="css/index.css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!--[if lt IE 9]>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>
    <div class="space-nav">
      <h1>SpaceWalkers</h1>

      <!-- navigation code here -->
      <nav>
        <a href="#">Home</a>
        <a href="#">About Us</a>
        <a href="#">Blog</a>
        <a href="#">Contact</a>
        <a href="#">Sign In</a>
      </nav>
    </div>

    <div class="container home">
      <header class="intro">
        <!-- image code here -->
        <img src="img/main-header.png" alt="" />
        <h2>Lift Off</h2>

        <p>
          As we got further and further away, it [the Earth] diminished in size.
          Finally it shrank to the size of a marble, the most beautiful you can
          imagine. That beautiful, warm, living object looked so fragile, so
          delicate, that if you touched it with a finger it would fall apart.
          Seeing this has to change a man.
        </p>
      </header>

      <section class="space-images">
        <img src="img/blast.png" class="blast" alt="Rocket blasting off" />
        <img src="img/sky.png" class="sky" alt="Space sky image" />
        <img src="img/launch.png" class="launch" alt="Launching rocket" />
      </section>

      <section class="visit-planets">
        <h3>Can We Visit Planets?</h3>

        <p>
          Never in all their history have men been able truly to conceive of the
          world as one: a single sphere, a globe, having the qualities of a
          globe, a round earth in which all the directions eventually meet.
        </p>

        <p>
          Which there is no center because every point, or none, is center — an
          equal earth which all men occupy as equals. The airman's earth, if
          free men make it.
        </p>
      </section>

      <section class="walk">
        <div class="walk-text">
          <h3>Let's Go For A Walk</h3>

          <p>
            The Earth was small, light blue, and so touchingly alone, our home
            that must be defended like a holy relic. The Earth was absolutely
            round.
          </p>

          <p>
            Suddenly struck me that that tiny pea, pretty and blue, was the
            Earth. I put up my thumb and shut one eye, and my thumb blotted out
            the planet Earth.
          </p>

          <div class="btn">
            <a href="#">Sign Up</a>
          </div>
        </div>

        <div class="walk-img">
          <img src="img/space-walk.png" alt="Space walking astronaut" />
        </div>
      </section>

      <footer>
        <p>Copyright SpaceWalkers 2018</p>
      </footer>
    </div>
  </body>
</html>