   <!-- Header Area Start Here -->
   <header>
    <div id="header-layout2" class="header-style5">
        <div class="header-top-bar">
            
            <div class="bg-body box-layout">
                <div class="top-bar-bottom pt-20 pb-20 d-none d-lg-block">
                    <div class="container">
                        <div class="row d-flex align-items-center">
                            <div class="col-lg-4 col-md-4 col-sm-4">
                                <div class="logo-area">
                                    <a href="index.html" class="img-fluid">
                                        لوجو
                                        <!-- <img src="img/logo-dark.png" alt="logo"> -->
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-8 col-md-8 col-sm-8">
                                <div class="ne-banner-layout1 pull-right">
                                    <a href="#">
                                        <img src="../assets/img/banner/banner2.jpg" alt="ad" class="img-fluid">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-menu-area" id="sticker">
            <div class="bg-body">
                <div class="bg-primarytextcolor pl-15 pr-15">
                    <div class="container">
                        <div class="row no-gutters d-flex align-items-center">
                            <div class="col-lg-9 col-md-8 d-none d-lg-block position-static min-height-none">
                                <div class="ne-main-menu">
                                    <nav id="dropdown">
                                        <ul>
                                            <li class="active">
                                                <a href="index.php">الرئيسية</a>
                                            </li>
                                            <li>
                                                <a href="about.php">ماذا عنا</a>
                                                <ul class="ne-dropdown-menu">
                                                    <li>
                                                        <a href="about.php">الرؤية والرسالة</a>
                                                    </li>
                                                    <li>
                                                        <a href="tree.php">شجرة العائلة</a>
                                                    </li>
                                                    <li>
                                                        <a href="family-fund.php">صندوق العائلة</a>
                                                    </li>
                                                    <li>
                                                        <a href="history.php"> ذاكره التاريخ</a>
                                                    </li>
                                                    <li>
                                                        <a href="statistics.php">الاحصائيات</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="albums.php">الألبومات</a>
                                            </li>
                                            <li>
                                                <a href="news.php">الأخبار</a>
                                            </li>
                                            <li>
                                                <a href="performance.php">مقاييس الاداء</a>
                                            </li>
                                            <li>
                                                <a href="achivement.php">الانجازات</a>
                                            </li>
                                            <li>
                                                <a href="occasions.php">المناسبات</a>
                                            </li>
                                            <li>
                                                <a href="contact.php">اتصل بنا</a>
                                            </li>
                                            
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4 col-sm-4 text-right position-static min-height-none">
                                <div class="header-action-item on-mobile-fixed">
                                    <ul>
                                            <li><a href="../en/index.php">EN</a> </li>
                                        <li>
                                            <form id="top-search-form" class="header-search-light">
                                                <input type="text" class="search-input" placeholder="بحث...." required="" style="display: none;">
                                                <button class="search-button">
                                                    <i class="fa fa-search" aria-hidden="true"></i>
                                                </button>
                                            </form>
                                        </li>
                                        <li >
                                            <button type="button" class="login-btn" data-toggle="modal" data-target="#myModal">
                                                <i class="fa fa-user" aria-hidden="true"></i>دخول
                                            </button>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Header Area End Here -->
