<header>
    <div class="grid-container fluid">
        <div class="top-block">
            <div class="logo">
                <a href="">
                    <img src="assets/img/logo.png" alt="">
                </a>
            </div>
            <div class="navigation-wrap">
                <div class="language-bar">
                    <ul>
                        <li class="active"><a href="">English</a></li>
                        <li class="ar"><a href="">العربية</a></li>
                    </ul>
                </div>
                <div class="search">
                    <span class="search-top">
                        <i class="icon-search"></i>
                    </span>
                    <div id="search-block">
                        <form>
                            <input type="search" id="search" value="">
                            <span class="search-btn"> <input type="submit" value="Search"> </span>
                        </form>
                    </div>
                </div>
                <div class="login">
                    <a href="#" class="button">Login</a>
                    <div class="header-form">
                        <div class="form-wrap red">
                            <div class="item login-form">
                                <form>
                                    <div class="grid-x grid-padding-x">
                                        <div class="cell">
                                            <div class="title"> User Login</div>
                                        </div>
                                        <div class=" cell">
                                            <input type="text" placeholder="" required>
                                            <label for="">Name*</label>
                                        </div>
                                        <div class=" cell">
                                            <input type="password" placeholder="" required>
                                            <label for="">Password*</label>
                                        </div>
                                        <div class="cell">
                                            <button class="float-right">Login</button>
                                            <span class="float-left">
                                            <a href="" class="forgot-password orbit-next"> forgot password?</a></span>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="item forgot-pwd-form">
                                <form>
                                    <div class="grid-x grid-padding-x">
                                        <div class="cell">
                                            <div class="title"> Forgot Password</div>
                                        </div>
                                        <div class=" cell">
                                            <input type="text" placeholder="" required>
                                            <label for="">Email*</label>
                                        </div>
                                        <div class="cell">
                                            <button class="float-right">Submit</button>
                                        </div>
                                        <div class="cell">
                                            <div class="bottom-field">
                                                <p>*Mandatory Fields</p>
                                                <a href="">Didn’t receive unlock instructions?</a>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="hamburger-menu" data-toggle="navigation-slide">
                </div>
                <nav class="navigation off-canvas position-right" id="navigation-slide" data-off-canvas data-transition="overlap">
                    <div class="close-btn" data-toggle="navigation-slide">
                        <i class="icon-banner-close-button"></i>
                    </div>
                    <ul class="vertical menu">
                        <li>
                            <a href="index.html#home" class='smooth-scroll'>
                                <i class="icon-home-menu"></i> Home
                            </a>
                        </li>
                        <li>
                            <a href="index.html#features" class='smooth-scroll'>
                                <i class="icon-features-menu"></i> Features
                            </a>
                        </li>
                        <li>
                            <a href="index.html#services" class='smooth-scroll'>
                                <i class="icon-services-menu"></i> Services
                            </a>
                        </li>
                        <li>
                            <a href="index.html#pricing" class='smooth-scroll'>
                                <i class="icon-pricetag-menu"></i> Pricing
                            </a>
                        </li>
                        <li>
                            <a href="index.html#demo" class='smooth-scroll'>
                                <i class="icon-demo"></i> Demo
                            </a>
                        </li>
                        <li>
                            <a href="index.html#contact" class='smooth-scroll'>
                                <i class="icon-contacts-menu"></i> Contact Us
                            </a>
                        </li>
                        <li><a href="/en/admin/dashboard"><i class="icon-vir-dashboard"></i>Dashboard</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>