    <div class="col-12 d-flex justify-content-center">
        <nav class="navbar navbar-expand-lg pb-2 pt-2 mr-2 ml-2 pr-2 pl-2" style="text-align: center;">
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="index.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">Home</a></li>
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="ticket.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">Tickets</a></li>
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="gallery.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">Photo Gallery</a></li>
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="volunteer_signup.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">Volunteer</a></li>
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="sponsors.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">Sponsors</a></li>
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="faqs.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">FAQs</a></li>
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="merchandise.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">Merchandise</a></li>
                    <li class="nav-item mr-2 ml-2 mt-1 mb-1"><a href="contact.php" style="text-decoration: none; color: gold; padding: 10px; margin: 10px;">Contact</a></li>
                </ul>
            </div>
        </nav>
    </div>