Files
t404null/contacts/index.html
2025-10-08 12:14:10 +00:00

239 lines
7.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>t404:null | Home</title>
<meta name="description" content="Hello there! I'm t404:null (a.k.a t404owo).
I write/make/produce EDM music(DTM), and for every releases I'll post my music on this website. If you have any requests or questions, feel free contact me." />
<link rel="icon" type="image/x-icon" href="https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/t404_null%20Icon.png" />
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
</head>
<body>
<nav>
<ul class="menu">
<li>
<a href="/">
<img
src="https://cdn.glitch.global/f594d6b7-e72e-477c-b5cb-d71abbd39f44/logo.png?v=1716494259675"
alt="t404:null"
/>
</a>
</li>
<li>
<div class="vertical-line"></div>
</li>
<li class="menu-item">
<a href="/">
<p>
<strong>Home</strong>
</p>
</a>
</li>
<li class="menu-item">
<a href="/release">
<p>
<strong>Releases</strong>
</p>
</a>
</li>
<li class="menu-item">
<a href="/activity">
<p>
<strong>Activities</strong>
</p>
</a>
</li>
<li class="menu-item">
<a href="/song_usage_terms">
<p>
<strong>Terms of Use</strong>
</p>
</a>
</li>
<li class="menu-item">
<a href="/about_me">
<p>
<strong>About Me</strong>
</p>
</a>
</li>
<li class="menu-item">
<a href="/contacts">
<p>
<strong>My Contacts</strong>
</p>
</a>
</li>
</ul>
<div></div>
<ul id="social">
<li class="social">
<a href="https://youtube.com/@t404_null">
<p class="nf-icons">&#xf16a;</p>
</a>
</li>
<li class="social">
<a href="https://x.com/t404_null">
<p class="nf-icons">&#xe8c9;</p>
</a>
</li>
<li class="social">
<a href="https://t404null.bandcamp.com/">
<p class="nf-icons">&#xf2d5;</p>
</a>
</li>
<li class="social">
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
<p class="nf-icons">&#xf04c7;</p>
</a>
</li>
<li class="social">
<a href="https://music.apple.com/artist/t404-null/1583561849">
<p class="nf-icons">&#xf2eb;</p>
</a>
</li>
<li class="social">
<a href="https://soundcloud.com/t404null">
<p class="nf-icons">&#xf1be;</p>
</a>
</li>
<li class="social">
<a href="https://discord.gg/YJmkAFbKFX">
<p class="nf-icons">&#xf1ff;</p>
</a>
</li>
<li>
<button
class="burger"
onclick="this.classList.toggle('open');
document.querySelector('.dropdown').classList.toggle('dropdown-open');"
>
<div id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
<div id="cross">
<span></span>
<span></span>
</div>
</button>
</li>
</ul>
<div class="dropdown">
<div class="dropdown-menu">
<a href="/">
<p>
<strong>Home</strong>
</p>
</a>
<a href="/release">
<p>
<strong>Releases</strong>
</p>
</a>
<a href="/activity">
<p>
<strong>Activities</strong>
</p>
</a>
<a href="/song_usage_terms">
<p>
<strong>Terms of Use</strong>
</p>
</a>
<a href="/about_me">
<p>
<strong>About Me</strong>
</p>
</a>
<a href="/contacts">
<p>
<strong>My Contacts</strong>
</p>
</a>
</div>
<hr class="dropdown-menu" />
<div class="dropdown-social">
<p>
<a href="https://youtube.com/@t404_null">
<span class="icons nf-icons">&#xf16a;</span>
<strong class="social-name">Youtube</strong>
</a>
<a href="https://x.com/t404_null">
<span class="icons nf-icons">&#xe8c9;</span>
<strong class="social-name">X/Twitter</strong>
</a>
<a href="https://t404null.bandcamp.com/">
<span class="icons nf-icons">&#xf2d5;</span>
<strong class="social-name">Bandcamp</strong>
</a>
<a href="https://open.spotify.com/artist/7jNOPuWk28EUX69mrp4ITL/">
<span class="icons nf-icons">&#xf04c7;</span>
<strong class="social-name">Spotify</strong>
</a>
</p>
<p>
<a href="https://music.apple.com/artist/t404-null/1583561849">
<span class="icons nf-icons">&#xf2eb;</span>
<strong class="social-name">Apple Music</strong>
</a>
<a href="https://soundcloud.com/t404null">
<span class="icons nf-icons">&#xf1be;</span>
<strong class="social-name">SoundCloud</strong>
</a>
<a href="https://discord.gg/YJmkAFbKFX">
<span class="icons nf-icons">&#xf1ff;</span>
<strong class="social-name">Discord</strong>
</a>
</p>
</div>
</div>
</nav>
<main class= "main-page">
<h1 class="topic">Contacts</h1>
<ul class="info contact-cards">
<li>
<strong class="title" style="color:#5b6"><b class="nf-icons icons">&#xf0369;</b> Phone (Messages Only)</strong>
<p class="desc">+49 (0) 15236754810</p>
</li>
<li>
<strong class="title" style="color:#555"><b class="nf-icons icons">&#xf42f;</b> Email</strong>
<p class="desc">
<a href="mailto:t404.null@gmail.com" class="text-info">t404.null@gmail.com</a>
<br />
<a href="mailto:t404owo@gmail.com" class="text-info">t404owo@gmail.com</a>
<br />
<a href="mailto:tags4owo@gmail.com" class="text-info">tags4owo@gmail.com</a>
<br />
</p>
</li>
<li>
<a href="https://discord.gg/YJmkAFbKFX" style="color:#5865F2; background:none;">
<strong class="title"><b class="nf-icons icons">&#xf1ff;</b> Discord</strong>
<p class="desc">https://discord.gg/YJmkAFbKFX</p>
</a>
</li>
<li><a href="https://x.com/t404_null" style="color:black; background: none">
<strong class="title"><b class="icons">&Xopf;</b> X / Twitter</strong>
<p class="desc">@t404_null</p>
</a>
</li>
</ul>
<hr />
<div class="contact-email">
<form method="POST" class="form">
<label for="email">Email:</label>
<input type="email" name="email" class="inputbox" placeholder="Email" autocomplete="email" required>
<br>
<label for="password">Password:</label>
<input type="password" name="password" class="inputbox" placeholder="Password" autocomplete="password" required>
<br><br>
<!-- div class="error_box" /div-->
<button type="submit" class="formbutton">Login</button>
</form>
</div>
</main>
<div class="footer">&copy; t404:null 2021-2024 - All Rights Reserved</div>
</body>
</html>