-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (72 loc) · 3.29 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Space is awesome!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="header1stRow">
<div class="headerLogo"><img src="images/pexels-pixabay-2150.jpg" alt="logo"></div>
<div class="firstRowLinks">
<div><a class="headerLinks" href="https://www.nasa.gov/" target="_blank">NASA</a></div>
<div><a class="headerLinks" href="https://en.wikipedia.org/wiki/Outer_space"
target="_blank">WIKIPEDIA</a></div>
<div><a class="headerLinks"
href="https://www.google.com/search?q=space&sxsrf=ALiCzsaUtOG7jx5dfagH4CLmkZPnhfMEfw:1657723702301&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjh66SDjvb4AhVVVfEDHUfvAJgQ_AUoAXoECAEQAw"
target="_blank">PHOTOS</a>
</div>
</div>
</nav>
<div class="header2ndRow">
<div class="textAndButton">
<div class="heroText">Space is awesome</div>
<div class="heroSecondaryText">There are billions and billions of stars.
Oh look!
There are billions and billions of galaxies.
Alright!
There is nothing I like more than space.</div>
<div><button>Sign up</button></div>
</div>
<div><img src="images/pexels-pixabay-73910.jpg" alt="an image"></div>
</div>
</header>
<!-- Random information section: -->
<figure class="randomInfoSection">
<div class="informationHeader">Some random information.</div>
<div class="randomImages">
<div><img src="images/pexels-guillaume-meurice-2873669.jpg" alt="Timelapse of stars">Timelapse of stars at
night.
</div>
<div><img src="images/pexels-jeremy-müller-6444367.jpg" alt="A supernova">A supernova in a distant galaxy.
</div>
<div><img src="images/pexels-luck-galindo-544268.jpg" alt="Milky Way Galaxy">A photo of Milky Way
galaxy.</div>
<div><img src="images/pexels-pixabay-39561.jpg" alt="Solar flares">Solar flares in the Sun's atmosphere.
</div>
</div>
</figure>
<!-- Quote section: -->
<aside>
<div class="quote">Who are we? We find that we live on an insignificant planet of a humdrum star lost in a
galaxy tucked away in some forgotten corner of a universe in which there are far more galaxies than people.
</div>
<div class="thor">-Carl SAGAN</div>
</aside>
<!-- Last (call to action) section: -->
<section>
<div class="callSectionDiv">
<div class="callTextArea">
<div id="callToAction1stLine">Call to action! It's time!</div>
<div>Sign up for our product by clicking that button right over there!</div>
</div>
<div class="callSectionButton"><button>Sign up</button></div>
</div>
</section>
<!-- Footer: -->
<footer>Copyright © The Odin Project 2022</footer>
</body>
</html>