-
Notifications
You must be signed in to change notification settings - Fork 0
/
travelplan.html
103 lines (99 loc) · 5.24 KB
/
travelplan.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cosmo Cruise | Travel Plan</title>
<!-- bootstrap 5 cdn -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- icon pack -->
<!-- Option 1: Include in HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="css/index.css">
<!-- font -->
<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=Lekton&family=MedievalSharp&family=Poppins&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");"
aria-label="breadcrumb">
<ol class="breadcrumb mt-5">
<li class="breadcrumb-item"><a href="index.html" class="hyperlinkblock text-white">Home</a></li>
<li class="breadcrumb-item text-white" aria-current="page">Travel Plan</li>
</ol>
</nav>
<div class="header">
<h1 class="text-center text-white my-5 popping_text">Travel Plan</h1>
</div>
<div class="plan_section d-flex flex-column justify-content-center align-items-center">
<div class="card mb-3 bg-dark mb-5" style="max-width: 640px;">
<div class="row g-0">
<div class="col-md-4">
<img src="img/space_jump_square.jpg" class="img-fluid rounded h-100" alt="...">
</div>
<div class="col-md-8">
<div class="card-body h-100 text-white">
<h5 class="card-title custom_card_text">SPACE JUMP</h5>
<p class="card-text">Flying to any part of the world within an hour. Making the whole world
more closer. With the help of Orbital rockets you can now move to any part of the world
in minutes.</p>
<button class="btn btn-primary" onclick="goto_spacejump(1)">BOOK TICKETS</button>
</div>
</div>
</div>
</div>
<div class="card h-100 mb-3 bg-dark mb-5" style="max-width: 640px;">
<div class="row g-0">
<div class="col-md-4">
<img src="img/orbital_space_tour.jpg" class="img-fluid rounded h-100" alt="...">
</div>
<div class="col-md-8 align-bottom">
<div class="card-body text-white">
<h5 class="card-title custom_card_text">ORBITAL FLIGHT</h5>
<p class="card-text">Orbital flight tourism is a rapidly emerging industry that allows
individuals to experience space travel by boarding spacecraft designed for
brief
journeys into Earth's orbit.</p>
<button class="btn btn-pur-primary" onclick="goto_spacejump(2)">BOOK TICKETS</button>
</div>
</div>
</div>
</div>
<div class="card mb-3 h-100 bg-dark mb-5" style="max-width: 640px;">
<div class="row g-0">
<div class="col-md-4">
<img src="img/planet_travel.png" class="img-fluid rounded h-100" alt="...">
</div>
<div class="col-md-8">
<div class="card-body h-100 text-white">
<h5 class="card-title custom_card_text" style="color: #B27141;">PLANETARY TRAVEL</h5>
<p class="card-text">Visiting other planets or celestial bodies in our solar system. From
Mars to Uranus , To different asteroids. The thrilling planetary adventure is waiting
for you.</p>
<button class="btn btn-org-primary" onclick="goto_spacejump(3)">BOOK TICKETS</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
function goto_spacejump(id){
if (id == 1){
window.location.href = "spacejump.html";
}
else if (id == 2){
window.location.href = "orbital_flight.html";
}
else if (id == 3){
window.location.href = "planetary_travel.html";
}
}
</script>
</html>