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

<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="Awaiken">
    <!-- Page Title -->
    <title>Arete (Centre for human excellence)</title>
    <!-- Favicon Icon -->
    <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
    <!-- Google Fonts Css-->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&amp;display=swap"
        rel="stylesheet">
    <!-- Bootstrap Css -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <!-- SlickNav Css -->
    <link href="css/slicknav.min.css" rel="stylesheet">
    <!-- Swiper Css -->
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <!-- Font Awesome Icon Css-->
    <link href="css/all.min.css" rel="stylesheet" media="screen">
    <!-- Animated Css -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Magnific Popup Core Css File -->
    <!-- <link rel="stylesheet" href="css/magnific-popup.css"> -->
    <!-- Mouse Cursor Css File -->
    <!-- <link rel="stylesheet" href="css/mousecursor.css"> -->
    <!-- Main Custom Css -->
    <link href="css/custom.css" rel="stylesheet" media="screen">
</head>

<body>

    <!-- Preloader Start -->
    <!-- <div class="preloader">
        <div class="loading-container">
            <div class="loading"></div>
        </div>
    </div> -->
    <!-- Preloader End -->

    <!-- Topbar Section Start -->
    <div class="topbar">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-7">
                    <div class="topbar-info-text">
                        <p>Welcome To Arete
                            Centre for Human Excellence </p>
                    </div>
                </div>

                <div class="col-md-5">
                    <!-- Topbar Social Links Start -->
                    <div class="topbar-links">


                        <!-- Topbar Social Links Start -->
                        <div class="topbar-social-links">
                            <ul>
                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                               <li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>

                            </ul>
                        </div>
                        <!-- Topbar Social Links End -->
                    </div>
                    <!-- Topbar Social Links End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Topbar Section End -->

    <!-- Header Start -->
    <header class="main-header">
        <div class="header-sticky">
            <nav class="navbar navbar-expand-lg">
                <div class="container">
                    <!-- Logo Start -->
                    <a class="navbar-brand" href="index.php">
                        <img src="images/logo.png"  alt="Logo">
                    </a>
                    <!-- Logo End -->

                    <!-- Main Menu Start -->
                    <div class="collapse navbar-collapse main-menu">
                        <div class="nav-menu-wrapper">
                            <ul class="navbar-nav mr-auto" id="menu">
                                <li class="nav-item"><a class="nav-link" href="index.php">Home</a> </li>
                                <li class="nav-item"><a class="nav-link" href="vision-mission-objectives.php">Vision, Mission, & Objectives</a>
                                <li class="nav-item"><a class="nav-link" href="impact.php">Impact</a>
                                <li class="nav-item submenu"><a class="nav-link" href="#">Services</a>
                                    <ul>
                                        <li class="nav-item"><a class="nav-link" href="reroot.php">Reroot</a></li>
                                        <li class="nav-item"><a class="nav-link" href="bridges.php">Bridges</a></li>
                                        <li class="nav-item"><a class="nav-link" href="vitality-healthcare.php">Vitality Healthcare</a></li>
                                        <li class="nav-item"><a class="nav-link" href="incubyte.php">Incubyte</a></li>
                                        <li class="nav-item"><a class="nav-link" href="rostrum.php">Rostrum</a></li>
                                        <li class="nav-item"><a class="nav-link" href="social-tango.php">Social Tango</a></li>
                                        <li class="nav-item"><a class="nav-link" href="bask.php">Bask</a></li>
                                        <li class="nav-item"><a class="nav-link" href="core-nutrition.php">Core Nutrition</a></li>
                                        <li class="nav-item"><a class="nav-link" href="pulse.php">Pulse</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item"><a class="nav-link" href="executive-team.php">Executive Team</a></li>
                            </ul>
                        </div>


                    </div>
                    <!-- Main Menu End -->
                    <div class="navbar-toggle"></div>
                </div>
            </nav>
            <div class="responsive-menu"></div>
        </div>
    </header>
    <!-- Header End -->