add files

switched the account for this Repo(From Kuntzschi911 to jxnomaly)
2025-10-25 20:35:15 +02:00
parent d739c12222
commit 75a990452b
54 changed files with 28803 additions and 0 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,4 @@
+
+# toxic-jannick.github.io
+It's my "Homepage" i made. Its pretty empty now, but i think its gonna change soon. The site only has the links to my Hello_username and my Randomizer app at the moment
+I created this app along with the One Month Tutorial (1st week)
--- a/assets/bootstrap/css/bootstrap.min.css
+++ b/assets/bootstrap/css/bootstrap.min.css
--- a/assets/bootstrap/js/bootstrap.min.js
+++ b/assets/bootstrap/js/bootstrap.min.js
--- a/assets/css/FontAwesome.css
+++ b/assets/css/FontAwesome.css
@@ -0,0 +1,12 @@
+@font-face {
+	font-family: 'FontAwesome';
+	src: url(../../assets/fonts/FontAwesome-acb05451c32ed1d18e16db6ae8eaa5cf.eot?v=4.7.0) format('embedded-opentype'),
+	url(../../assets/fonts/FontAwesome-acb05451c32ed1d18e16db6ae8eaa5cf.eot) format('embedded-opentype'),
+	url(../../assets/fonts/FontAwesome-b123861803368ce33b2adf8923829c08.woff2?v=4.7.0) format('woff2'),
+	url(../../assets/fonts/FontAwesome-8d02a38a091c0352b1288f29a9c48568.woff?v=4.7.0) format('woff'),
+	url(../../assets/fonts/FontAwesome-e0077912ec61a9bbbe9b193bb5faceda.ttf?v=4.7.0) format('truetype'),
+	url(../../assets/fonts/FontAwesome-99f36027bc2a463bab9e1fd256e3fa00.svg?v=4.7.0) format('svg');
+	font-weight: normal;
+	font-style: normal;
+	font-display: auto;
+}
--- a/assets/css/Material
+++ b/assets/css/Material
@@ -0,0 +1,10 @@
+@font-face {
+	font-family: 'Material Icons';
+	src: url(../../assets/fonts/Material%20Icons-1cfb692462a36eb4a70ed43e46a0d9b9.eot) format('embedded-opentype'),
+	url(../../assets/fonts/Material%20Icons-4558092288b12c6bee0a4d4766dbfb15.woff2) format('woff2'),
+	url(../../assets/fonts/Material%20Icons-bb1246ea21660f997ac7884b72de1838.woff) format('woff'),
+	url(../../assets/fonts/Material%20Icons-7ac041db584d5a156025be0d86c532d5.ttf) format('truetype');
+	font-weight: 400;
+	font-style: normal;
+	font-display: auto;
+}
--- a/assets/css/animate.min.css
+++ b/assets/css/animate.min.css
--- a/assets/css/bootstrap/css/bootstrap.min.css
+++ b/assets/css/bootstrap/css/bootstrap.min.css
--- a/assets/css/fonts/font-awesome.min.css
+++ b/assets/css/fonts/font-awesome.min.css
--- a/assets/css/fonts/material-icons.min.css
+++ b/assets/css/fonts/material-icons.min.css
@@ -0,0 +1,18 @@
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: 400;
+  font-style: normal;
+  font-size: 24px;
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  -moz-osx-font-smoothing: grayscale;
+  font-feature-settings: 'liga';
+}
+
--- a/assets/css/untitled.css
+++ b/assets/css/untitled.css
@@ -0,0 +1,3 @@
+h1 {
+}
+
--- a/assets/fonts/FontAwesome-8d02a38a091c0352b1288f29a9c48568.woff
+++ b/assets/fonts/FontAwesome-8d02a38a091c0352b1288f29a9c48568.woff
--- a/assets/fonts/FontAwesome-99f36027bc2a463bab9e1fd256e3fa00.svg
+++ b/assets/fonts/FontAwesome-99f36027bc2a463bab9e1fd256e3fa00.svg
--- a/assets/fonts/FontAwesome-acb05451c32ed1d18e16db6ae8eaa5cf.eot
+++ b/assets/fonts/FontAwesome-acb05451c32ed1d18e16db6ae8eaa5cf.eot
--- a/assets/fonts/FontAwesome-b123861803368ce33b2adf8923829c08.woff2
+++ b/assets/fonts/FontAwesome-b123861803368ce33b2adf8923829c08.woff2
--- a/assets/fonts/FontAwesome-e0077912ec61a9bbbe9b193bb5faceda.ttf
+++ b/assets/fonts/FontAwesome-e0077912ec61a9bbbe9b193bb5faceda.ttf
--- a/assets/fonts/FontAwesome.otf
+++ b/assets/fonts/FontAwesome.otf
--- a/Icons-1cfb692462a36eb4a70ed43e46a0d9b9.eot
+++ b/Icons-1cfb692462a36eb4a70ed43e46a0d9b9.eot
--- a/Icons-4558092288b12c6bee0a4d4766dbfb15.woff2
+++ b/Icons-4558092288b12c6bee0a4d4766dbfb15.woff2
--- a/Icons-7ac041db584d5a156025be0d86c532d5.ttf
+++ b/Icons-7ac041db584d5a156025be0d86c532d5.ttf
--- a/Icons-bb1246ea21660f997ac7884b72de1838.woff
+++ b/Icons-bb1246ea21660f997ac7884b72de1838.woff
--- a/assets/fonts/MaterialIcons-Regular.eot
+++ b/assets/fonts/MaterialIcons-Regular.eot
--- a/assets/fonts/MaterialIcons-Regular.svg
+++ b/assets/fonts/MaterialIcons-Regular.svg
--- a/assets/fonts/MaterialIcons-Regular.ttf
+++ b/assets/fonts/MaterialIcons-Regular.ttf
--- a/assets/fonts/MaterialIcons-Regular.woff
+++ b/assets/fonts/MaterialIcons-Regular.woff
--- a/assets/fonts/MaterialIcons-Regular.woff2
+++ b/assets/fonts/MaterialIcons-Regular.woff2
--- a/assets/fonts/font-awesome.min.css
+++ b/assets/fonts/font-awesome.min.css
--- a/assets/fonts/fontawesome-webfont.eot
+++ b/assets/fonts/fontawesome-webfont.eot
--- a/assets/fonts/fontawesome-webfont.svg
+++ b/assets/fonts/fontawesome-webfont.svg
--- a/assets/fonts/fontawesome-webfont.ttf
+++ b/assets/fonts/fontawesome-webfont.ttf
--- a/assets/fonts/fontawesome-webfont.woff
+++ b/assets/fonts/fontawesome-webfont.woff
--- a/assets/fonts/fontawesome-webfont.woff2
+++ b/assets/fonts/fontawesome-webfont.woff2
--- a/assets/fonts/material-icons.min.css
+++ b/assets/fonts/material-icons.min.css
@@ -0,0 +1 @@
+@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(MaterialIcons-Regular.woff2) format('woff2'),url(MaterialIcons-Regular.woff) format('woff'),url(MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
--- a/assets/img/bg-masthead.jpg
+++ b/assets/img/bg-masthead.jpg
--- a/assets/img/bg-showcase-1.jpg
+++ b/assets/img/bg-showcase-1.jpg
--- a/assets/img/bg-showcase-2-1.jpg
+++ b/assets/img/bg-showcase-2-1.jpg
--- a/assets/img/bg-showcase-2.jpg
+++ b/assets/img/bg-showcase-2.jpg
--- a/assets/img/bg-showcase-3.jpg
+++ b/assets/img/bg-showcase-3.jpg
--- a/assets/img/bg-showcase-4.jpg
+++ b/assets/img/bg-showcase-4.jpg
--- a/assets/img/bg-showcase-5.jpg
+++ b/assets/img/bg-showcase-5.jpg
--- a/assets/img/gc7ad3f619012dada892ed1e37b5f4d711a366e1ab9ad890f5ebabc8d74baf331789c5bc2bdc3ad91082d2cf6faf00c0e_640-1.jpg
+++ b/assets/img/gc7ad3f619012dada892ed1e37b5f4d711a366e1ab9ad890f5ebabc8d74baf331789c5bc2bdc3ad91082d2cf6faf00c0e_640-1.jpg
--- a/assets/img/gc7ad3f619012dada892ed1e37b5f4d711a366e1ab9ad890f5ebabc8d74baf331789c5bc2bdc3ad91082d2cf6faf00c0e_640.jpg
+++ b/assets/img/gc7ad3f619012dada892ed1e37b5f4d711a366e1ab9ad890f5ebabc8d74baf331789c5bc2bdc3ad91082d2cf6faf00c0e_640.jpg
--- a/assets/img/project-1.jpg
+++ b/assets/img/project-1.jpg
--- a/assets/img/project-2.jpg
+++ b/assets/img/project-2.jpg
--- a/assets/img/project-3.jpg
+++ b/assets/img/project-3.jpg
--- a/assets/img/project-4.jpg
+++ b/assets/img/project-4.jpg
--- a/assets/img/testimonials-1.jpg
+++ b/assets/img/testimonials-1.jpg
--- a/assets/img/testimonials-2.jpg
+++ b/assets/img/testimonials-2.jpg
--- a/assets/img/testimonials-3.jpg
+++ b/assets/img/testimonials-3.jpg
--- a/assets/js/bootstrap.min.js
+++ b/assets/js/bootstrap.min.js
--- a/assets/js/bs-init.js
+++ b/assets/js/bs-init.js
@@ -0,0 +1,19 @@
+
+if (window.innerWidth < 768) {
+	[].slice.call(document.querySelectorAll('[data-bss-disabled-mobile]')).forEach(function (elem) {
+		elem.classList.remove('animated');
+		elem.removeAttribute('data-bss-hover-animate');
+		elem.removeAttribute('data-aos');
+		elem.removeAttribute('data-bss-parallax-bg');
+		elem.removeAttribute('data-bss-scroll-zoom');
+	});
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+
+	var hoverAnimationTriggerList = [].slice.call(document.querySelectorAll('[data-bss-hover-animate]'));
+	var hoverAnimationList = hoverAnimationTriggerList.forEach(function (hoverAnimationEl) {
+		hoverAnimationEl.addEventListener('mouseenter', function(e){ e.target.classList.add('animated', e.target.dataset.bssHoverAnimate) });
+		hoverAnimationEl.addEventListener('mouseleave', function(e){ e.target.classList.remove('animated', e.target.dataset.bssHoverAnimate) });
+	});
+}, false);
--- a/index.html
+++ b/index.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Home - toxic-jannick</title>
+    <meta name="description" content="My homepage, hosted on Github">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic&amp;display=swap">
+    <link rel="stylesheet" href="assets/css/FontAwesome.css">
+    <link rel="stylesheet" href="assets/css/Material%20Icons.css">
+    <link rel="stylesheet" href="assets/fonts/material-icons.min.css">
+    <link rel="stylesheet" href="assets/css/untitled.css">
+    <link rel="stylesheet" href="assets/css/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="assets/css/fonts/material-icons.min.css">
+</head>
+
+<body class="text-center">
+    <nav class="navbar navbar-expand bg-light">
+        <div class="container"><button data-bs-toggle="collapse" data-bs-target="#navcol-1" class="navbar-toggler"></button><a class="navbar-brand" href="#" style="margin-right:10px;padding-right:0px;">toxic-jannick</a>
+            <div class="collapse navbar-collapse" id="navcol-1">
+                <ul class="navbar-nav">
+                    <li class="nav-item dropdown show"><a class="nav-link dropdown-toggle" aria-expanded="true" data-bs-toggle="dropdown" href="#">content</a>
+                        <div class="dropdown-menu show" data-bs-popper="none"><a class="dropdown-item" href="#about">About Me</a><a class="dropdown-item" href="#projects">Projects</a><a class="dropdown-item" href="#achievements">Goals/Achievements</a><a class="dropdown-item" href="#footer">Footer</a></div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <header class="text-center text-white masthead" style="background:url('assets/img/gc7ad3f619012dada892ed1e37b5f4d711a366e1ab9ad890f5ebabc8d74baf331789c5bc2bdc3ad91082d2cf6faf00c0e_640-1.jpg');">
+        <div class="overlay" style="background: url(&quot;assets/img/gc7ad3f619012dada892ed1e37b5f4d711a366e1ab9ad890f5ebabc8d74baf331789c5bc2bdc3ad91082d2cf6faf00c0e_640-1.jpg&quot;) center, rgba(255,255,255,0);"></div>
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-9 mx-auto position-relative">
+                    <h1 class="mb-5">Welcome to my Homepage</h1>
+                </div>
+            </div>
+        </div>
+    </header>
+    <section class="text-center features-icons" id="about">
+        <h2>About Me</h2>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4 offset-lg-1">
+                    <div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
+                        <div class="d-flex features-icons-icon"><i class="material-icons text-primary m-auto">school</i></div>
+                        <h3>Student</h3>
+                        <p class="lead mb-0">Student at the Elsterschloss-Gymnasium Elsterwerda at grade 11</p>
+                    </div>
+                </div>
+                <div class="col-lg-4 offset-lg-1">
+                    <div class="mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
+                        <div class="d-flex features-icons-icon"><i class="material-icons text-primary m-auto">computer</i></div>
+                        <h3>Learning Programming</h3>
+                        <p class="lead mb-0">C++ at school, the rest is private work</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section id="projects">
+        <h1>Projects</h1>
+        <hr>
+        <div class="container">
+            <div class="row">
+                <div class="col"><a href="https://kuntzschi112.github.io/Hello_username"><img src="assets/img/project-1.jpg" width="300" height="180" style="margin:24px;"></a></div>
+                <div class="col"><a href="https://kuntzschi112.github.io/Randomizer_App"><img src="assets/img/project-2.jpg" width="300" height="180" style="margin:24px;"></a></div>
+                <div class="col"><a href="https://kuntzschi112.github.io/Immobilienmakler"><img src="assets/img/project-3.jpg" width="300" height="180" style="margin:24px;"></a></div>
+                <div claas="col"><a href="https://kuntzschi112.github.io/Codedex/html/final_project"><img src="assets/img/project-4.jpg" width="300" height="180" style="margin:24px;"></a><div>
+            </div>
+        </div>
+    </section><section class="showcase"
+    id="achievements">
+    <div class="container-fluid p-0">
+        <div class="row g-0">
+            <div class="col-lg-6 text-white order-lg-2 showcase-img" style="background: url('assets/img/bg-showcase-2.jpg');"><span></span></div>
+            <div class="col-lg-6 my-auto order-lg-1 showcase-text">
+                <h2>Learning Programming</h2>
+                <p class="lead mb-0">I&#39;m currently learning C++, Python, and also, if you think it&#39;s a language, HTML/WebDev</p>
+            </div>
+        </div>
+        <div class="row g-0">
+            <div class="col-lg-6 text-white showcase-img" style="background: url('assets/img/bg-showcase-4.jpg');"><span></span></div>
+            <div class="col-lg-6 my-auto order-lg-1 showcase-text">
+                <h2>School Projects</h2>
+                <p class="lead mb-0">The first real <a href="https://toxic-jannick.github.io/Immobilienmakler">school project</a> is WIP. It&#39;s probably about a real estate manager/website, where you can search for real estate ready to renovate and parallel to it, you can search for craftsmen.</p>
+            </div>
+        </div>
+        <div class="row g-0">
+            <div class="col-lg-6 text-white order-lg-2 showcase-img" style="background: url('assets/img/bg-showcase-5.jpg') center;"><span></span></div>
+            <div class="col-lg-6 my-auto order-lg-1 showcase-text">
+                <h2>Personal Growth</h2>
+                <p class="lead mb-0">Apart from school, I like to experiment with electronics (Arduino) and love exploring new technologies to apply what I learn.</p>
+            </div>
+        </div>
+    </div>
+</section>
+    <section class="text-center bg-light testimonials" id="footer"></section>
+    <footer class="bg-light footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6 text-center text-lg-start my-auto h-100">
+                    <ul class="list-inline mb-2">
+                        <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><a href="https://github.com/toxic-jannick">About</a></li>
+                        <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><span>⋅</span></li>
+                        <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><a href="mailto:Kontakt@kuntzschi.de">Contact</a></li>
+                        <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><span>⋅</span></li>
+                        <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><a href="terms.html">Terms of Use</a></li>
+                        <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><span>⋅</span></li>
+                        <li class="list-inline-item list-inline-item list-inline-item list-inline-item"><a href="privacy.html">Privacy Policy</a></li>
+                    </ul>
+                    <p class="text-muted small mb-4 mb-lg-0">© toxic-jannick 2024. All Rights Reserved.</p>
+                </div>
+                <div class="col-lg-6 text-center text-lg-end my-auto h-100"><!-- AddToAny BEGIN -->
+<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
+    <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
+    <a class="a2a_button_email"></a>
+    <a class="a2a_button_telegram"></a>
+    <a class="a2a_button_snapchat"></a>
+    <a class="a2a_button_x"></a>
+    <a class="a2a_button_reddit"></a>
+    <a class="a2a_button_mastodon"></a>
+    <a class="a2a_button_bluesky"></a>
+    <a class="a2a_button_facebook"></a>
+    <a class="a2a_button_linkedin"></a>
+    <a class="a2a_button_skype"></a>
+    <a class="a2a_button_threads"></a>
+    <a class="a2a_button_print"></a>
+    </div>
+    <script async src="https://static.addtoany.com/menu/page.js"></script>
+    <!-- AddToAny END --></div>
+            </div>
+        </div>
+    </footer><script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bootstrap.min.js"></script>
+</body>
+
+</html>
--- a/privacy.html
+++ b/privacy.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="de">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>toxic-jannick.github.io</title>
+    <meta name="description" content="My homepage, hosted on Github">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic&amp;display=swap">
+    <link rel="stylesheet" href="assets/css/FontAwesome.css">
+    <link rel="stylesheet" href="assets/css/Material%20Icons.css">
+    <link rel="stylesheet" href="assets/css/untitled.css">
+    <link rel="stylesheet" href="assets/css/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="assets/css/fonts/material-icons.min.css">
+</head>
+
+<body><section id="privacy-policy">
+    <div class="container">
+        <h2>Privacy Policy</h2>
+        <p><strong>Effective Date:</strong> sep 21st 2024</p>
+        <p>Your privacy is important to us. This Privacy Policy explains how we collect, use, and protect your personal information when you visit our website.</p>
+        
+        <h3>1. Information We Collect</h3>
+        <p>We may collect the following information:</p>
+        <ul>
+            <li>Personal identification information (name, email address, etc.) that you voluntarily provide when contacting us.</li>
+            <li>Non-personal information such as your IP address, browser type, and usage data, which is collected automatically through cookies and other tracking technologies.</li>
+        </ul>
+
+        <h3>2. How We Use Your Information</h3>
+        <p>We may use the information we collect for the following purposes:</p>
+        <ul>
+            <li>To respond to your inquiries or requests.</li>
+            <li>To improve our website and user experience.</li>
+            <li>To analyze website usage through analytics tools (Google Analytics or similar services).</li>
+        </ul>
+
+        <h3>3. How We Protect Your Information</h3>
+        <p>We implement a variety of security measures to maintain the safety of your personal information. However, no method of transmission over the internet or electronic storage is 100% secure.</p>
+
+        <h3>4. Cookies</h3>
+        <p>Cookies are small files stored on your device that help us improve your experience on our website. You can choose to disable cookies through your browser settings, but this may affect the functionality of our website.</p>
+
+        <h3>5. Third-Party Links</h3>
+        <p>Our website may contain links to third-party websites. We are not responsible for the privacy practices or content of these external sites. Please review their privacy policies separately.</p>
+
+        <h3>6. Your Consent</h3>
+        <p>By using our website, you consent to our Privacy Policy.</p>
+
+        <h3>7. Changes to This Privacy Policy</h3>
+        <p>We may update this Privacy Policy from time to time. Any changes will be posted on this page with the updated date.</p>
+
+        <h3>8. Contact Us</h3>
+        <p>If you have any questions regarding this Privacy Policy, you can contact us at <a href="mailto:kuntzschi@kuntzschi.de">kuntzschi@kuntzschi.de</a>.</p>
+    </div>
+</section>
+
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bootstrap.min.js"></script>
+</body>
+
+</html>
--- a/terms.html
+++ b/terms.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="de">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>toxic-jannick.github.io</title>
+    <meta name="description" content="My homepage, hosted on Github">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic&amp;display=swap">
+    <link rel="stylesheet" href="assets/css/FontAwesome.css">
+    <link rel="stylesheet" href="assets/css/Material%20Icons.css">
+    <link rel="stylesheet" href="assets/css/untitled.css">
+    <link rel="stylesheet" href="assets/css/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="assets/css/fonts/material-icons.min.css">
+</head>
+
+<body><!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nutzungsbedingungen</title>
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+</head>
+<body>
+    <div class="container">
+<h1 style="text-align: center"> Terms of Use</h1>
+
+Last updated: Sept 21st 2024
+
+<h4> Welcome to toxic-jannick.github.io.</h4> By accessing or using our website, you agree to comply with and be bound by the following terms and conditions:
+
+<h3> Acceptance</h3> of Terms By using our site, you confirm that you have read, understood, and agree to these Terms of Use.
+
+<h3>Use of Site</h3> You may use our site for lawful purposes only. You must not use it in a way that violates any applicable laws or regulations.
+
+<h3> Intellectual Property</h3> All content, trademarks, and other intellectual property displayed on this site are the property of toxic-jannick.github.io or third parties. You may not reproduce or distribute any material without prior written permission.
+
+<h3> User Responsibilities</h3> You are responsible for any content you post or share on our site. By submitting content, you grant us the right to use, reproduce, and distribute that content.
+
+<h3> Disclaimer of Warranties</h3> The site is provided on an "as is" basis without any warranties of any kind, either express or implied.
+
+<h3> Limitation of Liability</h3> toxic-jannick.github.io shall not be liable for any damages resulting from the use of, or inability to use, this site.
+
+<h3> Changes to Terms</h3> We may revise these terms at any time. Your continued use of the site after changes are posted constitutes acceptance of the new terms.
+
+<h3> Governing Law</h3> These terms shall be governed by and construed in accordance with the laws of Germany.
+
+If you have any questions about these Terms of Use, please contact us at kuntschi@kuntzschi.de.
+        <br></br>
+
+    
+    </div>
+</body>
+</html>
+<a href="#">Back to home</a>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="assets/js/bootstrap.min.js"></script>
+</body>
+
+</html>
--- a/untitled.html
+++ b/untitled.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="de">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>toxic-jannick.github.io</title>
+    <meta name="description" content="My homepage, hosted on Github">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic&amp;display=swap">
+    <link rel="stylesheet" href="assets/css/untitled.css">
+</head>
+
+<body><!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nutzungsbedingungen</title>
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+</head>
+<body>
+    <div class="container">
+<h1 style="text-align: center"> Terms of Use</h1>
+
+Last updated: Sept 21st 2024
+
+<h4> Welcome to toxic-jannick.github.io.</h4> By accessing or using our website, you agree to comply with and be bound by the following terms and conditions:
+
+<h3> Acceptance</h3> of Terms By using our site, you confirm that you have read, understood, and agree to these Terms of Use.
+
+<h3>Use of Site</h3> You may use our site for lawful purposes only. You must not use it in a way that violates any applicable laws or regulations.
+
+<h3> Intellectual Property</h3> All content, trademarks, and other intellectual property displayed on this site are the property of toxic-jannick.github.io or third parties. You may not reproduce or distribute any material without prior written permission.
+
+<h3> User Responsibilities</h3> You are responsible for any content you post or share on our site. By submitting content, you grant us the right to use, reproduce, and distribute that content.
+
+<h3> Disclaimer of Warranties</h3> The site is provided on an "as is" basis without any warranties of any kind, either express or implied.
+
+<h3> Limitation of Liability</h3> toxic-jannick.github.io shall not be liable for any damages resulting from the use of, or inability to use, this site.
+
+<h3> Changes to Terms</h3> We may revise these terms at any time. Your continued use of the site after changes are posted constitutes acceptance of the new terms.
+
+<h3> Governing Law</h3> These terms shall be governed by and construed in accordance with the laws of Germany.
+
+If you have any questions about these Terms of Use, please contact us at kuntschi@kuntzschi.de.
+        <br></br>
+
+    
+    </div>
+</body>
+</html>
+<a href="#">Back to home</a>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+</body>
+
+</html>
				`@@ -0,0 +1 @@`
				@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(MaterialIcons-Regular.woff2) format('woff2'),url(MaterialIcons-Regular.woff) format('woff'),url(MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}