areimann/Private-Vorstellungswebsite-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Andreas Reimann
2026-04-27 19:17:22 +02:00
commit b22bfcf15b
65 changed files with 2758 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lang/en/index.php
Executable
+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>
lang/en/pages/cv.php
Executable
+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>
lang/en/pages/legal/faq.php
Executable
+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>
lang/en/pages/legal/impress.php
Executable
+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>
lang/en/pages/legal/sources.php
Executable
+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>
lang/en/pages/links.php
Executable
+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>