<div class="site-navbar-wrap bg-white">
    <div class="site-navbar-top">
    <div class="container py-2">
        <div class="row align-items-center">
        
        <div class="col-6 col-md-6 col-lg-4">
            <a href="index.php" class="d-flex align-items-center site-logo">
            <img src="images/logo.png" style="max-width:100px;">
            </a>
        </div>

        <div class="col-6 col-md-6 col-lg-8">
            <ul class="unit-4 ml-auto text-right">

            <li class="text-left">
                <a href="#">
                <div class="d-flex align-items-center block-unit">
                    <div class="icon mr-0 mr-md-4">
                    <span class="fl-bigmug-line-headphones32 h3"></span>
                    </div>
                    <div class="d-none d-lg-block">
                    <span class="d-block text-gray-500 text-uppercase">24/7 Support</span>
                    <span class="h6">068 016 2109</span>
                    </div>
                </div>
                </a>
            </li>


            <li class="text-left">
                <a href="#">
                <div class="d-flex align-items-center block-unit">
                    <div class="icon mr-0 mr-md-4">
                    <span class="fl-bigmug-line-email64 h5"></span>
                    </div>
                    <div class="d-none d-lg-block">
                    <span class="d-block text-gray-500 text-uppercase">Email</span>
                    <span class="h6">info@h2ohosting.co.za</span>
                    </div>
                </div>
                </a>
            </li>

            <li class="text-left">
                <a href="#">
                <div class="d-flex align-items-center block-unit">
                    <div class="icon mr-0 mr-md-4">
                    <span class="fl-bigmug-line-chat55 h2"></span>
                    </div>
                    <div class="d-none d-lg-block">
                    <span class="d-block text-gray-500 text-uppercase">Live Chat</span>
                    <span class="h6">Whatsapp Us Now</span>
                    </div>
                </div>
                </a>
            </li>


            </ul>
        </div>

        

        </div>
        
    </div>
    </div>
    <div class="site-navbar bg-dark">
    <div class="container py-1">
        <div class="row align-items-center">

        <div class="col-4 col-md-4 col-lg-8">
            <nav class="site-navigation text-left" role="navigation">
            <div class="d-inline-block d-lg-none ml-md-0 mr-auto py-3"><a href="#" class="site-menu-toggle js-menu-toggle text-white"><span class="icon-menu h3"></span></a></div>

            <ul class="site-menu js-clone-nav d-none d-lg-block">
                <li><a href="index.php">Home</a></li>
                <li><a href="about.php">Who we are</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
            </nav>
        </div>

        </div>
    </div>
    </div>
</div>