?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Kids | MegaOne HTML5 Template</title>
<link href="kids/images/favicon.ico" rel="icon">
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="kids/css/tooltipster.min.css">
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="kids/css/revolution/navigation.css">
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link rel="stylesheet" href="kids/css/custom.css">
<link rel="stylesheet" href="kids/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!--PreLoader-->
<div class="loader">
<div class="loader-spinner"></div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<header class="site-header" id="header">
<nav class="navbar navbar-expand-lg transparent-bg static-nav ">
<div class="color-lines d-block">
<div class="row no-gutters top-color-bar height-30">
<div class="col-4 bg-red"></div>
<div class="col-4 bg-orange"></div>
<div class="col-4 bg-blue"></div>
</div>
<div class="svg-div-zig-outer">
<div class="svg-div-zig"></div>
</div>
</div>
<div class="container navbar-design">
<a class="navbar-brand" href="index-kids.html">
<img src="kids/images/logo-white.png" alt="logo" class="logo-default">
<img src="kids/images/logo-white.png" alt="logo" class="logo-scrolled">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown position-relative">
<a class="nav-link active pagescroll" href="#header"> Home </a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#our-process">About</a>
</li>
<li class="nav-item dropdown static">
<a class="nav-link pagescroll" href="#our-apps"> Services </a>
</li>
<li class="nav-item dropdown position-relative">
<a class="nav-link pagescroll" href="#our-team"> Gallery </a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#our-testimonial">Review</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#stayconnect">Contact</a>
</li>
</ul>
</div>
</div>
<!--side menu open button-->
<a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
<span></span> <span></span> <span></span>
</a>
<div class="sticky-nav-bottom-holder-svg">
<div class="svg-bottom"></div>
</div>
</nav>
<!-- side menu -->
<div class="side-menu opacity-0 bg-yellow">
<div class="overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link pagescroll" href="#header">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#our-process">About</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#our-apps">Services</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#our-team">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#our-testimonial">Review</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#stayconnect">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple white top40">
<li><a href="javascript:void(0)" class="facebook"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class="twitter"><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class="insta"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="whitecolor">© 2019 MegaOne. Made With Love by ThemesIndustry</p>
</div>
</div>
</div>
<div id="close_side_menu" class="tooltip"></div>
<!-- End side menu -->
</header>
<!-- header -->
<!--MAIN SLIDER START-->
<div id="slider-section" class="slider-section">
<div id="revo_main_wrapper" class="rev_slider_wrapper fullwidthbanner-container m-0 p-0">
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
<div id="vertical-bullets" class="rev_slider fullwidthabanner white vertical-tpb" data-version="5.4.1">
<ul>
<!-- SLIDE 1 -->
<li data-index="rs-01" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-param1="01">
<!-- MAIN IMAGE -->
<img src="kids/images/slider-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<div class="tp-caption tp-resizeme"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-90','-40','-35','-35']"
data-width="none" data-height="none" data-type="text"
data-textAlign="['center','center','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<h2 class="font-15 font-xlight slider-top-text">The best toddler academy in town</h2>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-25','20','20','20']"
data-width="none" data-height="none" data-type="text"
data-textAlign="['center','center','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<h1 class="font-xlight font-60 slider-middle-text"><span class="redcolor">Kids</span> <span class="bluecolor">Schooling</span></h1>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['40','95','90','90']"
data-width="none" data-height="none" data-type="text"
data-textAlign="['left','center','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<p class="font-15 font-xlight slider-top-text">Curabitur mollis bibendum luctus. Duis suscipit suscipit.<br> Vestibulum auctor nunc vitae diam eleifend.</p>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','15']"
data-y="['middle','middle','middle','middle']" data-voffset="['110','170','160','170']"
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
data-textAlign="['center','center','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<a href="#about-us" class="btn yellow-blue-btn rounded-pill">Learn More</a>
</div>
</li>
<!-- SLIDE 2 -->
<li class="slider-bg-2" data-index="rs-02" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-param1="02">
<!-- MAIN IMAGE -->
<img src="kids/images/slider-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-90','-40','-35','-35']"
data-width="none" data-height="none" data-type="text"
data-textAlign="['center','center','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<h2 class="font-15 font-xlight slider-top-text">The best toddler academy in town</h2>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-25','20','20','20']"
data-width="none" data-height="none" data-type="text"
data-textAlign="['center','center','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<h1 class="font-xlight font-60 slider-middle-text"><span class="bluecolor">Kids</span> <span class="redcolor">Activities</span></h1>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['40','95','90','90']"
data-width="none" data-height="none" data-type="text"
data-textAlign="['right','right','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<p class="text-capitalize slider-top-text font-xlight">Curabitur mollis bibendum luctus. Duissuscipit.<br> Vestibulum auctor nunc vitae diam eleifend.</p>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme"
data-x="['right','right','center','center']" data-hoffset="['0','0','0','15']"
data-y="['middle','middle','middle','middle']" data-voffset="['110','170','160','170']"
data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
data-textAlign="['center','center','center','center']"
data-responsive_offset="on" data-start="1100"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<a href="#about-us" class="btn yellow-blue-btn rounded-pill">Learn More</a>
</div>
</li>
<!-- SLIDE 3 -->
<li data-index="rs-03" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-param1="03">
<!-- MAIN IMAGE -->
<img src="kids/images/slider-3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-90','-40','-35','-35']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<h2 class="font-15 font-xlight slider-top-text">The best toddler academy in town</h2>
</div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-25','20','20','20']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']" data-fontsize="['48','48','20','26']"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<h1 class="font-xlight font-60 slider-middle-text"><span class="redcolor">Mind</span> <span class="bluecolor">Storming</span></h1>
</div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['40','95','90','90']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']" data-fontsize="['16','16','16','16']"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<p class="font-15 font-xlight slider-top-text">Curabitur mollis bibendum luctus. Duis suscipit suscipit.<br> Vestibulum auctor nunc vitae diam eleifend.</p>
</div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['110','170','160','170']"
data-width="['500','500','500','500']" data-textalign="['center','center','center','center']" data-type="text"
data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1100,"to":"o:1;","delay":0,"ease":"Power4.easeInOut"},{"delay":"wait","speed":0,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
<a href="#about-us" class="btn yellow-blue-btn rounded-pill">Learn More</a>
</div>
</li>
</ul>
</div>
</div>
<div class="svg-slider-bottom-holder">
<div class="svg-slider-bottom"></div>
</div>
<ul class="social-icons social-icons-simple revicon white d-none d-md-block d-lg-block">
<li class="d-table"><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a> </li>
<li class="d-table"><a href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li class="d-table"><a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i> </a> </li>
<li class="d-table"><a href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
<!--Main SLIDER END -->
<!--Some Services-->
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="services-slider" class="owl-carousel">
<div class="item">
<div class="service-box bg-orange">
<span class="bottom25"><i class="fas fa-cubes"></i></span>
<h4 class="bottom10 text-nowrap"><a href="javascript:void(0)" class="font-22">Mind Development</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
</div>
</div>
<div class="item">
<div class="service-box bg-red">
<span class="bottom25"><i class="fas fa-users"></i></span>
<h4 class="bottom10"><a href="javascript:void(0)" class="font-22">Toddler's Activities</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
</div>
</div>
<div class="item">
<div class="service-box bg-green">
<span class="bottom25"><i class="far fa-building"></i></span>
<h4 class="bottom10"><a href="javascript:void(0)" class="font-22">Play Land</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
</div>
</div>
<div class="item">
<div class="service-box bg-pink">
<span class="bottom25"><i class="fas fa-gamepad"></i></span>
<h4 class="bottom10"><a href="javascript:void(0)" class="font-22">Games Boy</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
</div>
</div>
<div class="item">
<div class="service-box bg-blue">
<span class="bottom25"><i class="fas fa-pen"></i></span>
<h4 class="bottom10"><a href="javascript:void(0)" class="font-22">Creative Writing</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Some Services ends-->
<!--Some Feature -->
<section id="about" class="single-feature padding mt-n5">
<div class="container">
<div class="row">
<div class="col-12 offset-lg-2 col-lg-8 wow fadeInUp" data-wow-delay="300ms">
<div class="about-image-holder">
<img src="kids/images/about-kids.png" alt="about image">
</div>
</div>
</div>
</div>
</section>
<!--Some Feature ends-->
<!-- WOrk Process-->
<section id="our-process" class="padding bg-red">
<div class="svg-process-top-holder">
<div class="svg-process-top"></div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="heading-title whitecolor wow fadeInUp" data-wow-delay="300ms">
<span>Quisque tellus risus, adipisci </span>
<h2 class="font-normal">Child's Education </h2>
</div>
</div>
</div>
<div class="row">
<ul class="process-wrapp">
<li class="whitecolor wow fadeIn" data-wow-delay="300ms">
<span class="pro-step bottom20">01</span>
<p class="fontbold bottom20">Grade One</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn" data-wow-delay="400ms">
<span class="pro-step bottom20">02</span>
<p class="fontbold bottom20">Grade Two</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn active" data-wow-delay="500ms">
<span class="pro-step bottom20">03</span>
<p class="fontbold bottom20">Grade Three</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn" data-wow-delay="600ms">
<span class="pro-step bottom20">04</span>
<p class="fontbold bottom20">Grade Four</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn" data-wow-delay="700ms">
<span class="pro-step bottom20">05</span>
<p class="fontbold bottom20">Grade Five</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
</ul>
</div>
</div>
<div class="svg-process-bottom-holder">
<div class="svg-process-bottom"></div>
</div>
</section>
<!--WOrk Process ends-->
<!-- Mobile Apps -->
<section id="our-apps" class="padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-7 col-sm-12">
<div class="heading-title bottom30 wow fadeInLeft" data-wow-delay="200ms">
<span class="defaultcolor text-center text-md-left">Quisque tellus risus, adipisci viverra</span>
<h2 class="bottom30 darkcolor font-normal text-center text-md-left">Every Kid is Important</h2>
</div>
</div>
<div class="col-lg-6 col-md-5 col-sm-12 wow fadeInRight" data-wow-delay="200ms">
<p class="heading_space mt-n3 mt-sm-0 text-center text-md-left">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
</div>
</div>
<div class="row d-flex align-items-center" id="app-feature">
<div class="col-lg-3 col-md-4 col-sm-12">
<div class="text-center text-md-left">
<div class="feature-item mt-1 wow fadeInLeft" data-wow-delay="200ms">
<div class="icon"><i class="fas fa-puzzle-piece"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">Playing Activity</span>
</h4>
<p>This is Quisque tellus version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
<div class="feature-item mt-5 wow fadeInLeft" data-wow-delay="250ms">
<div class="icon"><i class="fas fa-swimmer"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">Swimming</span>
</h4>
<p>This is Quisque tellus version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-4 col-sm-12 text-center">
<div class="image feature-item d-inline-block wow fadeIn my-5 my-md-0" data-wow-delay="400ms">
<img src="kids/images/kids-activity.png" alt="mobile phones">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-12">
<div class="text-center text-md-right">
<div class="feature-item mt-1 wow fadeInRight" data-wow-delay="200ms">
<div class="icon"><i class="fas fa-book"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">Online Course</span>
</h4>
<p>This is Quisque tellus version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
<div class="feature-item mt-5 wow fadeInRight" data-wow-delay="250ms">
<div class="icon"><i class="fas fa-dumbbell"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">Health / Fitness</span>
</h4>
<p>This is Quisque tellus version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Mobile Apps ends-->
<!-- Counters -->
<section id="bg-counters" class="padding bg-counters bg-orange">
<div class="svg-counter-top-holder">
<div class="svg-counter-top"></div>
</div>
<div class="container">
<div class="row align-items-center text-center">
<div class="col-lg-4 col-md-4 col-sm-4 bottom10">
<div class="counters whitecolor top10 bottom10">
<span class="count_nums font-light" data-to="1994" data-speed="2500"> </span>
</div>
<h3 class="font-light whitecolor top20">Since We Started</h3>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="kids-activity-holder">
<img src="kids/images/kids-paint.png" alt="my paints image">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 bottom10">
<div class="counters whitecolor top10 bottom10">
<span class="count_nums font-light" data-to="1395" data-speed="2500"> </span>
</div>
<h3 class="font-light whitecolor top20">Kids in Classes</h3>
</div>
</div>
</div>
<div class="svg-counter-bottom-holder">
<div class="svg-counter-bottom"></div>
</div>
</section>
<!-- Counters ends-->
<!-- Our Team-->
<section id="our-team" class="padding_top half-section-alt teams-border">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="heading-title wow fadeInLeft" data-wow-delay="200ms">
<span class="defaultcolor text-center text-md-left">Quisque tellus risus, adipisci</span>
<h2 class="darkcolor font-normal bottom30 text-center text-md-left">Awesome Kids Gallery</h2>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 wow fadeInRight" data-wow-delay="200ms">
<p class="heading_space mt-n3 mt-sm-0 text-center text-md-left">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="ourteam-slider" class="owl-carousel">
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="150ms">
<div class="image">
<a href="kids/images/team-1.jpg" data-fancybox>
<img src="kids/images/team-1.jpg" alt="">
</a>
</div>
<div class="team-content">
<h4 class="darkcolor">Jason Wudex</h4>
<p>Grade One</p>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="200ms">
<div class="image">
<a href="kids/images/team-2.jpg" data-fancybox>
<img src="kids/images/team-2.jpg" alt="">
</a>
</div>
<div class="team-content">
<h4 class="darkcolor">Mia Twain</h4>
<p>Grade Two</p>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="250ms">
<div class="image">
<a href="kids/images/team-3.jpg" data-fancybox>
<img src="kids/images/team-3.jpg" alt="">
</a>
</div>
<div class="team-content">
<h4 class="darkcolor">Peter Farry</h4>
<p>Grade One</p>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="300ms">
<div class="image">
<a href="kids/images/team-4.jpg" data-fancybox>
<img src="kids/images/team-4.jpg" alt="">
</a>
</div>
<div class="team-content">
<h4 class="darkcolor">Hayden Wood</h4>
<p>Grade Three</p>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="150ms">
<div class="image">
<a href="kids/images/team-1.jpg" data-fancybox>
<img src="kids/images/team-1.jpg" alt="">
</a>
</div>
<div class="team-content">
<h4 class="darkcolor">Shania Jackson</h4>
<p>Grade Two</p>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="200ms">
<div class="image">
<img src="kids/images/team-2.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Jessica Biel</h4>
<p>Grade Five</p>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="250ms">
<div class="image">
<img src="kids/images/team-3.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Jessica Jung</h4>
<p>Grade Three</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="svg-team-bottom-holder">
<div class="svg-team-bottom"></div>
</div>
</section>
<!-- Our Team ends-->
<!-- Partners-->
<section id="our-partners" class="padding_top padding_bottom bglight">
<div class="container">
<div class="row">
<h2 class="d-none">Partners Carousel</h2>
<div class="col-md-12 col-sm-12">
<div id="partners-slider" class="owl-carousel">
<div class="item">
<div class="logo-item"> <img alt="" src="kids/images/logo-1.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-2.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-3.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-4.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-5.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-1.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-2.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-3.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-4.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="kids/images/logo-5.png"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Partners ends-->
<!-- Testimonials -->
<section id="our-testimonial" class="bglight padding_bottom">
<div class="svg-testimonial-top-holder">
<div class="svg-testimonial-top"></div>
</div>
<div class="parallax page-header testimonial-bg">
<div class="container">
<div class="row">
<div class="col-12 col-lg-12 col-md-12 text-center">
<div class="heading-title wow fadeInUp padding_testi" data-wow-delay="300ms">
<span class="whitecolor">Quisque tellus risus, adipisci</span>
<h2 class="whitecolor font-normal">Some Happy Parents</h2>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="owl-carousel" id="testimonial-slider">
<!--item 1-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-12 col-md-12 text-center">
<div class="testimonial-round d-inline-block">
<img src="kids/images/testimonial-2.jpg" alt="">
</div>
</div>
<div class="col-lg-12 col-md-12 text-center">
<p class="bottom15 testimional-para top15 w-50 ml-auto mr-auto">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we boast a years and years of service.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
<h4 class="defaultcolor font-light top15"><a href="#.">John Smith</a></h4>
<p>New York,USA</p>
</div>
</div>
</div>
<!--item 2-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-12 col-md-12 text-center">
<div class="testimonial-round d-inline-block">
<img src="kids/images/testimonial-6.jpg" alt="">
</div>
</div>
<div class="col-lg-12 col-md-12 text-center">
<p class="bottom15 top15 testimional-para w-50 ml-auto mr-auto">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we boast a years and years of service.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
<h4 class="defaultcolor font-light top15"><a href="#.">Kate Joan</a></h4>
<p>New York,USA</p>
</div>
</div>
</div>
</div>
</div>
<div class="svg-testimonial-bottom-holder">
<div class="svg-testimonial-bottom"></div>
</div>
</section>
<!--testimonials end-->
<!-- Contact US -->
<section id="stayconnect" class="bglight position-relative">
<div class="container">
<div class="contactus-wrapp">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="heading-title wow fadeInUp text-center text-md-left" data-wow-delay="300ms">
<h3 class="darkcolor bottom20 font-bold">Lets Get In Touch</h3>
</div>
</div>
<div class="col-md-12 col-sm-12">
<form class="getin_form wow fadeInUp" data-wow-delay="400ms" onsubmit="return false;">
<div class="row">
<div class="col-md-12 col-sm-12" id="result"></div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="userName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Name" required id="userName" name="userName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="companyName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Company" id="companyName" name="companyName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="email" class="d-none"></label>
<input class="form-control" type="email" placeholder="Email" required id="email" name="email">
</div>
</div>
<div class="col-md-3 col-sm-6">
<button type="submit" class="btn yellow-blue-btn rounded-pill w-100" id="submit_btn">Call Back</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Contact US ends -->
<!--Site Footer Here-->
<footer id="site-footer" class="position-relative bg-red padding_top">
<div class="svg-footer-top-holder">
<div class="svg-footer-top"></div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<a href="index-kids.html" class="footer_logo bottom25"><img src="kids/images/logo-white.png" alt="MegaOne"></a>
<p class="whitecolor bottom25">Keep away from people who try to belittle your ambitions Small people always do that but the really great Friendly.</p>
<div class="d-table w-100 address-item whitecolor bottom25">
<span class="d-table-cell align-middle"><i class="fas fa-mobile-alt"></i></span>
<p class="d-table-cell align-middle bottom0">
+01 - 123 - 4567 <a class="d-block" href="mailto:web@support.com">email@support.com</a>
</p>
</div>
<ul class="social-icons white wow fadeInUp" data-wow-delay="300ms">
<li><a href="javascript:void(0)" class=""><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20 pl-0 pl-lg-5">
<h3 class="whitecolor bottom25">Our Services</h3>
<ul class="links">
<li><a href="index-logistic.html">Home</a></li>
<li><a href="logistic/about.html">About Schooling</a></li>
<li><a href="logistic/news-1.html">Latest News</a></li>
<li><a href="logistic/pricing.html">Kids Admissions</a></li>
<li><a href="logistic/contact.html">Contact Us</a></li>
<li><a href="logistic/faq.html">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Latest News</h3>
<ul class="latest_news whitecolor">
<li> <a href="#.">Aenean tristique justo et... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Phasellus dapibus dictum augue... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Mauris blandit vitae. Praesent non... </a> <span class="date defaultcolor">15 March 2019</span> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Business hours</h3>
<p class="whitecolor bottom25">Our support available to help you 24 hours a day, seven days week</p>
<ul class="hours_links whitecolor">
<li><span>Monday-Saturday:</span> <span>8.00-18.00</span></li>
<li><span>Friday:</span> <span>09:00-21:00</span></li>
<li><span>Sunday:</span> <span>Closed</span></li>
<li><span>Calendar Events:</span> <span>Closed</span></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!--Footer ends-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="vendor/js/bundle.min.js"></script>
<!--to view items on reach-->
<script src="vendor/js/jquery.appear.js"></script>
<!--Owl Slider-->
<script src="vendor/js/owl.carousel.min.js"></script>
<!--Parallax Background-->
<script src="vendor/js/parallaxie.min.js"></script>
<!--Cubefolio Gallery-->
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!--Fancybox js-->
<script src="vendor/js/jquery.fancybox.min.js"></script>
<!--wow js-->
<script src="vendor/js/wow.min.js"></script>
<!--number counters-->
<script src="kids/js/jquery-countTo.js"></script>
<!--tooltip js-->
<script src="kids/js/tooltipster.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!--custom functions and script-->
<script src="kids/js/functions.js"></script>
</body>
</html>