-
Notifications
You must be signed in to change notification settings - Fork 0
/
spacejump.html
91 lines (82 loc) · 4 KB
/
spacejump.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cosmo Cruise | Space Jump</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">Space Jump</li>
</ol>
</nav>
<div class="header">
<h1 class="text-center text-white my-5 popping_text">Space Jump</h1>
</div>
<div class="row py-4 mx-2">
<div class="col-md-6">
<h3 class="text-warning">Description</h3>
<p class="text-white">Move from one part of the world to another in minutes with the help of high speed rockets that
reaches the outer surface than falls back to the earth to your destination ensuring quick travel.
</p>
</div>
<div class="col-md-6 text-white p-4 bg-info bg-opacity-10 border border-info rounded">
<div class="gx-5 border-bottom mb-2 d-flex justify-content-between px-2">
<div>
<p class="text">From</p>
<p><b>DHK</b><br>Dhaka</p>
</div>
<div class="text-end">
<p class="text">To</p>
<p><b>HNK</b><br>TOKYO</p>
</div>
</div>
<div class="gx-5 border-bottom mb-2 py-2 d-flex justify-content-between px-2">
<div>
<p>Travel date<br><b>4 Oct,2025</b></p>
</div>
<div class="text-end">
<p>Estimated Journey<br><b>28 Minutes</b></p>
</div>
</div>
<div class="gx-5 d-flex justify-content-between px-2">
<div>
<p>Traveller<br><b>1 Adult</b></p>
</div>
<div class="text-end">
<p>CLASS<br><b>Economy</b></p>
</div>
</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>
</div>
</div>
</body>
<script>
function goto_booking(){
window.location.href = "space_jump_booking.html";
}
</script>
</html>