Your IP : 216.73.216.170
<!DOCTYPE html>
<html lang="en" class="wide wow-animation smoothscroll scrollTo">
<head>
<!-- Site Title-->
<title>Home</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="keywords" content="intense web design multipurpose template">
<meta name="date" content="Dec 26">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page-->
<div class="page text-center">
<!-- Page Header-->
<header style="position:absolute; left:0; right:0;top:0" class="page-head">
<!-- RD Navbar Transparent-->
<div class="rd-navbar-wrap">
<nav data-md-device-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-static" data-stick-up-offset="40" class="rd-navbar rd-navbar-transparent" data-lg-auto-height="true" data-auto-height="false" data-md-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-stick-up="true" data-md-focus-on-hover="false">
<div class="rd-navbar-inner">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button data-rd-navbar-toggle=".rd-navbar, .rd-navbar-nav-wrap" class="rd-navbar-toggle"><span></span></button>
<h4 class="panel-title veil-lg">Home</h4>
</div>
<div class="rd-navbar-menu-wrap clearfix">
<!--Navbar Brand-->
<div class="rd-navbar-brand"><a href="index.html" class="reveal-inline-block">
<div class="unit unit-xs-bottom unit-lg unit-lg-horizontal unit-spacing-xxs">
<div class="unit-left">
<div class="wrap"><img width='70' height='70' src='images/logo-170x172.png' alt=''/></div>
</div>
<div class="unit-body text-lg-left">
<div class="rd-navbar-brand-title">Kids Tree</div>
<div class="rd-navbar-brand-slogan text-italic">Preschool</div>
</div>
</div></a></div>
<div class="rd-navbar-nav-wrap">
<div class="rd-navbar-mobile-scroll">
<div class="rd-navbar-mobile-header-wrap">
<!--Navbar Brand Mobile-->
<div class="rd-navbar-mobile-brand"><a href="index.html"><img width='130' height='130' src='images/logo-170x172.png' alt=''/></a></div>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="active"><a href="index.html">Home</a>
</li>
<li><a href="#">Elements</a>
<ul class="rd-navbar-dropdown">
<li><a href="grid.html">Grid</a>
</li>
<li><a href="icons.html">Icons</a>
</li>
<li><a href="tables.html">Tables</a>
</li>
<li><a href="progress-bars.html">Progress bars</a>
</li>
<li><a href="tabs-and-accordions.html">Tabs & Accordions</a>
</li>
<li><a href="forms.html">Forms</a>
</li>
<li><a href="buttons.html">Buttons</a>
</li>
<li><a href="typography.html">Typography</a>
</li>
</ul>
</li>
<li><a href="#">Pages</a>
<div class="rd-navbar-megamenu">
<div class="row section-relative">
<ul class="col-lg-3">
<li class="tabs-nav">
<h6>Programs</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="academic.html#0">Infant & Baby Care</a></li>
<li><a href="academic.html#1">Early Preschool</a></li>
<li><a href="academic.html#2">Preschool</a></li>
<li><a href="academic.html#3">Pre-Kindergarten</a></li>
<li><a href="academic.html#4">Summer Camp</a></li>
<li><a href="academic.html#5">Junior Kindergarten</a></li>
<li><a href="academic.html#6">Interactive Kindergarten</a></li>
</ul>
</li>
</ul>
<ul class="col-lg-3">
<li>
<h6>Pages</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="404.html">404</a></li>
<li><a href="privacy.html">Terms of Use</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="login-register.html">Login/Register</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="search-results.html">Search Results</a></li>
<li><a href="apply.html">Apply</a></li>
</ul>
</li>
</ul>
<ul class="col-lg-3">
<li>
<h6>Layouts</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="header-transparent.html">Header Transparent</a></li>
<li><a href="header-center.html">Header Center, Footer Center</a></li>
<li><a href="header-minimal.html">Header Minimal, Footer Center</a></li>
<li><a href="header-corporate.html">Header Corporate</a></li>
<li><a href="header-hamburger-menu.html">Header Hamburger Menu</a></li>
<li><a href="footer-minimal.html">Footer Minimal</a></li>
<li><a href="footer-widget.html">Footer Widget</a></li>
</ul>
</li>
</ul>
<ul class="col-lg-3">
<li>
<h6>About</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="history.html">History</a></li>
<li><a href="people.html">People</a></li>
<li><a href="team-member-profile.html">Team Member Profile</a></li>
</ul>
</li>
<li>
<h6>Event Calendar</h6>
<ul class="list-unstyled offset-lg-top-20">
<li><a href="calendar.html">Calendar</a></li>
<li><a href="day-event.html">Daily Events</a></li>
<li><a href="event-page.html">Event Page</a></li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li><a href="#">News</a>
<ul class="rd-navbar-dropdown">
<li><a href="classic-news.html">Classic news</a>
</li>
<li><a href="grid-news.html">Grid News</a>
</li>
<li><a href="masonry-news.html">Masonry News</a>
</li>
<li><a href="grid-news-3-columns.html">3 Columns Grid News</a>
</li>
<li><a href="modern-news.html">Modern News</a>
</li>
<li><a href="news-post-page.html">News Post Page</a>
</li>
</ul>
</li>
<li><a href="#">Gallery</a>
<ul class="rd-navbar-dropdown">
<li><a href="grid-gallery.html">Grid Gallery</a>
</li>
<li><a href="grid-without-padding-gallery.html">Grid Without Padding Gallery</a>
</li>
<li><a href="masonry-gallery.html">Masonry Gallery</a>
</li>
<li><a href="cobbles-gallery.html">Cobbles Gallery</a>
</li>
</ul>
</li>
<li><a href="#">Shop</a>
<ul class="rd-navbar-dropdown">
<li><a href="product-catalog.html">Product Catalog</a>
</li>
<li><a href="single-product.html">Single Product</a>
</li>
<li><a href="shopping-cart.html">Shopping Cart</a>
</li>
<li><a href="checkout.html">Checkout</a>
</li>
</ul>
</li>
<li><a href="donate.html">Donate</a>
</li>
<li><a href="contacts.html">Contacts</a>
</li>
<li class="veil-lg"><a href="shopping-cart.html">Shopping Cart (2)</a></li>
</ul>
<!--RD Navbar Mobile Search-->
<div id="rd-navbar-search-mobile" class="rd-navbar-search-mobile">
<form action="search-results.html" method="GET" class="rd-navbar-search-form search-form-icon-right rd-search">
<div class="form-group">
<label for="rd-navbar-mobile-search-form-input" class="form-label">Search...</label>
<input id="rd-navbar-mobile-search-form-input" type="text" name="s" autocomplete="off" class="rd-navbar-search-form-input form-control form-control-gray-lightest"/>
</div>
<button type="submit" class="icon fa-search rd-navbar-search-button"></button>
</form>
</div>
</div>
</div>
<!--RD Navbar Search-->
<div class="rd-navbar-search"><a data-rd-navbar-toggle=".rd-navbar-search" href="#" class="rd-navbar-search-toggle mdi"><span></span></a>
<form action="search-results.html" data-search-live="rd-search-results-live" method="GET" class="rd-navbar-search-form search-form-icon-right rd-search">
<div class="form-group">
<label for="rd-navbar-search-form-input" class="form-label">Search</label>
<input id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off" class="rd-navbar-search-form-input form-control form-control-gray-lightest"/>
<div id="rd-search-results-live" class="rd-search-results-live"></div>
</div>
</form>
</div>
<!--RD Navbar shop-->
<div class="rd-navbar-cart"><span class="icon fa-shopping-cart"></span><a href="shopping-cart.html" class="inset-left-10">2</a></div>
</div>
</div>
</nav>
</div>
</header>
<!-- Page Content-->
<main class="page-content">
<section>
<!-- Swiper-->
<div data-height="100vh" data-loop="false" data-dragable="false" data-min-height="480px" data-slide-effect="true" class="swiper-container swiper-slider">
<div class="swiper-wrapper">
<div data-slide-bg="images/slide-01-1920x810.jpg" style="background-position: 80% center" class="swiper-slide">
<div class="swiper-slide-caption header-transparent-slide-caption">
<div class="container">
<div class="range range-xs-center range-lg-right range-condensed">
<div class="cell-md-6 text-md-left cell-xs-10">
<div data-caption-animate="fadeInUp" data-caption-delay="100" data-caption-duration="1700">
<h1 class="text-bold">Play, Explore and Learn.</h1>
</div>
<div data-caption-animate="fadeInUp" data-caption-delay="150" data-caption-duration="1700" class="offset-top-20 offset-xs-top-40 offset-xl-top-60">
<h5 class="text-regular font-default">Programs of Kids Tree Preschool include world-class curriculum and knowledgeable child development professionals that meet the needs of children at every age and stage.</h5>
</div>
<div data-caption-animate="fadeInUp" data-caption-delay="400" data-caption-duration="1700" class="offset-top-20 offset-xl-top-40"><a href="login-register.html" class="btn btn-madison btn-ellipse">Sign Up for Excursion</a>
<div class="inset-xs-left-30 reveal-lg-inline-block"><a href="academic.html" class="btn btn-primary-transparent btn-ellipse veil reveal-lg-inline-block">Learn More</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-slide-bg="images/slide-02-1920x810.jpg" style="background-position: 80% center" class="swiper-slide">
<div class="swiper-slide-caption header-transparent-slide-caption">
<div class="container">
<div class="range range-xs-center range-lg-left range-condensed">
<div class="cell-md-6 text-md-left cell-xs-10">
<div data-caption-animate="fadeInUp" data-caption-delay="100" data-caption-duration="1700">
<h1 class="text-bold">A Perfect Learning Center for Your Kids.</h1>
</div>
<div data-caption-animate="fadeInUp" data-caption-delay="150" data-caption-duration="1700" class="offset-top-20 offset-xs-top-40 offset-xl-top-60">
<h5 class="text-regular font-default">Any successful career starts with good education. At our learning center, your children will have deeper knowledge of all necessary subjects that will be especially useful for them.</h5>
</div>
<div data-caption-animate="fadeInUp" data-caption-delay="400" data-caption-duration="1700" class="offset-top-20 offset-xl-top-40"><a href="login-register.html" class="btn btn-ellipse btn-madison">Sign Up for Excursion</a>
<div class="inset-xs-left-30 reveal-lg-inline-block"><a href="academic.html" class="btn btn-ellipse btn-primary-transparent veil reveal-lg-inline-block">Learn More</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-slide-bg="images/slide-03-1920x810.jpg" style="background-position: 80% center" class="swiper-slide">
<div class="swiper-slide-caption header-transparent-slide-caption">
<div class="container">
<div class="range range-xs-center range-lg-right range-condensed">
<div class="cell-md-6 text-md-left cell-xs-10">
<div data-caption-animate="fadeInUp" data-caption-delay="100" data-caption-duration="1700">
<h1 class="text-bold">We Offer Different Kinds of Activities.</h1>
</div>
<div data-caption-animate="fadeInUp" data-caption-delay="150" data-caption-duration="1700" class="offset-top-20 offset-xs-top-40 offset-xl-top-60">
<h5 class="text-regular font-default">With us, your kid will enjoy plenty of different activities that will develop them and act as a perfect ground for further development. Explore the bright future of your child at Kids Tree Preschool!</h5>
</div>
<div data-caption-animate="fadeInUp" data-caption-delay="400" data-caption-duration="1700" class="offset-top-20 offset-xl-top-40"><a href="login-register.html" class="btn btn-ellipse btn-madison">Sign Up for Excursion</a>
<div class="inset-xs-left-30 reveal-lg-inline-block"><a href="academic.html" class="btn btn-ellipse btn-primary-transparent veil reveal-lg-inline-block">Learn More</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Swiper Pagination-->
<div class="swiper-pagination"></div>
</div>
</section>
<!-- A Few Words About the University-->
<section class="section-70 section-md-114 bg-index-body">
<div class="shell">
<div class="range text-sm-left range-sm-justify">
<div class="cell-sm-7 view-animate fadeInRightSm delay-04">
<div class="img-wrap-2">
<figure><span data-toggle="modal" data-target="#myModal" class="icon mdi mdi-play-circle-outline"></span><img src="images/home-01-620-350.jpg" width="620" height="350" alt="" class="img-responsive reveal-inline-block"></figure>
</div>
</div>
<div class="cell-sm-5 offset-top-50 offset-sm-top-0">
<h2 class="home-headings-custom text-bold view-animate fadeInLeftSm delay-06">About Our Center</h2>
<div class="offset-top-35 offset-md-top-60 view-animate fadeInLeftSm delay-08">
<p>We offer a play-based emergent curriculum complete with low teacher to child ratios. Come see our environment and how it is designed to promote exploration, adventure and imaginative play. We believe that children are active participants in their own learning. That��s why we encourage them to ask questions and explore the world around them.</p>
</div>
<div class="offset-top-30 view-animate fadeInLeftSm delay-1"><a href="history.html" class="btn btn-ellipse btn-icon btn-icon-right btn-default"><span class="icon fa-arrow-right"></span><span>Learn More</span></a></div>
</div>
</div>
</div>
</section>
<!--Our Featured Courses-->
<section class="bg-madison section-70 section-md-114 text-center">
<div class="shell">
<h2 class="text-bold text-white view-animate fadeInUpSmall delay-04">Our Programs</h2>
<div class="offset-top-35 offset-md-top-60 text-white view-animate fadeInUpSmall delay-06">Our Featured Programs are selected through a rigorous process and uniquely created for each semester.</div>
<div class="range range-xs-center offset-top-60 text-sm-left">
<div class="cell-sm-6 cell-md-4 view-animate fadeInRightSm delay-1">
<article class="post-news bg-white"><a href="news-post-page.html"><img src="images/home-02-370x240.jpg" width="370" height="240" alt="" class="img-responsive"></a>
<div class="post-news-body-variant-1">
<div class="post-news-meta">
<time datetime="2016" class="text-middle text-italic">June 3, 2016</time>
</div>
<h6><a href="news-post-page.html">Arts Programs</a></h6>
<div class="offset-top-9">
<p class="text-base">Charles Banks</p>
</div>
<div class="offset-top-9">
<ul class="list-inline list-unstyled list-inline-primary">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Part time" class="icon icon-xxs mdi mdi-timer-sand"></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Certified" class="icon icon-xxs mdi mdi-star"></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Online Course" class="icon icon-xxs mdi mdi-laptop-chromebook"></a></li>
</ul>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-4 view-animate fadeInUpSmall delay-08">
<article class="post-news bg-white"><a href="news-post-page.html"><img src="images/home-03-370x240.jpg" width="370" height="240" alt="" class="img-responsive"></a>
<div class="post-news-body-variant-1">
<div class="post-news-meta">
<time datetime="2016" class="text-middle text-italic">June 3, 2016</time>
</div>
<h6><a href="news-post-page.html">Foreign Language Programs</a></h6>
<div class="offset-top-9">
<p class="text-base">Maria Howard</p>
</div>
<div class="offset-top-9">
<ul class="list-inline list-unstyled list-inline-primary">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Part time" class="icon icon-xxs mdi mdi-timer-sand"></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Certified" class="icon icon-xxs mdi mdi-star"></a></li>
</ul>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-4 offset-top-30 offset-md-top-0 view-animate fadeInLeftSm delay-1">
<article class="post-news bg-white"><a href="news-post-page.html"><img src="images/home-04-370x240.jpg" width="370" height="240" alt="" class="img-responsive"></a>
<div class="post-news-body-variant-1">
<div class="post-news-meta">
<time datetime="2016" class="text-middle text-italic">June 3, 2016</time>
</div>
<h6><a href="news-post-page.html">Sports Programs</a></h6>
<div class="offset-top-9">
<p class="text-base">Steven Carter</p>
</div>
<div class="offset-top-9">
<ul class="list-inline list-unstyled list-inline-primary">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Part time" class="icon icon-xxs mdi mdi-timer-sand"></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Certified" class="icon icon-xxs mdi mdi-star"></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Online Course" class="icon icon-xxs mdi mdi-laptop-chromebook"></a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
<div class="offset-top-35 offset-lg-top-70 view-animate fadeInUpSmall"><a href="login-register.html" class="btn btn-ellipse btn-primary">View All Programs</a></div>
</div>
</section>
<!-- Counters-->
<section class="text-center bg-index-body">
<div class="shell">
<div class="range range-xs-center range-sm-left offset-top-0">
<div class="cell-xs-10 cell-sm-7 section-image-aside section-image-aside-right">
<div style="background-image: url(images/home-01-846x1002.jpg)" class="section-image-aside-img veil reveal-sm-block view-animate zoomInSmall delay-04"></div>
<div class="section-image-aside-body section-70 section-md-114 inset-md-right-70 inset-lg-right-110">
<h2 class="home-headings-custom text-bold view-animate fadeInLeftSm delay-04">Our Features</h2>
<div class="offset-top-35 offset-md-top-60 view-animate fadeInLeftSm delay-06">At Kids Tree, we see our aim in providing care and an early learning environment which is tailored to each individual child��s needs, in safe, secure, happy and relaxed surroundings. We are committed to your children��s success!</div>
<div class="text-center text-xs-left">
<div class="range range-xs-center range-md-left offset-top-65 counters">
<div class="cell-xs-6 view-animate fadeInLeftSm delay-08">
<!-- Counter type 1-->
<div class="unit unit-xs-horizontal unit-responsive-md counter-type-2">
<div class="unit-left"><span class="icon icon-md text-madison mdi mdi-school"></span></div>
<div class="unit-body">
<div class="h3 text-bold text-primary"><span data-speed="1300" data-from="0" data-to="15" class="counter"></span><span></span></div>
<div class="offset-top-3">
<h6 class="text-black font-accent">Awards</h6>
</div>
</div>
</div>
</div>
<div class="cell-xs-6 offset-top-65 offset-xs-top-0 view-animate fadeInLeftSm delay-04">
<!-- Counter type 1-->
<div class="unit unit-xs-horizontal unit-responsive-md counter-type-2">
<div class="unit-left"><span class="icon icon-md text-madison mdi mdi-wallet-travel"></span></div>
<div class="unit-body">
<div class="h3 text-bold text-primary"><span data-speed="1250" data-from="0" data-to="30" class="counter"></span><span>+</span></div>
<div class="offset-top-3">
<h6 class="text-black font-accent">Certified Teachers</h6>
</div>
</div>
</div>
</div>
<div class="cell-xs-6 offset-top-65 view-animate fadeInLeftSm delay-1">
<!-- Counter type 1-->
<div class="unit unit-xs-horizontal unit-responsive-md counter-type-2">
<div class="unit-left"><span class="icon icon-md text-madison mdi mdi-domain"></span></div>
<div class="unit-body">
<div class="h3 text-bold text-primary offset-top-5"><span data-step="500" data-from="0" data-to="10" class="counter"></span></div>
<div class="offset-top-3">
<h6 class="text-black font-accent">Featured Programs </h6>
</div>
</div>
</div>
</div>
<div class="cell-xs-6 offset-top-65 view-animate fadeInLeftSm delay-06">
<!-- Counter type 1-->
<div class="unit unit-xs-horizontal unit-responsive-md counter-type-2">
<div class="unit-left"><span class="icon icon-md text-madison mdi mdi-account-multiple-outline"></span></div>
<div class="unit-body">
<div class="h3 text-bold text-primary offset-top-5"><span data-step="1500" data-from="0" data-to="100" class="counter"></span></div>
<div class="offset-top-3">
<h6 class="text-black font-accent">Children</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Events-->
<section class="bg-catskill">
<div class="shell-wide section-70 section-md-114">
<h2 class="text-madison text-bold view-animate fadeInUpSmall delay-04">Events</h2>
<div class="range offset-top-60 range-xs-center">
<div class="cell-sm-6 cell-md-5 cell-xl-3">
<article class="post-event view-animate fadeInLeftSm delay-04 bg-white">
<div class="post-event-img-overlay"><img src="images/blog/events-05-420x420.jpg" width="420" height="420" alt="" class="img-responsive">
<div class="post-event-overlay context-dark"><a href="apply.html" class="btn btn-ellipse btn-primary">Book Now</a>
<div class="offset-top-20"><a href="event-page.html" class="btn btn-ellipse btn-default">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">31</div>
<p class="reveal-inline-block reveal-lg-block">September</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">Preschool Dinner</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Walter Stanley</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-5 cell-xl-3 offset-top-50 offset-sm-top-0">
<article class="post-event view-animate fadeInLeftSm delay-06 bg-white">
<div class="post-event-img-overlay"><img src="images/blog/events-06-420x420.jpg" width="420" height="420" alt="" class="img-responsive">
<div class="post-event-overlay context-dark"><a href="apply.html" class="btn btn-ellipse btn-primary">Book Now</a>
<div class="offset-top-20"><a href="event-page.html" class="btn btn-ellipse btn-default">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">5</div>
<p class="reveal-inline-block reveal-lg-block">July</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">Grandparents Day</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Raymond Salazar</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-5 cell-xl-3 offset-top-50 offset-xl-top-0">
<article class="post-event view-animate fadeInLeftSm delay-08 bg-white">
<div class="post-event-img-overlay"><img src="images/blog/events-02-420x420.jpg" width="420" height="420" alt="" class="img-responsive">
<div class="post-event-overlay context-dark"><a href="apply.html" class="btn btn-ellipse btn-primary">Book Now</a>
<div class="offset-top-20"><a href="event-page.html" class="btn btn-ellipse btn-default">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">15</div>
<p class="reveal-inline-block reveal-lg-block">June</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">Family Celebration</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Bruce Hawkins</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-5 cell-xl-3 offset-top-50 offset-xl-top-0">
<article class="post-event view-animate fadeInLeftSm delay-1 bg-white">
<div class="post-event-img-overlay"><img src="images/blog/events-09-420x420.jpg" width="420" height="420" alt="" class="img-responsive">
<div class="post-event-overlay context-dark"><a href="apply.html" class="btn btn-ellipse btn-primary">Book Now</a>
<div class="offset-top-20"><a href="event-page.html" class="btn btn-ellipse btn-default">Learn More</a></div>
</div>
</div>
<div class="unit unit-lg unit-lg-horizontal">
<div class="unit-left">
<div class="post-event-meta text-center">
<div class="h3 text-bold reveal-inline-block reveal-lg-block">5</div>
<p class="reveal-inline-block reveal-lg-block">June</p><span class="text-bold reveal-inline-block reveal-lg-block inset-left-10 inset-lg-left-0">5:00pm</span>
</div>
</div>
<div class="unit-body">
<div class="post-event-body text-lg-left">
<h6><a href="event-page.html">Summer Drawing Contest</a></h6>
<ul class="list-inline list-inline-xs">
<li><a href="team-member-profile.html"><span class="icon icon-xxs mdi mdi-account-outline text-middle"></span><span class="inset-left-10 text-dark text-middle">Danielle Garza</span></a></li>
</ul>
</div>
</div>
</div>
</article>
</div>
</div>
<div class="offset-top-50 offset-lg-top-56 view-animate fadeInUpSmall"><a href="calendar.html" class="btn btn-ellipse btn-icon btn-icon-right btn-primary"><span class="icon fa-arrow-right"></span><span>View Event Calendar</span></a></div>
</div>
</section>
<!-- Testimonials-->
<section class="context-dark position-relative">
<!-- RD Parallax-->
<div data-on="false" data-md-on="true" class="rd-parallax">
<div data-speed="0.2" data-type="media" data-url="images/parallax-01.jpg" class="rd-parallax-layer"></div>
<div data-speed="0.05" data-type="html" class="rd-parallax-layer">
<div class="shell section-70 section-xl-100 section-xl-bottom-114">
<div data-items="1" data-sm-items="2" data-nav="true" data-dots="true" data-margin="30" data-loop="true" data-nav-class="["owl-prev fa-angle-left", "owl-next fa-angle-right"]" class="owl-carousel owl-carousel-default veil-xl-owl-dots veil-owl-nav reveal-xl-owl-nav">
<div>
<div class="quote-classic-boxed text-left">
<div class="quote-body">
<q>Words truly can't express how grateful I am that a preschool like this exists. I thought that a place like this was a mythical unicorn that parents searched for, but never found.</q>
<div class="offset-top-30 text-left">
<div class="unit unit-horizontal">
<div class="unit-left"><img src="images/users/user-debra-banks-230x230.jpg" width="80" height="80" alt="" class="img-responsive reveal-inline-block img-circle"></div>
<div class="unit-body">
<cite class="font-accent">Debra Banks</cite>
<div class="offset-top-5">
<p class="text-dark text-italic">Sales manager</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="quote-classic-boxed text-left">
<div class="quote-body">
<q> I want to take this opportunity to thank you and your staff for all you have done for my daughter. I am in awe at how much Lauren has grown both emotionally and intellectually since last year.</q>
<div class="offset-top-30 text-left">
<div class="unit unit-horizontal">
<div class="unit-left"><img src="images/users/user-steven-alvarez-230x230.jpg" width="80" height="80" alt="" class="img-responsive reveal-inline-block img-circle"></div>
<div class="unit-body">
<cite class="font-accent">Steven Alvarez</cite>
<div class="offset-top-5">
<p class="text-dark text-italic">Taxi driver</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="quote-classic-boxed text-left">
<div class="quote-body">
<q>Words truly can't express how grateful I am that a preschool like this exists. I thought that a place like this was a mythical unicorn that parents searched for, but never found.</q>
<div class="offset-top-30 text-left">
<div class="unit unit-horizontal">
<div class="unit-left"><img src="images/users/user-debra-banks-230x230.jpg" width="80" height="80" alt="" class="img-responsive reveal-inline-block img-circle"></div>
<div class="unit-body">
<cite class="font-accent">Debra Banks</cite>
<div class="offset-top-5">
<p class="text-dark text-italic">Sales manager</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="quote-classic-boxed text-left">
<div class="quote-body">
<q> I want to take this opportunity to thank you and your staff for all you have done for my daughter. I am in awe at how much Lauren has grown both emotionally and intellectually since last year.</q>
<div class="offset-top-30 text-left">
<div class="unit unit-horizontal">
<div class="unit-left"><img src="images/users/user-steven-alvarez-230x230.jpg" width="80" height="80" alt="" class="img-responsive reveal-inline-block img-circle"></div>
<div class="unit-body">
<cite class="font-accent">Steven Alvarez</cite>
<div class="offset-top-5">
<p class="text-dark text-italic">Taxi driver</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Latest news-->
<section class="bg-catskill">
<div class="shell-wide section-70 section-md-114">
<h2 class="home-headings-custom text-bold view-animate fadeInUpSmall delay-06">Latest News</h2>
<div class="range offset-top-60 text-left range-xs-center">
<div class="cell-sm-6 cell-md-3">
<article class="post-news post-news-mod-1 view-animate fadeInLeftSm delay-04"><a href="news-post-page.html"><img src="images/blog/news-04-420x270.jpg" width="370" height="240" alt="" class="img-responsive img-fullwidth"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">Mother��s Day</a></h6>
<div class="offset-top-20">
<p>Mother��s Day is a celebration honoring the mother of the family, as well as motherhood, maternal bonds, and the influence of mothers in society.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-3 offset-top-30 offset-sm-top-0">
<article class="post-news post-news-mod-1 view-animate fadeInLeftSm delay-06"><a href="news-post-page.html"><img src="images/blog/news-03-420x270.jpg" width="370" height="240" alt="" class="img-responsive img-fullwidth"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">Painting Class</a></h6>
<div class="offset-top-20">
<p>In our kids' painting classes, we guarantee the best personalized instruction and one-on-one guidance for every single child who walks through our door.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-3 offset-top-30 offset-md-top-0">
<article class="post-news post-news-mod-1 view-animate fadeInLeftSm delay-08"><a href="news-post-page.html"><img src="images/blog/news-08-420x270.jpg" width="370" height="240" alt="" class="img-responsive img-fullwidth"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">Our New Teacher</a></h6>
<div class="offset-top-20">
<p>We are glad to welcome Mary Johnson, our new teacher. She now teaches the class of 5 children aged up to 7 years old at Kids Tree Preschool.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
<div class="cell-sm-6 cell-md-3 offset-top-30 offset-md-top-0">
<article class="post-news post-news-mod-1 view-animate fadeInLeftSm delay-1"><a href="news-post-page.html"><img src="images/blog/news-09-420x270.jpg" width="370" height="240" alt="" class="img-responsive img-fullwidth"></a>
<div class="post-news-body">
<h6><a href="news-post-page.html">We Integrate Creativity</a></h6>
<div class="offset-top-20">
<p>All children need to be truly creative is the freedom to commit themselves completely to the effort and make whatever activity they are doing their own.</p>
</div>
<div class="post-news-meta offset-top-20"><span class="icon icon-xs mdi mdi-calendar-clock text-middle text-madison"></span><span class="text-middle inset-left-10 text-italic text-black">2 days ago</span></div>
</div>
</article>
</div>
</div>
<div class="offset-top-50 view-animate fadeInUpSmall"><a href="modern-news.html" class="btn btn-ellipse btn-primary">View All News Posts</a></div>
</div>
</section>
<!-- Gallery-->
<section>
<div data-items="1" data-xs-items="2" data-sm-items="3" data-lg-items="4" data-xl-items="6" data-nav="false" data-dots="false" data-mouse-drag="true" data-photo-swipe-gallery="" data-flickr-tags="tm-61183" data-stage-padding="0" data-xl-stage-padding="0" class="owl-carousel flickr"><a data-photo-swipe-item="" href="" data-image_c="href" data-size="320x320" data-type="flickr-item" class="thumbnail-default thumbnail-flickr"><img width="320" height="320" data-title="alt" src="images/_blank.png" alt="" data-image_z="src"><span class="icon fa-search-plus"></span></a><a data-photo-swipe-item="" href="" data-image_c="href" data-size="320x320" data-type="flickr-item" class="thumbnail-default thumbnail-flickr"><img width="320" height="320" data-title="alt" src="images/_blank.png" alt="" data-image_z="src"><span class="icon fa-search-plus"></span></a><a data-photo-swipe-item="" href="" data-image_c="href" data-size="320x320" data-type="flickr-item" class="thumbnail-default thumbnail-flickr"><img width="320" height="320" data-title="alt" src="images/_blank.png" alt="" data-image_z="src"><span class="icon fa-search-plus"></span></a><a data-photo-swipe-item="" href="" data-image_c="href" data-size="320x320" data-type="flickr-item" class="thumbnail-default thumbnail-flickr"><img width="320" height="320" data-title="alt" src="images/_blank.png" alt="" data-image_z="src"><span class="icon fa-search-plus"></span></a><a data-photo-swipe-item="" href="" data-image_c="href" data-size="320x320" data-type="flickr-item" class="thumbnail-default thumbnail-flickr"><img width="320" height="320" data-title="alt" src="images/_blank.png" alt="" data-image_z="src"><span class="icon fa-search-plus"></span></a><a data-photo-swipe-item="" href="" data-image_c="href" data-size="320x320" data-type="flickr-item" class="thumbnail-default thumbnail-flickr"><img width="320" height="320" data-title="alt" src="images/_blank.png" alt="" data-image_z="src"><span class="icon fa-search-plus"></span></a></div>
</section>
<!-- Contact info-->
<section class="section-60">
<div class="shell">
<div class="range range-xs-center features-list">
<div class="cell-sm-4">
<div class="unit unit-vertical unit-responsive-md section-45">
<div class="unit-left"><span class="icon icon-contact-sm text-madison mdi mdi-phone"></span></div>
<div class="unit-body"><a href="callto:#" class="h6 text-regular">1-800-1234-567</a></div>
</div>
</div>
<div class="cell-sm-4">
<div class="unit unit-vertical unit-responsive-md section-45">
<div class="unit-left"><span class="icon icon-contact-sm text-madison mdi mdi-map-marker"></span></div>
<div class="unit-body"><a href="#" class="h6 text-regular">2130 Fulton Street San Diego, <br class="visible-lg-inline"> CA 94117-1080 USA</a></div>
</div>
</div>
<div class="cell-sm-4">
<div class="unit unit-vertical unit-responsive-md section-45">
<div class="unit-left"><span class="icon icon-contact-sm text-madison mdi mdi-email-open"></span></div>
<div class="unit-body"><a href="mailto:#" class="h6 text-regular">mail@demolink.org</a></div>
</div>
</div>
</div>
</div>
</section>
<!-- Google map-->
<section>
<!-- RD Google Map-->
<div class="rd-google-map">
<div id="rd-google-map" data-zoom="14" data-x="-73.9874068" data-y="40.643180" data-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":"poi.business","elementType":"geometry.fill","stylers":[{"visibility":"on"}]},{"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":"#b4d4e1"},{"visibility":"on"}]}]' class="rd-google-map__model"></div>
<ul class="rd-google-map__locations">
<li data-x="-73.9874068" data-y="40.643180">
<p>9870 St Vincent Place, Glasgow</p>
</li>
</ul>
</div>
</section>
</main>
<!-- Modal-->
<div id="myModal" role="dialog" class="modal fade">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" data-dismiss="modal" class="close mdi mdi-window-close"></button>
</div>
<div class="modal-body">
<div class="embed-responsive embed-responsive-16by9">
<iframe data-src="//www.youtube.com/embed/-AhmuMqZB0s?wmode=transparent" class="embed-responsive-item youtube-player"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- Corporate footer-->
<footer class="page-footer">
<div class="shell section-60 section-bottom-20">
<div class="range range-xs-center">
<div class="cell-md-3 cell-lg-2">
<!--Footer brand--><a href="index.html" class="reveal-inline-block view-animate zoomInSmall delay-06"><img width="65" height="65" src="images/logo-170x172.png" alt="">
<div>
<h6 class="barnd-name text-bold offset-top-12">Kids Tree</h6>
</div>
<div>
<p class="brand-slogan text-gray text-italic font-accent">Preschool</p>
</div></a>
</div>
<div class="cell-xs-12 offset-top-15 offset-sm-top-40 text-center">
<ul class="list-inline list-inline-xs list-inline-madison">
<li><a href="#" class="icon icon-xxs fa-facebook icon-circle icon-gray-light-filled view-animate zoomInSmall delay-04"></a></li>
<li><a href="#" class="icon icon-xxs fa-twitter icon-circle icon-gray-light-filled view-animate zoomInSmall delay-06"></a></li>
<li><a href="#" class="icon icon-xxs fa-google icon-circle icon-gray-light-filled view-animate zoomInSmall delay-08"></a></li>
<li><a href="#" class="icon icon-xxs fa-instagram icon-circle icon-gray-light-filled view-animate zoomInSmall delay-1"></a></li>
</ul>
</div>
<div class="cell-xs-12 text-center offset-top-20 offset-sm-top-45">
<p>© <span id="copyright-year"></span> All Rights Reserved Terms of Use and <a href="privacy.html">Privacy Policy</a></p>
<!-- {%FOOTER_LINK}-->
</div>
</div>
</div>
</footer>
</div>
<!-- Global Mailform Output-->
<div id="form-output-global" class="snackbars"></div>
<!-- PhotoSwipe Gallery-->
<div tabindex="-1" role="dialog" aria-hidden="true" class="pswp">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<button title="Close (Esc)" class="pswp__button pswp__button--close"></button>
<button title="Share" class="pswp__button pswp__button--share"></button>
<button title="Toggle fullscreen" class="pswp__button pswp__button--fs"></button>
<button title="Zoom in/out" class="pswp__button pswp__button--zoom"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button title="Previous (arrow left)" class="pswp__button pswp__button--arrow--left"></button>
<button title="Next (arrow right)" class="pswp__button pswp__button--arrow--right"></button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<!-- Java script-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
<!-- begin olark code-->
<script data-cfasync="false" type="text/javascript">
/*<![CDATA[*/
window.olark || (function(c) {
var f = window,
d = document,
l = f.location.protocol == "https:" ? "https:" : "http:",
z = c.name,
r = "load";
var nt = function() {
f[z] = function() {
(a.s = a.s || []).push(arguments)
};
var a = f[z]._ = {},
q = c.methods.length;
while (q--) {
(function(n) {
f[z][n] = function() {
f[z]("call", n, arguments)
}
})(c.methods[q])
}
a.l = c.loader;
a.i = nt;
a.p = {
0: +new Date
};
a.P = function(u) {
a.p[u] = new Date - a.p[0]
};
function s() {
a.P(r);
f[z](r)
}
f.addEventListener ? f.addEventListener(r, s, false) : f.attachEvent("on" + r, s);
var ld = function() {
function p(hd) {
hd = "head";
return ["<", hd, "></", hd, "><", i, ' onl' + 'oad="var d=', g, ";d.getElementsByTagName('head')[0].", j, "(d.", h, "('script')).", k, "='", l, "//", a.l, "'", '"', "></", i, ">"].join("")
}
var i = "body",
m = d[i];
if (!m) {
return setTimeout(ld, 100)
}
a.P(1);
var j = "appendChild",
h = "createElement",
k = "src",
n = d[h]("div"),
v = n[j](d[h](z)),
b = d[h]("iframe"),
g = "document",
e = "domain",
o;
n.style.display = "none";
m.insertBefore(n, m.firstChild).id = z;
b.frameBorder = "0";
b.id = z + "-loader";
if (/MSIE[ ]+6/.test(navigator.userAgent)) {
b.src = "javascript:false"
}
b.allowTransparency = "true";
v[j](b);
try {
b.contentWindow[g].open()
} catch (w) {
c[e] = d[e];
o = "javascript:var d=" + g + ".open();d.domain='" + d.domain + "';";
b[k] = o + "void(0);"
}
try {
var t = b.contentWindow[g];
t.write(p());
t.close()
} catch (x) {
b[k] = o + 'd.write("' + p().replace(/"/g, String.fromCharCode(92) + '"') + '");d.close();'
}
a.P(2)
};
ld()
};
nt()
})({
loader: "static.olark.com/jsclient/loader0.js",
name: "olark",
methods: ["configure", "extend", "declare", "identify"]
});
/* custom configuration goes here (www.olark.com/documentation) */
olark.identify('7830-582-10-3714'); /*]]>*/
</script>
<noscript><a href="https://www.olark.com/site/7830-582-10-3714/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by<a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7078796-5']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>
</body><!-- Google Tag Manager --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P9FT69"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-P9FT69');</script><!-- End Google Tag Manager -->
</html>