INF.03 – Strona WebTech

Zadanie 1 – Strona startowa firmy WebTech

Opis zadania: Stwórz stronę główną firmy „WebTech” z nagłówkiem, menu i sekcją informacyjną.

Ćwiczenia krok po kroku:

  1. Utwórz plik index.html.
  2. Dodaj nagłówek z nazwą firmy i menu z linkami „O nas”, „Oferta”, „Kontakt”.
  3. Stwórz sekcje informacyjne: O nas, Oferta, Kontakt.
  4. Dodaj styl CSS do nagłówka, menu, sekcji i stopki.
  5. Sprawdź efekt w przeglądarce.

Kod HTML do przepisania:

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WebTech – Strona główna</title>
</head>
<body>
  <header>
    <h1>WebTech</h1>
    <nav>
      <ul>
        <li><a href="#onas">O nas</a></li>
        <li><a href="#oferta">Oferta</a></li>
        <li><a href="#kontakt">Kontakt</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <section id="onas"><h2>O nas</h2></section>
    <section id="oferta"><h2>Oferta</h2></section>
    <section id="kontakt"><h2>Kontakt</h2></section>
  </main>
</body>
</html>