<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="hl-appointment-booking">
               <div id="appointment_date"></div>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="hl-appointment-modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      <div class="modal-body">
        <div class="hl-cafe-booking-form">
            <div class="hl-form-close">
                <span></span>
            </div>
            <form id="handily_appointment_booking" name="handily_appointment_booking" method="post" action="/plugin/handily/index.php">
                <h4>Booking Form</h4>                <ul>
                    <li>
                    <label>Name</label>
                    <input type="text" name="cust_name" id="cust_name">
                    </li>
                    <li>
                    <label>Email</label>
                    <input type="text" name="cust_email" id="cust_email">
                    </li>
                    <li>
                    <label>Phone</label>
                    <input type="number" name="cust_number" id="cust_number">
                    </li>
                    <li>
                     <label>Booking Date</label>
                     <input type="text" name="appointment_booking_date" id="appointment_booking_date" value="" readonly>  
                    </li>
                    <li>
                    <label>Time</label>
                      <div id="handily_appointment_schedule"></div>
                    </li>
                     <li>
                     <label>Message</label>
                    <textarea name="cust_message" id="cust_message" name="cust_message"></textarea>
                    </li>
                    <li>
                     <button class="hl-btn" id="appointment_booke" name="appointment_books">Book Appointment</button>
                    </li> 
                </ul>
            </form>
        </div>
      </div>
    </div>
  </div>
</div> 
<div id="appointment_payment_option" class="modal">
   <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        <div class="modal-header">
        <h4>Accept payment</h4>        </div>
       <div class="modal-body">
        <div class="hl-payment-handily" id="hl_appointment_review_date"></div> 
        <!-- Stripe Payment Option -->
        <div id="hl_appointment_stripe_option"></div>
        </div>  
      </div>
    </div>
</div>
<!-- Loader Section Start  -->
<div class="hl-preloader">
    <div class="hl-preloader-box">
        <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 100 100">
            <circle cx="50" cy="50" r="0" fill="none" stroke="#ff8f91" stroke-width="2">
            <animate attributeName="r" repeatCount="indefinite" dur="0.78125s" values="0;35" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="0s"></animate>
            <animate attributeName="opacity" repeatCount="indefinite" dur="0.78125s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="0s"></animate>
            </circle><circle cx="50" cy="50" r="0" fill="none" stroke="#ff8f91" stroke-width="2">
            <animate attributeName="r" repeatCount="indefinite" dur="0.78125s" values="0;35" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.390625s"></animate>
            <animate attributeName="opacity" repeatCount="indefinite" dur="0.78125s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.390625s"></animate>
            </circle>
        </svg>
    </div>
</div>
<!-- Loader Section End -->[vc_row][vc_column]
			<!-- START appointment booking Slider REVOLUTION SLIDER 6.7.23 --><p class="rs-p-wp-fix"></p>
			<rs-module-wrap id="rev_slider_1_1_wrapper" data-source="gallery" style="visibility:hidden;background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
				<rs-module id="rev_slider_1_1" style="" data-version="6.7.23">
					<rs-slides style="overflow: hidden; position: absolute;">
						<rs-slide style="position: absolute;" data-key="rs-1" data-title="Slide" data-in="o:0;" data-out="a:false;">
							<img src="//demo.kamleshyadav.com/plugin/handily/appointment-booking/wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Slide" title="Home" class="rev-slidebg tp-rs-img rs-lazyload" data-lazyload="//demo.kamleshyadav.com/plugin/handily/appointment-booking/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" data-bg="c:#f1fcf2;" data-no-retina>
<!--
							--><rs-layer
								id="slider-1-slide-1-layer-0" 
								data-type="image"
								data-rsp_ch="on"
								data-xy="x:l,l,c,c;xo:32px,26px,0,0;y:b;yo:-2px,-1px,0,0;"
								data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"
								data-dim="w:380px,344px,271px,186px;h:547px,495px,390px,268px;"
								data-frame_999="o:0;st:w;"
								style="z-index:5;"
							><img src="//demo.kamleshyadav.com/plugin/handily/appointment-booking/wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="" class="tp-rs-img rs-lazyload" width="368" height="530" data-lazyload="//demo.kamleshyadav.com/plugin/handily/appointment-booking/wp-content/uploads/sites/4/revslider/deals-website-slider/Image-1.png" data-no-retina> 
							</rs-layer><!--

							--><rs-layer
								id="slider-1-slide-1-layer-1" 
								data-type="text"
								data-color="#222222"
								data-rsp_ch="on"
								data-xy="x:c;xo:199px,113px,0,0;y:m;yo:-94px,-68px,-249px,-176px;"
								data-text="w:normal;s:18,16,16,16;l:25,20,25,23;ls:3px,2px,1px,0px;fw:500;a:left,left,center,center;"
								data-dim="w:399px,329px,261px,223px;"
								data-frame_999="o:0;st:w;"
								style="z-index:6;font-family:'Ubuntu';"
							>Multipurpose Appointment Booking<br />
 
							</rs-layer><!--

							--><rs-layer
								id="slider-1-slide-1-layer-2" 
								data-type="text"
								data-color="#222222"
								data-rsp_ch="on"
								data-xy="x:c;xo:300px,228px,0,0;y:m;yo:-20px,0,-189px,-121px;"
								data-text="w:normal;s:42,36,35,25;l:52,42,45,35;fw:700;a:left,left,center,center;"
								data-dim="w:611.99px,534px,531px,376px;"
								data-frame_999="o:0;st:w;"
								style="z-index:7;font-family:'Ubuntu';"
							>Advanced Booking Features To Help You Put Your Business<br />
 
							</rs-layer><!--

							--><a
								id="slider-1-slide-1-layer-3" 
								class="rs-layer rev-btn"
								href="https://kamleshyadav.com/plugin/handily/appointment-booking/" target="_self"
								data-type="button"
								data-rsp_ch="on"
								data-xy="x:l,l,c,c;xo:621px,471px,0,0;y:t,m,m,m;yo:358px,83px,-113px,-56px;"
								data-text="w:normal;s:18,16,14,14;l:50,41,38,35;fw:500;"
								data-dim="minh:0px,none,none,none;"
								data-padding="r:40,33,25,15;l:40,33,25,15;"
								data-border="bor:5px,5px,5px,5px;"
								data-frame_999="o:0;st:w;"
								data-frame_hover="bgc:#2a3843;bor:5px,5px,5px,5px;sp:100;e:power1.inOut;bri:120%;"
								style="z-index:8;background-color:#ff8f91;font-family:'Ubuntu';"
							>Get Started Now 
							</a><!--
-->					</rs-slide>
					</rs-slides>
				</rs-module>
				<script>
					setREVStartSize({c: 'rev_slider_1_1',rl:[1240,1024,778,480],el:[600,568,660,520],gw:[1240,1024,778,480],gh:[600,568,660,520],type:'standard',justify:'',layout:'fullwidth',mh:"0"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules["revslider11"]!==undefined) {window.RS_MODULES.modules["revslider11"].once = false;window.revapi1 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()}
				</script>
			</rs-module-wrap>
			<!-- END REVOLUTION SLIDER -->
[/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column]<div class="motocom_spacer_69d008d2d8fae"></div><div class="mt-heading text-center mt-divider-dbl" id="mt-69d008d2d9012"><p>Appointment scheduling</p><h1>Book your appointment for all services</h1></div><div class="motocom_spacer_69d008d2d90aa"></div>[vc_column_text][/vc_column_text]<div class="motocom_spacer_69d008d2d9249"></div>[/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1635767496913{background-color: #fff9f9 !important;}"][vc_column]<div class="motocom_spacer_69d008d2d9258"></div><div class="mt-heading text-center mt-divider-dbl" id="mt-69d008d2d926a"><p>Amazing Features</p><h1>Make Booking Easy</h1></div><div class="motocom_spacer_69d008d2d9299"></div><div class="mt-eco-service" id="mt-69d008d2d92aa">
						<div class="row"><div class="col-lg-4 col-sm-6">
                    <div class="mt-feature3-box" id="mt-69d008d2d93d8">
						<div class="mt-feature3-icon"><i class="fas fa-book-reader" aria-hidden="true"></i><div class="mt-feature3-shape"><i class="fas fa-book-reader" aria-hidden="true"></i></div>
						</div><h2 class="mt-feature-title">Multipurpose Booking System</h2><p>Health Care Booking, Booking Services, Group Booking and Consultant Booking all in one package.</p></div>
                </div><div class="col-lg-4 col-sm-6">
                    <div class="mt-feature3-box" id="mt-69d008d2d93f8">
						<div class="mt-feature3-icon"><i class="fas fa-hand-point-right" aria-hidden="true"></i><div class="mt-feature3-shape"><i class="fas fa-hand-point-right" aria-hidden="true"></i></div>
						</div><h2 class="mt-feature-title">Easy Booking Process</h2><p>A customer can easily book his/her appointment in just 3-4 steps.</p></div>
                </div><div class="col-lg-4 col-sm-6">
                    <div class="mt-feature3-box" id="mt-69d008d2d9406">
						<div class="mt-feature3-icon"><i class="fas fa-share-alt" aria-hidden="true"></i><div class="mt-feature3-shape"><i class="fas fa-share-alt" aria-hidden="true"></i></div>
						</div><h2 class="mt-feature-title">Social share option</h2><p>Easily manage bookings from WordPress admin area. and customizable design</p></div>
                </div><div class="col-lg-4 col-sm-6">
                    <div class="mt-feature3-box" id="mt-69d008d2d9412">
						<div class="mt-feature3-icon"><i class="fab fa-wpforms" aria-hidden="true"></i><div class="mt-feature3-shape"><i class="fab fa-wpforms" aria-hidden="true"></i></div>
						</div><h2 class="mt-feature-title">Support QR code</h2><p>Easily manage bookings from WordPress admin area. and customizable design</p></div>
                </div><div class="col-lg-4 col-sm-6">
                    <div class="mt-feature3-box" id="mt-69d008d2d941e">
						<div class="mt-feature3-icon"><i class="fas fa-laptop-code" aria-hidden="true"></i><div class="mt-feature3-shape"><i class="fas fa-laptop-code" aria-hidden="true"></i></div>
						</div><h2 class="mt-feature-title">100% Responsive</h2><p>Easily manage bookings from WordPress admin area. and customizable design</p></div>
                </div><div class="col-lg-4 col-sm-6">
                    <div class="mt-feature3-box" id="mt-69d008d2d9429">
						<div class="mt-feature3-icon"><i class="fas fa-book" aria-hidden="true"></i><div class="mt-feature3-shape"><i class="fas fa-book" aria-hidden="true"></i></div>
						</div><h2 class="mt-feature-title">Detailed Documentation</h2><p>Easily manage bookings from WordPress admin area. and customizable design</p></div>
                </div></div></div><div class="motocom_spacer_69d008d2d9454"></div>[/vc_column][/vc_row][vc_row][vc_column]<div class="motocom_spacer_69d008d2d9465"></div><div class="mt-heading text-center mt-divider-dbl" id="mt-69d008d2d9479"><p>multipurpose</p><h1>Booking Types</h1></div><div class="motocom_spacer_69d008d2d94a4"></div>[vc_column_text]
<p style="text-align: center;">Best appointment scheduling plugin to improve team efficiency reduce no-shows
and organize all their meetings and calls</p>
[/vc_column_text]<div class="motocom_spacer_69d008d2d94af"></div>[vc_row_inner][vc_column_inner width="1/2"][vc_single_image image="2921" img_size="full" css=".vc_custom_1635834338506{margin-top: 0px !important;margin-bottom: 0px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}"]<div class="motocom_spacer_69d008d2d94b9"></div>[/vc_column_inner][vc_column_inner width="1/2"]<div class="motocom_spacer_69d008d2d94c3"></div><div class="mt-heading text-left mt-divider-dbl" id="mt-69d008d2d94d0"><h1>Appointment Booking Form
</h1></div><div class="motocom_spacer_69d008d2d94ec"></div>[vc_column_text]
<div id="panel-36-8-1-1" class="so-panel widget_text" data-index="20">
<div class="panel-widget-style panel-widget-style-for-36-8-1-1">
<div class="textwidget">

Bookme is a WordPress plugin that provides you an appointments booking and online scheduling of your services, save time and money, manage your appointments, customer and staff with an only single plugin.

</div>
</div>
</div>
[/vc_column_text]<div class="mt-list" id="mt-69d008d2d9500">
					<ul><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Category and Service</span></li><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Calendar with Seat Availability</span></li><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Friendly appointment interface</span></li><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Fast online booking system</span></li><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Form Setting</span></li></ul>						
				</div><div class="motocom_spacer_69d008d2d9597"></div>[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width="1/2"]<div class="motocom_spacer_69d008d2d95a2"></div><div class="mt-heading text-left mt-divider-dbl" id="mt-69d008d2d95af"><h1>Accept Payment With Stripe</h1></div><div class="motocom_spacer_69d008d2d95d4"></div>[vc_column_text]Connect with your Stripe payment gateway account or use any custom payment link to receive payments from your invitees.

The amount is directly transferred to your bank by the payment gateway.[/vc_column_text]<div class="mt-list" id="mt-69d008d2d95e1">
					<ul><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Payment Setting</span></li><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Minimal data input required</span></li><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Support QR code</span></li><li class=" is_list_has_icon"><span class="motocom_list_icon"><i class="fas fa-angle-double-right" aria-hidden="true"></i></span><span>Fully documented and 24*7</span></li></ul>						
				</div><div class="motocom_spacer_69d008d2d9629"></div>[/vc_column][vc_column width="1/2"][vc_single_image image="2922" img_size="full" css=".vc_custom_1635834349567{margin-top: 0px !important;margin-bottom: 0px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}"]<div class="motocom_spacer_69d008d2d9637"></div>[/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_single_image image="2929" img_size="full" css=".vc_custom_1635834360184{margin-top: 0px !important;margin-bottom: 0px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}"]<div class="motocom_spacer_69d008d2d9640"></div>[/vc_column][vc_column width="1/2"]<div class="motocom_spacer_69d008d2d9649"></div><div class="mt-heading text-left mt-divider-dbl" id="mt-69d008d2d9656"><h1>Social Share Options</h1></div><div class="motocom_spacer_69d008d2d9676"></div>[vc_column_text]Create your online appointment scheduling page to allow customers easily view your real-time calendar availability and self-schedule appointments.[/vc_column_text]<div class="motocom_spacer_69d008d2d9680"></div>[/vc_column][/vc_row][vc_row][vc_column width="1/2"]<div class="motocom_spacer_69d008d2d9688"></div><div class="mt-heading text-left mt-divider-dbl" id="mt-69d008d2d9694"><h1>Add Your Schedule List</h1></div><div class="motocom_spacer_69d008d2d96ad"></div>[vc_column_text]Connect with your Stripe, account or use a custom payment link to receive payments from your invitees.
[/vc_column_text]<div class="motocom_spacer_69d008d2d96b5"></div>[/vc_column][vc_column width="1/2"][vc_single_image image="2930" img_size="full" css=".vc_custom_1635834374189{margin-top: 0px !important;margin-bottom: 0px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}"]<div class="motocom_spacer_69d008d2d96bc"></div>[/vc_column][/vc_row]{"id":2221,"date":"2016-02-20T06:26:08","date_gmt":"2016-02-20T06:26:08","guid":{"rendered":"http:\/\/digisamaritan.com\/meshwp\/?page_id=23"},"modified":"2021-11-02T06:43:09","modified_gmt":"2021-11-02T06:43:09","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/","title":{"rendered":"Home"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"[vc_row][vc_column] Multipurpose Appointment Booking Advanced Booking Features To Help You Put Your Business Get Started Now [\/vc_column][\/vc_row][vc_row full_width=\"stretch_row_content_no_spaces\"][vc_column]Appointment schedulingBook your ...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/pages\/2221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/comments?post=2221"}],"version-history":[{"count":124,"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/pages\/2221\/revisions"}],"predecessor-version":[{"id":2751,"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/pages\/2221\/revisions\/2751"}],"wp:attachment":[{"href":"https:\/\/demo.kamleshyadav.com\/plugin\/handily\/appointment-booking\/wp-json\/wp\/v2\/media?parent=2221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}