<!DOCTYPE html>
<html lang="en">
<head>
<?php include 'include/utils/links.php'?>
</head>

<body class="lozad">

    <div class="mainoverlay">


    </div>
    
    <header>
        <div class="container-fluid w-75  py-lg-4 py-2    ">
            <nav class="  ">
                <div class="row  justify-content-between">


                    <div class="col-lg-3 col-md-4 col-8 align-self-center ">
                        <a href="./">
                            <img alt="<?php echo $BrandName?>
                            " class="lozad" data-src="assets/img/logo.png" src="assets/img/logo.png">
                        </a>
                    </div>

                    <div class="col-lg-6 align-self-center p-md-5 p-lg-0 col-md-9 col-10 nav-bar">
                        <div class="row justify-content-center ">
                            <div class="col-12 d-lg-none d-md-block order-1 py-2">
                                <a href="./">
                                    <img alt="<?php echo $BrandName?>
                                    " class="lozad" data-src="assets/img/logo-white-clr.png" src="assets/img/logo-white-clr.png">
                                </a>
                            </div>


                            <div class="col-lg-9  order-1 order-md-3 justify-content-between">
                                <ul class="list-unstyled d-lg-flex d-md-block mb-0  justify-content-lg-between">
                                    <li class="py-2 py-md-0"><a class="" href="./">Home</a></li>
                                    <li class="py-2 py-md-0"><a class="" href="who-we-are">Who We Are</a></li>
                                    <li class="py-2 py-md-0 dropdown position-relative"><a class="services-anchor" href="services">Our Services</a>
                                        <ul class="list-unstyled dropdown-cont position-absolute pb-2 px-2">
                                            <li class="pt-2 px-2"><a class="" href="influencer-marketing">INFLUENCER MARKETING</a></li>
                                            <li class="pt-2 px-2"><a class="" href="graphic-designing">GRAPHIC DESIGNING</a></li>
                                            <li class="pt-2 px-2"><a class="" href="web-design-development"">WEB DESIGN & DEVELOPMENT</a></li>
                                            <li class="pt-2 px-2"><a class="" href="app-development">APP DEVELOPMENT</a></li>
                                            <li class="pt-2 px-2"><a class="" href="video-animation">VIDEO ANIMATION</a></li>
                                            <li class="pt-2 px-2"><a class="" href="social-media-management">SOCIAL MEDIA MANAGEMENT</a></li>
                                            <li class="pt-2 px-2"><a class="" href="content-management">CONTENT MANAGEMENT</a></li>
                                            <li class="pt-2 px-2"><a class="" href="search-engine-optimization">SEARCH ENGINE OPTIMIZATION</a></li>
                                            <li class="pt-2 px-2"><a class="" href="digital-marketing">DIGITAL MARKETING</a></li>
                                        </ul>
                                    </li>
                                    <li class="py-2 py-md-0"><a class="" href="portfolio"> Portfolio</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <div class="col-xxl-3 col-lg-3 align-self-center d-none d-lg-block text-end">
                        <a href="contact" class="btn">Get In Touch</a>
                    </div>

                    <div class="col-lg-2 d-lg-none col-md-6  mt-lg-0 col-2 align-self-center ">

                        <ul class="list-unstyled float-right text-end mb-0 mt-lg-4 mt-0  ">
                            <li class="order-4 pt-2 pt-lg-0"><button class="py-1 px-2"><span class="nav-open f-20  m-0 ">☰</span></button></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>  