Course Booking Form<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f9;\n margin: 0;\n padding: 0;\n }\n\n .booking-form-container {\n max-width: 400px;\n margin: 50px auto;\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n\n h2 {\n text-align: center;\n color: #333;\n }\n\n form {\n display: flex;\n flex-direction: column;\n }\n\n label {\n margin-top: 10px;\n color: #555;\n }\n\n input, select {\n padding: 10px;\n margin-top: 5px;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n\n button {\n margin-top: 20px;\n padding: 10px;\n background-color: #28a745;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n }\n\n button:hover {\n background-color: #218838;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"booking-form-container\">\n <h2>Book Your Course Class<\/h2>\n <form id=\"booking-form\">\n <label for=\"name\">Name:<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Your Name\">\n\n <label for=\"email\">Email:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"Your Email\">\n\n <label for=\"phone\">Phone Number:<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"Your Phone Number\">\n\n <label for=\"course\">Select Course:<\/label>\n <select id=\"course\" name=\"course\" required>\n <option value=\"\" disabled selected>Select a Course<\/option>\n <option value=\"Web Development\">Web Development<\/option>\n <option value=\"Graphic Design\">Graphic Design<\/option>\n <option value=\"Digital Marketing\">Digital Marketing<\/option>\n <\/select>\n\n <button type=\"submit\">Send Booking<\/button>\n <\/form>\n <\/div>\n\n <script>\n document.getElementById('booking-form').addEventListener('submit', function (e) {\n e.preventDefault();\n\n \/\/ Ambil nilai input dari form\n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const phone = document.getElementById('phone').value;\n const course = document.getElementById('course').value;\n\n \/\/ Format pesan WhatsApp\n const message = Hello! I would like to book a course class:%0A%0A- Name: ${name}%0A- Email: ${email}%0A- Phone: ${phone}%0A- Course: ${course};\n\n \/\/ Nomor WhatsApp tujuan (pastikan format internasional)\n const phoneNumber = '6285234041417';\n\n \/\/ Redirect ke WhatsApp\n const whatsappURL = https:\/\/api.whatsapp.com\/send?phone=${phoneNumber}&text=${message};\n window.open(whatsappURL, '_blank');\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><br><br><br><br><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 OOPS !!! ( STILL IN THE MAINTENANCE ) – USE THE 2 ND OPTION \u00a0 Course Booking Form Book Your Course Class Name: Email: Phone Number: Select Course: Select a CourseWeb DevelopmentGraphic DesignDigital Marketing Send Booking<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4504","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages\/4504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4504"}],"version-history":[{"count":14,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages\/4504\/revisions"}],"predecessor-version":[{"id":4540,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages\/4504\/revisions\/4540"}],"wp:attachment":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\u00a0<\/div>\n\n\n\n

OOPS !!! ( STILL IN THE MAINTENANCE ) – USE THE 2 ND OPTION<\/span><\/h4>\n<\/div>\n
\n
\u00a0<\/h4>\n<\/div>\n<\/div>\n\n\n\n\n\n\n \n \n Course Booking Form<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #f4f4f9;\n margin: 0;\n padding: 0;\n }\n\n .booking-form-container {\n max-width: 400px;\n margin: 50px auto;\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n\n h2 {\n text-align: center;\n color: #333;\n }\n\n form {\n display: flex;\n flex-direction: column;\n }\n\n label {\n margin-top: 10px;\n color: #555;\n }\n\n input, select {\n padding: 10px;\n margin-top: 5px;\n border: 1px solid #ccc;\n border-radius: 5px;\n }\n\n button {\n margin-top: 20px;\n padding: 10px;\n background-color: #28a745;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n }\n\n button:hover {\n background-color: #218838;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"booking-form-container\">\n <h2>Book Your Course Class<\/h2>\n <form id=\"booking-form\">\n <label for=\"name\">Name:<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Your Name\">\n\n <label for=\"email\">Email:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"Your Email\">\n\n <label for=\"phone\">Phone Number:<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"Your Phone Number\">\n\n <label for=\"course\">Select Course:<\/label>\n <select id=\"course\" name=\"course\" required>\n <option value=\"\" disabled selected>Select a Course<\/option>\n <option value=\"Web Development\">Web Development<\/option>\n <option value=\"Graphic Design\">Graphic Design<\/option>\n <option value=\"Digital Marketing\">Digital Marketing<\/option>\n <\/select>\n\n <button type=\"submit\">Send Booking<\/button>\n <\/form>\n <\/div>\n\n <script>\n document.getElementById('booking-form').addEventListener('submit', function (e) {\n e.preventDefault();\n\n \/\/ Ambil nilai input dari form\n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const phone = document.getElementById('phone').value;\n const course = document.getElementById('course').value;\n\n \/\/ Format pesan WhatsApp\n const message = Hello! I would like to book a course class:%0A%0A- Name: ${name}%0A- Email: ${email}%0A- Phone: ${phone}%0A- Course: ${course};\n\n \/\/ Nomor WhatsApp tujuan (pastikan format internasional)\n const phoneNumber = '6285234041417';\n\n \/\/ Redirect ke WhatsApp\n const whatsappURL = https:\/\/api.whatsapp.com\/send?phone=${phoneNumber}&text=${message};\n window.open(whatsappURL, '_blank');\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><br><br><br><br><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 OOPS !!! ( STILL IN THE MAINTENANCE ) – USE THE 2 ND OPTION \u00a0 Course Booking Form Book Your Course Class Name: Email: Phone Number: Select Course: Select a CourseWeb DevelopmentGraphic DesignDigital Marketing Send Booking<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4504","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages\/4504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4504"}],"version-history":[{"count":14,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages\/4504\/revisions"}],"predecessor-version":[{"id":4540,"href":"https:\/\/bromotoefl.com\/index.php?rest_route=\/wp\/v2\/pages\/4504\/revisions\/4540"}],"wp:attachment":[{"href":"https:\/\/bromotoefl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}