header.html

<header class="header" id="header">
    <nav class="nav container">
        <a href="index.html#" class="nav__logo">Emily</a>

        <div class="nav__menu" id="nav-menu">
            <ul class="nav__list grid">
                <li class="nav__item">
                    <a href="index.html#home" class="nav__link active-link">
                        <i class="uil uil-estate nav__icon"></i> Home
                    </a>
                </li>

                <li class="nav__item">
                    <a href="index.html#about" class="nav__link">
                        <i class="uil uil-smile-beam nav__icon"></i> About
                    </a>
                </li>

                <li class="nav__item">
                    <a href="#skills" class="nav__link">
                        <i class="uil uil-crosshair nav__icon"></i> Strategy
                    </a>
                </li>

                <li class="nav__item">
                    <a href="#services" class="nav__link">
                        <i class="uil uil-palette nav__icon"></i> UX
                    </a>
                </li>

                <li class="nav__item">
                    <a href="#portfolio" class="nav__link">
                        <i class="uil uil-chart-pie nav__icon"></i> Analysis
                    </a>
                </li>

                <li class="nav__item">
                    <a href="#contact" class="nav__link">
                        <i class="uil uil-at nav__icon"></i> Contact
                    </a>
                </li>

            </ul>
            
            <i class="uil uil-times nav__close" id="nav-close"></i>
        </div>

        <div class="nav__btns">
            <!-- Theme change button -->
            <i class="uil uil-moon change-theme" id="theme-button"></i>

            <div class="nav__toggle" id="nav-toggle">
                <i class="uil uil-bars"></i>
            </div>
        </div>
    </nav>
</header>