Header

Welcome to Eduma Header Elements! You can choose 2 Types of header package for creating your website.

Header Transparent

<div class="position-fixed fixed-top header-fixed zero-header-fixed">
    <section class="main-notification pt-10px pb-10px">
        <div class="container">
            <div class="row">
                <!--Start Topbar-->
                <!--End Topbar-->
            </div>
        </div>
    </section>
    <nav class="main-navbar navbar navbar-expand-lg pt-0 pb-0">
        <div class="container demo-submenu-rsv1">
            <div class="col-5 col-xl-2 main-navbar__logo">
                <!--Start Logo-->
                <!--End Logo-->
            </div>
            <div class="col-7 col-xl-10 main-navbar__menu d-flex justify-content-end">
                <div class="bars-btn d-none">
                    <span class="iconify fs-24" data-icon="uis:bars"></span>
                </div>
                <div class="navbar-custom">
                    <div class="ps-50px">
                        <!--Start Menu-->
                        <!--End Menu-->
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-end gap-20px">
                    <i class="iconify fs-26 search__icon cursor-pointer" data-icon="ic:outline-search"></i>
                </div>
            </div>
        </div>
    </nav>
</div>

You can find Header Transparent in demo Main

Header Default

<div class="csr-header header-fixed zero-header-fixed">
    <section class="csr-notification text-white pt-10px pb-10px">
        <div class="container">
            <div class="row">
                <!--Top bar content-->
            </div>
        </div>
    </section>
    <nav class="csr-navbar navbar navbar-expand-lg pt-0 pb-0">
        <div class="container demo-submenu-rsv1">
            <div class="col-5 col-xl-2 csr-navbar__logo">
                <!--Logo here-->
            </div>
            <div class="col-7 col-xl-10 csr-navbar__menu  d-flex justify-content-end">
                <div class="bars-btn d-none">
                    <span class="iconify fs-24" data-icon="uis:bars"></span>
                </div>
                <div class="navbar-custom">
                    <div class="ps-50px">
                        <ul class="navbar-nav gap-10px justify-content-end">
                            <!--Nav here-->
                        </ul>
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-end gap-20px handle-search">
                    <i class="iconify fs-26 search__icon cursor-pointer text-black" data-icon="ic:outline-search"></i>
                </div>
            </div>
        </div>
    </nav>
</div>

You can find Header Default in demo Cousera & Online School