<!-- Preloader -->
    <div id="preloader" style="display: none;">
        <div id="status" style="display: none;"></div>
    </div>
    <!-- Preloader Ends -->

    <!-- header start -->
    <header class="main_header_area">
        <div class="header-content">
            <div class="container">
                <div class="links links-left">
                    <ul>
                        <li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> info@pearlhotel.com</a></li>
                        <li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> 257 22 22 22 22</a></li>
                        <li>
                            <select>
                                <option>Eng</option>
                                <option>Fra</option>
                                <option>Esp</option>
                            </select>
                        </li>
                    </ul>
                </div>
                <div class="links links-right pull-right">
                    <ul>
                        <li><a href="#" data-toggle="modal" data-target="#login"><i class="fa fa-user" aria-hidden="true"></i> Login</a></li>
                        <!-- <li><a href="#" data-toggle="modal" data-target="#register"><i class="fa fa-pen" aria-hidden="true"></i> Register</a></li> -->
                        <li>
                            <ul class="social-links">
                                <li><a href="#"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus" aria-hidden="true"></i></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>