design & style

2020-02-25 20:46:00 +01:00
parent 9c71230f7f
commit 08ab8183ab
7 changed files with 68 additions and 24 deletions
@@ -6,19 +6,26 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Die HTML Struktur in Webseiten">
  <title>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="html/semantik.html">Semantik</a></li>
+        <li><a href="html/formulare.html">Formulare</a></li>
+      </ul>
    </nav>
+  </div>
  </header>

-  <main role="main">
+  <main role="main" class="wrapper">
    <h1 id="webdeveloper-links-tips">Webdeveloper Links &amp; Tips</h1>
    <h2 id="html">HTML</h2>
    <h3 id="html-lernen">HTML lernen</h3>
@@ -57,6 +64,7 @@
      <li><a href="html/struktur.html">Seitenstruktur</a></li>
      <li><a href="html/header.html">Kopfbereich</a></li>
      <li><a href="html/formular.html">Formulare</a></li>
+      <li><a href="html/navigation.html">Navigation</a></li>
    </ul>
    <h2>CSS</h2>
    <h3>CSS Lernen</h3>
@@ -83,7 +91,8 @@
  </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>
+  <script src="js/code.js"></script>
 </body>