initial commit

This commit is contained in:
2026-04-27 19:17:22 +02:00
commit b22bfcf15b
65 changed files with 2758 additions and 0 deletions
+201
View File
@@ -0,0 +1,201 @@
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" type="image/png" href="../../assets/img/favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio Website - A. Reimann</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/main.css">
<link rel="stylesheet" href="../../assets/stylesheets/pages/homepage.css">
</head>
<body>
<!-- Background -->
<?php echo file_get_contents('../../assets/components/animated_triplet_element_darkgray_red.php');; ?>
<!-- Header -->
<?php echo file_get_contents('../../assets/components/headerDE.php'); ?>
<style>
#desktop_nav_main li:nth-child(1) a, #mobile_nav_main li:nth-child(1) a {
background: rgba(150,0,0,0.2);
pointer-events: none;
}
</style>
<!-- Contents -->
<main>
<!-- Main Header Image -->
<section id="main1">
<img class="main1_Banner" src="../../assets/img/big_pictures/mainBanner.png">
<img class="main1_Selfie" src="../../assets/img/self_pictures/front_1.png">
<h2 class="main1_Hey">Hey, ich bin</h2>
<h1 class="main1_Name">Andreas</h1>
<div class="main1_animatedTextContainer">
<div class="main1_animatedText"></div>
</div>
</section>
<!-- Sektion 2 - Übersicht -->
<section id="main2">
<h1 class="main2_Header">Übersicht</h1>
<div class="main2_menuContainer">
<div class="main2_MenuPoint" onclick="smoothScrollTo('main3')">
<img src="../../assets/img/overview/aboutme.png" alt="Bild 1" class="main2_menuPointImage">
<p class="main2_menuPointText">Über Mich</p>
</div>
<div class="main2_MenuPoint" onclick="smoothScrollTo('main4')">
<img src="../../assets/img/overview/skills.png" alt="Bild 2" class="main2_menuPointImage">
<p class="main2_menuPointText">Fähigkeiten</p>
</div>
<div class="main2_MenuPoint" onclick="smoothScrollTo('main5')">
<img src="../../assets/img/overview/projects.png" alt="Bild 3" class="main2_menuPointImage">
<p class="main2_menuPointText">aktuelle Projekte</p>
</div>
<div class="main2_MenuPoint" onclick="smoothScrollTo('main6')">
<img src="../../assets/img/overview/contact.png" alt="Bild 4" class="main2_menuPointImage">
<p class="main2_menuPointText">Kontakt</p>
</div>
<div class="main2_MenuPoint" onclick="navigateToPage('pages/cv.php')">
<img src="../../assets/img/overview/cv.png" alt="Bild 5" class="main2_menuPointImage">
<p class="main2_menuPointText">Lebenslauf</p>
</div>
</div>
</section>
<!-- Sektion 3 - Über Mich -->
<section id="main3">
<h1 class="main3_Header">Über Mich</h1>
<div class="main3_AboutMe">
<img class="main3_Selfie" src="../../assets/img/self_pictures/front_1_transparent.png">
<div class="main3_Text">
<p>
Ich bin Andreas Reimann, ein vielseitiger Video Editor mit einem breiten Spektrum an Fähigkeiten, insbesondere in der Videoproduktion.
Ich arbeite mit Software wie DaVinci Resolve und OBS, um qualitativ hochwertige Inhalte zu erstellen.
Ich habe vor, eigene kleine Filme zu produzieren, um meine kreativen Ideen visuell umzusetzen und meine Fähigkeiten im Storytelling weiter zu entwickeln.
</p>
<p>
Neben meiner Arbeit als Video Editor bin ich auch Musiker und Produzent.
Ich arbeite mit DAWs wie FL Studio, Audacity und Adobe Audition und spiele Piano, um kreative Audioproduktionen zu entwickeln und anderen Menschen eine Freude zu bereiten.
</p>
<p>
Zudem bin ich ein vielseitiger Webentwickler mit Fokus auf Frontend-, aber auch Fähigkeiten in der Backend-Entwicklung sowie Serveradministration.
Ich nutze diese Kenntnisse, um ansprechende Webanwendungen zu erstellen und zu betreuen.
</p>
<p>
Darüber hinaus habe ich eine abgeschlossene Ausbildung als Elektroniker für Energie- und Gebäudetechnik. (08.2016 - 02.2020)
Diese technische Grundlage unterstützt mich in meiner Karriere und ermöglicht mir, komplexe Probleme effektiv zu lösen.
</p>
<p>
Zusätzlich habe ich Erfahrung im Live Streaming und nutze Plattformen wie TikTok und YouTube, um Gaming-Inhalte und kreative Projekte mit meiner Community zu teilen.
</p>
<p>
Derzeit plane ich auch, mit dem Podcasten zu beginnen, um meine effektive Stimmlage als Erzähler zu trainieren und meine Erzählfähigkeiten weiterzuentwickeln.
</p>
<p>
Ich freue mich darauf, Ihnen meine Projekte und Arbeiten vorzustellen.
Für mehr Informationen besuchen Sie bitte die entsprechenden Seiten meiner Website.
</p>
</div>
</div>
</section>
<!-- Sektion 4 - Fähigkeiten -->
<section id="main4">
<h1 class="main4_Header">Fähigkeiten</h1>
<div class="skills-container">
<div class="skill">
<img src="../../assets/img/icons/skills/editing.png" alt="Video Editing Icon" class="skill-icon">
<div class="skill-info">
<span>Video Editing und Content Creation</span>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 80%;"></div>
</div>
</div>
</div>
<div class="skill">
<img src="../../assets/img/icons/skills/streaming.png" alt="Video Editing Icon" class="skill-icon">
<div class="skill-info">
<span>LIVE Streaming</span>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 65%;"></div>
</div>
</div>
</div>
<div class="skill">
<img src="../../assets/img/icons/skills/music.png" alt="Video Editing Icon" class="skill-icon">
<div class="skill-info">
<span>Musikproduktion</span>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 60%;"></div>
</div>
</div>
</div>
<div class="skill">
<img src="../../assets/img/icons/skills/electrician.png" alt="Video Editing Icon" class="skill-icon">
<div class="skill-info">
<span>Elektroniker für Energie- und Gebäudetechnik</span>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 60%;"></div>
</div>
</div>
</div>
<div class="skill">
<img src="../../assets/img/icons/skills/development.png" alt="Video Editing Icon" class="skill-icon">
<div class="skill-info">
<span>Webentwicklung (Frontend (teils Backend))</span>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 55%;"></div>
</div>
</div>
</div>
<div class="skill">
<img src="../../assets/img/icons/skills/podcast.png" alt="Video Editing Icon" class="skill-icon">
<div class="skill-info">
<span>Podcasting</span>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 25%;"></div>
</div>
</div>
</div>
<div class="skill">
<img src="../../assets/img/icons/skills/movie.png" alt="Video Editing Icon" class="skill-icon">
<div class="skill-info">
<span>Film-Erstellung</span>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 20%;"></div>
</div>
</div>
</div>
</div>
</section>
<!-- Sektion 5 - aktuelle Projekte -->
<section id="main5">
<h1 class="main5_Header">aktuelle Projekte</h1>
<div class="projects-container" id="projects-container"></div>
</section>
<!-- Sektion 6 - Kontakt -->
<section id="main6">
<h1 class="main6_Header">Kontakt (WIP)</h1>
<div class="main6_Container">
<div class="main6_Form">WIP</div>
</div>
</section>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../assets/components/footerDE.php'); ?>
<script src="../../assets/scripts/pages/homepageDE.js"></script>
</body>
</html>
+86
View File
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="../../../assets/img/favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio Website - A. Reimann</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="../../../assets/stylesheets/main.css">
<link rel="stylesheet" href="../../../assets/stylesheets/pages/cv.css">
</head>
<body>
<!-- Background -->
<?php echo file_get_contents('../../../assets/components/animated_triplet_element_darkgray_red.php'); ?>
<!-- Header -->
<?php echo file_get_contents('../../../assets/components/headerDE.php'); ?>
<style>
#desktop_nav_main li:nth-child(2) a, #mobile_nav_main li:nth-child(2) a {
background: rgba(150,0,0,0.2);
pointer-events: none;
}
</style>
<!-- Content -->
<main>
<div class="about-me">
<img src="../../../assets/img/self_pictures/front_1_transparent.png" alt="Andreas Reimann" style="float: left; margin-right: 20px; width: 250px; height: auto;">
<h1>Über Mich</h1>
<p><strong>Name:</strong> Andreas Reimann</p>
<p><strong>Geboren am:</strong> 06.10.1998</p>
<h2>Berufliche und hobbymäßige Ziele</h2>
<ul>
<li><strong>Software- und Webentwicklung:</strong> Ich strebe danach, innovative Softwarelösungen zu entwickeln, die sowohl die Benutzerfreundlichkeit als auch die Funktionalität verbessern. Mein Fokus liegt auf der Entwicklung von Webseiten und Anwendungen mit einem soliden Backend.</li>
<li><strong>Webvideoproduzent und Live-Streamer:</strong> Mit jahrelanger Erfahrung in der Videoproduktion und im Live-Streaming bin ich versiert im Umgang mit verschiedenen Softwaretools, darunter Davinci Resolve, Wondershare Filmora 11, CapCut und OBS. Ich produziere Inhalte für Plattformen wie YouTube und TikTok und genieße es, meine Zuschauer in die Welt des Gamings mitzunehmen und sie zu unterhalten.</li>
<li><strong>Musikproduktion:</strong> Als Musiker und Produzent bringe ich meine kreativen Ideen in die Realität, indem ich hauptsächlich mit ImageLine FL Studio und Audacity arbeite. Ich liebe es, Musik zu komponieren und verschiedene Genres zu erkunden.</li>
</ul>
<h2>Aktuelle Fähigkeiten und Erfahrungen</h2>
<ul>
<li><strong>Programmierkenntnisse:</strong> Ich beherrsche mehrere Programmiersprachen, darunter HTML, PHP, CSS, JavaScript und SQL. Mein Engagement für kontinuierliches Lernen zeigt sich in meinen persönlichen Projekten, in denen ich Scripts schreibe und mich weiterbilde.</li>
<li><strong>Servertechnik:</strong> Ich betreibe einen eigenen Webserver zur Datenspeicherung (NAS) und verwalte Gameserver auf meinem Home-PC. Ich bin versiert in der Einrichtung von Websites auf Home-Servern, einschließlich SSL-Zertifizierung und eigener Domain.</li>
<li><strong>Datenbankverwaltung:</strong> Ich habe eine eigene MySQL-Datenbank auf meinem Home-PC eingerichtet und gepflegt.</li>
<li><strong>Ordner- und Dateistrukturen:</strong> Ich plane und setze effektive Ordner- und Dateistrukturen für systeminterne Archivierungssysteme um.</li>
<li><strong>Audionetzwerke:</strong> Ich habe ein Audionetzwerk in einem Heimnetzwerk realisiert, wobei ich VoiceMeeter (VBAN) verwendet habe.</li>
<li><strong>Musikproduktion:</strong> Ich produziere Musik basierend auf meinen eigenen Ideen und spiele Piano, um meiner Kreativität Ausdruck zu verleihen.</li>
<li><strong>Videoproduktion:</strong> Ich habe Erfahrung im Aufnehmen und Schneiden von Videos für Plattformen wie TikTok und YouTube, insbesondere im Gaming-Bereich, und ich liebe es, Inhalte zu erstellen, die die Zuschauer fesseln.</li>
<li><strong>Live-Streaming:</strong> Ich streame regelmäßig Live-Inhalte auf TikTok und YouTube und teile meine Leidenschaft für Spiele mit einem breiten Publikum.</li>
</ul>
<h2>Zusätzliche Kenntnisse</h2>
<ul>
<li><strong>Bildbearbeitung:</strong> Ich habe Grundkenntnisse in der Bildbearbeitung, die ich durch persönliche Projekte weiter ausbaue.</li>
<li><strong>DNS-Verwaltung:</strong> Ich habe grundlegende Erfahrungen im Umgang mit dem Domain Name System und verstehe die Grundlagen der DNS-Administration.</li>
<li><strong>KI-Anwendungen:</strong> Ich nutze KI-Tools wie ChatGPT und BlackBoxAI, wobei ich bereits fortgeschrittene Kenntnisse erworben habe.</li>
<li><strong>Englische Sprachkenntnisse:</strong> Ich bin in der Lage, schriftlich auf Englisch zu kommunizieren, jedoch weniger im gesprochenen Bereich.</li>
<li><strong>Office-Anwendungen:</strong> Ich bin mit Open Office vertraut und habe Erfahrung in der Nutzung von Excel, Word und PowerPoint.</li>
<li><strong>PC-Setups:</strong> Ich habe Kenntnisse im Aufbau komplexer PC-Setups und kann diese effizient einrichten.</li>
<li><strong>Kommandozeile und PowerShell:</strong> Ich bin mit der Verwendung der Kommandozeile und PowerShell unter Windows vertraut und nutze diese Werkzeuge regelmäßig.</li>
</ul>
<h2>Angehender Podcaster</h2>
<p>Ich interessiere mich auch für das Podcasting und plane, meine eigenen Geschichten und Ideen in Audioform zu teilen. Dabei möchte ich verschiedene Themen erkunden und meine Kreativität zum Ausdruck bringen. Mein Ziel ist es, eine fesselnde Erzählweise zu entwickeln, die meine Zuhörer in den Bann zieht und sie zum Nachdenken anregt.</p>
<h2>Angehender Filmemacher</h2>
<p>In der Welt des Filmemachens möchte ich meine Visionen zum Leben erwecken, indem ich Geschichten visuell umsetze. Ich plane, kurze Filme und Dokumentationen zu erstellen, um verschiedene Perspektiven darzustellen und Emotionen zu transportieren. Dabei werde ich meine Erfahrungen in der Videoproduktion und -bearbeitung einfließen lassen und innovative Ansätze verfolgen, um meine Erzählungen zu bereichern.</p>
<h2>Abschlusswort</h2>
<p>Ich freue mich darauf, meine Fähigkeiten weiter auszubauen und neue Projekte in Angriff zu nehmen. Mit meiner Leidenschaft für Technologie, Kreativität und Kommunikation strebe ich danach, einen bleibenden Eindruck zu hinterlassen und meine Visionen in die Realität umzusetzen. Für weitere Informationen besuche bitte die entsprechenden Seiten meines Portfolios.</p>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../assets/components/footerDE.php'); ?>
</body>
</html>
+39
View File
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="../../../../assets/img/favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio Website - A. Reimann</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="../../../../assets/stylesheets/main.css">
<link rel="stylesheet" href="../../../../assets/stylesheets/pages/impress.css">
</head>
<body>
<!-- Background -->
<?php echo file_get_contents('../../../../assets/components/animated_triplet_element_darkgray_red.php'); ?>
<!-- Header -->
<?php echo file_get_contents('../../../../assets/components/headerDE.php'); ?>
<!-- Content -->
<main>
<div class='impressum'>
<h1>Hier könnten wichtige Informationen stehen</h1>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../../assets/components/footerDE.php'); ?>
</body>
</html>
+91
View File
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="../../../../assets/img/favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio Website - A. Reimann</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="../../../../assets/stylesheets/main.css">
<link rel="stylesheet" href="../../../../assets/stylesheets/pages/impress.css">
</head>
<body>
<!-- Background -->
<?php echo file_get_contents('../../../../assets/components/animated_triplet_element_darkgray_red.php'); ?>
<!-- Header -->
<?php echo file_get_contents('../../../../assets/components/headerDE.php'); ?>
<!-- Content -->
<main>
<div class='impressum'>
<h1>Impressum</h1>
<p>Angaben gemäß § 5 DDG</p>
<p>
Andreas Reimann <br>
****************<br>
****************<br>
</p>
<p><strong>Vertreten durch: </strong><br>
Andreas Reimann<br>
</p>
<p>
<strong>Kontakt:</strong> <br>
Telefon: 01520-6482495<br>
E-Mail: <a href='mailto:contact@areimann.de'>contact@areimann.de</a></br>
</p>
<p>
<strong>Haftungsausschluss: </strong><br><br>
<strong>Haftung für Inhalte</strong><br><br>
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt.
Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen.
Als Diensteanbieter sind wir gemäß § 7 Abs.1 DDG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.
Nach §§ 8 bis 10 DDG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt.
Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich.
Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.<br><br>
<strong>Haftung für Links</strong><br><br>
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben.
Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen.
Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar.
Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.<br><br>
<strong>Urheberrecht</strong><br><br>
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht.
Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet.
Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis.
Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.<br><br>
<strong>Datenschutz</strong><br><br>
Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich.
Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis.
Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben. <br>
Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann.
Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. <br>
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen.
Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.<br>
</p>
<br>
Website Impressum erstellt durch
<a href="https://www.impressum-generator.de">impressum-generator.de</a>
von der
<a href="https://www.kanzlei-hasselbach.de/" rel="nofollow">Kanzlei Hasselbach</a>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../../assets/components/footerDE.php'); ?>
</body>
</html>
+39
View File
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="../../../../assets/img/favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio Website - A. Reimann</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="../../../../assets/stylesheets/main.css">
<link rel="stylesheet" href="../../../../assets/stylesheets/pages/impress.css">
</head>
<body>
<!-- Background -->
<?php echo file_get_contents('../../../../assets/components/animated_triplet_element_darkgray_red.php'); ?>
<!-- Header -->
<?php echo file_get_contents('../../../../assets/components/headerDE.php'); ?>
<!-- Content -->
<main>
<div class='impressum'>
<h1>Hier ist mehr als genug Platz für Quellenangaben</h1>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../../assets/components/footerDE.php'); ?>
</body>
</html>
+75
View File
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="../../../assets/img/favicon.png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio Website - A. Reimann</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="../../../assets/stylesheets/main.css">
<link rel="stylesheet" href="../../../assets/stylesheets/pages/links.css">
</head>
<body>
<!-- Background -->
<?php echo file_get_contents('../../../assets/components/animated_triplet_element_darkgray_red.php'); ?>
<!-- Header -->
<?php echo file_get_contents('../../../assets/components/headerDE.php'); ?>
<style>
#desktop_nav_main li:nth-child(5) a, #mobile_nav_main li:nth-child(5) a {
background: rgba(150,0,0,0.2);
pointer-events: none;
}
</style>
<!-- Content -->
<main>
<div class="linktree">
<h1 class="treeText">Meine Links</h1>
<div class="links-container">
<a href="https://youtube.com/@apixoffiziell" target="_blank" class="link">
<img src="../../../assets/img/logofiles/linktree/youtube.png" alt="Banner 1" class="banner">
<span>@APiXoffiziell (Main)</span>
</a>
<a href="#" target="_blank" class="link">
<img src="../../../assets/img/logofiles/linktree/youtube.png" alt="Banner 1" class="banner">
<span>@APiXgamelib (Full Games)</span>
</a>
<a href="https://youtube.com/@luxcurenatic" target="_blank" class="link">
<img src="../../../assets/img/logofiles/linktree/youtube.png" alt="Banner 1" class="banner">
<span>@AndiFenrir (Musik)</span>
</a>
<a href="https://tiktok.com/@apixoffiziell" target="_blank" class="link">
<img src="../../../assets/img/logofiles/linktree/tiktok.png" alt="Banner 1" class="banner">
<span>@APiXoffiziell (Main)</span>
</a>
<a href="#" target="_blank" class="link">
<img src="../../../assets/img/logofiles/linktree/tiktok.png" alt="Banner 1" class="banner">
<span>Video Laboratorium</span>
</a>
<a href="https://tiktok.com/@luxcurenatic" target="_blank" class="link">
<img src="../../../assets/img/logofiles/linktree/tiktok.png" alt="Banner 1" class="banner">
<span>@AndiFenrir (Musik)</span>
</a>
<a href="https://t.me/lupinexmedia" target="_blank" class="link">
<img src="../../../assets/img/logofiles/linktree/telegram.png" alt="Banner 1" class="banner">
<span></span>
</a>
</div>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../assets/components/footerDE.php'); ?>
</body>
</html>