-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (59 loc) · 4.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>SPACE LIVE</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js"
integrity="sha512-wK2NuxEyN/6s53M8G7c6cRUXvkeV8Uh5duYS06pAdLq4ukc72errSIyyGQGYtzWEzvVGzGSWg8l79e0VkTJYPw=="
crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Zen+Dots&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap" rel="stylesheet">
<link
href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAFBKtAHc4TgCAPFMAUQ4xAD8KHADcxc8ATEvJAISD3wCHTGAAsJmfAL6nsQCca3wAw52sAD8QZwAUE3EAUQ0kAFYuOwB+en0Ak15wAHMwRQC0iJYApaXrAKZ0hQBwKUEAIhfCAIxTZwAxF7EAhFJiAHQySQCrqKkA9e7yAAsKWwB8foQAbFxgAEoMIQDe3t4AOQkaAKx7iwB4nvIAgkRZAOzd4QB4U2EAbCpAAFMQJwBYPJMAYBEsAGMYMQAXFcoAjVtrADdY2wCsjJYAPhOUAPjz9gBqSVUAlWFzAJxleACPio0AY1RYANbW1gBXULcAYR4yADIIFwAoBxIAWxkwAGohOgCleYsAmmF0AEQLHwBaECkArYWTAK282ADOtr4ATA0iAG87TQBHFIMAej9rAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKgUlJREAAAAAAAAAADweIyMjREQlPzoAAAAAAAAcDhAsLBAQSQU+PwAAAAAKPUJBLS4uLkUxBSIhAAAAHUEuLi4bAC4uNUo2PgAAR0xBLy4uODQuLi5FSQUAAAAJBgAwAAAULjIfNTsFEgAACQAVLkEAMAAXMDU7RDkAAAwJQSkuLi4uJzBLBEQAAAAmNwMvLi4uRi4uGQEPAAAABkYTAkMuQS4uLkUEByAAAABIRhMDQxhBQT1AEAAWIQAAACRGOBooDR0rMwAAAAgAAAAAAAsMEzEMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD4PwAAwA8AAMAHAACAAwAAgQMAAAADAACWAQAAooEAAIADAACAAwAAgAEAAMAEAADgDgAA+D8AAP//AAA="
rel="icon" type="image/x-icon" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"
integrity="sha512-VEBjfxWUOyzl0bAwh4gdLEaQyDYPvLrZql3pw1ifgb6fhEvZl9iDDehwHZ+dsMzA0Jfww8Xt7COSZuJ/slxc4Q=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<div id="background">
<nav>
<h3>SPACE LIVE</h3>
<a href="#content">Explore</a>
</nav>
<h1>NASA</h1>
</div>
<div id="content">
<div id="elems">
<div class="block">
<div class="img" id="img1"></div>
<h5>Universe</h5>
</div>
<div class="block">
<div class="img" id="img2"></div>
<h5>land</h5>
</div>
<div class="block">
<div class="img" id="img3"></div>
<h5>SPACE</h5>
</div>
<div class="block">
<div class="img" id="img4"></div>
<h5>innovation</h5>
</div>
</div>
</div>
<footer>
<p>NASA is providing live coverage on NASA TV and its website of the undocking and departure from the
International Space Station of the Soyuz spacecraft that will return NASA astronaut Kate.</p>
</footer>
<script src="./script.js"></script>
</body>
</html>