<div class='nav-header bg-light sticky-top animated slideInDown' dir='rtl'>
        <div class='row'>
            <div class='logo-brand ml-auto animated zoomIn slow'>
                <a class="navbar-brand" href="index.php"><img class='hvr-grow-shadow' src="../assets/img/logo.png"></a>
            </div>
            <div class="lines mr-auto">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
            <ul class="nav-links mr-auto">
                <li><a class='btn' href="index.php">HOME</a></li>
                <li><a class='' href="index.php#info-takeachance"> ABOUT US</a></li>
                <li><a href="index.php#our-programs">PROGRAMS</a></li>
                <li><a href="index.php#news">NEWS</a></li>
                <li><a href="index.php#app">APP</a></li>
                <li><a href="index.php#donate">DONATE</a></li>
                <li><a href="gallery.php" onclick="location.href='gallery.php'">GALLERY</a></li>
                <li><a href="contact-us.php" onclick="location.href='contact-us.php'">CONTACT US</a></li>
                <li><a href="https://takeachancenpo.com/ar/" onclick="location.href='../ar'"> AR</a></li>
            </ul>
            <ul class="navlinks mr-auto">
                <a href="contact-us.php" class="num animated jackInTheBox slow" style='background-color:#FC5272'>CONTACT US</a>
                <a href="gallery.php" class="num animated jackInTheBox slow" style='background-color:#0080BB'>GALLERY</a>
                <a href="index.php#donate" class="num donate animated rollIn slow" style='background-color:#ECE813'>DONATE</a>
                <a href="index.php#app" class="num app animated rollIn slow" style='background-color:#FC5272'>APP</a>
                <a href="index.php#news" class="num news animated jackInTheBox slow" style='background-color:#0080BB'>NEWS</a>
                <a href="index.php#our-programs" class="num program animated rollIn slow" style='background-color:#ECE813'>PROGRAMS</a>
                <a href="index.php#info-takeachance" class="num info animated rollIn slow" style='background-color:#FC5272'>ABOUT US</a>
                <a href="index.php" class="num  animated jackInTheBox slow" style='background-color:#0080BB'>HOME</a>

            </ul>
        </div>
        <!-- end row -->
<div class='lang'>
<a href='../ar'>AR</a>
</div>
</div>
<!-- End header -->