concept
Concept >
<style type="text/css"> @media (max-width: 768px) { .hide-mobile{ display: none ! important; } .mobile-donate-now{ display: block !important; } } .mobile-donate-now{ display: none; } .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; } </style> <!-- ################################# 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="bar"> <div class="llk-row"> <div class="columns small-12"> <p class="bar-phone"> <i class="fa fa-phone"></i> <B> <a href="tel:+1 248-629-4600"> Call Us :+1 248-629-4600 </a> </B> </p> <!-- /.bar-phone --> <div class="bar-socials"> <!-- Social Networking --> <ul class="hide-mobile"> <li ><a target="_blank" href="https://www.facebook.com/lifelabkids/" title="Facebook"> <i class="fa fa-facebook"></i></a></li> <li class="hide-mobile"><a target="_blank" href="https://twitter.com/LifeLabKids" title="Twitter"> <i class="fa fa-twitter"></i></a></li> <li class="hide-mobile"><a target="_blank" href="https://www.instagram.com/lifelabkids/" title="Instagram"> <i class="fa fa-instagram"></i></a></li> <li class="header-actions"> <a href="/donate" class="donate-now">Donate</a> </li> </ul> <!-- /.socials --> </div> <!-- /.bar-socials --> </div> <!-- /.columns small-12 --> </div> <!-- /.row --> </div> <div class="llk-row"> <div class="columns small-12"> <div class="nav_top_fx_w3layouts_agileits"> <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> <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="/concept">Concept</a> </li> <!-- <li> <a class="scroll" href="/benefits">Benefits</a> </li> --> <li> <a class="scroll" href="/programs">Programs</a> </li> <li> <a class="scroll" href="/activities">Facility</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="/about-us">About Us</a> </li> <li> <a class="scroll" href="#contact">Contact</a> </li> <!-- <li class=""> <a class="scroll" href="/donate">Donate</a> </li> --> </ul> </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>
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
<div class="landing-content top-space"> <div class="content-wrapper-green"> <div class="llk-row top-space"> <div class="columns small-12"> <section class="llk-section"> <div class="col-md-5 left-element animated fadeInLeft"> <h2 style="color: #ffffff;text-align: left;letter-spacing: -1px" class="llk_content_header" id="goals">Goals </h2> <div class="vc_message_box vc_color-white vc_message_box-solid-icon"> <div class="vc_message_box-icon"><i class="fa fa-flag-o"></i> </div> <p class="vc_message_para">LifeLab has six unique programs that work collaboratively to address individualized goals. We focus on unifying the body and mind, all while pursuing each child’s interests.</p> </div> </div> <div class="col-md-7 right-element animated fadeInRight"> <div class="vc_single_image-img_align"><img class="vc_single_image-img " src="/assets/images/banners/Opening_Day_OT_Staff_650x360.jpg" width="650" height="360" alt="concept" title="concept"></div> </div> </section> </div> </div> </div> <div class=""> <div class="llk-row"> <div class="columns small-12"> <section class="llk-section mobile-reverse"> <div class="col-md-7 left-element animated fadeInLeft"> <div class="vc_single_image-img_align"><img class="vc_single_image-img " src="/assets/images/banners/Opening_Day_Ball_Pit_Staff_650x360.jpg" width="650" height="360" alt="concept" title="concept"></div> </div> <div class="col-md-5 right-element animated fadeInRight"> <h2 style="color: #6baa3e;line-height: 43px;text-align: left" class="llk_content_header" id="uniqueness">The LifeLab Difference </h2> <div class="vc_message_box vc_color-green vc_message_box-solid-icon"> <div class="vc_message_box-icon"><i class="fa fa-braille"></i> </div> <p class="vc_message_para"><b>We invite you to become a part of our welcoming and innovative community! Our building is designed with accessibility and fun in mind. The energy and passion from our experienced staff is contagious and we hope to improve the lives of children through creativity, fitness, and innovation.</p> </div> </div> </section> </div> </div> </div> <div class="content-wrapper-green"> <div class="llk-row"> <div class="columns small-12"> <section class="llk-section"> <div class="col-md-5 left-element animated fadeInLeft"> <h2 style="color: #ffffff;text-align: left;letter-spacing: -1px" class="llk_content_header" id="details">A place to Belong </h2> <div class="vc_message_box vc_color-white vc_message_box-solid-icon"> <div class="vc_message_box-icon"><i class="fa fa-umbrella"></i> </div> <p class="vc_message_para">We focus on creating the most accessible and engaging environment as possible. Through endless consideration and continuity of care, we can harness the full impact of LifeLab to reach each child’s true potential.</p> </div> </div> <div class="col-md-7 right-element animated fadeInRight"> <div class="vc_single_image-img_align"><img class="vc_single_image-img " src="/assets/images/banners/DSC_9271_650x360.jpg" width="650" height="360" alt="concept" title="concept"></div> </div> </section> </div> </div> </div> </div> <script> jQuery( function() { try { //Scroll to respective page section var locationValue = window.location.href; var divId = locationValue.split("?position"); divId = divId[1].replace("=", "#"); console.log('in try block') setTimeout(function(){ jQuery('html,body').animate({ scrollTop: jQuery(divId).offset().top - 170 }, 1000); }, 1000); } catch (ex) { console.log(ex.toString()); } } ); </script>
Concept
