-
Notifications
You must be signed in to change notification settings - Fork 0
/
iternary_generator.html
150 lines (135 loc) · 7.28 KB
/
iternary_generator.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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cosmo Cruise | Traveller Details</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 pb-5">
<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>
<li class="breadcrumb-item text-white" aria-current="page">Planetary Travel</li>
<li class="breadcrumb-item text-white" aria-current="page">Traveller Details</li>
</ol>
</nav>
<div class="header">
<h1 class="text-center text-white my-5 popping_text">ITENARY GENERATOR</h1>
</div>
<div class="row g-4 mx-1" data-bs-theme="dark">
<div class="col-md-12 rounded border p-4 bg-dark opacity-80">
<p class="text-white">YOUR PRIMARY INTERESTS FOR THIS TRIP</p>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Scientific Exploration
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Adventure & Thrill Seeking
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
<label class="form-check-label" for="flexRadioDefault1">
Relaxation
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Educational Purpose
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Others
</label>
</div>
</div>
<div class="col-md-12 rounded border p-4 bg-dark opacity-80">
<p class="text-white">COMFORT PREFERENCE</p>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="comfort" id="flexRadioDefault1" checked>
<label class="form-check-label" for="flexRadioDefault1">
Minimal Stress
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="comfort" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Medium Stress
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="comfort" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Challenging
</label>
</div>
</div>
<div class="col-md-12 rounded border p-4 bg-dark opacity-80">
<p class="text-white">ACCOMODATION</p>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="ACCOMODATION" id="flexRadioDefault1" checked>
<label class="form-check-label" for="ACCOMODATION">
Luxurious
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="ACCOMODATION" id="flexRadioDefault1">
<label class="form-check-label" for="ACCOMODATION">
Standard
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="ACCOMODATION" id="flexRadioDefault1">
<label class="form-check-label" for="ACCOMODATION">
Relaxation
</label>
</div>
<div class="form-check text-white">
<input class="form-check-input" type="radio" name="ACCOMODATION" id="flexRadioDefault1">
<label class="form-check-label" for="ACCOMODATION">
Minimal
</label>
</div>
</div>
<div class="col-md-12 rounded border p-4 bg-dark opacity-80">
<p class="text-white">Travel Date</p>
<p class="text-white" id="todayDate">8th Oct,2025</p>
</div>
</div>
<div class="d-grid gap-2 col-3 mx-auto my-5">
<button class="btn btn-light" type="button" onclick="goto_booking()">Continue</button>
</div>
<script>
const date = new Date();
var datetext = document.getElementById('todayDate');
datetext.innerHTML = date.toString();
// console.log(date); // Fri Jun 17 2022 11:27:28 GMT+0100 (British Summer Time)
function goto_booking() {
window.location.href = "ticket_confirm.html";
}
</script>
</body>
</html>