English flagEnglish

1. házi feladat – HTML és CSS alapok

Feladat leírása

Készíts egy személyes portfólió weboldalt HTML5 és CSS3 segítségével. Az oldalnak reszponzívnak kell lennie és jól kell kinéznie mobil eszközökön is.

Követelmények

  • Szemantikus HTML5 elemek használata (header, main, nav, section, footer)
  • Legalább 3 különböző oldal (Főoldal, Rólam, Projektek)
  • Reszponzív design media query-k használatával
  • Flexbox vagy CSS Grid layoutok alkalmazása

Példakód

<!DOCTYPE html>
<html lang="hu">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Portfólió</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <nav>
      <a href="/">Főoldal</a>
      <a href="/rolam">Rólam</a>
    </nav>
  </header>
  <main>
    <h1>Üdvözöllek!</h1>
  </main>
</body>
</html>

Beadás

  • Határidő: 2025. március 7. 23:59
  • Beadás módja: GitHub repository link a Moodle-ben
  • Pontozás: Maximum 20 pont

Tipp: Használj CSS custom property-ket az egységes színpaletta fenntartásához!