<?php 
    require_once('php/conn.php');

    $qz="select * from settings where id='1'";
    $rz = mysqli_query($conn,$qz);
    $settings = mysqli_fetch_assoc($rz);
?>


<style>
       select.goog-te-combo{
        /*width:*/
        height: 35px;
        
            color: #fff;
    background: #e73667;
    }
    

#google_translate_element {
display:inline-block;
    
}

@media only screen and (max-width: 600px) {
  #google_translate_element {
    display:block;
     margin: 10px 0px;
  }
}


body > .skiptranslate {
   display:none;
}
body{
    top: 0px !important;
}
</style>

    <!-- START HEADER SECTION -->
    <header class="main-header header-1" role="banner">
        <!-- START TOP AREA -->
        <div class="top-area">
            <div class="auto-container">
                <div class="row">
                    <div class="col-lg-8 col-md-12 col-sm-12 col-12">
                        <div class="info-menu">
                            <ul>
                                <li><a href="#" aria-label="Opening hours"><i class="icofont icofont-time"></i> Opening Hours: <?php echo $settings['work_hrs']; ?></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                        <div class="info-menu">
                            <ul>
                                <li><a href="login.html" aria-label="Login to your account"><i class="icofont icofont-login"></i> Login</a></li>
                                <li><a href="register.html" aria-label="Register a new account"><i class="icofont icofont-user-alt-5"></i> Register</a></li>
                                <li>
                                        
                                        <div class="" id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>    
    
                                    
                                </li>
                                <!--<li><a href="#" aria-label="Contact support"><i class="icofont icofont-live-support"></i> Support</a></li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END TOP AREA -->

        <!-- START LOGO AREA -->
        <div class="logo-area">
            <div class="auto-container">
                <div class="row">
                    <div class="col-lg-5 col-md-3 col-sm-6 col-7 mx-auto pl-0 mb-lg-0 ">
                        <div class="logo">
                            <a href="index.html" aria-label="Speedbitplus Home">
                               <img class="img-fluid" src="assets/img/logo.png" alt="Speedbitplus Logo" loading="lazy">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-12 col-sm-12 col-12">
                        <div class="header-info-box">
                            <div class="header-info-icon">
                                <i class="fa fa-envelope-open" aria-hidden="true"></i>
                            </div>
                            <p>Email Us</p>
                            <h6>info@speedbitplus.com</h6>
                        </div>
                        <div class="header-info-box">
                            <div class="header-info-icon">
                                <i class="icofont icofont-phone" aria-hidden="true"></i>
                            </div>
                            <p>Call Us</p>
                            <h6><?php echo $settings['phone']; ?></h6>
                        </div>
                        <div class="header-info-box">
                            <a href="register.html" class="quote-btn" aria-label="Get started with Speedbitplus">Get Started <i class="icofont icofont-caret-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END LOGO AREA -->

        <!-- START NAVIGATION AREA -->
        <div class="sticky-menu">
            <div class="mainmenu-area">
                <div class="auto-container">
                    <div class="row">
                        <div class="col-lg-9">
                            <nav class="navbar navbar-expand-lg justify-content-left">
                                <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> -->
                                    <!-- <i class="fa fa-bars"></i> -->
                                <!-- </button> -->
                                <div class="collapse navbar-collapse show" id="navbarNav">
                                    <ul class="navbar-nav">
                                        <li class="nav-item"><a href="/" class="js-scroll-trigger nav-link active" aria-current="page">Home</a></li>
                                        <li class="nav-item"><a href="about.html" class="js-scroll-trigger nav-link">About</a></li>
                                        <li class="nav-item"><a href="contact.html" class="js-scroll-trigger nav-link">Contact</a></li>
                                        <li class="nav-item"><a href="privacy.html" class="js-scroll-trigger nav-link">Privacy</a></li>
                                        <li class="nav-item"><a href="login.html" class="js-scroll-trigger nav-link">Login</a></li>
                                        <li class="nav-item"><a href="register.html" class="js-scroll-trigger nav-link">Account</a></li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                        <div class="col-lg-3 d-none d-lg-block d-md-none text-right pr-0">
                            <!--<form class="navbar-form" role="search">-->
                            <!--    <div class="form-group">-->
                                    <!--<input class="form-control" name="search" placeholder="Search here..." type="text" aria-label="Search">-->
                                    <!--<button type="submit" class="btn" aria-label="Submit search"><i class="fa fa-search-plus"></i></button>-->
                            <!--    </div>-->
                            <!--</form>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END NAVIGATION AREA -->
    </header>
    <!-- END HEADER SECTION -->