Nav











Example

Code

<div class="top-nav has-text-right">
    <a class="top-nav-logo update-scroll-property" href="/">
        <img src="/img/logo-vlaardingen-doen.svg" alt="Vlaardingen Partners"/>
    </a>
    <nav class="top-nav-bar has-background-white px-3 py-4 is-inline-block is-size-5 has-text-weight-bold">
        <a class="top-nav-item">
            Home
        </a>
        <a class="top-nav-item">
            Missie
        </a>
        <a class="top-nav-item">
            Visie
        </a>
        <a class="top-nav-item">
            Over ons
        </a>
        <a class="top-nav-item button is-inline is-primary is-size-5 has-background-tertiary:hover has-background-transition">
            Contact
        </a>
        <a class="top-nav-item">
            <img class="top-nav-item-search-icon" src="/img/icons/search.svg" alt="Search Icon" />
        </a>
    </nav>
</div>

Components