design & style

2020-02-25 20:46:00 +01:00
parent 9c71230f7f
commit 08ab8183ab
7 changed files with 68 additions and 24 deletions
@@ -6,16 +6,25 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Die HTML -HEADER Struktur in Webseiten">
  <title>Der HEADER in der HTML Struktur</title>
+  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/code.css">
  <link rel="stylesheet" href="../css/style.css">
 </head>
-
 <body>
  <header>
-    <img src="../img/logo.svg" alt="Mein logo" title="Der Titel meines Bildes">
+    <div class="wrapper">
+      <img src="../img/logo_w.svg" alt="Mein logo" title="Der Titel meines Bildes">
+      <nav role="navigation">
+        <ul>
+          <li><a href="../index.html">Home</a></li>
+          <li><a href="semantik.html">Semantik</a></li>
+          <li><a href="formulare.html">Formulare</a></li>
+        </ul>
+      </nav>
+    </div>
  </header>

-  <main role="main">
+  <main role="main" class="wrapper">
    <h1>Der HEADER in der HTML Struktur</h1>
    <article>
      <h2>Was gehört in den Kopf der HTML-Datei?</h2>
@@ -52,7 +61,9 @@
  </main>

  <footer>
-    <a title="Link zu Download" href="https://git.perin.work/andy/webdev">Download</a>
+    <div class="wrapper">
+      <p><a title="Link zu Download" href="https://git.perin.work/andy/webdev">Download</a></p>
+    </div>
  </footer>
  <script src="../js/code.js"></script>
 </body>