Magyar zászlóMagyar

Assignment 1 – HTML & CSS Basics

Task Description

Create a personal portfolio website using HTML5 and CSS3. The page must be responsive and look great on mobile devices.

Requirements

  • Use semantic HTML5 elements (header, main, nav, section, footer)
  • At least 3 different pages (Home, About, Projects)
  • Responsive design using media queries
  • Apply Flexbox or CSS Grid layouts

Example Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Portfolio</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <nav>
      <a href="/">Home</a>
      <a href="/about">About</a>
    </nav>
  </header>
  <main>
    <h1>Welcome!</h1>
  </main>
</body>
</html>

Submission

  • Deadline: March 7, 2025, 23:59
  • Method: GitHub repository link on Moodle
  • Grading: Maximum 20 points

Tip: Use CSS custom properties to maintain a consistent color palette!