complete rework, template for portfolio in the future

This commit is contained in:
2026-09-17 20:24:06 +02:00
parent 4ab201752c
commit a8fa753da8
22 changed files with 382 additions and 180 deletions
+14 -8
View File
@@ -1,23 +1,24 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<title>Impressum | Christian Braumann</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Impressum und Angaben zum Diensteanbieter dieser Website.">
<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-fluid">
<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"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<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>
@@ -52,6 +53,10 @@
<p>Links auf fremde Webseiten: Die Inhalte fremder Webseiten, auf die wir direkt oder indirekt verweisen, liegen außerhalb unseres Verantwortungsbereiches und wir machen sie uns nicht zu Eigen. Für alle Inhalte und Nachteile, die aus der Nutzung der in den verlinkten Webseiten aufrufbaren Informationen entstehen, übernehmen wir keine Verantwortung.</p>
<p>Urheberrechte und Markenrechte: Alle auf dieser Website dargestellten Inhalte, wie Texte, Fotografien, Grafiken, Marken und Warenzeichen sind durch die jeweiligen Schutzrechte (Urheberrechte, Markenrechte) geschützt. Die Verwendung, Vervielfältigung usw. unterliegen unseren Rechten oder den Rechten der jeweiligen Urheber bzw. Rechteinhaber.</p>
<h2>Bildnachweis</h2>
<p>Fotos von Viktorya Sergeeva, Pok Rie, Brett Sayles und Bibek ghosh, bezogen über <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a>.</p>
<p>Das Seitendesign basiert auf der Vorlage „Arcana“ von <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a>, lizenziert unter Creative Commons Attribution 3.0.</p>
<p><a href="https://datenschutz-generator.de/" title="Rechtstext von Dr. Schwenke - für weitere Informationen bitte anklicken." target="_blank" rel="noopener noreferrer nofollow">Erstellt mit kostenlosem Datenschutz-Generator.de von Dr. Thomas Schwenke</a></p>
</p>
<br><br>
@@ -59,8 +64,9 @@
</div>
</div>
</main>
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
<footer class="container">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impressum</a> <a href="privacy.html">Datenschutz</a> <a href="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>