</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script> var secureHost = ''; secureHost = 'https'; </script> <script> window.fbAsyncInit = function() { FB.init({ appId : '652667681747222', autoLogAppEvents : true, xfbml : true, version : 'v2.11' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="fb-customerchat" page_id="141208066178" ref="" minimized="<true|false>"> </div> <script type="text/javascript"> // Initialize the service worker if ('serviceWorker' in navigator) { navigator.serviceWorker.register('serviceworker.js', { scope: '.' }).then(function (registration) { // Registration was successful console.log('ServiceWorker registration successful with scope: ', registration.scope); }, function (err) { // registration failed :( console.log('ServiceWorker registration failed: ', err); }); } </script> <header class="main-header "> <span class="fixed-text mobile-visible"> <a href="trial-offer/virtual-classes" target=""> Try Our Virtual Classes!</a> </span> <div class="container-fluid"> <div class="row"> <div class="col-md-8 col-sm-12 col-lg-8"> <h1 class="title-h"><a href="https://elementata.com/">Element ATA Martial Arts</a> <span class="title-sub hidden-xs">Skills for Safety and Success - Virtual Classes Available! </span> </h1> </div> <div class="col-md-4 col-sm-6 col-lg-4 hidden-xs hidden-sm"> <h2 class="contact-top"> <a href="https://www.dojoflo.com/classroom" class="student_section_login_btn login-top"> <i class="fa fa-user"></i> Login</a> <i class="fa fa-phone"></i> <span class="consult"></span> <span class="phone-top">925-957-9383</span> <span class="virtual-training-button"><a href="programs/online-classes">Virtual Classes</a></span> </h2> </div> </div> </div> </header> <header class="virtual-training-row"> <div class="container-fluid"> <div class="row"> <div class="col-md-8 col-sm-12 col-lg-8"> <h1 class="title-h"><a href="programs/online-classes">Virtual Classes Available!</a></h1> </div> </div> </div> </header> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.student_section_login_btn').click(function(){ $('.ErrorMsgNotLogin').hide(); $('#login-password').val(''); }); }); </script> <!-- Navigation --> <nav id="navigation" class="navbar navbar-inverse main-nav hidden-md hidden-lg" > <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--<a class="navbar-brand hidden-xs" href=""><img src="https://elementata.com/upload/override_logos/1615493099Element-logo.png" alt="Element ATA Martial Arts" class="logoImg" ></a> --> <a href="tel:925-957-9383" class="phone-icon mobile-visible"> <i class="fa fa-phone"></i> </a> <a class="navbar-brand hidden-xs" href=""><img src="https://elementata.com/upload/override_logos/1615493099Element-logo.png" alt="Element ATA Martial Arts"></a> </div> <div class="user-mobile-control"> <div class="logo"> <a class="logo-m" href=""><img src="https://elementata.com/upload/override_logos/1615493099Element-logo.png" alt="Element ATA Martial Arts" class="logoImg" ></a> </div> <div class="login"> <a href="https://www.google.com/maps/place/1124+Arnold+Drive+Martinez+CA+94553" target="_blank" class="location-icon"> <i class="fa fa-map-marker"></i> </a> <a href="https://www.dojoflo.com/classroom" class="login-user"><i class="fa fa-user"></i></a> </div> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-left"> <li class="dropdown horizontal-dropdown " ><a href="about-us/martinez" target="_self" data-toggle="" class="">About Our School</a></li> <li class="dropdown "><a href="https://elementata.com/trial-offer" target="_self">Trial Offer</a></li> <li class="dropdown program-menu-custom active"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Our Programs <i class="fa fa-angle-down"></i><span class="black-arrow-up"></span> </a> <!-- <span class="bg-set"></span> --> <div class="bg-set"> <span class="inner-nav-set"></span> <ul class="dropdown-menu"> <li class="dropdown dropdown-sub "><a href="programs/online-classes" class="dropdown-toggle disabled" data-toggle="dropdown" aria-expanded="false"> Online Classes <span> </span> </a></a> <ul class="dropdown-menu program-sub-nav level-2"> <!--<li> <a href="programs/online-classes">Kids Virtual Training </a> </li> --> <li> <a href="programs/online-classes/kids-virtual-training">Kids Virtual Training</a> </li> <!--<li> <a href="programs/online-classes">Adult Virtual Training </a> </li> --> <li> <a href="programs/online-classes/adult-virtual-training">Adult Virtual Training</a> </li> </ul> </li> <li class="dropdown dropdown-sub "><a href="programs/children-martial-arts" class="dropdown-toggle disabled" data-toggle="dropdown" aria-expanded="false"> Children's Programs <span>(Age 3-12)</span> </a></a> <ul class="dropdown-menu program-sub-nav level-2"> <!--<li> <a href="programs/children-martial-arts">ATA Tigers </a> </li> --> <li> <a href="programs/children-martial-arts/ata-tigers">ATA Tigers</a> </li> <!--<li> <a href="programs/children-martial-arts">Juniors </a> </li> --> <li> <a href="programs/children-martial-arts/juniors">Juniors</a> </li> </ul> </li> <li class="dropdown dropdown-sub "><a href="programs/adult-programs" class="dropdown-toggle disabled" data-toggle="dropdown" aria-expanded="false"> Teens & Adults <span>(Age 13 & Up)</span> </a></a> <ul class="dropdown-menu program-sub-nav level-2"> <!--<li> <a href="programs/adult-programs">Teens & Adults </a> </li> --> <li> <a href="programs/adult-programs/adult-martial-arts">Teens & Adults</a> </li> <li class="hidden-xs"><a href="javascript:void(0)"> </a></li> </ul> </li> <li class="dropdown dropdown-sub "><a href="programs/just-4-kids" class="dropdown-toggle disabled" data-toggle="dropdown" aria-expanded="false"> Just 4 Kids <span> </span> </a></a> <ul class="dropdown-menu program-sub-nav level-2"> <!--<li> <a href="programs/just-4-kids">Spring Camp </a> </li> --> <li> <a href="programs/just-4-kids/spring-break-camp">Spring Camp</a> </li> <!--<li> <a href="programs/just-4-kids">Summer Camp </a> </li> --> <li> <a href="programs/just-4-kids/summer-camp">Summer Camp</a> </li> </ul> </li> </ul> <div class="clearfix"></div> </div> </li> <!-- <li class="dropdown active"> <a href="javascript:void(0);" data-toggle="dropdown" class="dropdown-toggle">Our Programs <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu program-sub-nav"> <div class="col col-1"> <li class="title-nav" ><a href="programs/online-classes" >Online Classes</a> </li> <li> <a href="programs/online-classes">Kids Virtual Training </a> </li> <li> <a href="programs/online-classes">Adult Virtual Trainin </a> </li> </div> <div class="col col-2"> <li class="title-nav" ><a href="programs/children-martial-arts" >Children's Programs</a> </li> <li> <a href="programs/children-martial-arts">ATA Tigers </a> </li> <li> <a href="programs/children-martial-arts">Juniors </a> </li> </div> <div class="col col-3"> <li class="title-nav" ><a href="programs/adult-programs" >Teens & Adults</a> </li> <li> <a href="programs/adult-programs/adult-martial-arts">Teens & Adults </a> </li> </div> <div class="col col-4"> <li class="title-nav" ><a href="programs/just-4-kids" >Just 4 Kids</a> </li> <li> <a href="programs/just-4-kids/spring-break-camp">Spring Camp </a> </li> <li> <a href="programs/just-4-kids/summer-camp">Summer Camp </a> </li> </div> </li> </ul> <div class="clearfix"></div> --> <!--<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Programs <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu program-sub-nav"> <div class="col col-1"> <li class="title-nav" > <a href="https://elementata.com/ourprograms/children_programs">Children's Programs</a></li> <li> <a href="https://elementata.com/ourprograms/children_programs/ata-tigers">Ata Tigers</a> </li> <li><a href="https://elementata.com/ourprograms/children_programs/karate-for-kids">karate for kids</a></li> </div> <div class="col col-2"> <li class="title-nav"> <a href="https://elementata.com/ourprograms/adult_programs">Adult Programs</a></li> <li><a href="https://elementata.com/ourprograms/adult_programs/adult-martial-arts">Adult Martial Arts</a></li> </div> </ul> <div class="clearfix"></div> </li> --> <li class="dropdown horizontal-dropdown " ><a href="blog/testimonials" target="_self">Reviews</a></li><li class="dropdown horizontal-dropdown " ><a href="contact-us" target="_self">Contact Us</a></li> </ul> <!-- right user menu --> <div class="btn-trial"><a class="btn slide" href="https://elementata.com/trial-offer/virtual-classes" target=""> Try Our Virtual Classes! </a></div> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> <script> $(document).ready(function(){ $('#login-password').bind("enterKey",function(e){ var password = $('#login-password').val(); }); $('#login-password').keyup(function(e){ if(e.keyCode == 13) { $(this).trigger("enterKey"); } }); $('.loginButton').click(function(){ $('#loginform').removeAttr('action'); var password = $('#login-password').val(); var location_id = $('#school_location_id').val(); checklogin(password,location_id); }); }); function checklogin(password,location_id){ $.ajax({ type: 'POST', url: 'https://elementata.com/payment/checkstudentlogin', data: { password : password,location_id: location_id} }).done(function(msg){ if(msg == 1){ var redirect_url = ''; setTimeout("window.location.href='https://elementata.com/students"+redirect_url+"'",1000); } else{ $('.ErrorMsgNotLogin').show(); $('.ErrorMsgNotLogin').html('Password is incorrect, please try again'); return false; } }); } </script> <!--<div id="loginmodal" class="modal fade " tabindex="-1" role="dialog"> <div class="modal-dialog modal-xs"> <div class="modal-content"> <div class="modal-header" align="center"> <button type="button" class="close student_section_login_btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h2>Student Section Login</h2> </div> <div class="modal-body text-center"> <div class="login-form"> <form id="loginform" class="form-horizontal" role="form" method="post" action="https://elementata.com/payment/checkstudentloginToEnterKey"> <span class="ErrorMsgNotLogin" style="display:none"> </span> <input type="hidden" value="0" id="school_location_id"> <div style="margin-bottom: 25px" class="input-group"> <span class="input-group-addon"><i class="fa fa-lock"></i></span> <input id="login-password" type="password" class="form-control" name="password" placeholder="Password"> </div> <div class="login-btn"> <a id="btn-login" href="javascript:void(0)" class="btn btn-theme btn-lg btn-block loginButton">Login </a> </div> </form> </div> </div> </div> </div> </div> ---> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(window).load(function(){ var selected = $('input[name=call_or_schedule]:checked').val(); if(selected == 'call'){ $('.callDiv').hide(); } else{ $('.callDiv').show(); } }); </script> <style type="text/css"> .programPageSection { display: flex; flex-direction: column; width:100%; } .programPageSection > .question_headline_section {order: 0; display: block; } .programPageSection > .white_stripe_section {order: 1; display: block; } .programPageSection > .html_editor_section {order: 2; display: none; } .programPageSection > .benefits_2_section {order: 3; display: block; } .programPageSection > .full_width_row_section {order: 4; display: none; } .programPageSection > .headling_section {order: 5; display: block; } .programPageSection > .benefits_1_section {order: 6; display: none; } .programPageSection > .video_row_section {order: 7; display: none; } .programPageSection > .call_to_action_section {order: 8; display: none; } .programPageSection > .statistics_section {order: 9; display: none; } .programPageSection > .white_stripe_2_section {order: 10; display: block; } .programPageSection > .little_row_section {order: 11; display: block; } .programPageSection > .testimonial_section {order: 12; display: none; } .programPageSection > .faq_section {order: 13; display: block; } .programPageSection > .benefits_3_section {order: 14; display: none; } </style> <!-- Navigation --> <!--<div class="mobile-contact"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <span class="no title-p"> Spring Camp</span> <div class="row"> <div class="col-xs-6 row-btn"> <a class="btn btn-theme" href="https://elementata.com/trial-offer/virtual-classes" target=""> Try Our Virtual Classes!</a> </div> <div class="col-xs-6 row-btn"> <a class="btn btn-theme" href="https://www.google.com/maps/place/1124+Arnold+Drive+Martinez+CA+94553" target="_blank"> <i class="fa fa-map-marker"></i> Find Us </a> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> --> <section id="program-main" class="program-trial-form " style="background-image:url('upload/programs/16155569471516740905summer-camps-bg.jpg') !important;" > <span class="overlay" style=" background:rgba(0, 0, 0, 0) !important"></span> <div class="container"> <div class="row"> <div class="col-md-12 hidden-xs mobile-tab-hidden"> <a href="javascript:void(0);" onclick="javascript:history.go(-1)" class="prev-page"><i class="fa fa-angle-left"></i> Back to Previous Page</a> </div> <div class="col-sm-4 col-md-4 text-span4 hidden-xs mobile-tab-hidden "> <div class="program-desc program-heading"> <h2 style="background-color:rgba(0, 0, 0, 0);padding: 15px 20px;"><p style="font-size:45px;line-height:.95em;"><span style="color:#FFFFFF;">WE CAN HELP MAKE THIS YOUR CHILD’S MOST EXCITING SPRING BREAK EVER!</span></p> </h2> <p><p><span style="color:#000000;">Spring Break camp at <strong>Element ATA Martial Arts</strong> works hand in hand with your efforts as a parent, providing the Life Skills necessary for your child to be THE BEST THEY CAN BE!</span></p> <p><span style="color:#fa5e3f;"><strong>Getting started is easy:</strong></span></p> <h3><span style="color:#56b8d5;"><span class="numbering">1</span> Enter Your Information<br /> <span class="numbering">2</span> Enroll Your Child<br /> <span class="numbering">3</span> Begin Spring Camp!</span></h3> <p><span style="color:#fa5e3f;"><strong>We will do all the rest!</strong></span></p> </p> </div> </div> <div class="col-sm-4 col-md-4 hidden-xs vertical-image"> <img src="https://elementata.com/upload/programs/1615567696Just4Kids.png" class="img-responsive" alt="spring happy kids"> </div> <div class="col-md-4 col-sm-4 form-schedule form-span4 "> <div class="program-trial"> <div class="red-block text-center"> <h1>Spring Camp<br> <h1><strong>REGISTRATION</strong></h1> <h2 style="color:#ffff99;">ONLY 12 SPOTS AVAILABLE!</h2> <p>Reserve your Spring camp spot today!</p> <div class="big_triangle_wrapper"> <div class="big_triangle"></div> </div> </div> <script> $(window).load(function(){ $.each( $( ".birthday_redio" ), function() { if($(this).attr('checked') == 'checked'){ var redirection_type = $(this).attr('redirection_type'); var trial_offer_id = $(this).attr('trial_offer_id'); var dojocart_id = $(this).attr('dojocart_id'); var third_party_url = $(this).attr('third_party_url'); var thankyou_page_id = $(this).attr('thankyou_page_id'); $('#redirection_type').val(redirection_type); if(redirection_type == "dojocart"){ $('#redirection_value').attr('name','dojocart_id'); $('#redirection_value').val(dojocart_id); }else if(redirection_type == "third_party_url"){ $('#redirection_value').attr('name','third_party_url'); $('#redirection_value').val(third_party_url); }else if(redirection_type == "thankyou_page"){ $('#redirection_value').attr('name','thankyou_page_id'); $('#redirection_value').val(thankyou_page_id); }else{ $('#redirection_value').attr('name','trial_offer_id'); $('#redirection_value').val(trial_offer_id); } } }); $.each( $( ".reserve_or_schedule" ), function() { if($(this).attr('checked') == 'checked'){ var redirection_type = $(this).attr('redirection_type'); var trial_offer_id = $(this).attr('trial_offer_id'); var dojocart_id = $(this).attr('dojocart_id'); var third_party_url = $(this).attr('third_party_url'); var thankyou_page_id = $(this).attr('thankyou_page_id'); $('#redirection_type').val(redirection_type); if(redirection_type == "dojocart"){ $('#redirection_value').attr('name','dojocart_id'); $('#redirection_value').val(dojocart_id); }else if(redirection_type == "third_party_url"){ $('#redirection_value').attr('name','third_party_url'); $('#redirection_value').val(third_party_url); }else if(redirection_type == "thankyou_page"){ $('#redirection_value').attr('name','thankyou_page_id'); $('#redirection_value').val(thankyou_page_id); }else{ $('#redirection_value').attr('name','trial_offer_id'); $('#redirection_value').val(trial_offer_id); } } }); }) $(document).ready(function(){ $('.birthday_redio').click(function(){ var redirection_type = $(this).attr('redirection_type'); var trial_offer_id = $(this).attr('trial_offer_id'); var dojocart_id = $(this).attr('dojocart_id'); var third_party_url = $(this).attr('third_party_url'); var thankyou_page_id = $(this).attr('thankyou_page_id'); $('#redirection_type').val(redirection_type); if(redirection_type == "dojocart"){ $('#redirection_value').attr('name','dojocart_id'); $('#redirection_value').val(dojocart_id); }else if(redirection_type == "third_party_url"){ $('#redirection_value').attr('name','third_party_url'); $('#redirection_value').val(third_party_url); }else if(redirection_type == "thankyou_page"){ $('#redirection_value').attr('name','thankyou_page_id'); $('#redirection_value').val(thankyou_page_id); }else{ $('#redirection_value').attr('name','trial_offer_id'); $('#redirection_value').val(trial_offer_id); } if($(this).val() == 'call'){ $('#schedule_party').attr('checked', false); $('#more_info').attr('checked', true); $('.callDiv').hide(); } else{ $('#schedule_party').attr('checked', true); $('#more_info').attr('checked', false); $('.callDiv').show(); } }); $('.reserve_or_schedule').click(function(){ var redirection_type = $(this).attr('redirection_type'); var trial_offer_id = $(this).attr('trial_offer_id'); var dojocart_id = $(this).attr('dojocart_id'); var third_party_url = $(this).attr('third_party_url'); var thankyou_page_id = $(this).attr('thankyou_page_id'); $('#redirection_type').val(redirection_type); if(redirection_type == "dojocart"){ $('#redirection_value').attr('name','dojocart_id'); $('#redirection_value').val(dojocart_id); }else if(redirection_type == "third_party_url"){ $('#redirection_value').attr('name','third_party_url'); $('#redirection_value').val(third_party_url); }else if(redirection_type == "thankyou_page"){ $('#redirection_value').attr('name','thankyou_page_id'); $('#redirection_value').val(thankyou_page_id); }else{ $('#redirection_value').attr('name','trial_offer_id'); $('#redirection_value').val(trial_offer_id); } if($(this).val() == 'call'){ $('#schedule_party').attr('checked', false); $('#more_info').attr('checked', true); $('.callDiv').hide(); } else{ $('#schedule_party').attr('checked', true); $('#more_info').attr('checked', false); $('.callDiv').show(); } }); $('.bdayFormSubmit').click(function(){ var err = 0 var name=$('#first_name').val(); //alert(name); return false; if(name.length == 0){ var err = 1; $('#first_name').after('<div class="reds name_error">Enter Your First Name & Last Name</div>'); }else{ if(! /\s/g.test(name)){ var err = 1; $('#first_name').after('<div class="reds name_error">Enter Your First Name & Last Name</div>'); } } /*var last_name=$('#last_name').val(); //alert(name); return false; if(last_name.length == 0){ var err = 1; $('#last_name').after('<div class="reds last_name_error">Enter your last name</div>'); }*/ /*var telephone=$('#telephone').val(); if(telephone.length <= 11 || telephone.length == 0){ var err = 1; $('#telephone').after('<div class="reds phone_error">Enter a valid phone number</div>'); } */ var telephoneId = 'telephone'; var phoneError = 'phone_error'; var telephone=$('#'+telephoneId).val(); if(telephone.length <= 13 || telephone.length == 0){ var err = 1; $('#'+telephoneId).after('<div class="reds '+phoneError+'">Enter a valid phone number</div>'); } var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i; var email=$('#form_email').val(); if(email.length == 0 || emailfilter.test($("#form_email").val()) == false){ var err = 1; $('#form_email').after('<div class="reds email_error">Enter a valid email address</div>'); } if(err == 0){ return true; } else{ return false; } }); $('#first_name').keyup(function(){ if($(this).val().length > 0){ $('.name_error').hide(); } else{ $('#first_name').after('<div class="reds name_error">Enter Your First Name & Last Name</div>'); } }); $('#last_name').keyup(function(){ if($(this).val().length > 0){ $('.last_name_error').hide(); } else{ $('#last_name').after('<div class="reds last_name_error">Enter your last name</div>'); } }); $('#telephone').keyup(function(){ /*if($(this).val().length <= 11){ $('#telephone').after('<div class="reds phone_error">Enter a valid phone number</div>'); $('#telephone').after('<div class="reds phone_error">Enter a valid phone number</div>'); } if($(this).val().length == 12){ $('.phone_error').hide(); } */ $('.phone_error').hide(); }); $('#form_email').keyup(function(){ var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i; var email=$('#form_email').val(); if($(this).val().length > 0 || emailfilter.test($("#form_email").val()) == false){ $('.email_error').hide(); } else{ $('#form_email').after('<div class="reds email_error">Enter a valid email address</div>'); } }); }); </script> <div class="trial-form birthday_form program-form details-spacing test"> <form method="post" action="sendmail/send" class="get_started_form mini_form form-program"> <div class="inline_mid_form" > <input type="radio" name="reserve_or_schedule" value="Reserve a spot for your child" id="" class="reserve_or_schedule" checked="checked" redirection_type="third_party_url" trial_offer_id="4" dojocart_id="0" third_party_url="https://form.jotform.com/210195584770157" thankyou_page_id="4" /> Reserve a spot for your child <br /> <input type="radio" name="reserve_or_schedule" id="" value="Schedule a phone consultation" class="reserve_or_schedule" redirection_type="thankyou_page" trial_offer_id="4" dojocart_id="0" third_party_url="" thankyou_page_id="5" /> Schedule a phone consultation </div> <div class="inline_mid_form w-full" > <input type="text" id="first_name" name="bday_name" class="contact-form-line" placeholder="Full Name" onfocus="this.placeholder = ''" onBlur="textAlphabatic(this)" maxlength="50" error_class="name_error" error_msg="Enter Your First Name & Last Name" > <span class="fa fa-user form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div class="inline_mid_form w-half optinlastname" > <input type="text" id="last_name" name="last_name" class="contact-form-line" placeholder="Last Name" onfocus="this.placeholder = ''" onBlur="textAlphabatic(this)" maxlength="25" error_class="last_name_error" error_msg="Enter your last name" > <span class="fa fa-user form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div class="inline_mid_form w-full" > <input type="email" name="bday_email" id="form_email" class="contact-form-line" placeholder="Email" onfocus="this.placeholder = ''" onBlur="this.placeholder = 'Email'" > <span class="fa fa-envelope form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div class="inline_mid_form w-full" > <input type="text" name="bday_phone" id="telephone" class="contact-form-line phone_number" placeholder="Phone" onfocus="this.placeholder = ''" error_class="phone_error" onBlur="phoneValidation(this)" maxlength="14" > <span class="fa fa-phone form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <input type="text" id="fax" name="fax" class="optinfax" placeholder="Fax Number" value=""> <input type="text" id="comment" name="comment" class="optincomment" placeholder="Write your comment here..." value=""> <input type="checkbox" class="optincheck" name="contact_me_by_phone" value="1"> <div class="started-btn-program"> <input type="hidden" value="" name='email' id='email' class="submit button" style="display:none" /> <input type="text" id="website" name="website" class="optinwebsite" placeholder="Website" value=""> <input type="text" class="ywedobjeo" name="x2o3d_8b161408e359d8ff10c887d149005cad15768471501936" value="1618312302" placeholder="Serial Number"/> <input type="hidden" name="page_url" value="/programs/just-4-kids/spring-break-camp" /> <input type="hidden" name="program_type" value="summer_camp" /> <!-- <button type="submit" class="btn btn-red submit bdayFormSubmit"> I want to get started now! <br> <span class="s-btn"> Schedule my party! </span></button> --> <input type="hidden" name="redirection_type" id="redirection_type" value="third_party_url" /> <input type="hidden" name="program_id" value="132" /> <input type="hidden" name="program_cat_id" value="74" /> <input type="hidden" name="" id="redirection_value" value="https://form.jotform.com/210195584770157" /> <input type="hidden" name="is_unique_trial" value="0" /> <button class="redeem-offer bdayFormSubmit" type="submit">Reserve My Child's Spot!</button> </div> </form> </div> <!-- END #contact_form --> </div> <span class="triangle"> <p>We respect your privacy and will NEVER sell, rent<br>or share your email address.</p> </span> </div> <div class="col-sm-4 col-md-4 text-span4 hidden-sm hidden-md hidden-lg mobile-tab-visible"> <img src="upload/Leadership_Academy_(white).png" class="about-logo 3" alt="Element ATA Martial Arts"> <div class="program-desc"> <h2 style="background-color: rgba(0,0,0,0.5);padding: 15px;"><p style="font-size:45px;line-height:.95em;"><span style="color:#FFFFFF;">WE CAN HELP MAKE THIS YOUR CHILD’S MOST EXCITING SPRING BREAK EVER!</span></p> </h2> <p><p><span style="color:#000000;">Spring Break camp at <strong>Element ATA Martial Arts</strong> works hand in hand with your efforts as a parent, providing the Life Skills necessary for your child to be THE BEST THEY CAN BE!</span></p> <p><span style="color:#fa5e3f;"><strong>Getting started is easy:</strong></span></p> <h3><span style="color:#56b8d5;"><span class="numbering">1</span> Enter Your Information<br /> <span class="numbering">2</span> Enroll Your Child<br /> <span class="numbering">3</span> Begin Spring Camp!</span></h3> <p><span style="color:#fa5e3f;"><strong>We will do all the rest!</strong></span></p> </p> </div> </div> </div> </div> </section> <div class="programPageSection"> <section id="question" class="question_headline_section"> <div class="container"> <div class="row"> <h3>ARE YOU WORRIED YOUR CHILD WILL BE BORED THIS SPRING,<br /> MAKING YOU SUPER BUSY BEING THE ENTERTAINMENT??</h3> </div> </div> </section> <section id="mom-dad" class="white_stripe_section" style="background:rgba(0, 0, 0, 0) !important"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="image-block" style="float:left"> <img src="https://elementata.com/upload/programs/1615557302summer-bored-kid.png" alt="bored kids in summer"> </div> <div class="right-block-text"> <h2></h2> <div class="desc-text"> <h3>With kids out of school for Spring break, keeping them entertained can be a challenge. Juggling household responsibilities and work is difficult enough during the school year, the kids' extra downtime can cause a new level of stress.</h3> <hr /> <p>Finding a safe and reliable Spring break camp program can be a difficult task for parents. It's not always easy to find a well-rounded program that keeps kids active and engaged while remaining attentive to safety.</p> <hr /> <h3>Spring Break doesn't have to be a boring time for the kids and a busy time for Mom & Dad!</h3> </div> </div> </div> </div> </div> </section> <!-- <section id="mom-son" class="white_stripe_section" style="background:rgba(0, 0, 0, 0) !important"> <div class="container"> <div class="row"> <div class="col-md-3 "> <img src="https://elementata.com/upload/programs/1615557302summer-bored-kid.png" alt="bored kids in summer"> </div> <div class="col-md-9 pull-right"> <div class="desc-text"> <h3>With kids out of school for Spring break, keeping them entertained can be a challenge. Juggling household responsibilities and work is difficult enough during the school year, the kids' extra downtime can cause a new level of stress.</h3> <hr /> <p>Finding a safe and reliable Spring break camp program can be a difficult task for parents. It's not always easy to find a well-rounded program that keeps kids active and engaged while remaining attentive to safety.</p> <hr /> <h3>Spring Break doesn't have to be a boring time for the kids and a busy time for Mom & Dad!</h3> </div> </div> </div> </div> </section> --> <section id="life-skills" class="pos-rel benefits_1_section" style="background-image:url('upload/programs/') ; background:rgb(86, 184, 213) !important"> <!-- <span class="overlay" style=" background:rgb(86, 184, 213) !important"></span> --> <div class="container"> <div class="row"> <h2>Our Spring Break Camp Is Packed With Fun Activities!</h2> <p><p>Our highly structured camp is taught by Certified Instructors and Junior Leaders! The camp is planned by a credentialed teacher and our talented team! Besides Pokemon battles, we will focus on arts & crafts that will spark your child's imagination, and plenty of free time to make friends and build social skills. </p> </p> <div class="col-sm-4"> <img src="https://elementata.com/upload/programs/16155573021516440077Birthday-Parties-Board-Break.png" class="" alt="Break Boards"> <p>Break Boards</p> </div> <div class="col-sm-4"> <img src="https://elementata.com/upload/programs/16155573021521006030karate.png" class="" alt="Learn Martial Arts Moves"> <p>Learn Martial Arts Moves</p> </div> <div class="col-sm-4"> <img src="https://elementata.com/upload/programs/16155573021521005984friends.png" class="" alt="make friends"> <p>Make Friends!</p> </div> </div> </div> </section> <section class="section video_row_section" id="discover" style="background-image:url('upload/programs/') !important;"> <span class="overlay" style="background:rgb(86, 184, 213)"></span> <div class="container"> <div class="row"> <div class="col-md-8 col-md-push-2"> <h2>Our Spring Break Camp Is Packed With Fun Activities!</h2> <p><p>Our highly structured camp is taught by Certified Instructors and Junior Leaders! The camp is planned by a credentialed teacher and our talented team! Besides Pokemon battles, we will focus on arts & crafts that will spark your child's imagination, and plenty of free time to make friends and build social skills. </p> </p> </div> </div> </div> </section> <section id="toggle-block" class="clearfix blue-bg share-section full_width_row_section"> <div class="content-box pull-right" style="background:rgb(255, 53, 2)"> <h2>Summertime is fun time but it can also be learning time at our martial arts summer camp.</h2> <p><p><span style="color:#FFFFFF;">Your kids will enjoy games, crafts, martial arts, quiet activities, movies, and more, plus the life-enriching skills of self-confidence, respect, self-control, and friendship.</span></p> <p><span style="color:#FFFFFF;"><strong>Your kids will return to school with the skills to succeed and great memories of a fun summer camp they will never forget.</strong></span></p> </p> </div> <div class="relative-block leftImgBox"> <div class="full-bg-toggle-a" style="background-image:url('upload/programs/summer-camp-2.jpg'); "> <span class="cyan-overlay"></span> </div> </div> <div class="clearfix"></div> </section> <section id="toggle-block" class="clearfix blue-bg share-section full_width_row_section"> <div class="content-box pull-left" style="background:rgb(57, 133, 198)"> <h2>Thousands of families have attributed our program with their child:</h2> <p><p><span style="color:#FFFFFF;">• Earning better grades<br /> • Experiencing higher self-esteem<br /> • Developing personal discipline<br /> • Learning how to set and achieve goals<br /> • Making new friends</span></p> <h3><span style="color:#ffff99;">... AND HAVING TONS OF FUN!</span></h3> </p> </div> <div class="relative-block rightImgBox"> <div class="full-bg-toggle-a" style="background-image:url('upload/programs/Summer-Camp-1.jpg'); "> <span class="cyan-overlay"></span> </div> </div> <div class="clearfix"></div> </section> <section id="get-started" class="pos-rel call_to_action_section" style="background-image:url('upload/programs/') !important;"> <span class="overlay" style="background:rgba(0, 0, 0, 0)"></span> <div class="container"> <div class="row"> <h2></h2> <p></p> <div class="col-sm-4"> <h3></h3> <p> </p> </div> <div class="col-sm-4"> <h3></h3> <p> </p> </div> <div class="col-sm-4"> <h3></h3> <p> </p> </div> </div> </div> </section> <section class="difference-block headling_section" id="difference" style="background-image:url('upload/programs/1615557302Summer-Camp.jpg') !important;"> <span class="overlay" style="background:rgba(255, 255, 255, 0.88)"></span> <div class="container"> <div class="row text-center"> <div class="col-sm-12 col-md-12"> <div class="text-center"> <h2>NO MARTIAL ARTS EXPERIENCE IS NECESSARY<br>TO ATTEND OUR SPRING BREAK CAMP!</h2> <p></p> </div> <div class="col-sm-4 col-md-4"> <div class="block-box"> <p><p> </p> <p>Uniforms are <strong>NOT</strong> necessary!<br /> Masks are <strong>required.</strong></p> </p> </div> </div> <div class="col-sm-4 col-md-4"> <div class="block-box"> <p><p>Please wear <strong>comfortable clothes</strong> suitable for participating in martial arts activities. A t-shirt and shorts/sweatpants is perfect.</p> </p> </div> </div> <div class="col-sm-4 col-md-4"> <div class="block-box"> <p><p>All children MUST have a waiver <strong>signed by a parent or guardian</strong> in order to participate.</p> </p> </div> </div> </div> </div> </div> </section> <section id="parents" class="text-center statistics_section" style="background-image:url('upload/programs/') !important;"> <span class="overlay" style="background:rgba(0, 0, 0, 0)"></span> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="text-center"> <h2></h2> </div> </div> <div class="col-sm-4"> <h2></h2> <p> </p> </div> <div class="col-sm-4"> <h2></h2> <p> </p> </div> <div class="col-sm-4"> <h2></h2> <p> </p> </div> <div class="col-md-10 col-md-push-1 col-sm-12 stats"> <p></p> </div> </div> </div> </section> <section id="life-skills" class="ways sky-bg benefits_2_section" style="background-image:url('upload/programs/') !important;background:rgb(246, 246, 246)"> <div class="container"> <div class="row"> <h2></h2> <p></p> <div class="col-sm-4"> <img src="https://elementata.com/upload/programs/1615557302stressed-mom.png" class="" alt="stressed parent"> <h3>Go from this...</h3> <p></p> </div> <div class="col-sm-4"> <img src="https://elementata.com/upload/programs/1615559425right-arrow-teal.png" class="" alt="right arrow"> <h3></h3> <p></p> </div> <div class="col-sm-4"> <img src="https://elementata.com/upload/programs/1615559425relaxed-mom.png" class="" alt="relaxing parent"> <h3>... to this!</h3> <p></p> </div> </div> </div> </section> <!-- features program section --> <section id="ata-ad" class="white_stripe_2_section"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Imagine your child as a stronger, more confident individual - in class, at home, and in school.</h3> <p><span style="font-size:22px;">Enroll your child in our Spring Break camp program and turn that vision into a reality!</span></p> </div> </div> </div> </section> <section id="" class="cyan-bg little_row_section" style="background:rgb(204, 237, 238)"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-push-1"> <div class="row"> <div class="col-md-4 img-over "> <img src="upload/programs/kids-camp.png" style="top:0px;" alt="items to bring to summer camp"> </div> <div class="col-md-8 "> <div class="text-block"> <h2><h2><span style="color:#000;">What to Bring</span></h2> </h2> <p><hr style="border-top: 1px solid #29afb7;" /> <h4 style="font-align:left;"><span style="color:#000000;">Campers are required to bring a lunch daily - <em>(please pack a healthy lunch), two snacks and a water bottle. </em></span></h4> <h4 style="font-align:left;"><span style="color:#000000;">Campers should wear comfortable clothing that will not restrict movement.<br /> <strong>Masks are required.</strong></span></h4> </p> </div> </div> </div> </div> </div> </div> </section> <section id="" class="cyan-bg little_row_section" style="background:rgba(255, 53, 2, 0.77)"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-push-1"> <div class="row"> <div class="col-md-4 img-over col-md-push-8"> <img src="upload/programs/happy-kids-2.png" style="top:0px;" alt="weekly summer camp themes"> </div> <div class="col-md-8 col-md-pull-4"> <div class="text-block"> <h2><h2><span style="color:#fff;">Camp Details</span></h2> </h2> <p><hr /> <h4><span style="color:#fff;"><strong>Camp runs from 10:00am - 2:00pm </strong><br /> Early care starts at 9am. Early care is $40/week. We do not offer daily drop-in for this camp. </span></h4> </p> </div> </div> </div> </div> </div> </div> </section> <section id="" class="cyan-bg little_row_section" style="background:rgb(255, 255, 255)"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-push-1"> <div class="row"> <div class="col-md-4 img-over "> <img src="upload/programs/pokemon-sm.png" style="top:-11px;" alt="pokemon"> </div> <div class="col-md-8 "> <div class="text-block"> <h2><h2><span style="color:#ff3502;">April 5th - 9th</span></h2> </h2> <p><h3><span style="color:#000000;">Prepare to battle... Pokémon style!</span></h3> </p> </div> </div> </div> </div> </div> </div> </section> <section id="" class="cyan-bg little_row_section" style="background:rgb(255, 207, 38)"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-push-1"> <div class="row"> <div class="col-md-4 img-over "> <img src="upload/programs/happy-kids-3.png" style="top:0px;" alt="summer camp registration"> </div> <div class="col-md-8 "> <div class="text-block"> <h2><h2><span style="color:#000000;">REGISTRATION</span></h2> </h2> <p><hr /> <h3><span style="color:#000000;">Camp Cost: $200/week<br /> Extra $40/week Early Care</span></h3> <p><span style="color:#000000;">Sibling Discount: 20% Off</span></p> <p><span style="color:#000000;"><strong>You must pay for your spot to be considered registered. Cancellations after 4/1/21 may not receive a refund unless we can book a camper on our waitlist. </strong><br /> <a class="load-more" href="https://elementata.com/programs/just-4-kids/spring-break-camp#program-main">Register</a></span></p> </p> </div> </div> </div> </div> </div> </div> </section> <section id="testi-block" class="testimonial testimonial-trial testimonial_section"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="caption"> <div class="slide-text"> <div class="quote"> <i class="fa fa-quote-right fa-3x"></i> </div> <div class="testimonial-desc"> <small class="arrow"></small> <p class="desc">Master Schreiber's ATA provides a great learning opportunity for my son each and every time he attends a class. The studio is led by passionate, interactive, involved and experienced instructors who teach the importance of respect, discipline, integrity, perseverance, friendship and hard work. It's a great place! </p> <p class="f-name">Jeanne W.</p> <p class="accent-txt d-txt">Martinez</p> </div> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="caption"> <div class="slide-text"> <div class="quote"> <i class="fa fa-quote-right fa-3x"></i> </div> <div class="testimonial-desc"> <small class="arrow"></small> <p class="desc">My son has trained here for nearly 5 years. Senior Master Schreiber and team show such dedication to the students. The school is run with professionalism, care and all in a fun environment. It has certainly helped improve my son's focus. </p> <p class="f-name">Shona P.</p> <p class="accent-txt d-txt">Martinez</p> </div> </div> </div> </div> </div> </div> </section> <section id="get-started" class="gift benefits_3_section" style="background-image:url('upload/programs/') !important;"> <span class="overlay" style=""></span> <div class="container"> <div class="row"> <div class="col-sm-12"> <h2></h2> <p></p> </div> <div class="col-sm-4"> <h2></h2> </div> <div class="col-sm-4"> <h2></h2> </div> <div class="col-sm-4"> <h2></h2> </div> </div> </div> </section> </div> <section class="trial-form trial-form-about-footer" id="trial-program"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2> Spring Camp exclusive Web Offer </h2> <h1> Act Now! </h1> <!--<p></p> <h3></h3> --> </div> </div> </div> </section> <div class="trial-form about-trial-form about-bg"> <div class="container"> <div class="row"> <div class="col-xs-12"> <script> $(document).ready(function(){ $('.contactFormSubmit1').click(function(){ var err = 0 var name=$('#first_name1').val(); //alert(name); return false; if(name.length == 0){ var err = 1; $('#first_name1').after('<div class="reds name_error1">Enter Your First Name & Last Name</div>'); }else{ if(! /\s/g.test(name)){ var err = 1; $('#first_name1').after('<div class="reds name_error1">Enter Your First Name & Last Name</div>'); } } /*var last_name=$('#last_name1').val(); if(last_name.length == 0){ var err = 1; $('#last_name1').after('<div class="reds last_name_error1">Enter your last name</div>'); }*/ /*var telephone=$('#telephone1').val(); if(telephone.length <= 11 || telephone.length == 0){ var err = 1; $('#telephone1').after('<div class="reds phone_error1">Enter a valid phone number</div>'); } */ var telephoneId = 'telephone1'; var phoneError = 'phone_error1'; var telephone=$('#'+telephoneId).val(); if(telephone.length <= 13 || telephone.length == 0){ var err = 1; $('#'+telephoneId).after('<div class="reds '+phoneError+'">Enter a valid phone number</div>'); } var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i; var email=$('#form_email1').val(); if(email.length == 0 || emailfilter.test($("#form_email1").val()) == false){ var err = 1; $('#form_email1').after('<div class="reds email_error1">Enter a valid email address</div>'); } if(err == 0){ return true; } else{ return false; } }); $('#first_name1').keyup(function(){ if($(this).val().length > 0){ $('.name_error1').hide(); } else{ $('#first_name1').after('<div class="reds name_error1">Enter Your First Name & Last Name</div>'); } }); $('#last_name1').keyup(function(){ if($(this).val().length > 0){ $('.last_name_error1').hide(); } else{ $('#last_name1').after('<div class="reds last_name_error1">Enter your last name</div>'); } }); $('#telephone1').keyup(function(){ /*if($(this).val().length <= 11){ $('#telephone1').after('<div class="reds phone_error1">Enter a valid phone number</div>'); } if($(this).val().length == 12){ $('.phone_error1').hide(); }*/ $('.phone_error1').hide(); }); $('#form_email1').keyup(function(){ var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i; var email=$('#form_email1').val(); if($(this).val().length > 0 || emailfilter.test($("#form_email1").val()) == false){ $('.email_error1').hide(); } else{ $('#form_email1').after('<div class="reds email_error1">Enter a valid email address</div>'); } }); }); </script> <form action="https://elementata.com/trial-offer" method="post" class="get_started_form mini_form_2"> <div class="inline_mid_form " > <input type="text" id="first_name1" name="name" class="contact-form-line" placeholder="Full Name" onfocus="this.placeholder = ''" onBlur="textAlphabatic(this)" maxlength="50" error_class="name_error1" error_msg="Enter Your First Name & Last Name" > <span class="fa fa-user form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div class="inline_mid_form optinlastname" > <input type="text" name="last_name" id="last_name1" class="contact-form-line" placeholder="Last Name" onfocus="this.placeholder = ''" onBlur="textAlphabatic(this)" maxlength="25" error_class="last_name_error" error_msg="Enter your last name" > <span class="fa fa-user form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div class="inline_mid_form " > <input type="text" name="form_email_2" id="form_email1" class="contact-form-line" placeholder="Email" onfocus="this.placeholder = ''" onBlur="this.placeholder = 'Email'" > <span class="fa fa-envelope form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div class="inline_mid_form " > <input type="text" name="phone" id="telephone1" class="contact-form-line phone_number" placeholder="Phone" onfocus="this.placeholder = ''" error_class="phone_error1" onBlur="phoneValidation(this)" maxlength="14" > <span class="fa fa-phone form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <input type="text" id="fax" name="fax" class="optinfax" placeholder="Fax Number" value=""> <input type="text" id="comment" name="comment" class="optincomment" placeholder="Write your comment here..." value=""> <input type="checkbox" class="optincheck" name="contact_me_by_phone" value="1"> <div class="inline_mid_form singleLocationFormButton started-btn" > <input type="hidden" name="miniform" value="true" /> <input type="text" id="website" name="website" class="optinwebsite" placeholder="Website" value=""> <input type="text" class="ywedobjeo" name="x2o3d_f4303cc2259df23b47faabe5e2db46e815768471524711" value="1618312302" placeholder="Serial Number"/> <input type="hidden" name="page_url" value="/programs/just-4-kids/spring-break-camp" /> <input type="hidden" name="program_name" value="Spring Camp" /> <input type="hidden" name="program_cat_id" value="74" /> <!-- <input type="hidden" name="trial_offer_id" value="4" /> --> <input type="hidden" name="redirection_type" value="thankyou_page" /> <input type="hidden" name="thankyou_page_id" value="5" /> <input type="hidden" name="is_unique_trial" value="0" /> <input class="mini_formSubmit contactFormSubmit1 submit getStartedMargin" type="submit" class="" value="Submit" /> </div> </form> </div> </div> </div> </div> <section class="map-main" id="direction"> <div id="location-map"> <div id="map_div5"></div> </div> <!-- form --> <!-- <section class="mobile-contact"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <span class="no title-p">Spring Camp </span> <div class="row"> <div class="col-xs-6 row-btn"> <a class="btn btn-theme" href="https://elementata.com/trial-offer/virtual-classes" target=""> Try Our Virtual Classes!</a> </div> <div class="col-xs-6 row-btn"> <a class="btn btn-theme" href="https://www.google.com/maps/place/1124+Arnold+Drive+Martinez+CA+94553" target="_blank"> <i class="fa fa-map-marker"></i> Find Us </a> </div> </div> </div> </div> </div> </section> --> <div class="outer-form"> <script> $(document).ready(function(){ $('.contactFormSubmit3').click(function(){ var err = 0 var name=$('#first_name2').val(); //alert(name); return false; if(name.length == 0){ var err = 1; $('#first_name2').after('<div class="reds name_error2">Enter Your First Name & Last Name</div>'); }else{ if(! /\s/g.test(name)){ var err = 1; $('#first_name2').after('<div class="reds name_error2">Enter Your First Name & Last Name</div>'); } } /*var last_name=$('#last_name2').val(); if(last_name.length == 0){ var err = 1; $('#last_name2').after('<div class="reds last_name_error2">Enter your last name</div>'); }*/ /*var telephone=$('#telephone2').val(); if(telephone.length <= 11 || telephone.length == 0){ var err = 1; $('#telephone2').after('<div class="reds phone_error1">Enter a valid phone number</div>'); } */ var telephoneId = 'telephone2'; var phoneError = 'phone_error2'; var telephone=$('#'+telephoneId).val(); if(telephone.length <= 13 || telephone.length == 0){ var err = 1; $('#'+telephoneId).after('<div class="reds '+phoneError+'">Enter a valid phone number</div>'); } var emailfilter=/^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i; var email=$('#form_email2').val(); if(email.length == 0 || emailfilter.test($("#form_email2").val()) == false){ var err = 1; $('#form_email2').after('<div class="reds email_error2">Enter a valid email address</div>'); } var message=$('#message2').val(); //alert(name); return false; if(message.length == 0){ var err = 1; $('#message2').after('<div class="message_error message_error2">Enter your message</div>'); } if(err == 0){ return true; } else{ return false; } }); $('#first_name2').keyup(function(){ if($(this).val().length > 0){ $('.name_error2').hide(); } else{ $('#first_name2').after('<div class="reds name_error2">Enter Your First Name & Last Name</div>'); } }); $('#last_name2').keyup(function(){ if($(this).val().length > 0){ $('.last_name_error2').hide(); } else{ $('#last_name2').after('<div class="reds last_name_error2">Enter your last name</div>'); } }); $('#telephone2').keyup(function(){ /*if($(this).val().length <= 11){ $('#telephone2').after('<div class="reds phone_error2">Enter a valid phone number</div>'); } if($(this).val().length == 12){ $('.phone_error2').hide(); } */ $('.phone_error2').hide(); }); $('#form_email2').keyup(function(){ if($(this).val().length > 0){ $('.email_error2').hide(); } else{ $('#form_email2').after('<div class="reds email_error2">Enter a valid email address</div>'); } }); $('#message2').keyup(function(){ if($(this).val().length > 0){ $('.message_error2').hide(); } else{ $('#message2').after('<div class="message_error message_error2">Enter Your First Name & Last Name</div>'); } }); }); </script> <form class="d-bg-c contact-form content_contact_form"action="contactus/send" method="post"> <input type="hidden" name="hid_location" value="" /> <div class="message"> <div id="alert"></div> </div> <div style="position:relative;"> <input type="text" name="name" id="first_name2" class="contact-form-line" placeholder="Full Name" onFocus="this.placeholder = ''" onBlur="textAlphabatic(this)" maxlength="50" error_class="name_error2" error_msg="Enter Your First Name & Last Name" > <span class="fa fa-user form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div style="position:relative;" class="optinlastname"> <input type="text" name="last_name" id="last_name2" class="contact-form-line" placeholder="Last Name" onFocus="this.placeholder = ''" onBlur="textAlphabatic(this)" maxlength="25" error_class="last_name_error" error_msg="Enter your last name" > <span class="fa fa-user form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div style="position:relative;"> <input type="text" name="phone" id="telephone2" class="contact-form-line phone_number" placeholder="Phone" onFocus="this.placeholder = ''" error_class="phone_error2" onBlur="phoneValidation(this)" maxlength="14" > <span class="fa fa-phone form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span></div> <input type="text" id="fax" name="fax" class="optinfax" placeholder="Fax Number" value=""> <div style="position:relative;"> <input type="email" name="form_email_2" id="form_email2" class="contact-form-line" placeholder="Email" onFocus="this.placeholder = ''" onBlur="this.placeholder = 'Email'"> <span class="fa fa-envelope form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div style="position:relative;"> <span class="fa fa-map-marker form-control-feedback move_input_icon site_theme_text" aria-hidden="true"></span> </div> <div style="position:relative;"> <span class="site_theme_text fa fa-comment form-control-feedback move_input_icon" aria-hidden="true"></span> <textarea name="message" id="message2" class="contact-form-area" placeholder="message" onFocus="this.placeholder = ''" onBlur="this.placeholder = 'Message'"></textarea> </div> <input type="text" id="comment" name="comment" class="optincomment" placeholder="Write your comment here..." value=""> <input type="checkbox" class="optincheck" name="contact_me_by_phone" value="1"> <input type="hidden" value="" name='email' id='email' class="submit button" style="display:none" /> <input type="text" id="website" name="website" class="optinwebsite" placeholder="Website" value=""> <input type="text" class="ywedobjeo" name="x2o3d_6754a664113af72be8c758e8d69c22ef15768471525298" value="1618312302" placeholder="Serial Number"/> <input type="hidden" class="conatct_page_url" name="page_url" value="/contact-us" /> <input type="submit" value="Send Message" class="btn btn-readmore btn-block submit button contactFormSubmit3"> </form> <div class="clearfix"></div> </div> </section> <script src="js/new/jquery-1.11.0.js"></script> <script> $(window).load(function(){ // get cities, on click dropdown states var stateName = $( "#dropdown-states option:selected" ).val(); //alert(stateName); if(stateName != 'Choose State'){ $.ajax({ url : 'https://elementata.com/site/getCityData', type : 'POST', data :{stateName:stateName, cityName:''}, success:function(data){ $('#ajax-dropdown-city').html(data); } }); } }); $(document).ready(function(){ // get cities, on click dropdown states $('#dropdown-states').change(function(){ var stateName = $(this).val(); //$('.map_div5').removeAttr('id'); //$('.map_div5').attr('id', 'map_div5_new'); //alert(newid); $.ajax({ url : 'https://elementata.com/site/getCityData', type : 'POST', data :{stateName:stateName}, success:function(data){ $('#ajax-dropdown-city').html(data); } }); }); }) </script> <!--<script src="js/new/jquery.maskedinput.js"></script> <script type="text/javascript"> jQuery(function($){ $(".phone_number").mask("999-999-9999",{placeholder:""}); }); </script>--> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-4"><div class="footer-widget"><div class="widget-title"><h6>Main</h6></div><div class="widget-about"><ul><li class="dropdown"><a href="about-us/martinez">About</a></li><ul class=""><li><a href="https://elementata.com/trial-offer">Trial Offer</a></li> </ul></ul></div> </div></div><div class="col-md-3 col-sm-4"><div class="footer-widget"><div class="widget-title"><h6>Programs</h6></div><div class="widget-about"><ul><li class="dropdown"><a href="programs/online-classes">Online Classes</a></li><li class="dropdown"><a href="programs/children-martial-arts">Children's Programs</a></li><li class="dropdown"><a href="programs/adult-programs">Teens & Adults</a></li><li class="dropdown"><a href="programs/just-4-kids">Just 4 Kids</a></li></ul></div> </div></div><div class="col-md-3 col-sm-4"><div class="footer-widget"><div class="widget-title"><h6>Contact Us</h6></div><div class="widget-about"><ul><li class="dropdown"><a href="contact-us">Contact Us</a></li></ul></div> </div></div> <div class="col-md-3 col-sm-3 text- hidden-sm"> <img src="https://elementata.com/upload/override_logos/1615493164Element-logo-Dkbg.png" class="img-responsive hidden-xs footerLogoImg" alt="Element ATA Martial Arts"> </div> </div> </div> </footer> <div class="clearfix"></div> <div class="footercopyright"> <div class="container"> <div class="row"> <div class="col-md-3 col-xs-12 col-sm-12 col-md-push-9"> <div class="social-ul"> <ul> <li class="social-facebook"><a href="https://www.facebook.com/elementata.martinez" target="_blank"><i class="fa fa-facebook"></i></a></li> <li class="social-youtube"><a href="https://www.youtube.com/user/elementatamartialarts" target="_blank"><i class="fa fa-youtube"></i></a></li> <li class="social-instagram"><a href="http://instagram.com/elementata.martinez" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> </div> <div class="col-md-9 col-xs-12 col-sm-12 col-md-pull-3"> <div class="copyright pull-left"> <p> © 2021 elementata.com All Rights Reserved. | Martial Arts Websites by <a href="http://websitedojo.com/" style="color:#FFF;" target="_blank">WebsiteDojo.com</a></p> </div> <ul class="footer-staticpage text-right"> <li><a href="privacy-policy">Privacy Policy</a></li> <li><a href="terms-and-conditions">Terms and Conditions</a></li> </ul> </div> </div> </div> </div><div class="clearfix"></div> <input type="hidden" id="site_currency_type" value="$" > <script> function set(elem) { var x = ''; var error_class = $(elem).attr("error_class"); var value = $(elem).val(); value = value.replace(/\s+/g, ''); if (!$.isNumeric(value )) { $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); $(elem).val(''); } if($(elem).val().length <= 3){ $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); }else if($(elem).val().length <= 5 && $(elem).val().length > 3){ x = $(elem).val().replace(/\D/g, '').match(/(\d{3})/); $(elem).val('' + x[1] + ' '); $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); } else if($(elem).val().length <= 9 && $(elem).val().length > 3){ x = $(elem).val().replace(/\D/g, '').match(/(\d{3})(\d{3})/); $(elem).val('' + x[1] + ' ' + x[2] + ' '); $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); } else if($(elem).val().length <= 11 && $(elem).val().length > 9){ x = $(elem).val().replace(/\D/g, '').match(/(\d{3})(\d{3})(\d{4})/); $(elem).val('' + x[1] + ' ' + x[2] + ' ' + x[3]); $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); }else{ x = $(elem).val().replace(/\D/g, '').match(/(\d{3})(\d{3})(\d{4})/); $(elem).val('' + x[1] + ' ' + x[2] + ' ' + x[3]); } if($(elem).val().length <= 11){ $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); }else{ $(elem).removeClass('phone_number'); $('.'+error_class).hide(); } } </script> <script> function textAlphabatic(elem){ var error_class = $(elem).attr("error_class"); var error_msg = $(elem).attr("error_msg"); var field_name = $(elem).attr("name"); var value = $.trim($(elem).val()); if(/^\s*$/.test(value)){ value = ''; } if (! /^[a-zA-Z ]+$/.test(value)) { $(elem).after('<div class="reds '+error_class+' ">'+error_msg+'</div>'); $(elem).val(''); }else{ if(value.length > 25){ $(elem).after('<div class="reds '+error_class+' ">'+error_msg+'</div>'); $(elem).val(''); }else{ if(field_name == "name"){ if(! /\s/g.test(value)){ $(elem).after('<div class="reds '+error_class+' ">'+error_msg+'</div>'); $(elem).val(value); } }else{ $(elem).val(value); $('.'+error_class).hide(); } } } } function phoneValidation(elem){ var error_class = $(elem).attr("error_class"); var value = $(elem).val(); //var int_value = (int)value; //alert(int_value); if(value.length <= 13){ $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); $(elem).val(value); }else if(value.length > 14){ $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); $(elem).val(value); }else{ $('.'+error_class).hide(); } } /*function phoneValidation(elem){ var error_class = $(elem).attr("error_class"); var value = $(elem).val(); //var int_value = (int)value; //alert(int_value); if (!$.isNumeric(value ) && value != '') { //alert(1); $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); $(elem).val(value); }else{ //alert(2); if(value.length <= 9){ $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); $(elem).val(value); }else if(value.length > 10){ $(elem).after('<div class="reds '+error_class+' ">Enter a valid phone number</div>'); $(elem).val(value); }else{ $('.'+error_class).hide(); } } } */ </script> <!-- <script src="js/jquery.maskedinput_new.js" type="text/javascript"></script> --> <script src="js/v5/jquery.mask_new2.js" type="text/javascript"></script> <script> $(document).ready(function(){ $('.phone_number').mask('(000) 000-0000'); // getting contact slug onchange location dropdown $('body').on('change','.getContactPageUrl', function() { if($(this).val() != '') { var location_slug = $('option:selected', this).attr('slug'); var contact_url = '/contact-us/'+location_slug; $('.conatct_page_url').val(contact_url); } }) }); /*jQuery(function($){ $(".phone_number").mask("(999) 999-9999",{placeholder:"(XXX) XXX-XXXX"}); });*/ /*$('.phone_number') .keydown(function (e) { var key = e.charCode || e.keyCode || 0; $phone = $(this); // Auto-format- do not expose the mask as the user begins to type if (key !== 8 && key !== 9) { if ($phone.val().length === 3) { $phone.val($phone.val() + ' '); } if ($phone.val().length === 7) { $phone.val($phone.val() + ' '); } } // Allow numeric (and tab, backspace, delete) keys only return (key == 8 || key == 9 || key == 46 || (key >= 48 && key <= 57) || (key >= 96 && key <= 105)); }) .bind('focus click', function () { $phone = $(this); if ($phone.val().length === 0) { $phone.val(''); } else { var val = $phone.val(); //$phone.val('').val(val); // Ensure cursor remains at the end } }) .blur(function () { $phone = $(this); if ($phone.val() === '(') { $phone.val(''); } }); */ /*function getContactPageUrl(location_name){ var location = $(location_name).attr('slug'); alert(location); return false; } */ </script> <!-- jQuery --> <!-- <script src="js/new/jquery.js"></script> --> <script src="js/new/main.js"></script> <!-- Bootstrap Core JavaScript --> <script src="js/new/bootstrap.min.js"></script> <!-- Script to Activate the Carousel --> <script> $('.carousel_testi').carousel({ interval: 6000 //changes the speed }) $('.carousel_slider').carousel({ interval: 5000 //changes the speed }) $('.carousel').carousel({ interval: false //changes the speed }) </script> <script type="text/javascript"> $(document).ready(function(){ $('.google-maps').click(function () { $('.google-maps iframe').css("pointer-events", "auto"); }); }); </script> <script src="js/v5/imagesloaded.pkgd.min.js" type="text/javascript"></script> <script src="js/v5/plugins.js" type="text/javascript"></script> <script type="text/javascript" src="js/v5/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="js/v5/jcarousel.responsive.js"></script> <script> $(window).load(function(){ $.each($('.form_location_dropdown'), function(){ var location_id = $(this).val(); var number = $(this).attr('number'); if(location_id != ''){ $.ajax({ url : 'https://elementata.com/site/get_program_ids_by_location_id', type : 'POST', dataType :'json', data :{location_id:location_id}, success:function(data){ if(data != ''){ $('.program_dropdown_'+number).empty(); $('.program_dropdown_'+number).append('<option value="">Choose a Program</option>'); $.each(data, function(index, element) { $('.program_dropdown_'+number).append('<option value="'+element.id+'">'+element.program+'</option>'); }); $('.program_dropdown_'+number).removeAttr('disabled'); } } }); } }) }) $(document).ready(function(){ $('.form_location_dropdown').change(function(){ var location_id = $(this).val(); var number = $(this).attr('number'); //alert(number); return false; if(location_id != '' || location_id != null){ $.ajax({ url : 'https://elementata.com/site/get_program_ids_by_location_id', type : 'POST', dataType :'json', data :{location_id:location_id}, success:function(data){ if(data != ''){ $('.program_dropdown_'+number).empty(); $('.program_dropdown_'+number).append('<option value="">Choose a Program</option>'); $.each(data, function(index, element) { $('.program_dropdown_'+number).append('<option value="'+element.id+'">'+element.program+'</option>'); }); $('.program_dropdown_'+number).removeAttr('disabled'); //$(this).parent().parent('form').find('.form_program_dropdown').removeAttr('disabled'); // $('.form_location_dropdown').removeAttr('disabled'); } } }); } }) $('.trial_offer_button').click(function(){ var redirect_url = $(this).attr('url'); $('.redirect_url').val(redirect_url); $('#trial_offer_link_form').submit(); }) $('.nestedSchoolLocation').click(function(){ var location_id = $(this).attr('location_id'); if(location_id != '' && location_id > 0){ $.ajax({ url : 'https://elementata.com/site/ajaxPopupForNestedSchool', type : 'POST', dataType :'html', data :{location_id:location_id}, success:function(data){ //alert(data); $('.nestedSchoolPopup').html(data); } }); } }) }) </script> <div class="nestedSchoolPopup"></div> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAFb8bN0L9_UpJsSoGOLw8A24Ix0ERnzCE&libraries=places&callback=initMap"></script> <!-- AIzaSyAKxOnTZybksn5qmhRCKoslYLQN0gB8XnE --> <!-- script for small map 1 --> <script> var infowindow = null; google.maps.event.addDomListener(window, 'load', initialize); function initialize() { var centerMap = new google.maps.LatLng(37.99364, -122.103651); var isDraggable = $(document).width() > 768 ? true : false; var myOptions = { draggable: isDraggable, zoom: 15, center: centerMap, scrollwheel: false, mapTypeId: 'roadmap', zoomControlOptions: true, zoomControlOptions : { position : google.maps.ControlPosition.RIGHT_TOP, }, } var map = new google.maps.Map(document.getElementById("map_div5"), myOptions); map.set('styles', [ { featureType: 'administrative', elementType: 'labels.text.fill', stylers: [ { color: '#444444' } ] }, { featureType: 'landscape', elementType: 'all', stylers: [ { color: '#f2f2f2' } ] }, { featureType: 'poi', elementType: 'all', stylers: [ { visibility:"off" } ] }, { featureType: 'road', elementType: 'all', stylers: [ { saturation:-100 }, { lightness: 45 } ] } , { featureType: 'road.highway', elementType: 'all', stylers: [ { visibility:'simplified' } ] }, { featureType: 'road.arterial', elementType: 'labels.icon', stylers: [ { visibility:"off" } ] }, { featureType: 'transit', elementType: 'all', stylers: [ { visibility:"off" } ] }, { featureType: 'water', elementType: 'all', stylers: [ { color:"#91d5e4" }, { visibility:"on" } ] } , { featureType: 'water', elementType: 'geometry.fill', stylers: [ { lightness:"55" } ] } , { featureType: 'water', elementType: 'labels.text.fill', stylers: [ { color:"#ceedf3"}, { visibility:"off" }, {weight:"0.01"} ] } , { featureType: 'water', elementType: 'labels.text.stroke', stylers: [ { color:"#ceedf3" } ] } ]); setMarkers(map, sites); } var sites = [ ["Element ATA Martial Arts", '37.99364', '-122.103651', 11, '<div id="content-map"><h3 id="firstHeading" class="firstHeading">'+"Element ATA Martial Arts"+'</h3>1124 Arnold Drive, Suite 101B</br>Martinez, CA 94553</br><a href="https://www.google.com/maps/place/1124+Arnold+Drive+Martinez+94553+CA" target="_blank">View Larger Map</a></div>'], ]; function setMarkers(map, markers) { for (var i = 0; i < markers.length; i++) { var sites = markers[i]; var siteLatLng = new google.maps.LatLng(sites[1], sites[2]); var marker = new google.maps.Marker({ position: siteLatLng, map: map, title: sites[0], zIndex: sites[3], html: sites[4] }); var infowindow = new google.maps.InfoWindow({ content: sites[4], maxWidth: 200 }); if(sites[3]==11) infowindow.open(map, marker); google.maps.event.addListener(marker, "click", function() { infowindow.setContent(this.html); infowindow.open(map, this); }); } } </script> </body> </html>