
    <!-- Header Area  -->

    <div class="header-area">   
        <div id="header-sticky">
            <div class="navigation">
                <div class="container">
                    <div class="header-inner-box">

                        <a href="index.php" class="logo"><img src="assets/imagenes/LOGO-ANT-STUDIO.svg" alt=""></a>           

                        <div class="main-menu d-none d-lg-block">
                            <ul>
                                <li class=""><a class="navlink" href="index.php#about">ABOUT</a></li>
                                
                                <li><a class="navlink" href="index.php#proyects">PROJECTS</a></li>                                

                                <li><a class="navlink" href="services.php">SERVICES</a></li>

                                <li><a class="navlink" href="team.php">TEAM</a></li>


                                <li><a class="navlink" href="contact.php">CONTACT</a></li>
                            </ul>

                        </div>


                        <div class="mobile-nav-bar d-block col-sm-1 col-6 d-lg-none">
                            <div class="mobile-nav-wrap">                    
                                <div id="hamburger">
                                    <i class="las la-bars"></i>                                    
                                </div>
                                <!-- mobile menu - responsive menu  -->
                                <div class="mobile-nav">
                                    <button type="button" class="close-nav">
                                        <i class="las la-times-circle"></i>
                                    </button>
                                    <nav class="sidebar-nav">
                                        <ul class="metismenu" id="mobile-menu">
                                            <ul>
                                            <li class=""><a class="navlink" href="index.php#about">ABOUT</a></li>
                                            
                                            <li><a class="navlink" href="index.php#proyects">PROJECTS</a></li>                                

                                            <li><a class="navlink" href="services.php">SERVICES</a></li>

                                            <li><a class="navlink" href="team.php">TEAM</a></li>


                                            <li><a class="navlink" href="contact.php">CONTACT</a></li>
                                        </ul>
                                            
                                        </ul>
                                    </nav>  
                                    <div class="action-bar">
                                        <a href="mailto:contact@antstudio.mx"><i class="las la-envelope"></i>contact@antstudio.mx</a>
                                        <a href="tel:55541661870"><i class="fal fa-phone"></i>+52 55 5416 6187</a>
                                        <a href="contact.php" class="white-btn">Contact Us</a>
                                    </div>      
                                </div>                            
                            </div>
                            <div class="overlay"></div>
                        </div>                        
                    </div>
                </div>
            </div>  
        </div>           
    </div>