<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="ionicons/css/ionicons.min.css" rel="stylesheet">
    <script src="https://use.fontawesome.com/3db7fc1628.js"></script>
    <link href='http://fonts.googleapis.com/css?family=Cabin:400,700' rel='stylesheet' type='text/css'>
    <!-- main css -->
    <link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<script src="js/semantic.min.js"></script>
    <!-- modernizr -->
    <script src="js/modernizr.js"></script>
</head>

	
<body>

    <!-- Preloader -->
    <div id="preloader">
        <div class="pre-container">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
    <!-- end Preloader -->

    <div class="container-fluid">
        <!-- box header -->
       <?php include "comp/nav.html" ?>
        <!-- end nav -->

        <!-- box-intro -->
        <section class="box-intro">

            <div class="table-cell">
          <img height="20%"   src="img/logo2.png"/>
                <h3 style="font-size:300%;" class="box-headline letters rotate-2">
                    <span style="color:#b0d460" class="box-words-wrapper">
                        <b class="is-visible">Care</b>
                        <b>&nbsp;Like</b>
                        <b>Home</b>
                    </span>
		        </h3>
                <h5>everything your kids need to Achieve there Dreams</h5>
            </div>

          
        </section>
        <!-- end box-intro -->
    </div>

    <!-- portfolio div -->
    <div class="portfolio-div" style="background-image:url('img/school-blure.jpg');">
        <div class="portfolio">
            <div class="no-padding portfolio_container">
                <!-- single work -->
                <div class="col-md-3 col-sm-6  fashion logo">
                    <a  class="portfolio_item">
                        <img src="img/2.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>Learn English with playing</span>
                                    <em>english/ Game</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- end single work -->

                <!-- single work -->
                <div class="col-md-3 col-sm-6 ads graphics">
                    <a  class="portfolio_item">
                        <img src="img/turkish.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>turkish Class</span>
                                    <em>turkish / Learn</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
				
                <!-- end single work -->

                <!-- single work -->
                <div class="col-md-6 col-sm-12 photography">
                    <a  class="portfolio_item">
                        <img src="img/3.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>Do what ever your mind tell you</span>
                                    <em>creative room</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
							 <div class="col-md-3 col-sm-6  fashion logo">
                    <a  class="portfolio_item">
                        <img src="img/kitchen.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>Healthy and yummy food </span>
                                    <em>kitchen/ section</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- end single work -->
<div class="col-md-3 col-sm-6 ads graphics">
                    <a  class="portfolio_item">
                        <img src="img/Arabic.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>arabic Class</span>
                                    <em>arabic / Learn</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- single work -->
                <div class="col-md-3 col-sm-6 fashion ads">
                    <a  class="portfolio_item">
                        <img src="img/4.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>play by hands</span>
                                    <em>Active</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- end single work -->
<div class="col-md-3 col-sm-6  fashion logo">
                    <a  class="portfolio_item">
                        <img src="img/kids.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>Our Lovely Kids ♥ </span>
                                    <em>Kids/ photo</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- single work -->
                <div class="col-md-3 col-sm-6 graphics ads">
                    <a  class="portfolio_item">
                        <img src="img/5.jpg" alt="image" class="img-responsive" />
                        <div class="portfolio_item_hover">
                            <div class="portfolio-border clearfix">
                                <div class="item_info">
                                    <span>Feal like home with our staff</span>
                                    <em>Teachers</em>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <!-- end portfolio_container -->
        </div>
        <!-- portfolio -->
    </div>
    <!-- end portfolio div -->

    <!-- footer -->
    <?php include "comp/footer.html"; ?> 
    <!-- end footer -->

    <!-- back to top -->
    <a href="#0" class="cd-top"><i class="ion-android-arrow-up"></i></a>
    <!-- end back to top -->



    <!-- jQuery -->
    <script src="js/jquery-2.1.1.js"></script>
    <!--  plugins -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/menu.js"></script>
    <script src="js/animated-headline.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>


    <!--  custom script -->
    <script src="js/custom.js"></script>

</body>

</html>
