-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (95 loc) · 4.55 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
91
92
93
94
95
96
97
98
99
100
101
102
<!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">
<link href="landingpage.css" rel="stylesheet">
<title>Sky Lovers</title>
<link rel="icon" href="assets/fotos/icons8-fighter-jet-55.png">
</head>
<body>
<div class="backgroundContainer">
<img id="backgroundimg" src="assets/fotos/runway.jpg">
<audio id="backgroundmusik" class="bgm" src="assets/01 Aviateur.mp3" loop></audio>
</div>
<div class="headerBar">
<div class="headerIcon"><img src="assets/fotos/logo.png" alt="Jet logo" width="100" height="100"></div>
<div class="headerLinks">
<div class="headerlink1">About Us</div>
<div class="headerlink2">Sponsors</div>
<div class="headerlink3">Support Us</div>
</div>
</div>
<div class="layer1">
<div class="layer1Container">
<div class="layer1left">
<div class="layer1leftheading">The Fighter Jet Vision</div>
<div class="layer1lefttext">What was really the vision of the fighter Jet? Speed or Protection? It is really
the hightest tech of mobility which stands it as hightest class. This Website pushes to clarify this human
endeavour.</div>
<div class="layer1leftbutton">
<a class="signup" href="https://www.youtube.com/watch?v=Yafcyea5N6Y" target="_blank">Sign Up</a>
</div>
</div>
<div class="layer1right">
<img src="assets/fotos/jetback.jpg" alt="Jet about to takeoff" width="100%" height="100%">
</div>
</div>
</div>
<div class="layer2">
<div class="layer2content">
<div class="layer2heading">
Developments that enumerate the History.
</div>
<div class="layer2infocontainer">
<div class="infosr-71">
<a href="https://en.wikipedia.org/wiki/Lockheed_SR-71_Blackbird" target="_blank"><button id="btnpic1"><img src="assets/fotos/fightjet1.jpg" alt="Fightjet1" width="200" height="200" /></button></a>
<div class="sr-71">SR-71</div>
</div>
<div class="infocarriers">
<a href="https://en.wikipedia.org/wiki/History_of_the_aircraft_carrier" target="_blank"><button id="btnpic2"><img src="assets/fotos/fightjet2.jpg" alt="Fightjet2" width="200" height="200" /></button></a>
<div class="carriers">Warship Carriers</div>
</div>
<div class="infof-16">
<a href="https://en.wikipedia.org/wiki/General_Dynamics_F-16_Fighting_Falcon" target="_blank"><button id="btnpic3"><img src="assets/fotos/fightjet3.jpg" alt="Fightjet3" width="200" height="200" /></button></a>
<div class="f-16">F-16</div>
</div>
<div class="infof-22">
<a href="https://en.wikipedia.org/wiki/Lockheed_Martin_F-22_Raptor" target="_blank"><button id="btnpic4"><img src="assets/fotos/fightjet4.jpg" alt="Fightjet4" width="200" height="200" /></button></a>
<div class="f-22">F-22</div>
</div>
</div>
</div>
</div>
<div class="layer3">
<div class="quote">
By interviewing at least one veteran, you can preserve memories that otherwise might be lost.
My Uncle was a downed fighter pilot and P.O.W in World War II and i'm looking forward to recording his story
for inclusion in the project.
</div>
<div class="quoter">
- Spencer Bachus
</div>
</div>
<div class="layer4bg">
<div class="layer4content">
<div class="layer4text">
<div class="layer4textheading">
Upgrade your Knowledge! It's time!
</div>
<div class="layer4textsubtext">
Sign up by clicking that button above, or contact us by clicking here! for further queries and
information. We'll be waiting for you on the otherside.
</div>
</div>
<div class="layer4contactbutton">
<a class="contact" href="https://www.youtube.com/watch?v=Bx51eegLTY8" target="_blank">Contact!</a>
</div>
</div>
</div>
<footer>
Copyright © The Odin Project 2023
</footer>
</body>
</html>