testimonials
LLK Testimonial Page >
<style type="text/css"> @media (max-width: 768px) { .hide-mobile{ display: none ! important; } .mobile-donate-now{ display: block !important; } } .mobile-donate-now{ display: block; } .mobile-donate-now{ float: right; padding-right: 15px; padding-top: 18px; } .mobile-donate-now a { margin: 0; min-width: 122px; border-left: none; background-color: #fa6f1c; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 10px 15px; } .mobile-donate-now a:hover { background-color: #27262c; color: #fff; } .customer-actions{ margin: 0; min-width: 122px; border-left: none; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 2px 0; } .bar .bar-socials li.login-action a { width: 170px;; } .bar .bar-socials li.myaccnt-action a { width: 130px; } .bar .bar-socials li.cart-action a { width: 0px; } .learn-more { color: white; text-decoration: underline; } .learn-more:hover { color: white; text-decoration: underline; } .logo_wthree_agile { /*padding-left: 80px;*/ padding-left: 0px; } </style> <script>(function(){ var s = document.createElement('script'), e = ! document.body ? document.querySelector('head') : document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'left', leadColor : '#1c6ee9', triggerColor : '#143361', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'top', triggerIcon : 'people', triggerSize : 'small', triggerOffsetX : 20, triggerOffsetY : 57, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; e.appendChild(s);}());</script> <!-- ################################# START PAGE HEADER ################################ --> <!-- Header Section Starts --> <header id="header-area"> <div class="top_header" id="home"> <!-- Fixed navbar --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="header-txt-banner"> <ul> <li>ANNOUNCEMENT: Safety is our top priority. <a class="learn-more" href="Safety-COVID19">Learn More</a> <img src="/assets/NewImages/Topbanner_popup_mask.svg"/><span class="closee">×</span></li> </ul> </div> <!-- <div class="llk-row">--> <div class="columns small-12"> <div class="nav_top_fx_w3layouts_agileits"> <div class="header-icon-left"> <!-- <img src="/assets/NewImages/image-8@1x.jpg"/> --> </div> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logo_wthree_agile"> <a href="/" data-touchpoint="home" class="logo-link"> <img src="/assets/images/common/logo.png" alt="Life Lab" class="main-logo"> </a> <div class="mob-header-donate-btn"> <a href="/donate"><button type="button" id="newsletter-form-submit" class="mob-donate-btn">Donate</button></a> </div> </div> <!-- <div class="mobile-donate-now"> <a href="/donate" class="donate-now">Donate</a> </div> --> </div> <div id="navbar" class="navbar-collapse collapse"> <div class="nav_right_top"> <ul class="nav navbar-nav"> <li> <a href="/">Home</a> </li> <li> <a class="scroll" href="/about-us">About Us</a> </li> <!-- <li> <a class="scroll" href="/benefits">Benefits</a> </li>--> <li> <a class="scroll" href="/Services">Services</a> </li> <li> <!-- <a class="scroll" href="/activities">Community</a>--> <a class="scroll" href="/Community">Community</a> </li> <!-- <li> <a class="scroll" href="/events">Events</a> </li> <li> <a class="scroll" href="/news">News</a> </li>--> <li> <a class="scroll" href="/careers">Careers</a> </li> <!-- <li> <a class="scroll" href="/testimonials">Testimonials</a> </li>--> <li> <a class="scroll contact-active" href="/contactUs">Contact Us</a> </li> <!-- <li class=""> <a class="scroll" href="/donate">Donate</a> </li>--> </ul> <div class="header-donate-btn"> <a id="donate-href" href="/donate"><button type="button" id="newsletter-form-submit" class="donate-btn">Donate</button></a> </div> </div> </div> <!--/.nav-collapse --> </div> </div> <!-- /.columns small-12 --> <!-- </div>--> </nav> <div class="clearfix"></div> </div> </header> <!-- Header Section Ends --> <!-- ################################# END PAGE HEADER ################################# --> <div class="clearfix"></div> <!-- ################################# START MAIN CONTENT ################################# --> <!-- Main Container Starts --> <div id="main-container" class="" style=""> </div> <!-- Main Container Ends --> <!-- ################################# END MAIN CONTENT ################################# --> <script> $(function() { var url = window.location.href; jQuery(".navbar-nav a").each(function() { // checks if its the same on the address bar if (url==this.href+"/" ||url==this.href) { jQuery(this).closest("li").addClass("active"); //for making parent of submenu active //jQuery(this).closest("li").parent().parent().addClass("active"); } }); var currentCategoryId = '${CURRENT_CATEGORYID}'; jQuery('.navbar-collapse').css("visibility","visible"); $("a[category-id='" + currentCategoryId + "']").addClass("active"); /** start global search event script **/ $("input[id='search']").keypress(function(event) { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (event.keyCode == 13 && !hasSearchValue) { event.preventDefault(); } if (event.keyCode == 13 && hasSearchValue) { return true; } }); var searchDefaultInputText = 'Search'; $("input[id='search']").focusin(function() { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (hasSearchValue) { if (searchValue == searchDefaultInputText) { $(this).val(""); } } }); $("input[id='search']").focusout(function() { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (!hasSearchValue) { $(this).val(searchDefaultInputText); } }); $("button[id='butt-global-search']").click(function() { var searchDefaultInputText = 'Search'; var searchValue = $("input[id='search']").val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (hasSearchValue && searchValue != searchDefaultInputText) { //console.log("Trigger Search"); $("#searchportlettag").submit(); } }); /** end global search event script **/ $("div[id='header-icon']").hover( function() { $(this).find("img[id='header-icon-bw']").hide(); $(this).find("img[id='header-icon-color']").show(); } , function() { $(this).find("img[id='header-icon-color']").hide(); $(this).find("img[id='header-icon-bw']").show(); } ); var url = window.location.href; //var displayFlag=false; if (url.indexOf('checkout.ssp') >0 || url.indexOf('cart.ssp') >0) { jQuery('#horizontalTab').hide(); } else { console.log('in horizontal block') jQuery('#horizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container closed: 'accordion', // Start closed if in accordion view activate: function(event) { // Callback function if tab is switched var $tab = jQuery(this); var $info = jQuery('#tabInfo'); var $name = jQuery('span', $info); $name.text($tab.text()); $info.show(); } }); } }); </script> <script> var closebtns = document.getElementsByClassName("closee"); var i; for (i = 0; i < closebtns.length; i++) { closebtns[i].addEventListener("click", function() { this.parentElement.style.display = 'none'; }); } </script> <script> $(function(){ $('.nav a').click(function(){ $(this).parent().addClass('active').siblings().removeClass('active') }) }) </script> <script type="text/javascript"> $(function() { var url = window.location.href; jQuery(".navbar-nav a").each(function() { // checks if its the same on the address bar if (url==this.href+"/" ||url==this.href) { jQuery(this).closest("li").addClass("active"); console.log("url",url); //for making parent of submenu active //jQuery(this).closest("li").parent().parent().addClass("active"); } }); var currentCategoryId = '${CURRENT_CATEGORYID}'; jQuery('.navbar-collapse').css("visibility","visible"); $("a[category-id='" + currentCategoryId + "']").addClass("active"); /** start global search event script **/ $("input[id='search']").keypress(function(event) { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (event.keyCode == 13 && !hasSearchValue) { event.preventDefault(); } if (event.keyCode == 13 && hasSearchValue) { return true; } }); } </script>
Shopping Cart
Your Cart is Empty
View Cart
Search
Benefits
Interactive Rooms
Privacy Policy
Programs
Donation
Concept
LLK Careers
LLK Display Job Information
LLK - News
LLK - Display News Story
LLK - Events
LLK - Display Event
LLK Testimonial Page
LLK - ContactUs Tab
Academic Tutoring
About Us
Testing
Services
Applied Behavioral Analysis
Community
Speech Therapy
Feeding Therapy
Occupational Therapy
Boxing/Fitness
Art Therapy
Music Therapy
Technology/VR Program
Life Skills/Nutrition Program
Groups
Safety and Addressing COVID19
Counseling
<style type="text/css"> .llk-testimonials-container { border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px; position: relative; float: left; width: 30%; } .llk-testimonials-container::after { content: ""; clear: both; display: table; } .llk-testimonials-container img { float: left; margin-right: 20px; border-radius: 50%; } .llk-testimonials-container span { font-size: 20px; font-weight: bold; margin-right: 15px; } .testimonial-form{ width: 80%; margin-top: 20px; } .llk-para-testimonial{ text-align: center; font-size: 17px; padding-top: 40px; padding-bottom: 40px; font-weight: 500; /* margin-top: -150px;*/ color: #746388; } .llk-testimonial-form-botttom { margin-bottom: 20px; } .llk-testimonial-fieldset { padding: 1.5em 1.5em 1.5em; } /* @media (max-width: 500px) { .llk-testimonials-container { text-align: center; width: auto; height: auto; margin-top: 90px; } .llk-testimonials-bg { background-size: contain; } }*/ @media only screen and (min-width: 320px) and (max-width: 425px) { .llk-testimonials-container { border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px; position: relative; float: left; width: auto; height: auto; /* margin-top: 100px;*/ text-align: center; } .llk-testimonials-bg { background-size: 100% 100%; } #LLKvideo-testimonial{ border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px 0px !important; position: relative; /* float: left; */ width: 300; height: 200; /* margin-top: 100px; */ } #LLKvideo-testimonial2{ width: 95%; height: auto; } } @media only screen and (min-width: 426px) and (max-width: 567px) { .llk-testimonials-container { border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px; position: relative; float: left; width: auto; height: auto; margin-top: 120px; text-align: center; } .llk-testimonials-bg { background-size: 100% 100%; } #LLKvideo-testimonial2{ width: 95%; height: auto; } } @media only screen and (min-width: 568px) and (max-width: 768px) { .llk-testimonials-container { border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px; position: relative; float: left; width: auto; height: auto; margin-top: 125px; text-align: center; } .llk-testimonials-bg { background-size: 100% 100%; } .llk-para-testimonial { margin-top: -40px; } #LLKvideo-testimonial2{ width: 95%; height: auto; } } /* @media only screen and (min-width: 641px) and (max-width: 1366px) { .llk-testimonials-container { border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px; position: relative; float: left; width: auto; margin-top: 125px; } .llk-testimonials-bg { background-size: contain; } }*/ /* iPad view */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .llk-testimonials-container { border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px; position: relative; float: left; width: auto; height: auto; /*margin-top: 100px;*/ text-align: center; } .llk-testimonials-bg { background-size: 100% 100%; margin-top: 165px; } .llk-para-testimonial { margin-top: -40px; } .LLKvideo-testimonials-col{ width: 100% !important; } .LLKvideo-testimonials{ height: 30% !important; width: 100% !important; } #LLKvideo-testimonial{ border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px 0px !important; position: relative; /* float: left; */ width: 300; height: 200; /* margin-top: 100px; */ } #LLKvideo-testimonial2{ width: 95%; height: auto; } } /* iPadPro view */ @media only screen and (min-width: 1024px) and (max-width: 1366px) { .llk-testimonials-bg { background-size: 100% 100%; } /*.LLKvideo-testimonials{ height: auto !important; width: 100% !important; }*/ #LLKvideo-testimonial2{ width: 95%; height: auto; } } @media only screen and (min-width: 1366px) and (max-width: 1585px) { .llk-testimonials-bg { background-size: 100% 100%; } } @media only screen and (min-width: 1585px) and (max-width: 1920px) { .llk-testimonials-bg { background-size: 100% 100%; } } .llk-testimonials-container img { margin: auto; float: none; display: block; } ::-webkit-input-placeholder { /* Chrome */ color: grey; } :-ms-input-placeholder { /* IE 10+ */ color: grey; } ::-moz-placeholder { /* Firefox 19+ */ color: grey; opacity: 1; } :-moz-placeholder { /* Firefox 4 - 18 */ color: grey; opacity: 1; } #LLKvideo-fullRow { display: block; margin: 0 auto; } #LLKvideo-testimonial{ display: block; margin: 0 auto; max-width: 100%; border: 2px solid #ccc; background-color: #eee; border-radius: 5px; padding: 16px; margin: 16px; position: relative; /* float: left; */ width: 300; height: 200; } .llk-testimonials-h1 { font-size: 58px; font-weight: 900; color: #746388; /* position: absolute; */ margin-top: 260px !important; text-align: center; } .llk-testimonials-video-bg{ margin-left: 50px; margin-bottom: 50px; } </style> <div class="landing-content" style="background-color: #fbfbfb"> <div class="llk-row"> <div class="columns small-12"> <div class="col-sm-12"> <h1 class="llk-testimonials-h1"> Testimonials </h1> </div> <p class="llk-para-testimonial"> See what our families are saying about LifeLab Kids….<br> </p> <br> </div> </div> <div class="llk-testimonials-video-bg"> <video width="auto" height="auto" id="LLKvideo-testimonial2" poster="/assets/images/videos/LLK_Vid_Pic_Large.png" class="tab" onclick="addControlsMenu();" controls="1" preload="auto" disablepictureinpicture="disablepictureinpicture" controlslist="nodownload"> Your browser does not support this video. <source src="/assets/images/videos/LifeLabKids_CFK.mp4"> </video> </div> <!-- <div class="llk-testimonials-bg"> <div class="llk-row"> <div class="columns small-12"> <div class="col-sm-12"> <h1 class="llk-testimonials-h1"> Testimonials </h1> </div> <p class="llk-para-testimonial"> See what our families are saying about LifeLab Kids….<br> </p> <br> </div> </div> </div> --> <!-- <div class="llk-row"> <div class="columns small-12"> <div class="col-sm-12"> <video width="380" height="218" poster="/assets/images/videos/LLK_Vid_Pic.png" class="tab" id="LLKvideo-fullRow" controls="controls" preload="auto" disablepictureinpicture="disablepictureinpicture" controlslist="nodownload">Your browser does not support this video. <source src="/assets/images/videos/LifeLabKids_CFK_v3_x264.mp4"> </video> </div> </div> </div> --> <div class="llk-row"> <div class="columns small-12"> <div class="col-sm-12"> <div id="testimonial-list" class="col-sm-12"> <!-- <div class="llk-testimonials-container col-sm-4"> <p><span id="nameAndCity">N.R. from Clarkston wrote...</span></p> <p id="feedback">LifeLab Kids has been such a blessing for my son and our family. It is a safe place for him to have fun, gain confidence, and build connections. A place where people encourage him and lift him up. I cannot say enough about how warm and inviting everyone is here. Thank you from the bottom of my heart.</p> </div> <div class="col-sm-4 LLKvideo-testimonials-col"> <video width="300" height="200" id="LLKvideo-testimonial" poster="/assets/images/videos/LLK_Vid_Pic.png" class="tab LLKvideo-testimonials" onclick="addControlsMenu();" controls="1" preload="auto" disablepictureinpicture="disablepictureinpicture" controlslist="nodownload"> Your browser does not support this video. <source src="/assets/images/videos/LifeLabKids_CFK.mp4"> </video> </div> --> </div> <br> <div class="col-sm-12 testimonial-form"> <div class="form-row llk-testimonial-form-botttom"> <form id="llk-testimonial-apply"> <fieldset class="llk-testimonial-fieldset" style=""> <div class="col-sm-5"> <label for="colFormLabel" class="col-form-label llk-form-label">Full Name</label><span class="llk-required">*</span> </div> <div class="col-sm-7"> <input type="text" class="form-control" id="full-name" name="fullname"> </div> </fieldset> <fieldset class="llk-testimonial-fieldset" style=""> <div class="col-sm-5"> <label for="colFormLabel" class="col-form-label llk-form-label">Email Address</label><span class="llk-required">*</span> </div> <div class="col-sm-7"> <input type="email" class="form-control" id="email" name="email"> </div> </fieldset> <fieldset class="llk-testimonial-fieldset" style=""> <div class="col-sm-5"> <label for="colFormLabel" class="col-form-label llk-form-label">City</label><span class="llk-required">*</span> </div> <div class="col-sm-7"> <input type="text" class="form-control" id="city" name="city"> </div> </fieldset> <fieldset class="llk-testimonial-fieldset" style=""> <div class="col-sm-5"> <label for="colFormLabel" class="col-form-label llk-form-label">Your Story</label><span class="llk-required">*</span> </div> <div class="col-sm-7"> <input type="text" class="form-control convert" id="message" name="message" style="width: 100%"> </div> </fieldset> <fieldset class="llk-testimonial-fieldset" style=""> <div class="col-sm-4"> <input type="button" class="form-control btn btn-warning apply-job" id="upload-testimonial" name="submit" value="Send" style="height:50px;"> <div class="uploading-message" style="display: none;color: green ;font-weight: 600">Please Wait.... </div> </div> <br> <div class="col-sm-12"> <p class="testimonial-agreement"> By pressing “Send” I agree to allow LLK to share my testimonial publicly. I understand that LLK will not reveal my name or personally identifying details, just my initials and city. </p> </div> </fieldset> </form> </div> </div> </div> </div> </div> <script> jQuery( function() { try { //var pageUrl=window.location.href; //var jobRecordId=pageUrl.split('?')[1] var htmlArray=""; var jqxhr = $.post("/app/site/hosting/scriptlet.nl?script=222&deploy=1&query=getTestimonials", function(data) { // console.log("data[0]=\n"+data[0].name); // console.log("parsedData=\n"+JSON.stringify(data)); var JSONData=JSON.parse(JSON.stringify(data)); // console.log("JSONData=\n"+JSONData); // console.log("JSONData.length=\n"+JSONData.length); // console.log("JSONData[0]=\n"+JSONData[0]); var counter =0; for (var i = JSONData.length - 1; i >= 0; i--) { var testimonialRecord=JSONData[i]; counter++; var remainder = counter%3; // console.log("counter="+counter); // console.log("remainder="+remainder); if(counter <= 3 ){ htmlArray+= '<div class="llk-testimonials-container col-sm-4"><p><span id="nameAndCity">'+testimonialRecord.name+' from '+testimonialRecord.city+' wrote...</span></p><p id="feedback">'+testimonialRecord.feedback+'</p></div>'; } if(counter > 3 ){ //console.log("3 < counter="+counter); //console.log("3 < remainder="+remainder); if(remainder == 1){ htmlArray+= '<div class="col-sm-12">'; } //jQuery('#testimonial-list').append(htmlArray); htmlArray+= '<div class="llk-testimonials-container col-sm-4"><p><span id="nameAndCity">'+testimonialRecord.name+' from '+testimonialRecord.city+' wrote...</span></p><p id="feedback">'+testimonialRecord.feedback+'</p></div>'; if(remainder == 0){ htmlArray+= '</div>'; } } // console.log("In for loop"); // //console.log("testimonialRecord = "+testimonialRecord); // console.log("testimonialRecord.name = "+testimonialRecord.name); // console.log("testimonialRecord.city = "+testimonialRecord.city); // console.log("testimonialRecord.feedback = "+testimonialRecord.feedback); } jQuery('#testimonial-list').append(htmlArray); }) .done(function() { console.log( "second success" ); jQuery('#llk-jobs').jplist({ itemsBox: '.list' ,itemPath: '.list-item' ,panelPath: '.jplist-panel' }); }) .fail(function() { console.log( "error" ); }); /*jQuery('.apply-job')click(function(){ });*/ jQuery("input.convert").each(function () { var $txtarea = jQuery("<textarea style='width:100%'/>"); $txtarea.attr("id", this.id); $txtarea.attr("rows", 4); /*$txtarea.attr("cols", 62); */ $txtarea.attr("name", 'message'); $txtarea.attr("maxlength", 500); $txtarea.attr("placeholder", 'Max 500 characters'); $txtarea.val(this.value); jQuery(this).replaceWith($txtarea); }); jQuery('#upload-testimonial').click(function(e){ var name=jQuery('#full-name').val(); var email=jQuery('#email').val(); var city=jQuery('#city').val(); var message=jQuery('#message').val(); var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; var emailFlag =emailReg.test( email ); if (name == "" || name==null) { alert('Please enter your name'); return false; } else if (email == "" || email==null) { alert('Please enter a valid email address'); return false; } else if (!emailFlag) { alert('Please enter a valid email address'); return false; } else if (city == "" || city==null) { alert('Please enter City'); return false; } else if (message == "" || message==null) { alert('Please enter Your Story'); return false; } if((message!="" && name !="") && (email !="" && city !="" )) { jQuery('#upload-testimonial').attr("disabled","disabled"); jQuery('.uploading-message').show(); var formData = new FormData(); formData.append('name', name); formData.append('email',email ); formData.append('city', city); formData.append('message', message); var request = new XMLHttpRequest(); var action='/app/site/hosting/scriptlet.nl?script=335&deploy=1&query=sendTestimonial'; request.open('post',action, true); //console.log('sendTestimonial'); request.onload = function(e) { if(this.status != 200) { alert('failed to send the Testimonial, Please try again later.'); } else { var responseText=request.responseText; // console.log('sendTestimonial responseText='+responseText); if(responseText < 0){ //jQuery('#open-popup').trigger('click',true); jQuery('#upload-testimonial').removeAttr("disabled"); } else if (responseText == "Testimonial email sent") { //alert('something went wrong please try again later'); //console.log('sendTestimonial success'); jQuery('.uploading-message').html("Testimonial sent Successfully"); setTimeout(function() { jQuery('.uploading-message').hide(); }, 10000); setTimeout(function() { window.location.reload() }, 15000); } } }; request.send(formData); } }); } catch (ex) { console.log(ex.toString()); } } ); /*function openJobForm(){ //alert('in open job form'); jQuery('.job-form').show(); }*/ function isNotEmpty(value){ if(value=="null" ||value=="" || value==null || value==" ") return false; else return true; } var vid = document.getElementById("LLKvideo-testimonial2"); vid.oncanplaythrough = function() { $(vid).prop('controls') === 'true'?$(vid).prop('controls','false'):$(vid).prop('controls','true'); //console.log("Can play through LLKvideo-testimonial2 without stopping"); }; function addControlsMenu(){ $(vid).prop('controls') === 'true'?$(vid).prop('controls','false'):$(vid).prop('controls','true'); //console.log("LLKvideo-testimonial2 addControlsMenu3"); } </script>
LLK Testimonial Page
