<!DOCTYPE html>
<html lang="en">
<head>
    <!-- meta tags -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">

    <!-- title -->
    <title>HD International Education Centre : About Us</title>

    <!-- favicon -->
    <link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">

    <!-- css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/all-fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
<style>
    .fa-regular, .far {
    font-weight: 600;
     color: var(--theme-color2);
}
</style>
</head>

<body>



    <!-- header area -->
   <?php include("header.php");?>
    <!-- header area end -->


    <main class="main">

        <!-- breadcrumb -->
        <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.jpg)">
            <div class="container">
                <h2 class="breadcrumb-title">About Us</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="index.php">Home</a></li>
                    <li class="active">About Us</li>
                </ul>
            </div>
        </div>
        <!-- breadcrumb end -->


        <!-- about area -->
        <div class="about-area py-120 pb-40">
            <div class="container">
                <div class="row g-4 align-items-center">
                    <div class="col-lg-4">
                        <div class="about-left wow fadeInLeft" data-wow-delay=".25s">
                            <div class="about-img">
                                <div class="row g-4">
                                   <img class="img-1" src="assets/img/hd.JPG" alt=""> 
                                </div>
                                <!--<div class="row g-4">
                                    <div class="col-md-6">
                                        <img class="img-1" src="assets/img/about/01.jpg" alt="">
                                        <div class="about-experience mt-4">
                                            <div class="about-experience-icon">
                                                <img src="assets/img/icon/exchange-idea.svg" alt="">
                                            </div>
                                            <b class="text-start">30 Years Of <br> Quality Service</b>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <img class="img-2" src="assets/img/about/02.jpg" alt="">
                                        <img class="img-3 mt-4" src="assets/img/about/03.jpg" alt="">
                                    </div>
                                </div>-->
                            </div>
                        </div>
                    </div>
                     <div class="col-lg-8">
                        <div class="about-right wow fadeInRight" data-wow-delay=".25s">
                            <div class="site-heading mb-3">
                                <span class="site-title-tagline"><i class="far fa-book-open-reader"></i> About Us</span>
                                <h2 class="site-title"> History of School
                                </h2>
                            </div>
                            <p class="about-text">
                               <b>"H.D. International Education Centre"</b> was stablished in 3th Feb 2625 with a vision to privide quality education, 
                                holistic development to young minds.<br>
                                Our goal has always been to Create a modern inclusive and students - Centric learning environment.</p>
                                <p>At <b>"H.D. International Education Centre"</b> , we strive to nurture yound minds by provinding them with astrong 
                                academic foundation, leadership skills and a global perspective to excel is their future endeavors</p>

                            <div class="about-content">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="about-item">
                                            <div class="about-item-icon">
                                                <img src="assets/img/icon/open-book.svg" alt="">
                                            </div>
                                            <div class="about-item-content">
                                                <h5>Our Vision</h5>
                                                <p>To create a community where each student is inspired to achieve excellence and
                                                is equipped with the skills and knowledge to succeed in a rapidly changing world.</p>
                                            </div>
                                        </div>
                                        <div class="about-item">
                                            <div class="about-item-icon">
                                                <img src="assets/img/icon/global-education.svg" alt="">
                                            </div>
                                            <div class="about-item-content">
                                                <h5>Our Mission</h5>
                                                <p>To provide a supportive & inclusive environment, fastering creativity critical thinking 
                                                and a love for live long learning.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--<div class="col-md-5">
                                        <div class="about-quote">
                                            <p>It is a long established fact that a reader will be distracted by the
                                                content of
                                                a page when looking at its reader for the long words layout.</p>
                                            <i class="far fa-quote-right"></i>
                                        </div>
                                    </div>-->
                                </div>
                            </div>
                          
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <!-- about area end -->
        



    </main>



    <!-- footer area -->
    <?php include("footer.php");?>
    <!-- footer area end -->


    <!-- js -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/modernizr.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/jquery.appear.min.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/counter-up.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/main.js"></script>

</body>
</html>