-
Notifications
You must be signed in to change notification settings - Fork 0
/
packages.html
109 lines (101 loc) · 7.22 KB
/
packages.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
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Packages.</title>
<link rel="stylesheet" href="style.css">
<div class="grain-overlay"></div>
</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>
<h1 class="accent"> Travel Packages</h1>
<h3>Our award winning packages are second to none and provide you with security, comfort, and an intergalactic adventure crazier than The Rolling Stones Tour Bus in the 1970's.</h3>
<p>Please see our selection of travel packages below. If you would like to enquire about any one of our services please reach out via our home page 'contact us' form at the bottom of the page.</p>
</section>
<section>
<h3>Our Nomads</h3>
<p>Join one of our trusted cosmic nomads on a personal trip as they sparodically shuffle around the galaxy:</p>
<div class="carousel">
<div class="slides">
<div class="slide">
<img src="assets/Rupert.webp" alt="Rupert the swinebelly. Previously a full-time marauder, Rupert has left his past behind to pursue a career as a travel guide.">
<p>Rupert the swinebelly. Previously a full-time marauder, Rupert has left his past behind to pursue a career as a travel guide.</p>
</div>
<div class="slide">
<img src="assets/Alien.webp" alt="Xex-k7. Being only 7000 years old means Xex-k7 still has a passion for exploration. He is currently on a gap-century working with our travel team.">
<p>Xex-k7. Being only 7000 years old means Xex-k7 still has a passion for exploration. He is currently on a gap-century working with our travel team.</p>
</div>
<div class="slide">
<img src="assets/Rock.webp" alt="Rock. What you see is what you get.">
<p>Rock. What you see is what you get.</p>
</div>
<div class="slide">
<img src="assets/Roger Moore.webp" alt="Roger Moore. Frequently tours the nebula region, enjoys long walks in the park on days off.">
<p>Roger Moore. Frequently tours the nebula region, enjoys long walks in the park on days off.</p>
</div>
<div class="slide">
<img src="assets/Hector.webp" alt="Hector. Currently dead and awaiting reincarnation, will not be available until next week.">
<p>Hector. Currently dead and awaiting reincarnation, will not be available until next week.</p>
</div>
</div>
<button class="prev">Previous</button>
<button class="next">Next</button>
</div>
</section>
<section>
<h4>Take to the stars with one of our cruise liners where you can meet other morons with a similar appetite for interdimensional travel:</h4>
<div class="carousel">
<div class="slides">
<!-- Images -->
<div class="slide">
<img src="assets/Berther.webp" alt="The Big-Berther 700. With a 24/7 meat buffet, this space cruiser holds 500 human passengers or 27,000 live Lindt Chocolate bunnies depending on which is your preferred measurement.">
<p>The Big-Berther 700. With a 24/7 meat buffet, this space cruiser holds 500 human passengers or 27,000 live Lindt Chocolate bunnies depending on which is your preferred measurement.</p>
</div>
<div class="slide">
<img src="assets/Chimney Pot.webp" alt="Chimney Pot. Whilst the ship's name may be unflattering, I can assure you this is the height of luxerious travelling. No photo available (It's not 'ugly' in the convential sense, would prefer if you didn't judge a book by it's cover).">
<p>Chimney Pot. Whilst the ship's name may be unflattering, I can assure you this is the height of luxerious travelling. No photo available (It's not 'ugly' in the convential sense, would prefer if you didn't judge a book by it's cover).</p>
</div>
<div class="slide">
<img src="assets/cesspit.webp" alt="Cesspit. No dancing around this one, she's a rough cruiser and uninhabitable if you stay on for too long, excellent price however.">
<p>Cesspit. No dancing around this one, she's a rough cruiser and uninhabitable if you stay on for too long, excellent price however.</p>
</div>
</div>
<button class="prev">Previous</button>
<button class="next">Next</button>
</div>
</section>
<section>
<h4>If the above don't float your boat, we do have the c-suite travel packages attached below:</h4>
<p>While costing a pretty penny, these methods of travel are exceptional and at the height of stupidity should you be willing to fork out a small fortune.</p>
<div class="carousel">
<div class="slides">
<!-- Images -->
<div class="slide">
<img src="assets/Pedalo boat.webp" alt="Pedalo. Unconventionally attractive and our most popular form of luxery travel, the pedalo comes fitted with a highly amusing fibreglass swan bodykit and peddles so you may travel at the speed you desire.">
<p>Pedalo. Unconventionally attractive and our most popular form of luxery travel, the pedalo comes fitted with a highly amusing fibreglass swan bodykit and peddles so you may travel at the speed you desire.</p>
</div>
<div class="slide">
<img src="assets/Space pig.webp" alt="Pig. Pig riding has never been so avant-garde, with a potbelly pig between your thighs you can't help but smile as you pull its curly tail and listen to it oink and squeal. Excellent source of protein should you get lost additionally.">
<p>Pig. Pig riding has never been so avant-garde, with a potbelly pig between your thighs you can't help but smile as you pull its curly tail and listen to it oink and squeal. Excellent source of protein should you get lost additionally.</p>
</div>
<div class="slide">
<img src="assets/Shai-Hulud.webp" alt="Wormhole. Chase the stars on a galactic Shai-Hulud, life insurance and a spare pair of underpants recommended.">
<p>Wormhole. Chase the stars on a galactic Shai-Hulud, life insurance and a spare pair of underpants recommended.</p>
</div>
</div>
<button class="prev">Previous</button>
<button class="next">Next</button>
</div>
</section>
<script src="carousel.js"></script>
</body>
</html>