</ 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 " > <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> ---> <section id="program-main" class="program-trial-form" style="background-image:url('upload/program_category/1585570737virtual-bg.jpg') !important;"> <span class="overlay" style=" background:rgba(199, 229, 235, 0.85) !important"></span> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-12 text-span4 hidden-xs mobile-tab-hidden "> <div class="program-desc program-heading"> <h2><span style="color:#f01112;">VIRTUAL ACADEMY</span></h2> <p></p> <p></p><p><p>Take live classes from home via Zoom! Our instructors will help you or your child improve fitness, learn develop safety skills and develop life skills</p> </p> <p></p> </div> </div> </div> </div> </section> <section id="steps-3"> <div class="container-fluid"> <div class="row"> <div class="col-sm-4"> <div class="icon">1</div> <h3>Select Program</h3> </div> <div class="col-sm-4"> <div class="icon">2</div> <h3>Redeem Web Offer</h3> </div> <div class="col-sm-4"> <div class="icon">3</div> <h3>Begin Virtual Training!</h3> </div> </div> </div> </section> <div class="programPageSection"> <section id="program-top" class="white_stripe_section"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12"> <h2><p>NOW ENROLLING STUDENTS IN THE FOLLOWING CLASSES</p> </h2> </div> </div> </div> </section> <section id="Kids-Virtual-Training" class="gray-bg program_listing_section right-text"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4 image-box"> <div class="programs-img-over"> <img src="https://elementata.com/upload/programs/15859347841585581824kids-martial-arts-3.png" class="" style="top:-19px" alt="Kids Taekwondo Karate Fitness Martial Arts"> </div> </div> <div class="col-md-8 text-content"> <div class="programs-text-block"> <h2>Kids Virtual Training</h2> <h3>Ages: 3-12 Yrs</h3> <p><p>Exercise is one of the most important things your child can do to stay fit and healthy, boost their immune system, and avoid gaining weight. However, it is not always possible to fit in classes around your family's busy schedule or come to a studio regularly. </p> <p>At Element ATA Martial Arts we are committed to giving every child in every circumstance the opportunity to access the benefits of martial arts training, so all of our instruction is now available online! </p> <p>Boost confidence, develop life skills and keep your kids in the best of health all from the comfort of their own home. Sign up for our virtual training now! </p> </p> <div class="program-btn-block"> <a class="load-more" href="https://elementata.com/programs/online-classes/kids-virtual-training">Learn More</a> </div> </div> </div> </div> </div> </div> </div> </section> <section id="Adult-Virtual-Training" class="white-bg program_listing_section right-text"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4 image-box"> <div class="programs-img-over"> <img src="https://elementata.com/upload/programs/15861920311585582066Adult-Martial-Arts-3.png" class="" style="top:-19px" alt="adult online martial arts classes"> </div> </div> <div class="col-md-8 text-content"> <div class="programs-text-block"> <h2>Adult Virtual Training</h2> <h3>Ages: 13+</h3> <p><p>We are now offering virtual classes for those who are unable to attend classes for any reason.</p> <p>Having a consistent training routine is vitally important to gain optimum results and build your martial arts skills progressively. We realize it is not always possible to fit in classes around your busy schedule or come to a studio regularly but we have you covered!</p> </p> <div class="program-btn-block"> <a class="load-more" href="https://elementata.com/programs/online-classes/adult-virtual-training">Learn More</a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="map-main" id="direction"> <div id="location-map"> <div id="map_div5"></div> </div> <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_d1fa477076348ce7e4c096558c1c17d715768471559467" value="1618307868" 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> <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>