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>
+200
View File
@@ -0,0 +1,200 @@
<!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/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/headerEN.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, i am</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">Overview</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">About Me</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">Skills</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">Projekts</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">Contact</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">Personal Resume</p>
</div>
</div>
</section>
<!-- Sektion 3 - Über Mich -->
<section id="main3">
<h1 class="main3_Header">About Me</h1>
<div class="main3_AboutMe">
<img class="main3_Selfie" src="../../assets/img/self_pictures/front_1_transparent.png">
<div class="main3_Text">
<p>
I am Andreas Reimann, a versatile video editor with a wide range of skills, particularly in video production.
I work with software like DaVinci Resolve and OBS to create high-quality content.
I plan to produce my own small films to visually bring my creative ideas to life and further develop my storytelling abilities.
</p>
<p>
In addition to my work as a video editor, I am also a musician and producer.
I use DAWs like FL Studio, Audacity, and Adobe Audition, and I play the piano to develop creative audio productions and bring joy to others.
</p>
<p>
Furthermore, I am a versatile web developer focusing on frontend development, but I also have skills in backend development and server administration.
I use this knowledge to create and maintain engaging web applications.
</p>
<p>
Additionally, I have completed an apprenticeship as an electronics technician for energy and building technology (08.2016 - 02.2020).
This technical foundation supports my career and enables me to solve complex problems effectively.
</p>
<p>
I also have experience in live streaming and use platforms like TikTok and YouTube to share gaming content and creative projects with my community.
</p>
<p>
Currently, I am also planning to start podcasting to train my effective narration voice and further develop my storytelling skills.
</p>
<p>
I look forward to presenting my projects and work to you.
For more information, please visit the relevant sections of my website.
</p>
</div>
</div>
</section>
<!-- Sektion 4 - Fähigkeiten -->
<section id="main4">
<h1 class="main4_Header">Skills</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>Musikproduction</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>Electronics engineer for energy and building technology</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>Web development (frontend (partly 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>Moviemaking</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">Projects</h1>
<div class="projects-container" id="projects-container"></div>
</section>
<!-- Sektion 6 - Kontakt -->
<section id="main6">
<h1 class="main6_Header">Contact (WIP)</h1>
<div class="main6_Container">
<div class="main6_Form">WIP</div>
</div>
</section>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../assets/components/footerEN.php'); ?>
<script src="../../assets/scripts/pages/homepageEN.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/headerEN.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>About Me</h1>
<p><strong>Name:</strong> Andreas Reimann</p>
<p><strong>Date of Birth:</strong> October 6, 1998</p>
<h2>Professional and Hobby Goals</h2>
<ul>
<li><strong>Software and Web Development:</strong> I strive to develop innovative software solutions that enhance both usability and functionality. My focus is on creating websites and applications with a solid backend.</li>
<li><strong>Web Video Producer and Live Streamer:</strong> With years of experience in video production and live streaming, I am skilled in using various software tools, including DaVinci Resolve, Wondershare Filmora 11, CapCut, and OBS. I produce content for platforms like YouTube and TikTok, and I enjoy taking my viewers into the world of gaming and entertaining them.</li>
<li><strong>Music Production:</strong> As a musician and producer, I bring my creative ideas to life mainly using ImageLine FL Studio and Audacity. I love composing music and exploring different genres.</li>
</ul>
<h2>Current Skills and Experiences</h2>
<ul>
<li><strong>Programming Skills:</strong> I master several programming languages, including HTML, PHP, CSS, JavaScript, and SQL. My commitment to continuous learning is evident in my personal projects, where I write scripts and educate myself further.</li>
<li><strong>Server Technology:</strong> I run my own web server for data storage (NAS) and manage game servers on my home PC. I am skilled in setting up websites on home servers, including SSL certification and custom domains.</li>
<li><strong>Database Management:</strong> I have set up and maintained my own MySQL database on my home PC.</li>
<li><strong>Folder and File Structures:</strong> I plan and implement effective folder and file structures for internal archiving systems.</li>
<li><strong>Audio Networks:</strong> I have created an audio network in a home network, using VoiceMeeter (VBAN).</li>
<li><strong>Music Production:</strong> I produce music based on my own ideas and play the piano to express my creativity.</li>
<li><strong>Video Production:</strong> I have experience recording and editing videos for platforms like TikTok and YouTube, especially in the gaming sector, and I love creating content that captivates viewers.</li>
<li><strong>Live Streaming:</strong> I regularly stream live content on TikTok and YouTube, sharing my passion for games with a broad audience.</li>
</ul>
<h2>Additional Skills</h2>
<ul>
<li><strong>Image Editing:</strong> I have basic knowledge of image editing, which I am further developing through personal projects.</li>
<li><strong>DNS Management:</strong> I have basic experience with the Domain Name System and understand the fundamentals of DNS administration.</li>
<li><strong>AI Applications:</strong> I use AI tools like ChatGPT and BlackBoxAI, having gained advanced knowledge in this area.</li>
<li><strong>English Language Skills:</strong> I am able to communicate in writing in English, though less proficiently in speaking.</li>
<li><strong>Office Applications:</strong> I am familiar with Open Office and have experience using Excel, Word, and PowerPoint.</li>
<li><strong>PC Setups:</strong> I have knowledge in building complex PC setups and can efficiently configure them.</li>
<li><strong>Command Line and PowerShell:</strong> I am familiar with using the command line and PowerShell in Windows and use these tools regularly.</li>
</ul>
<h2>Aspiring Podcaster</h2>
<p>I am also interested in podcasting and plan to share my own stories and ideas in audio form. I want to explore various topics and express my creativity. My goal is to develop a captivating narrative style that draws my listeners in and makes them think.</p>
<h2>Aspiring Filmmaker</h2>
<p>In the world of filmmaking, I want to bring my visions to life by visually interpreting stories. I plan to create short films and documentaries to represent different perspectives and convey emotions. I will incorporate my experiences in video production and editing and pursue innovative approaches to enrich my narratives.</p>
<h2>Closing Words</h2>
<p>I look forward to further developing my skills and taking on new projects. With my passion for technology, creativity, and communication, I aim to leave a lasting impression and bring my visions to life. For more information, please visit the relevant pages of my portfolio.</p>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../assets/components/footerEN.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/headerEN.php'); ?>
<!-- Content -->
<main>
<div class='impressum'>
<h1>Important Informations could stand here</h1>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../../assets/components/footerEN.php'); ?>
</body>
</html>
+90
View File
@@ -0,0 +1,90 @@
<!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/headerEN.php'); ?>
<!-- Content -->
<main>
<div class='impressum'>
<h1>Imprint</h1>
<p>Information according to § 5 DDG</p>
<p>
Andreas Reimann <br>
****************<br>
****************<br>
</p>
<p><strong>Represented by: </strong><br>
Andreas Reimann<br>
</p>
<p>
<strong>Contact:</strong> <br>
Phone: 01520-6482495<br>
E-Mail: <a href='mailto:contact@areimann.de'>contact@areimann.de</a></br>
</p>
<p>
<strong>Disclaimer: </strong><br><br>
<strong>Liability for Content</strong><br><br>
The content of our pages has been created with the greatest care.
However, we cannot guarantee the accuracy, completeness, and timeliness of the content.
As a service provider, we are responsible for our own content on these pages according to general laws in accordance with § 7 Abs.1 DDG.
According to §§ 8 to 10 DDG, we are not obliged to monitor transmitted or stored foreign information or to investigate circumstances indicating illegal activity.
Obligations to remove or block the use of information under general laws remain unaffected.
Liability in this regard is only possible from the moment we become aware of a specific legal infringement.
If we become aware of such legal infringements, we will remove this content immediately.<br><br>
<strong>Liability for Links</strong><br><br>
Our offer contains links to external websites of third parties, over whose content we have no influence.
Therefore, we cannot assume any liability for these external contents.
The content of the linked pages is always the responsibility of the respective provider or operator of the pages.
The linked pages were checked for possible legal violations at the time of linking. Illegal contents were not recognizable at the time of linking.
A permanent content control of the linked pages is, however, unreasonable without concrete evidence of a legal infringement.
If we become aware of legal infringements, we will remove such links immediately.<br><br>
<strong>Copyright</strong><br><br>
The contents and works created by the site operators on these pages are subject to German copyright law.
The duplication, editing, distribution, and any form of exploitation beyond the limits of copyright require the written consent of the respective author or creator.
Downloads and copies of this page are only permitted for private, non-commercial use.
Insofar as the contents on this page were not created by the operator, the copyrights of third parties are observed.
In particular, third-party contents are marked as such. If you nevertheless become aware of a copyright infringement, we ask for a corresponding notice.
If we become aware of legal infringements, we will remove such contents immediately.<br><br>
<strong>Data Protection</strong><br><br>
The use of our website is usually possible without providing personal data.
Insofar as personal data (for example, name, address, or email addresses) are collected on our pages, this is always done, as far as possible, on a voluntary basis.
These data will not be disclosed to third parties without your explicit consent. <br>
We point out that data transmission over the Internet (e.g., when communicating via email) may have security gaps.
A complete protection of the data against access by third parties is not possible. <br>
The use of contact data published in the context of the imprint obligation by third parties for the purpose of sending unsolicited advertising and information materials is hereby expressly opposed.
The operators of the pages expressly reserve the right to take legal action in the event of the unsolicited sending of advertising information, for example, through spam emails.<br>
</p>
<br>
Website imprint created by
<a href="https://www.impressum-generator.de">impressum-generator.de</a>
by the
<a href="https://www.kanzlei-hasselbach.de/" rel="nofollow">Kanzlei Hasselbach</a>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../../assets/components/footerEN.php'); ?>
</body>
</html>
+39
View File
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="../../../../assets/img/.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/headerEN.php'); ?>
<!-- Content -->
<main>
<div class='impressum'>
<h1>Here is more than enough Place for sources</h1>
</div>
</main>
<!-- Footer -->
<?php echo file_get_contents('../../../../assets/components/footerEN.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/headerEN.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">My 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/@andifenrirofficial" 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/@andifenrirofficial" 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/footerEN.php'); ?>
</body>
</html>