-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathItaly.html
188 lines (147 loc) · 6.13 KB
/
Italy.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Italy</title>
<link rel="stylesheet" href="css/style.css">
</head>
<style>
.slide{
display: none;
}
</style>
<div class="header-div">
<header class="header">
<a href="index.html">Jet Set Journey</a>
<a href="index.html"><img src="img/logo.jpg" ></a><hr style="width:80%">
</header>
<center><nav class="menu">
<a href="index.html">HOME</a>
<a href="lgin.html">LOG IN</a>
<a href="destinations.html">DESTINATIONS</a>
<a href="traveltips.html">TRAVEL TIPS</a>
<a href="contact.html">CONTACT</a>
</nav></center>
</div>
<body>
<div class="travel1-container">
<div class="booking">
<h2>Meticulous Italy - Soulmate Special</h2>
<div class="images">
<img src="img/Italy1.jpg" alt="" class="slide">
<img src="img/Italy2.jpg" alt="" class="slide">
<img src="img/Italy3.jpg" alt="" class="slide">
<img src="img/Italy4.jpg" alt="" class="slide">
<img src="img/Italy5.jpg" alt="" class="slide">
</div>
<script>
var image = 0;
function change(){
var i;
var holder = document.getElementsByClassName("slide");
for(i = 0; i < holder.length; i++)
{
holder[i].style.display = "none";
}
image++;
if(image > holder.length)
{
image = 1;
}
holder[image-1].style.display = "block";
setTimeout(change,3000);
}
window.onload=change;
</script>
</div>
<h2>Travel and Accomodation</h2>
<p><b>Day 1:</b> Arrival in Rome - Fiumicino Apt via flight
|Check-in to Hotel in Rome</p><hr>
<p><b>Day 2:</b> Breakfast at Hotel in Rome
|City Sightseeing Rome Hop-on Hop-off
</p><hr>
<p><b>Day 3:</b> Breakfast at Hotel in Rome</p><hr>
<p><b>Day 4:</b> Breakfast at Hotel in Rome
|Checkout from Hotel in Rome
|Check-in to Hotel in Florence
</p><hr>
<p><b>Day 5:</b> Breakfast at Hotel in Florence</p><hr>
<p><b>Day 6:</b> Breakfast at Hotel in Florence |Checkout from Hotel in Florence |Check-in to Hotel in Venice</p><hr>
<p><b>Day 7:</b> Breakfast at Hotel in Venice |Departure from Venice via flight</p><hr>
<!-- <div class="form">
<form action="Payment.html" name="Italy" onsubmit="validate();" method="post">
<label for="Name">Name</label><br>
<input id=name type="text" name=name ><br>
<label for="Email">Email</label><br>
<input id=email type="email" name=email><br>
<label for="Mobile No" >Mobile No</label><br>
<input id=mobile type=tel name=mobile pattern="[+]{1}[0-9]{2}[0-9]{10}" ><br>
<label for="No.of Adults" >No.of Adults</label>
<input type="text" id=adults name="adults" min=1 oninput="totalPrice()">
<label for="No.of Children" >No.of Children</label>
<input type="text" id=child name="child" min=0 oninput="totalPrice()">
<label for="Date of Journey" >Date of Journey</label>
<input type="date" id="date" name="date">
<label for="Total Price" >Total Price</label>
<input id=price name=price type="text" readonly>₹<br><br>
<input id="check" type="checkbox" style="height:10px width:10px" name="check" >I accept to the terms and conditions<br><br>
<button type="submit" >Confirm</button>
</form> </div><br>
<hr>
</div>
<script>
function totalPrice()
{
var val1 = document.getElementById('adults').value;
var val2 = document.getElementById('child').value;
var total = val1 * 72648 + val2 * (72648/2);
var h = document.getElementById('price');
h.value = total;
}
function validate()
{
var name = document.getElementById('name').value;
var email = document.getElementById('email').value;
var mobile = document.getElementById('mobile').value;
var adults = document.getElementById('adults').value;
var child = document.getElementById('child').value;
var check = document.getElementById('check');
if(name == "")
{
alert('Please fill in your name!');
return false;
}else
if(email == "")
{
alert('Please enter a valid mail id!');
return false;
}else
if(mobile == "" || mobile.length < 10 )
{
alert('Please enter a valid number!');
return false;
}else
if(adults == "" )
{
alert('This field cannot be empty!');
return false;
}else
if(adults > 10)
{
alert('The number exceeds the maximum allowed!')
return false;
}else
if( !check.checked )
{
alert('Please agree to our terms and conditons');
return false;
}
else
{
alert('Thank you !Please complete the payment to confirm your booking' );
window.location.reload();
}
}
</script> -->
</body>
</html>