-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathorbital_flight.html
109 lines (99 loc) · 5.32 KB
/
orbital_flight.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>Cosmo Cruise | Orbital Flight</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 class="spacejump_container">
<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"><a href="travelplan.html" class="hyperlinkblock text-white">Travel Plan</a></li>
<li class="breadcrumb-item text-white" aria-current="page">Orbital Flight</li>
</ol>
</nav>
<div class="header">
<h1 class="text-center text-white my-5 popping_text">Orbital Flight</h1>
</div>
<div class="row py-4 mx-2 g-4">
<div class="col-md-6">
<h3 class="text-warning">Description</h3>
<p class="text-white">Orbital flight represents a remarkable achievement in space exploration, as it
involves the precise balancing of gravitational forces and velocity to enable an object to
continuously circle a celestial body without falling back to the surface.
</p>
<h3 class="text-warning mt-3">Key Features</h3>
<ol class="text-white">
<li>You can see the magnificent earth from outer space.</li>
<li>You can feel microgravity for a good amount of time.</li>
<li>Orbital tourism provides a once-in-a-lifetime adventure for tourists who dream of experiencing
space travel</li>
</ol>
</div>
<div class="col-md-6 text-white p-4 bg-dark bg-opacity-30 border border-light rounded">
<h3 class="my-3">Choose Duration for your flight</h3>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
30 minute
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
<label class="form-check-label" for="flexRadioDefault2">
1 hour
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
2 hour
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
4 hour
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
8 hour
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
24 hour
</label>
</div>
</div>
<div class="d-grid gap-2 col-md-2 mx-auto my-5">
<button class="btn btn-light" type="button" onclick="goto_booking()">Book Now</button>
</div>
</div>
</div>
</body>
<script>
function goto_booking() {
window.location.href = "space_jump_booking.html";
}
</script>
</html>