complete rework, template for portfolio in the future

2026-09-17 20:24:06 +02:00
parent 4ab201752c
commit a8fa753da8
22 changed files with 382 additions and 180 deletions
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8">
+    <title>Portfolio | Christian Braumann</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Eine Übersicht meiner Projekte. Die Inhalte dieser Seite werden nachgetragen.">
+    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
+    <link rel="stylesheet" href="../assets/fonts/fonts.css">
+    <link rel="stylesheet" href="../assets/css/style.css">
+</head>
+<body>
+    <main>
+        <div class="container sheet">
+            <div class="row content">
+                <div class="col-sm-3 sidenav">
+                    <h4>Navigation</h4>
+                    <ul class="nav nav-pills flex-column">
+                        <li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Startseite</a></li>
+                        <li class="nav-item"><a class="nav-link" href="werdegang.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Werdegang</a></li>
+                        <li class="nav-item"><a class="nav-link" href="portfolio.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Portfolio</a></li>
+                    </ul><br>
+                </div>
+
+                <div class="col-sm-9">
+                    <h4><small>Portfolio</small></h4>
+                    <hr>
+                    <h2>Projekte</h2>
+                    <p>
+                        Die Inhalte dieser Seite werden nachgetragen.
+                    </p>
+                    <br><br>
+                </div>
+            </div>
+        </div>
+    </main>
+    <footer class="container">
+        <p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="legal/impress.html">Impressum</a> <a href="legal/privacy.html">Datenschutz</a> <a href="legal/contact.html">Kontakt</a></p>
+        <p style="text-align: center;">Design: <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a> &middot; Bilder: <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a></p>
+    </footer>
+
+    <script src="../assets/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>