<!-- HEADER-SECTION -->
<div class="home-header-section sub-header-section">
    <header class="header">
        <div class="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-12 tes">
                        <nav class="navbar navbar-expand-lg navbar-light">
                            <div class="bg-color">
                                <a class="navbar-brand pt-0" href="<?=base_url()?>"><img
                                        src="<?= base_url()?>/assets/images/autorix-logo.png" alt="" class="img-fluid"
                                        width="160px"></a>
                            </div>
                            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="navbar-toggler-icon"></span>
                                <span class="navbar-toggler-icon"></span>
                                <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                <ul class="navbar-nav mr-0">
                                    <li class="nav-item">
                                        <a class="nav-link text-decoration-none navbar-text-color home-margin-top"
                                            href="<?= base_url('home')?>">Home<span class="sr-only">(current)</span></a>
                                    </li>
                                    <li class="nav-item active">
                                        <a class="nav-link text-decoration-none navbar-text-color"
                                            href="<?= base_url('about')?>">About</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-decoration-none navbar-text-color"
                                            href="<?= base_url('gallery')?>">Gallery</a>
                                    </li>
                                    <li class="nav-item navbar-text-color"><a
                                            class="nav-link text-decoration-none contact-us-margin navbar-text-color"
                                            href="<?= base_url('info_kemitraan')?>">Info Kemitraan</a></li>
                                </ul>
                                <div class="btn-talk ml-auto">
                                    <ul class="m-0 p-0">
                                        <li class="list-unstyled d-lg-inline-block"><a class="nav-link contact"
                                                href="https://api.whatsapp.com/send?phone=6281218190880&text=Hallo%2C Saya Ingin Mengetahui Info Kemitraan ATG AUTOS!%0ANama : %0AKemitraan : Kemitraan Auto detailing / Kemitraan Car Wash%0AKota :%0ALokasi : Sudah Ada / Belum Ada%0A%0Awww.atgautos.id">Hubungi
                                                Kami<i class="fa-solid fa-arrow-right"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>