-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (88 loc) · 4.35 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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Intergalactic Travel Agency</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class='buttonsDiv'>
<a class="nav-link" href="index.html">Welcome</a>
<a class="nav-link" href="reviews.html">Reviews</a>
<a class="nav-link" href="packages.html">Packages</a>
<a class="nav-link" href="travelEquipment.html">Equipment</a>
</nav>
</header>
<section class="hero">
<p>The sky might be your limit,</p>
<p>but we can take you to <span id="mars">Mars.</span></p>
</section>
<main>
<section>
<h1 class="accent">Welcome to the Intergalactic Travel Agency.</h1>
<p>So you think you have what it takes. You've finished your BTEC in UFO engineering, your mum's packed you
sandwiches (just how you like them, in triangles with the crust's off), and now you think you're ready to
experience the 0 gravity lifestyle.</p>
<p>
But what your delightful sandwich-making mother didn't bring to the table was a jar of marmite; not only the
crucial last step in making your sandwhich delightful, but also central in keeping your galatactic TomTom running
smoothly.
</p>
<p class="italic">Thanks Mum, instead of heading to Mars I'm barrelling towards the Sun at lightspeed.</p>
</section>
<section>
<h3>This is where we come in.</h3>
<p>Long gone are the days where you could simply pick up your edition of 'Hitchhiker's Guide to the Galaxy' and set
about on your merry way.
</p>
<p>
Oh no, the universe has changed since then; long gone are the days of typewriters, printers, IOS, and
Doo-Hickey450's - Welcome to the 32nd century grandpa.
If you wanna give this a shot and keep all your cyber-limbs in one piece, your going to want to speak to us.
</p>
</section>
<section>
<p>Please cycle through the above links to find the ideal hitchhiking package for you, or don't if you can't be
bothered, we get it, it's been a long day.</p>
<p>If you would like to give us all your money or just the amount that is quoted under each package please click
<a href="https://www.boredpanda.com/angry-kittens/">here</a> to pay for your purchases.</p>
<p>If that is the case, please submit your contact details below with any queries or questions you have or reach
out to us on our satelite code: <code>vs468 696y 236rt</code> to speak to one of our friendly members of staff.</p>
<form id="textForm" onsubmit="submitForm(event)">
<h3>Contact Us</h3>
<fieldset>
<legend>What is your reason for contacting?</legend>
<input id="yes" type="checkbox" name="contacting" value="yes" checked>
<label for="yes">I would like to purchase a package</label><br>
<input id="unsure" type="checkbox" name="contacting" value="unsure">
<label for="unsure">Please can I speak to a manager <small>(Idiot, you're already speaking to them, I am the manager.
What, you've never heard of a Staionary Cyborg Supervisor(SCS) before)</small></label><br>
<input id="no" type="checkbox" name="interview?" value="no">
<label for="no">I want to write a complaint*</label>
</fieldset>
<label for="name" class="flex-col">Full Name:
<input id="name" type="text" name="name">
</label>
<label for="mail" class="flex-col">Universal Mail:
<input id="mail" name="mail" type="text">
</label>
<label for="reason" class="flex-col">Please give a detailed response regarding your reason for contact:
<textarea id="reason" name="reason" rows="4"></textarea>
</label>
<input class="btn" type="submit" value="Submit">
<small>*If you do decide to write a complaint, our ex-marauding colleague Rupert the Swinebelly will give you a swift
death.</small>
</form>
</section>
</main>
<footer>
<small>
Copyright - Please click <a href="https://www.boredpanda.com/angry-kittens/">here</a> to see the detailed and
important rights of the Intergalactic Travel Agencies intellectual property.
</small>
</footer>
<script src="script.js"></script>
</body>
</html>