Taxi Booking
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
background: linear-gradient(to right, #f2f6fc, #e9f3f9);
padding: 40px 20px;
}
.booking-container {
max-width: 600px;
background: #ffffff;
margin: auto;
padding: 30px;
border-radius: 16px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
h2 {
text-align: center;
color: #0073aa;
margin-bottom: 25px;
}
label {
font-weight: bold;
margin-top: 15px;
display: block;
color: #444;
}
input, select {
width: 100%;
padding: 12px;
margin-top: 6px;
margin-bottom: 16px;
border-radius: 8px;
border: 1px solid #ccc;
font-size: 16px;
}
button {
width: 100%;
padding: 14px;
background-color: #0073aa;
color: white;
border: none;
border-radius: 10px;
font-size: 18px;
cursor: pointer;
transition: background 0.3s;
}
button:hover {
background-color: #005f8d;
}
Book Your Taxi
function sendToWhatsApp() {
const name = document.getElementById("name").value;
const phone = document.getElementById("phone").value;
const from = document.getElementById("from").value;
const to = document.getElementById("to").value;
const datetime = document.getElementById("datetime").value;
const message = `🚖 New Taxi Booking Request:\n\n` +
`👤 Name: ${name}\n` +
`📱 Phone: ${phone}\n` +
`📍 From: ${from}\n` +
`📍 To: ${to}\n` +
`🕓 Pickup Time: ${datetime}`;
const whatsappNumber = "966581491626"; // your number in international format
const url = `https://wa.me/${whatsappNumber}?text=${encodeURIComponent(message)}`;
window.open(url, '_blank');
}