<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Themeum">
<!-- Include All Css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/preset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!--[if lt IE 9]>
<script src="js/html5shive.js"></script>
<![endif]-->
</head>
<body>
<!-- Header Area -->
<header class="header-area inner-page">
<!-- Header Top Area -->
<section class="header-top">
<div class="container">
<div class="row">
<div class="col-sm-12 col-xs-12">
<div class="header-elements pull-right">
<ul class="social-icon pull-left">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
<div class="language pull-left">
<a href="#">
<i class="icon-translator"></i>
<span>English</span>
<i class="fa fa-angle-down"></i>
</a>
</div>
<div class="login-or-signup pull-left">
<a href="#"><i class="icon-user"></i><span>Login/sign up</span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /.header-top -->
<nav class="navigation">
<div class="container">
<div class="row">
<div class="col-sm-12 col-xs-12">
<div class="logo pull-left">
<a href="index.html"><img alt="Kidzy" src="images/home1/logo.png"></a>
</div>
<ul class="main-menu pull-right">
<li class="menu-has-child">
<a href="index.html">Home</a>
<ul>
<li><a href="index2.html">Home 2</a></li>
<li><a href="index3.html">Home 3</a></li>
</ul>
</li>
<li><a href="about-us.html">About us</a></li>
<li class="menu-has-child">
<a href="#">Pages</a>
<ul>
<li>
<a href="event.html">Event</a>
<ul>
<li><a href="event-details.html">Event Details</a></li>
</ul>
</li>
<li><a href="routine.html">Routine</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li><a href="shortcode.html">Features</a></li>
<li class="menu-has-child">
<a href="class.html">Classes</a>
<ul>
<li><a href="class-details.html">Classes Details</a></li>
</ul>
</li>
<li class="menu-has-child">
<a href="blog.html">Blog</a>
<ul>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="menu-has-child">
<a href="teacher.html">Teacher</a>
<ul>
<li><a href="teacher-details.html">Teacher Details</a></li>
</ul>
</li>
<li>
<a href="#" id="search-pop"><i class="fa fa-search"></i></a>
</li>
</ul>
<div class="mobile-menu hidden-lg hidden-md hidden-sm">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
<div class="search-area">
<form action="#" method="post">
<input type="search" name="search" placeholder="Enter your Search Text Here....">
</form>
<a href="#" class="search-close"><i class="fa fa-times"></i></a>
</div>
</nav>
</header>
<!-- /.header-area -->
<!-- Breadcrumb -->
<section class="breadcrumb-section">
<div class="container">
<div class="row">
<div class="col-sm-12 col-xs-12 text-center">
<div class="breadcrumb-content">
<h2>About Us</h2>
<ul>
<li><a href="index.html">Home</a><span>/</span></li>
<li>About Us</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- /.breadcrumb-section -->
<!-- Classes Section -->
<section class="who-we-section">
<div class="container">
<div class="row">
<div class="col-sm-6 col-xs-12">
<div class="who-we-img">
<img alt="" src="images/about/who.jpg">
</div>
</div>
<div class="col-sm-6 col-xs-12 text-left">
<div class="who-we-details">
<h2 class="title-2">Who We Are</h2>
<p class="subtitle color">We Create Something New</p>
<article class="who-we-content">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur.
</p>
<p>
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. Sed ut perspiciatis
unde omnis iste natus error sit voluptatem accusantium doloremque.
</p>
</article>
</div>
</div>
</div>
</div>
</section>
<!-- /.who-we-section -->
<!-- Promo Section -->
<section class="promo-section">
<div class="container">
<div class="row">
<div class="col-sm-7 col-md-5 col-xs-12">
<div class="promo-content">
<div class="promo-img">
<img src="images/home1/logo2.png" alt="">
</div>
<h4>Kindergarten School</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip.
</p>
<a href="#" class="primary-btn"><span>Enroll Your Child</span></a>
</div>
</div>
<div class="col-sm-5 col-md-7">
<div class="enroll-img">
<img alt="" src="images/home1/enroll-img.png">
</div>
</div>
</div>
</div>
</section>
<!-- /.promo-section -->
<!-- Atmosphere Section -->
<section class="atmosphere-section">
<div class="container">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="kids-mom-img">
<img alt="" src="images/about/kids-mom.jpg">
</div>
</div>
<div class="col-sm-5 col-xs-12">
<div class="atmosphere-details">
<h2 class="title-2">Atmosphere</h2>
<p class="subtitle color">Quality Children</p>
<article class="atmosphere-content">
<p>
Lorem ipsum dolor sit amet, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
</p>
<ul>
<li>
<i class="fa fa-check"></i>
<span>
Consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</span>
</li>
<li>
<i class="fa fa-check"></i>
<span>
Ut enim ad minim veniam, quis nostrud exercitation.
</span>
</li>
<li>
<i class="fa fa-check"></i>
<span>
Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur.
</span>
</li>
</ul>
</article>
</div>
</div>
</div>
</div>
</section>
<!-- /.atmosphere-section -->
<!-- Welcome Section -->
<section class="activity-section">
<div class="container">
<div class="row">
<div class="col-sm-12 col-xs-12 text-center">
<h2 class="title-2">Our Activi