<header>
        <div class="header-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 hidden-md-down">
                        <ul class="top-info list-inline pull-left hidden-sm-down">
                            <li class="list-inline-item"><a href="#"><i class="info-email"></i>purestrap@domain.com</a></li>
                            <li class="list-inline-item"><i class="info-phone"></i>+93 456 78 90</li>
                        </ul>
                    </div>
                    <div class="col-lg-8 text-right">
                        <ul class="top-info list-inline">
                            <li class="dropdown list-inline-item"><a href="#" data-toggle="dropdown" class="dropdown-toggle hover-color" aria-expanded="false">Languaje</a>
                                <ul class="dropdown-menu dropdown-menu-right lang-menu">
                                    <li><a class="dropdown-item" href="#">SPANISH</a></li>
                                    <div class="dropdown-divider"></div>
                                    <li><a class="dropdown-item" href="#">ENGLISH</a></li>
                                </ul>
                            </li>
                            <li class="hidden-xs-down list-inline-item"><a href="signup.html" class="hover-color">Register</a></li>
                            <li class="list-inline-item"><a href="login.html" class="hover-color list-inline-item"><i class="ion-android-lock"></i>Login</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>