<?php include __DIR__ . '/../../header.php'; ?>


    </div>
</section>
    <section class="schedule-info-certif-new hidden-xs hidden-sm">
        <div class="container">
            <div>
                <form action="course_sessions/ajax_get_schedules" method="post" class="filter-form">
                    <input id="agent" type="hidden" data-type="desktop" />
                    <div class="schedule-info-new clearfix">
                                                                                    <div class="checkbox-inline schedule-filter-item">
                                    <input id="This Month" class="hide radio-schedule-filter-input schedule-filter-input-item" name="desktop_month" type="radio" value="Apr"  data-ga4-event-key='schedule_filter{This Month}'/>
                                    <label class="schedule-filter-label" for="This Month">This Month</label>
                                </div>
                                                            <div class="checkbox-inline schedule-filter-item">
                                    <input id="next Month" class="hide radio-schedule-filter-input schedule-filter-input-item" name="desktop_month" type="radio" value="May"  data-ga4-event-key='schedule_filter{next Month}'/>
                                    <label class="schedule-filter-label" for="next Month">next Month</label>
                                </div>
                                                                                                        <div class="styled-dropdown time-slot">
                                <div class="dropdown">
                                    <div class="checkbox-inline timings-schedule-filter-item schedule-filter-item dropdown-toggle dropdown-button" data-toggle="dropdown" aria-expanded="false">
                                        <span class="green-circle-badge schedule-timings-green-circle-badge">0</span>
                                        <!-- <input id="online-classroom" class="hide check-schedule-filter-input schedule-filter-input-item" name="desktop_learning_types_online-classroom" type="checkbox" value="online-classroom"> -->
                                        <label class="schedule-filter-label" for="schedule-timings" data-form-mapping-click="schedule_filter{Time slot}">Time slot
                                            <span class="page-icons time-slot-icon"></span>
                                        </label>
                                    </div>
                                    <ul class="dropdown-menu menu-wrapper dropdown-menu-right">
                                                                                    <label class="customcheck"><span class="page-icons morning-slot-icon"></span> Morning (6-12PM)                                                <input id="Morning (6-12PM)" class="timing-radio-schedule-filter-input schedule-filter-input-item" name="desktop_timing['morning']" type="checkbox" is_checked_val='0' value="morning" data-ga4-event-key='schedule_filter{Time Slot}'>
                                                <span class="checkmark"></span>
                                            </label>
                                                                                    <label class="customcheck"><span class="page-icons afternoon-slot-icon"></span> Afternoon (12-6PM)                                                <input id="Afternoon (12-6PM)" class="timing-radio-schedule-filter-input schedule-filter-input-item" name="desktop_timing['afternoon']" type="checkbox" is_checked_val='0' value="afternoon" data-ga4-event-key='schedule_filter{Time Slot}'>
                                                <span class="checkmark"></span>
                                            </label>
                                                                                    <label class="customcheck"><span class="page-icons evening-slot-icon"></span> Evening (After 6PM)                                                <input id="Evening (After 6PM)" class="timing-radio-schedule-filter-input schedule-filter-input-item" name="desktop_timing['evening']" type="checkbox" is_checked_val='0' value="evening" data-ga4-event-key='schedule_filter{Time Slot}'>
                                                <span class="checkmark"></span>
                                            </label>
                                                                                <div class="fx-center">
                                            <a href="javascript:void(0);" role="button" class="btn btn-content schedule-timings-apply" data-form-mapping-click='schedule_filter{Time Slot Apply}'>
                                                Apply</a>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                                                                                                                                                                            
                                                                                                    
                                                                                                    
                                                                                                    
                                                                                                <div class="checkbox-inline schedule-filter-item ">
                                        <input id="flex-track" class="hide radio-schedule-filter-input schedule-filter-input-item" name="desktop_batch" type="radio" value="flex-track"  data-ga4-event-key='schedule_filter{Flex-Track}'/>
                                        <label class="schedule-filter-label" for="flex-track">Flex-Track</label>
                                    </div>
                                                                        
                                                                                                <div class="checkbox-inline schedule-filter-item ">
                                        <input id="fast-track" class="hide radio-schedule-filter-input schedule-filter-input-item" name="desktop_batch" type="radio" value="fast-track"  data-ga4-event-key='schedule_filter{Fast-Track}'/>
                                        <label class="schedule-filter-label" for="fast-track">Fast-Track</label>
                                    </div>
                                                                        
                                                    
                                                                                                                                                                                                                                                                                            <div class="checkbox-inline schedule-filter-item">
                            <input type="hidden" id="desktop_month_picker" name="desktop_month_picker" class="radio-schedule-filter-input schedule-filter-input-item" data-ga4-event-key='schedule_filter{Calendar}'>
                            <i class="fa fa-calendar date-picker-fa"></i>
                            <input id="schedule-date-select" data-costume_class="pickup"/>
                            
                        </div>
                        <div class="checkbox-inline schedule-filter-item dsk-filter-clear">
                            <button type="submit" name="submit"  class="hide" data-type="desktop" data-loading-text  = "Saving.."> Save </button>
                            <a href="javscript:void(0).php" class="clear-info resetFilterForm">Clear</a>
                        </div>
                    </div>
                </form>
            </row>
        </div>
    </section>
<section class="sticky-header nav-sticky-info hidden-xs hidden-sm">
    <div class="header-info sticker-content-info" id="sticker">
        <div class="logo-filter">
            <a href=""><img src="https://images.unsplash.com/photo-1524178232363-1fb2b075b655?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80" alt="logo" class="img-info-1"></a>
                        <div class="container">
                <div class="row">
                    <div class="col-md-9 col-md-offset-3">
                        <div class="header-info">
                            <div class="row">
                                <div class="col-md-4 col-sm-4">
                                    <span class="list"> date <a href="#" class="header-info-list"></a></span>
                                </div>
                                <div class="col-md-3 col-sm-3 no-padding">
                                    <span class="list">qty
                                                                        	<a href="javascript:void(0);" class="group-discount" data-toggle="popover" data-trigger="focus" data-placement="bottom" data-type="ssg"><span class="sub-info"> (Group discounts)</span> &nbsp;<span class="fa fa-exclamation" aria-hidden="true"></span></a>
                               		                                	</span>
                                </div>
                                <div class="col-md-2 col-sm-2 no-padding">
                                    <span class="list">pricing <a href="#" class="header-info-list"></a></span>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <span class="list enroll-list">enroll</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="schedule-info hidden-xs hidden-sm">
    <div class="container">
        <div class="below-info">
            <div class="row">
                <div class="col-md-3 col-sm-4 col-xs-4">
                
                	<!-- Coupon -->
                                                                    <div class="discount-info">
                            <h6>Apply Coupon LEVEL10 to get Extra 10% off</h6>
                            <p>
                                Apply Coupon <span id='desktop-copy-text'>LEVEL10</span> to get Extra 10% off                            </p>
                            <p class="expired-info">
                                                                Expires Next Thursday                                <a href="javascript:void(0)" class="btn btn-danger text-uppercase copy-code" role="button" data-type="desktop">copy code</a>
                            </p>
                        </div>
                                        <!-- /Coupon -->
                
                    <!-- Banner Type-1 -->
                                        <!-- /Banner Type-1 -->

                    <!-- Banner Type-2 -->
                    <div class="offers-carousel owl-carousel">
                        <!--                             <div class="item">
                                <img src="https://d2o2utebsixu4k.cloudfront.net/assets/images/banners/3-months-free-1.png" class="img-responsive center-block" alt="3 months free access">
                            </div>
                            <div class="item">
                                <img src="https://d2o2utebsixu4k.cloudfront.net/assets/images/banners/24-7-teaching-1.png" class="img-responsive center-block" alt="teaching assistance">
                            </div> -->
                                            </div>
                    <!-- /Banner Type-2 -->

                                        <!-- review cards start -->
                    <div class="review-card">
                        <div class="review-info google-rating">
                            <span class="brand google-icon fsd-icons"></span>
                            <div class="rating-value">
                              <div class="rating-stars fsd-icons d-none d-sm-inline-block"></div>
                            </div>
                            <p>4.8/5</p>
                            <a href="https://www.google.com/maps?cid=10728353993826560260&amp;_ga=2.68325009.1885048302.1652866854-870986300.1630484563" target="_blank" class="review-count">2,084 Reviews</a>
                        </div>
                        <!-- <div class="review-info t-pilot-rating">
                            <span class="brand t-pilot-icon fsd-icons"></span>
                            <div class="rating-value">
                              <div class="rating-stars fsd-icons d-none d-sm-inline-block"></div>
                            </div>
                            <p>4.8/5</p>
                            <a href="https://www.trustpilot.com/review/www.surecertificate.com" target="_blank" class="review-count">3,024 Reviews</a>
                        </div> -->
                    </div>
                                                                                <!-- review cards ends -->
                                            <div class="left-content">
                                                                                            <div class="content-margin">
                                    <h6>350,000+ Professionals Trained</h6>
                                    <p>
                                        Be part of a thriving professional network of learners across the globe                                    </p>
                                </div>
                                                                                                                            <div class="content-margin">
                                    <h6>100+ Countries and Counting</h6>
                                    <p>
                                        Join a community of global learners to get the fastest, most effective training                                    </p>
                                </div>
                                                                                                                            <div class="content-margin">
                                    <h6>Industry-Curated Curriculum</h6>
                                    <p>
                                        Comprehensive curriculum curated with inputs by industry advisory board                                    </p>
                                </div>
                                                                                    </div>
                                    </div>
                <div class="col-md-9 col-sm-8 col-xs-8 desktop-schedule-list">
                    <!-- list view -->
                                                <div class="header-info">
                                    <div class="no-schedules">
                    <h4>Currently we don't have any "Workshops" scheduled in New York, NY, United States.</h4>
                </div>
                                                                </div>
<div class="desktop-highlight-schedule info-summary">
    <span class="main-highlight-schedule hide" style="background-color:antiquewhite;height: 118px;border-radius: 4px;position: relative;margin-bottom: 10px;display: block;">
        <span style="position: absolute;font-size: 14px;top: 50%;left: 50%;transform: translate(-50%,-50%);"> <i class="fa fa-spinner fa-spin fa-2x fa-fw"></i></span>
    </span>
</div>
<h3 class="hide other-workshops" style="margin-top:20px; margin-bottom:10px;"> Other Workshops: </h3>
    <!-- course session request a batch -->
            <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <h5 class="schedule-text">Can't find convenient schedule ?</h5>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6">
                <a href="javascript:void(0)" role="button" class="btn btn-default text-uppercase pull-right talk-button" data-toggle="modal" data-target="#get-notified-modal" data-form-mapping="schedule_page_get_notified">talk to us</a>
            </div>
        </div>
     
                                        <!-- /list view -->
                </div>
            </div>
        </div>
    </div>
</section>

<section class="schedule-mobile-view visible-xs visible-sm">
	    <div class="container">
    	<div class="row">
            <div class="col-xs-12">
                                    <h1> Schedules for Front-end Development Bootcamp</h1>
                            	
            	<p class="specific-text hide">
					All live Online sessions below are open for enrollment.                	
				</p>
            	
                <p>
                    <span class="schedule-count">0</span> Results displayed
                    <a class="mob-location-change hide pull-right " href="javascript:void(0);" data-toggle="modal" data-target=".country-location-popup">
                        <span class="location">
                            <i class="fa fa-map-marker color-3"></i>
                                                                                                                                United States (EDT, GMT-04:00)                                                                                    </span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                </p>
        </div>
    </div>
        <div class="swiper-container first-carousel">
            <div class="swiper-wrapper">
            	                    <div class="swiper-slide img-size">
                        <a href="javascript:void(0)" class="discount-content" data-toggle="modal" data-target="#coupon-modal">
                                                        <span class="discount-text">
                                Apply Coupon LEVEL10 to get Extra 10% off                            </span>
                            <span class="display-block discount-below-text">
                                Apply Coupon LEVEL10 to get Extra 10% off                            </span>
                            <span class="expire-date-text">
<!--                                 Expires on 30  April 2026 -->
                            	                                Expires  next Thursday                            </span>
                        </a>
                    </div>
                                                                
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
            </div>
        </div>
    </div>
</section>

<section class="emi-text visible-xs visible-sm clearfix ">    
        </section>

<section class="modal-info visible-xs visible-sm">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 mobile-schedule-list">
            	
                            		
                    <!-- mobile list -->
                                            <div class="no-schedules">
                <h4>Currently we don't have any "Workshops" scheduled in New York, NY, United States.</h4>
            </div>
                                    <div class="mob-highlight-schedule main-div-next clearfix">
	<span class="main-highlight-schedule hide"  style="background-color:antiquewhite;height: 118px;border-radius: 4px;position: relative;margin-bottom: 10px;display: block;"> 
        <span style="position: absolute;font-size: 14px;top: 50%;left: 50%;transform: translate(-50%,-50%);"> <i class="fa fa-spinner fa-spin fa-2x fa-fw"></i></span> 
    </span> 
</div>
<h3 class="hide other-workshops" style="margin-top:20px; margin-bottom:10px;"> Other Workshops: </h3>
    <!-- course session request a batch -->
            <div class="schedule-padding">
            <div class="row visible-xs visible-sm">
                <div class="col-xs-6">
                    <h6 class="schedule-text">Can't find convinient<span class="display-block">schedule?</span></h6>
                </div>
                <div class="col-xs-6">
                    <a href="javascript:void(0)" role="button" class="btn btn-danger text-uppercase pull-right talk-us" data-toggle="modal" data-target="#get-notified-modal" data-form-mapping="schedule_page_get_notified">talk to us</a>
                </div>
            </div>
        </div>
                        <!-- /mobile list -->
                            </div>
        </div>
    </div>
</section>

<div class="schedule-modals">
    </div>

<div class="modal fade request-popup" id="get-notified-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-referral="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body no-padding" data-class="before_success">
                <button type="button" class="close position-absolute right-top" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <div class="bg-white clearfix">
                    <h2 class="section-heading text-center">Get Notified</h2>
                    <div class="before_success">
                        <form action="forms/ajax_add_let_us_know" method="post" class="form-list" id="notificationForm" accept-charset="utf-8">

                            <input type="hidden" value="web-development/front-end-development-bootcamp-training/schedule" name="page" />
                            <input type="text" name="certifying_authority" value="" class="display-hide"  />
                            <input type="hidden" value="416" name="course_id" />
                            <input type="hidden" value="" name="webinar_id" />
                            <input type="hidden" value="" name="session_id" />
                            <input type="hidden" value="" name="learning_type_id" />
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <div class="form-group input-field">
                                        <input type="text" name="first_name" value="" maxlength="100" class="form-control" required="required"  />
                                        <i class="icons icons-contact icon-fullname"></i>
                                        <label>First name</label>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6">
                                    <div class="form-group input-field">
                                        <input type="text" name="last_name" value="" maxlength="100" class="form-control" required="required"  />
                                        <i class="icons icons-contact icon-fullname"></i>
                                        <label>Last name</label>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12">
                                    <div class="form-group input-field">
                                        <input type="text" name="email" value="" maxlength="100" class="form-control" required="required"  />
                                        <i class="icons icons-contact icon-email"></i>
                                        <label>E-mail</label>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12">
                                    <div class="row">
                                        <div class="col-md-3 col-sm-3 col-xs-4">
                                            <div class="form-group">
                                                <div class="right-inner-addon">
                                                    <i class="icons select-icon"></i>
                                                    <select name="isd" class="form-control isd-code select-picker">
</select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-9 col-sm-9 col-xs-8">
                                            <div class="form-group input-field">
                                                <input type="text" class="form-control" onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || (event.keyCode == 8 || event.keyCode == 46
                                                        || event.keyCode == 37 || event.keyCode == 39)' maxlength="30" name="phone" required="">
                                                <i class="icons icons-contact icon-phone"></i>
                                                <label>Phone</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 hide">
                                    <div class="form-group blmd-form">
                                        <div class="checkbox checkbox-success">
                                            <input id="new-course-layout-advisor-checkbox-agree" class="styled checkbox-agree" name="agree_gdpr" type="checkbox" value="1">
                                            <label for="new-course-layout-advisor-checkbox-agree">I consent to receive communications by email, SMS, WhatsApp, phone and other electronic means from SureCertificate. See our <a href="privacy-policy" class="color-3" target="_blank">privacy policy</a> and <a href="terms-conditions" class="color-3" target="_blank">terms &amp; conditions</a> for your rights under GDPR.</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center" data-id="add-whataspp-disclaimer">
                                    <button type="submit" class="btn btn-success waves-effect waves-light" data-loading-text="<i class='fa fa-spinner fa-spin'></i> Submitting">
                                        Submit
                                    </button>
                                </div>
                            </div>
                        </form>                    </div>
                </div>
            </div>
        </div>
    </div>
</div><script type="text/template" id="referral-form-template">
    <div class="on_success">
    <div class="on_success_top text-center">
        <h3>Thank you for your submission!</h3>
        <p>
            Would you like to refer three or more friends or colleagues to SureCertificate?
        </p>
        <p>
            You can get an exclusive group discount, and cash back!
        </p>
        <p>
            Discover the joy of learning together!
        </p>
    </div>
    <!-- // Disallow refer and earn for sg location -->
            <div class="on_success_bottom">
            <form action="forms/ajax_add_referral" method="post" class="form-list" id="referralForm" accept-charset="utf-8">
                <input type="hidden" name="lead_id" value="0">
                <input type="hidden" name="page" value="web-development/front-end-development-bootcamp-training/schedule">
                <input type="text" name="certifying_authority" value="" class="display-hide"  />
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group input-field">
                            <input type="text" class="form-control referral-group" maxlength="100" name="email_1" />
                            <i class="icons icons-contact icon-email"></i>
                            <label>E-mail</label>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-3 col-sm-3 col-xs-4 no-pr">
                                    <div class="form-group">
                                        <div class="right-inner-addon">
                                            <i class="icons select-icon"></i>
                                            <select name="isd_1" class="form-control isd-code select-picker">
</select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-8">
                                    <div class="form-group input-field">
                                        <input type="text" class="form-control referral-group" onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || (event.keyCode == 8 || event.keyCode == 46
                                                                    || event.keyCode == 37 || event.keyCode == 39)' maxlength="100" name="phone_1" />
                                        <i class="icons icons-contact icon-phone"></i>
                                        <label>Phone</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group input-field">
                            <input type="text" class="form-control referral-group" maxlength="100" name="email_2" />
                            <i class="icons icons-contact icon-email"></i>
                            <label>E-mail</label>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-3 col-sm-3 col-xs-4 no-pr">
                                    <div class="form-group">
                                        <div class="right-inner-addon">
                                            <i class="icons select-icon"></i>
                                            <select name="isd_2" class="form-control isd-code select-picker">
</select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-8">
                                    <div class="form-group input-field">
                                        <input type="text" class="form-control referral-group" onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || (event.keyCode == 8 || event.keyCode == 46
                                                                    || event.keyCode == 37 || event.keyCode == 39)' maxlength="100" name="phone_2" />
                                        <i class="icons icons-contact icon-phone"></i>
                                        <label>Phone</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group input-field">
                            <input type="text" class="form-control referral-group" maxlength="100" name="email_3" />
                            <i class="icons icons-contact icon-email"></i>
                            <label>E-mail</label>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-3 col-sm-3 col-xs-4 no-pr">
                                    <div class="form-group">
                                        <div class="right-inner-addon">
                                            <i class="icons select-icon"></i>
                                            <select name="isd_3" class="form-control isd-code select-picker">
</select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-8">
                                    <div class="form-group input-field">
                                        <input type="text" class="form-control referral-group" onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || (event.keyCode == 8 || event.keyCode == 46
                                                                    || event.keyCode == 37 || event.keyCode == 39)' maxlength="100" name="phone_3" />
                                        <i class="icons icons-contact icon-phone"></i>
                                        <label>Phone</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 text-center">
                        <button class="btn btn-success waves-effect waves-light no-margin-top" type="submit" data-loading-text="<i class='fa fa-spinner fa-spin'></i> Submitting">Submit</button>
                    </div>
                </div>
            </form>        </div>
    </div></script>

<script type="text/template" id="referral-success-template">
    <div class="on_success_message">
        <div class="on_success_top text-center">
            <h3>Thanks for referring your friends/colleagues</h3>
            <p>
                Our advisor will get in touch with you and your friends/colleagues in a short while.
            </p>
        </div>
    </div>
</script>

<script type="text/template" id="form-success-message-template">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
             <h5 class="footer-text text-center"><span>Great!</span> we'll get back to you with venue details</h5>
        </div>
    </div> 
</script>

<script type="text/template" id="form-error-message-template">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <h5 class="footer-text text-center"><span>Error</span> Server Is Not Conneceted Plz Try Again.</h5>
        </div>
    </div> 
</script>


<?php include __DIR__ . '/../../footer.php'; ?>
