Menu webu

Font Awesome

google: cdn font awesome

https://cdnjs.com/libraries/font-awesome -> click to copy

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" ... />

https://fontawesome.com/search?ip=classic&ic=free&o=r -> click to copy

<i class="fa-solid fa-camera"></i>

Menu (html)

<nav id="navbar">
    <div class="logo">
        Moje <span class="text-primary">firma</span>
    </div>
    <ul>
        <li><a href="#home">Úvod</a></li>
        <li><a href="#about">O nás</a></li>
        <li><a href="#kontakt">Kontakt</a></li>
    </ul>
</nav>

---

Menu (css)

#navbar {
    background-color: #333;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    font-size: 24px;
    font-weight: bold;
}

#navbar a {
    color: white;
    text-decoration: none;
}

#navbar ul {
    display: flex;
    list-style: none;
    align-items: center;
}

#navbar ul li a {
    padding: 10px;
    margin: 0 4px;
}

#navbar ul li a:hover {
    background-color: #93cb52;
    border-radius: 5px;
}

Úkol

Upravte svou webovou stránku ve svém repozitáři a do Teams sdílejte adresu (stejně jako v minulém zadání).

Úpravy budou minimálně zahrnovat:

• vše z minulých zadání
• menu v záhlaví stránky
• další html stránka (odkaz v menu)