css-responsive-navigation/index.html at main · kodenvibekenya/css-responsive-navigation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>CSS practice: responsive navigation</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <a class="skip-link" href="#main">Skip to main content</a>
    <header class="site-header">
      <a class="brand" href="index.html">KODE N VIBE</a>
      <nav aria-label="Primary">
        <ul class="nav-list">
          <li><a href="#learn" aria-current="page">Learn</a></li>
          <li><a href="#projects">Projects</a></li>
          <li><a href="#community">Community</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main id="main">
      <h1 id="learn">Learn in public</h1>
      <p>Build one small project, share the result, and improve from feedback.</p>
      <section id="projects">
        <h2>Projects</h2>
        <p>Choose one brief that can be finished and tested this week.</p>
      </section>
      <section id="community">
        <h2>Community</h2>
        <p>Meet peers who can test the result and explain what confused them.</p>
      </section>
      <section id="contact">
        <h2>Contact</h2>
        <p>Bring a clear question and a link to the smallest reproducible example.</p>
      </section>
    </main>
  </body>
</html>