<header>
    <div class="header-top">
        <div class="auto-container container-fluid">
            <div class="top-left">
                <ul class="social-links clearfix">
                    <li class="social-title">Follow Us:</li>
                    <li> <a href="#" class="facebook"><i class="fa fa-facebook-f"></i></a> </li>
                    <li> <a href="#" class="twitter"><i class="fa fa-twitter"></i></a> </li>
                    <li> <a href="#" class="instagram"><i class="fa fa-instagram"></i></a> </li>
                </ul>
            </div>

            <div class="top-right">
                <ul class="info clearfix">
                    <li><a href="tel:012 3211 4567 213"><i class="icon fa fa-phone"></i> Call : &nbsp;012 3211 4567 213</a></li>
                    <li><a href="mailto:support@liftcincy.org"><i class="icon fa fa-envelope"></i> Email : &nbsp;support@liftcincy.org</a></li>
                    <li class="highlight"><a href="#"><i class="icon fa fa-lock"></i> Login</a></li>
                    <li class="highlight"><a href="mailto:support@liftcincy.org"><i class="icon fa fa-user"></i> Sign Up</a></li>
                </ul>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-expand-lg bg-none animate top_area">
        <a class="navbar-brand" href="#"><img src="images/liftcincy-black.svg" class="img-svg" /></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item" id="home">
                    <a class="nav-link" href="index.php">Home</a>
                </li>
                <li class="nav-item" id="about">
                    <a class="nav-link" href="about-us.php">About Us</a>
                </li>
                <li class="nav-item" id="nonprofit">
                    <a class="nav-link" href="#">Nonprofit Partners</a>
                </li>
                <li class="nav-item" id="volunteer">
                    <a class="nav-link" href="#">Volunteer</a>
                </li>
                <li class="nav-item" id="tickets">
                    <a class="nav-link" href="#">Tickets</a>
                </li>
            </ul>
        </div>
    </nav>
</header>