Christian/2aAPC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

complete rework, template for portfolio in the future

Browse Source
This commit is contained in:
Christian
2026-09-17 20:24:06 +02:00
parent 4ab201752c
commit a8fa753da8
22 changed files with 382 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Homepage/index.html
+21 -17
View File
@@ -1,45 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<title>Christian Braumann | Von der Hardware zur Software</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Vom Zerlegen erster Geräte über die ersten Boot-Skripte bis zur Softwareentwicklung. Mein Weg in die Programmierung.">
<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="sites/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="sites/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="sites/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="sites/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="sites/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>About Me</small></h4>
<h4><small>Über mich</small></h4>
<hr>
<h2>Passion about programming</h2>
<img src="assets/images/retro-arbeitsplatz.jpg" alt="Arbeitsplatz mit Röhrenmonitor, Tastatur und älterer Rechnerhardware" class="banner">
<h2>Leidenschaft für die Programmierung</h2>
<p>
I first came into contact with technology at the age of 6, and that's when my interest in it began to develop very quickly.<br>
Starting with repeatedly taking things apart and putting them back together, which helped me develop a certain knack for it, it didn't take long before I was writing my first boot scripts.<br>
<br>
As I got older, I started delving directly into the topic of backups. Not knowing what it was called back then, I used the "Autostart.bat" file, which ran automatically in Windows 95 at the time, to copy my data to other folders early on.<br>
That script already possessed a certain level of "intelligence", allowing it to recognize the last number and thus generate sequential numbering.<br>
<br>
Bereits in jungen Jahren habe ich mich intensiv mit Technik auseinandergesetzt, was in mir eine starke Faszination für Hard- und Software weckte. Angefangen hat es damit, dass ich Geräte immer wieder auseinandergenommen und zusammengebaut habe, und nicht lange danach folgten die ersten eigenen Skripte.
</p>
<p>
Immer wieder erwische ich mich dabei, wie ich spontan eine Entwicklungsumgebung starte, sobald mir ein Freund ein Problem schildert oder ich eines selbst entdecke. Mein Kopf beginnt sofort, an einer Lösung zu arbeiten, ein deutliches Zeichen dafür, wohin mich mein Weg führt: Von der Hardware hin zur Software.
</p>
<p>
Wie dieser Weg verlaufen ist, steht unter <a href="sites/werdegang.html">Werdegang</a>.
</p>
<br><br>
</div>
</div>
</div>
</main>
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="sites/legal/impress.html">Impress</a> <a href="sites/legal/privacy.html">Privacy policy</a> <a href="sites/legal/contact.html">Contact</a></p>
<footer class="container">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="sites/legal/impress.html">Impressum</a> <a href="sites/legal/privacy.html">Datenschutz</a> <a href="sites/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>