{"id":579,"date":"2026-08-06T06:06:08","date_gmt":"2026-08-06T06:06:08","guid":{"rendered":"https:\/\/training25.persistenttechnology.in\/?page_id=579"},"modified":"2026-08-08T06:52:23","modified_gmt":"2026-08-08T06:52:23","slug":"quick-booking-form","status":"publish","type":"page","link":"https:\/\/training25.persistenttechnology.in\/?page_id=579","title":{"rendered":"Quick Booking form"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Quick Car Booking Form<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #f4f6f9;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 20px;\r\n }\r\n\r\n .booking-card {\r\n background: #ffffff;\r\n max-width: 600px;\r\n width: 100%;\r\n padding: 30px;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .booking-card h2 {\r\n color: #1a1a1a;\r\n margin-bottom: 8px;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .booking-card p {\r\n color: #666;\r\n font-size: 0.9rem;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .form-group.full-width {\r\n grid-column: span 2;\r\n }\r\n\r\n .form-group label {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .form-group input,\r\n .form-group select {\r\n padding: 10px 12px;\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n font-size: 0.95rem;\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus {\r\n outline: none;\r\n border-color: #0066cc;\r\n }\r\n\r\n .submit-btn {\r\n grid-column: span 2;\r\n background-color: #0066cc;\r\n color: white;\r\n border: none;\r\n padding: 12px;\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n margin-top: 8px;\r\n transition: background-color 0.2s;\r\n }\r\n\r\n .submit-btn:hover {\r\n background-color: #004fb3;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .form-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .form-group.full-width,\r\n .submit-btn {\r\n grid-column: span 1;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"booking-card\">\r\n <h2>Book Your Ride<\/h2>\r\n <p>Fill out the form below to reserve your car in seconds.<\/p>\r\n\r\n <form action=\"#\" method=\"POST\">\r\n <div class=\"form-grid\">\r\n \r\n <!-- Pickup Location -->\r\n <div class=\"form-group\">\r\n <label for=\"pickup\">Pickup Location<\/label>\r\n <input type=\"text\" id=\"pickup\" name=\"pickup_location\" placeholder=\"City or Airport\" required>\r\n <\/div>\r\n\r\n <!-- Drop-off Location -->\r\n <div class=\"form-group\">\r\n <label for=\"dropoff\">Drop-off Location<\/label>\r\n <input type=\"text\" id=\"dropoff\" name=\"dropoff_location\" placeholder=\"City or Airport\" required>\r\n <\/div>\r\n\r\n <!-- Pickup Date & Time -->\r\n <div class=\"form-group\">\r\n <label for=\"pickup-date\">Pickup Date & Time<\/label>\r\n <input type=\"datetime-local\" id=\"pickup-date\" name=\"pickup_datetime\" required>\r\n <\/div>\r\n\r\n <!-- Return Date & Time -->\r\n <div class=\"form-group\">\r\n <label for=\"return-date\">Return Date & Time<\/label>\r\n <input type=\"datetime-local\" id=\"return-date\" name=\"return_datetime\" required>\r\n <\/div>\r\n\r\n <!-- Car Type Selection -->\r\n <div class=\"form-group full-width\">\r\n <label for=\"car-type\">Car Category<\/label>\r\n <select id=\"car-type\" name=\"car_type\" required>\r\n <option value=\"\" disabled selected>Select a vehicle type<\/option>\r\n <option value=\"sedan\">Economy \/ Sedan<\/option>\r\n <option value=\"suv\">SUV \/ Crossover<\/option>\r\n <option value=\"luxury\">Luxury \/ Premium<\/option>\r\n <option value=\"van\">Passenger Van<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <!-- Customer Contact Details -->\r\n <div class=\"form-group\">\r\n <label for=\"full-name\">Full Name<\/label>\r\n <input type=\"text\" id=\"full-name\" name=\"full_name\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone_number\" placeholder=\"+1 234 567 8900\" required>\r\n <\/div>\r\n\r\n <!-- Submit Button -->\r\n <button type=\"submit\" class=\"submit-btn\">Reserve Car Now<\/button>\r\n\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quick Car Booking Form Book Your Ride Fill out the form below to reserve your car in seconds. Pickup Location … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-579","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=579"}],"version-history":[{"count":4,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/579\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/579\/revisions\/674"}],"wp:attachment":[{"href":"https:\/\/training25.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}