{"id":27,"date":"2025-01-05T16:25:58","date_gmt":"2025-01-05T16:25:58","guid":{"rendered":"https:\/\/chloechen.vocably.eu\/lrnchns\/%e5%9b%be%e4%b9%a6%e8%af%be%e7%a8%8b-book-class\/"},"modified":"2025-01-05T22:15:34","modified_gmt":"2025-01-05T22:15:34","slug":"book-class","status":"publish","type":"page","link":"https:\/\/chloechen.vocably.eu\/lrnchns\/book-class\/","title":{"rendered":"Book Class"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47584378 e-flex e-con-boxed e-con e-parent\" data-id=\"47584378\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9280f9a elementor-widget elementor-widget-shortcode\" data-id=\"9280f9a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"main-block-w\">\r\n    <div class=\"appointment-box-wbk\">\r\n                    <div class=\"appointment-status-wrapper-w\">\r\n                <ul class=\"appointment-status-list-w\">\r\n                <\/ul>\r\n                <div class=\"circle-chart-wbk\" data-circle-color=\"#A6874F\" data-percent=\"25\"><span class=\"circle-chart-text-wbk\"><\/span><\/div>\r\n\r\n                <div class=\"appointment-status-text-mobile-wbk\">\r\n                    <p class=\"current-step-wbk\"><\/p>\r\n                    <p class=\"next-step-wbk\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n                <div class=\"appointment-content-wbk\">\r\n                            <form>\r\n                    <div class=\"appointment-content-scroll-wbk\" data-scrollbar=\"true\" tabindex=\"-1\"\r\n                        style=\"overflow: hidden; outline: none;\">\r\n                                                    <div class=\" appointment-content-screen-w appointment-content-screen-active-w \"  data-slug=\"date_time\" data-title=\"Date and time\" data-request=\"wbk_prepare_service_data\">\r\n                                        <select data-pricing-rules=\"[]\"\r\n            class=\"wbk-select wbk-input wbk_services wbk_services_hidden wbk_hidden\" name=\"service\">\r\n                                                            <option value=\"2\"\r\n                                    data-payable=\"false\"\r\n                                    data-multi-low-limit=\"\"\r\n                                    data-multi-limit=\"\"\r\n                                    data-consecutive=\"\">\r\n                                    Regular Classes in English or Chinese (50 mins)                                <\/option>\r\n                                            <\/select>\r\n\r\n            \r\n<div class=\"field-row-w wbk_date_picked_row  wbk_hidden  \">\r\n    <label>Book an appointment on<\/label>\r\n    <div class=\"styled-as-select-w\">\r\n        <input type=\"text\" class=\"input-text-w wbk_date wbk-input\" name=\"date_formated\"\r\n            placeholder=\"date\">\r\n    <\/div>\r\n    <\/div>\r\n<label class=\"checkbox-row-w one-row-w mb-30-w mt-30-w wbk_hidden wbk_local_time_switcher wbl_local_time_switcher\">\r\n    <span class=\"checkbox-custom-w\">\r\n        <input type=\"checkbox\" class=\"wbk_local_time_checkbox\" value=\"true\" name=\"local_time_switcher\">\r\n        <span class=\"checkmark-w\"><\/span>\r\n    <\/span>\r\n    <span class=\"checkbox-text-w\">\r\n        <span\r\n            class=\"checkbox-title-w\">Your local time<\/span>\r\n    <\/span>\r\n<\/label>\r\n\r\n<div class=\"wbk_limit_info\">\r\n\r\n<\/div>\r\n<ul class=\"details-list-w\">\r\n<\/ul>\r\n<select multiple class=\"wbk-input wbk_times wbk_hidden\" data-validation=\"must_have_items\"\r\n    data-validationmsg=\"Please, select timeslot(s)\"\r\n    style=\"display:block\" name=\"time\">\r\n<\/select>\r\n\r\n<select multiple class=\"wbk-input wbk_services_final wbk_hidden\" data-validation=\"must_have_items\"\r\n    data-validationmsg=\"Please, select timeslot(s)\"\r\n    style=\"display:block\" name=\"services[]\">\r\n<\/select>                            <\/div>\r\n                                                        <div class=\" appointment-content-screen-w\"  data-slug=\"form\" data-title=\"Details\" data-request=\"wbk_render_booking_form\">\r\n                                                            <\/div>\r\n                                                        <div class=\" appointment-content-screen-w\"  data-slug=\"final_screen\" data-title=\"\" data-request=\"wbk_book\">\r\n                                                            <\/div>\r\n                            \r\n                        <div class=\"scrollbar-track scrollbar-track-x show\" style=\"display: none;\">\r\n                            <div class=\"scrollbar-thumb scrollbar-thumb-x\"\r\n                                style=\"width: 480px; transform: translate3d(0px, 0px, 0px);\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"scrollbar-track scrollbar-track-y show\" style=\"display: none;\">\r\n                            <div class=\"scrollbar-thumb scrollbar-thumb-y\"\r\n                                style=\"height: 500px; transform: translate3d(0px, 0px, 0px);\"><\/div>\r\n                        <\/div>\r\n                    <\/div><!-- \/.appointent-content-scroll-w -->\r\n\r\n                    <div class=\"button-block-wbk two-buttons-wbk\">\r\n                        <button type=\"button\" class=\"button-wbk button-prev-wbk\">Back<\/button>\r\n                        <button type=\"button\" class=\"button-wbk button-next-wbk\">Next<span class=\"btn-ring-wbk\"><\/span><\/button>\r\n                    <\/div><!-- \/.button-block-wbk -->\r\n                    <div class=\"form-error-w\" style=\"display: none;\">\r\n                        <img decoding=\"async\" class=\"warning-img-w\" src=\"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-content\/plugins\/webba-booking-lite\/public\/images\/error-icon.png\" alt=\"error\">\r\n                        <span class=\"form-error-message-w\"><\/span>\r\n                    <\/div>\r\n                <\/form>\r\n                    <\/div><!-- \/.appointment-content-wbk -->\r\n\r\n    <\/div>\r\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":5,"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":235,"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/pages\/27\/revisions\/235"}],"wp:attachment":[{"href":"https:\/\/chloechen.vocably.eu\/lrnchns\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}