-
Notifications
You must be signed in to change notification settings - Fork 0
/
technology-spaceport.html
38 lines (37 loc) · 2.05 KB
/
technology-spaceport.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="assets\favicon-32x32.png">
<link rel="stylesheet" href="css\index.css">
<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=Barlow&family=Barlow+Condensed&family=Bellefair&display=swap" rel="stylesheet">
<title>Frontend Mentor | Space tourism website</title>
</head>
<body class="technology">
<header class="header">
<img class="logo" src="assets\shared\logo.svg" alt="logo-img">
<class="header-line" hr>
<div class="header-list">
<a class="header-item" href="index.html"><span>00</span> HOME</a>
<a class="header-item" href="destination-moon.html"><span>01</span> DESTINATION</a>
<a class="header-item" href="crew-commander.html"><span>02</span> CREW</a>
<a class="header-item current"href="technology-spaceport.html"><span>03</span> TECHNOLOGY</a>
</div>
</header>
<h2 class="crew-main-heading"><span>03</span> SPACE LAUNCH 101</h2>
<div class="technology-box">
<p class="main-para">THE TERMINOLOGY…</p>
<h4 class="crew-name">SPACEPORT<h4>
<p class="main-para">A spaceport or cosmodrome is a site for launching (or receiving) spacecraft, by analogy to the seaport for ships or airport for aircraft. Based in the famous Cape Canaveral, our spaceport is ideally situated to take advantage of the Earth’s rotation for launch.</p>
</div>
<div class="circle-no-box">
<a class="curr" href="technology-spaceport.html"><h1 class="circle-no-no">1</h1></a>
<a class="circle-no" href="technology-vehicle.html"><h1 class="circle-no-no">2</h1></a>
<a class="circle-no" href="technology-capsule.html"><h1 class="circle-no-no">3</h1></a>
</div>
<img class="technology-img" src="assets\technology\image-spaceport-portrait.jpg" alt="crew-img">
</body>
</html>