Concept

-->

.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;
    }
  </style>

<div class="top_header" id="home">
            
            <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-and-Addressing-COVID19">Learn More</a> <img src="/assets/NewImages/Topbanner_popup_mask.svg"/><span class="closee">×</span></li>
                    </ul>
                </div>
                
                    <div class="columns small-12">
                        <div class="nav_top_fx_w3layouts_agileits">
                            <div class="header-icon-left">
                                
                            </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>
                                <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="/Services">Services</a>
                                        </li>
                                        
                                        <li>
                                            
                                            <a class="scroll" href="/Community">Community</a>
                                        </li>
                                         
                                        
                                         <li>
                                            <a class="scroll" href="/careers">Careers</a>
                                        </li>

<li>
                                            <a class="scroll contact-active" href="/contactUs">Contact Us</a>
                                        </li>
                                        
                                    </ul>
                                <div class="header-donate-btn">
                                 <a href="/donate"><button type="button" id="newsletter-form-submit" class="donate-btn">Donate</button></a>
                                </div>  
                                </div>

</div>
                            
                        </div>
                    </div>
                    
                
            </nav>
            <div class="clearfix"></div>
        </div>

</header>

<div class="clearfix"></div>
    
    
    <div id="main-container" class="" style="">
    </div>
    
    
    <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();

}
        );

});
    </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>

/** 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

<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/IMG_7220_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/IMG_7233_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

Phone & Fax Number

Email Address

Location

Join our Newsletter.

Schedule a tour