header.php

<header>
    <nav class="navbar" id="topbar">
        <div class="logo">
            <a href="index.php">
                <!-- <img src="svg/ozudev.svg" alt="Logo de ozudev"> -->
                <svg width="164" height="35" viewBox="0 0 164 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_15_7)">
                        <path
                            d="M6.71375 25.8015L0.471497 18.9259L6.71375 12.0504H13.325L7.052 18.9259L13.325 25.8015H6.71375ZM27.7708 30.0326C25.7413 30.0326 23.8758 29.5556 22.1743 28.6015C20.4933 27.6474 19.1505 26.32 18.146 24.6193C17.162 22.8978 16.67 20.9689 16.67 18.8326C16.67 16.6963 17.162 14.7778 18.146 13.077C19.1505 11.3763 20.4933 10.0489 22.1743 9.09482C23.8758 8.14075 25.7413 7.66371 27.7708 7.66371C29.8003 7.66371 31.6555 8.14075 33.3365 9.09482C35.038 10.0489 36.3705 11.3763 37.334 13.077C38.318 14.7778 38.81 16.6963 38.81 18.8326C38.81 20.9689 38.318 22.8978 37.334 24.6193C36.35 26.32 35.0175 27.6474 33.3365 28.6015C31.6555 29.5556 29.8003 30.0326 27.7708 30.0326ZM27.7708 25.1793C29.4928 25.1793 30.8663 24.5985 31.8913 23.437C32.9368 22.2756 33.4595 20.7407 33.4595 18.8326C33.4595 16.9037 32.9368 15.3689 31.8913 14.2282C30.8663 13.0667 29.4928 12.4859 27.7708 12.4859C26.0283 12.4859 24.6343 13.0563 23.5888 14.197C22.5638 15.3378 22.0513 16.883 22.0513 18.8326C22.0513 20.7615 22.5638 22.3067 23.5888 23.4682C24.6343 24.6089 26.0283 25.1793 27.7708 25.1793ZM47.3319 25.4593H56.6184V29.8148H41.3664V25.7704L50.5914 12.3304H41.3664V7.97482H56.6184V12.0193L47.3319 25.4593ZM65.2195 7.97482V21.0415C65.2195 22.3482 65.5372 23.3541 66.1727 24.0593C66.8082 24.7644 67.741 25.117 68.971 25.117C70.201 25.117 71.144 24.7644 71.8 24.0593C72.456 23.3541 72.784 22.3482 72.784 21.0415V7.97482H78.0422V21.0104C78.0422 22.96 77.6322 24.6089 76.8122 25.957C75.9922 27.3052 74.8852 28.3215 73.4912 29.0059C72.1177 29.6904 70.5802 30.0326 68.8787 30.0326C67.1772 30.0326 65.65 29.7007 64.297 29.037C62.9642 28.3526 61.9085 27.3363 61.1295 25.9882C60.3505 24.6193 59.961 22.96 59.961 21.0104V7.97482H65.2195ZM88.6529 8.06815C91.0309 8.06815 93.0706 8.50371 94.7721 9.37482C96.4736 10.2459 97.7754 11.5007 98.6774 13.1393C99.5794 14.7778 100.03 16.7274 100.03 18.9882C100.03 21.2282 99.5794 23.1674 98.6774 24.8059C97.7754 26.4237 96.4736 27.6682 94.7721 28.5393C93.0706 29.3896 91.0309 29.8148 88.6529 29.8148H82.2876V8.06815H88.6529ZM88.6529 28.0104C91.6459 28.0104 93.9214 27.2222 95.4794 25.6459C97.0579 24.0489 97.8471 21.8296 97.8471 18.9882C97.8471 16.1259 97.0579 13.8963 95.4794 12.2993C93.9214 10.6815 91.6459 9.8726 88.6529 9.8726H84.4401V28.0104H88.6529ZM106.152 9.84149V17.9615H114.3V19.7659H106.152V28.0104H115.223V29.8148H103.999V8.03704H115.223V9.84149H106.152ZM136.5 8.06815L128.351 29.8148H125.891L117.742 8.06815H120.079L127.121 27.4504L134.224 8.06815H136.5ZM149.297 0.570374L140.81 34.9793H138.688L147.114 0.570374H149.297ZM153.246 11.0859H155.983L163.701 18.3037L155.983 25.5215H153.246L160.995 18.3037L153.246 11.0859Z"
                            fill="#1E1E1E" />
                    </g>
                    <defs>
                        <clipPath id="clip0_15_7">
                            <rect width="164" height="35" fill="white" />
                        </clipPath>
                    </defs>
                </svg>

            </a>
        </div>
        <ul class="nav-links">
            <input type="checkbox" id="checkbox_toggle">
            <label for="checkbox_toggle" class="hamburger">&#9776;</label>

            <div class="menu" style="padding: 2em;">
                <li><a href="#">Inicio</a></li>
                <li><a href="#services-section">Servicios</a></li>
                <li><a href="#contact-us-section">Contáctanos</a></li>
            </div>
        </ul>
    </nav>
</header>