-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwel.html
171 lines (152 loc) · 6.82 KB
/
wel.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
<html>
<title>ARS Tourism</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
body {font-family: "Times New Roman", Georgia, Serif;}
h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display";
letter-spacing: 5px;
}
</style>
<body>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar w3-white w3-padding w3-card" style="letter-spacing:4px;">
<a href="C:/Users/Rashmi/Desktop/sem8/hmi6/trip.html" class="w3-bar-item w3-button">ARS TOURISM</a>
<!-- Right-sided navbar links. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="#menu" class="w3-bar-item w3-button">Places to Visit</a>
<a href="#contact" class="w3-bar-item w3-button">Contact</a>
</div>
</div>
</div>
<!-- Header -->
<header class="w3-display-container w3-content w3-wide" style="max-width:1600px;min-width:500px" id="home">
<img class="image" src="1.jpg" width="1600" height="800">
<div class="w3-display-bottomleft w3-padding-large w3-opacity">
<h1 class="w3-xxlarge">Le Visiting</h1>
</div>
</header>
<!-- Page content -->
<div class="w3-content" style="max-width:1100px">
<!-- About Section -->
<div class="w3-row w3-padding-64" id="about">
<div class="w3-col m6 w3-padding-large w3-hide-small">
<img src="3.jpg" class="w3-round w3-image w3-opacity-min" alt="Table Setting" width="600" height="750">
</div>
<div class="w3-col m6 w3-padding-large">
<h1 class="w3-center">About Us</h1><br>
<h5 class="w3-center">Tradition since 2019</h5>
<p class="w3-large">ARS Tourism Limited is an Indian online travel company founded in 2019. Headquartered in Mumbai </p>
<p class="w3-large w3-text-grey w3-hide-medium">the company provides online travel services including flight tickets, international holiday packages, hotel reservations, and rail and bus tickets</p>
</div>
</div>
<hr>
<!-- Menu Section -->
<div class="w3-row w3-padding-64" id="menu">
<div class="w3-col l6 w3-padding-large">
<h1 class="w3-center">Why ARS Tourism? </h1><br>
<h4>Expert Team</h4>
<p class="w3-text-grey">1000+ Team Members and Tour Managers at your service</p><br>
<h4>Fine Crafted Tours</h4>
<p class="w3-text-grey">Expertly planned and designed tours of India for your groups, individuals & MICE</p><br>
<h4>Convenience of Payment</h4>
<p class="w3-text-grey">Facility to pay by International Credit Card Online</p><br>
<h4>Happy Guests Worldwide</h4>
<p class="w3-text-grey">4,00,000+ Guests in just 6 years around the world</p>
</div>
<div class="w3-col l6 w3-padding-large">
<img src="2.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%">
</div>
</div>
<hr>
<!-- Contact Section -->
<div class="w3-container w3-padding-64" id="contact">
<h1>Contact</h1><br>
<p> Do not hesitate to contact us.</p>
<p class="w3-text-blue-grey w3-large"><b>5/6 , Shantinath Apartment, Nr. Shimpoli Signal & McDonalds, S V Road, Borivali (W) Mumbai, Maharashtra 400092</b></p>
<p>You can also contact us by phone 00553123-2323 or email [email protected], or you can send us a message here:</p>
<div>
<p><input class="w3-input w3-padding-16" type="text" placeholder="Name" id="name"required name="Name"></p>
<p><input class="w3-input w3-padding-16" type="text" placeholder="Email" id="email"required name="email"></p>
<p><input class="w3-input w3-padding-16" type="number" placeholder="How many people" id="qunt"required name="People"></p>
<p><input class="w3-input w3-padding-16" type="datetime-local" placeholder="Date and time" id="dt"required name="date" value="2017-11-16T20:00"></p>
<p><input class="w3-input w3-padding-16" type="text" placeholder="Message \ Special requirements" id="req" required name="Message"></p>
<p><button class="w3-button w3-light-grey w3-section" type="submit" onclick="sendtoserver()">SEND MESSAGE</button></p>
</div>
</div>
<!-- End page content -->
</div>
<!-- Footer -->
<footer class="w3-center w3-light-grey w3-padding-32">
<p>Powered by ShAiRa Tours</a></p>
</footer>
<script>
function sendtoserver(){
var name=document.getElementById("name").value
var email=document.getElementById("email").value
var qunt=document.getElementById("qunt").value
var dt=document.getElementById("dt").value
var req=document.getElementById("req").value
obj={}
obj["name"]=name
obj["email"]=email
obj["persons"]=qunt
obj["dateandtime"]=dt
obj["special"]=req
console.log(obj)
}
</script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-firestore.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- Include the Material Ui theme -->
<link rel="stylesheet" href="@sweetalert2/theme-material-ui/material-ui.css">
<script src="sweetalert2/dist/sweetalert2.min.js"></script>
<script>
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
var firebaseConfig = {
apiKey: "AIzaSyC16K1nyQPHugrWReaVWIiResiudppxURY",
authDomain: "travelproject-53db3.firebaseapp.com",
projectId: "travelproject-53db3",
storageBucket: "travelproject-53db3.appspot.com",
messagingSenderId: "336042767574",
appId: "1:336042767574:web:c0db91340d348d552d0577",
measurementId: "G-GL1241TCY7"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
var db = firebase.firestore();
</script>
<script>
function sendtoserver(){
var name=document.getElementById("name").value
var email=document.getElementById("email").value
var qunt=document.getElementById("qunt").value
var dt=document.getElementById("dt").value
var req=document.getElementById("req").value
obj={}
obj["name"]=name
obj["email"]=email
obj["persons"]=qunt
obj["dateandtime"]=dt
obj["special"]=req
db.collection("users").doc().set(obj).then((docRef) => {
Swal.fire('we will contact you shortly!!!!','success')
})
.catch((error) => {
console.error("Error adding document: ", error);
});
}
</script>
</body>
</html>