index.html

<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Sowwyz</title>
	<link rel="icon" href="https://cdn.discordapp.com/attachments/1079579786378235944/1079579823845945404/a_8d1ab3b67828832508139a9908f7f1b5.gif">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
	<link href="https://fonts.googleapis.com/css?family=Comfortaa:700" rel="stylesheet">
	<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
	<link rel="stylesheet" href="style.css">

	<!-- Primary Meta Tags -->
	<title>Sowwyz</title>
	<meta name="title" content="Sowwyz#1337">
	<meta name="description" content="Hi, I'm Sowwyz, Are you ready to log in to my website">

	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://github.com/Sowwyz">
	<meta property="og:title" content="Sowwyz">
	<meta property="og:description" content="Hi, I'm Sowwyz, Are you ready to log in to my website">
	<meta property="og:image" content="/images/wp4575277.jpg">
	<meta name="theme-color" content="#FF0000">

	<!-- Twitter -->
	<meta property="twitter:card" content="/images/SnlJXW.png">
	<meta property="twitter:url" content="https://github.com/Sowwyz">
	<meta property="twitter:title" content="Sowwyz">
	<meta property="twitter:description" content="Hi, I'm Sowwyz, Are you ready to log in to my website">
	<meta property="twitter:image" content="/images/wp4575277.jpg">
	<!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
	<!-- Sowwyz#1337 -->
</head>
<body>
	<div id="loading">
		<div id="spinner"></div>
	</div>
	<div id="particles-js"></div>
	<div id="box">
		<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
		<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
		<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
		<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
		<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
		<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
	</div>
	<a id="about" onclick="showabout()" class="animated fadeIn" style="animation-delay:2.2s;">About me</a>
	<a id="work" onclick="showwork()" class="animated fadeIn" style="animation-delay:2.2s;">My Projects</a>
	<a id="contact" onclick="showcontact()" class="animated fadeIn" style="animation-delay:2.2s;">Contact me</a>
	<div id="middle" class="animated slideInDown" style="animation-delay:2.0s;">
		<h1>Sowwyz</h1>
		<h2>HTML / CSS / JS / PYTHON</h2>
		<div id="menu">
			<a onclick="showabout()">About me</a>
			<a onclick="showwork()">My Projects</a>
			<a onclick="showcontact()">Contact me</a>
		</div>
		<table>
			<tr>
				<td class="animated zoomIn" style="animation-delay:2.2s;"><a href="https://github.com/Sowwyz" class="social"><i class="fab fa-github"></i></a></td>
				<td class="animated zoomIn" style="animation-delay:2.4s;"><a href="https://reddit.com/user/Sowwyzxrd" class="social"><i class="fab fa-reddit"></i></a></td>
				<td class="animated zoomIn" style="animation-delay:2.6s;"><a href="https://twitter.com/Sowwyz1" class="social"><i class="fab fa-twitter"></i></a></td>
				<td class="animated zoomIn" style="animation-delay:2.8s;"><a href="https://discord.com/users/394251966571872256" class="social"><i class="fab fa-discord"></i></a></td>
				<td class="animated zoomIn" style="animation-delay:3.0s;"><a href="mailto:sowwyz13371337@sowwyz.com" class="social"><i class="fas fa-envelope"></i></a></td>
				<td class="animated zoomIn" style="animation-delay:3.0s;"><a rel="me" href="https://mastodon.social/@Sowwyz" class="social"><i class="fab fa-mastodon"></i></a></td>
			</tr>
		</table>
	</div>
	<!--AUTOPLAY SOWWYZ TEST-->
	<audio autoplay>
		<source src="chungus/sowwyz.mp3" type="audio/mpeg">
	</audio>
	<div id="work_container" class="container">
		<div onclick="closework()"><i class="fas fa-angle-right"></i></div>
		<h1>Sowwyz#1337</h1>
		<section>
			<p>
				<!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 --><!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 -->
				<!-- Sowwyz#1337 -->
				⁣

				<br>Follow me: <a href="https://twitter.com/@Sowwyz1" class="twitter-follow-button" data-size="large" data-show-screen-name="false" data-lang="tr" data-show-count="false">Follow @Sowwyz1</a>
				<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
				<br>
			</p>

			</p>
			<br>
			<p>
				All My Projects:
				<br>
				⁣
				<br>
				You can access all the projects I have developed here <a href="https://github.com/Sowwyz?tab=repositories">Click</a>
				<br>
			</p>
			<br>
			<br>
			Contact me <text class="notunderlinedlink" onclick="showcontact()">Click</text>
			<br>
			⁣<br>
			<br>
			<br>
			So Cute
			<div id="used">
				<div><i class="fas fa-circle"></i>&nbsp;JavaScript</div>
				<div><i class="fas fa-circle"></i>&nbsp;Python</div>
				<div><i class="fas fa-circle"></i>&nbsp;HTML</div>
				<div><i class="fas fa-circle"></i>&nbsp;CSS</div>

			</div>
		</section>
	</div>
	<div id="about_container" class="container">
		<div onclick="closeabout()"><i class="fas fa-angle-left"></i></div>
		<h1>About me</h1>
		<section>
			<h2></h2>
			<p>
				I can do everything I can
			</p>
			<p>
				<br>You can contact me here: <a href="sowwyz.html"><b>Check it out</b></a>
			</p>
		</section>
		<section>
			<h2>My Youtube Channel</h2>
			<p>
				Check out my Youtube Channel :) <a href="https://www.youtube.com/@sowwyz1337">Click</a>
			</p>
		</section>
	</div>
	<div id="contact_container" class="container">
		<div onclick="closecontact()"><i class="fas fa-angle-down"></i></div>
		<h1>Contact</h1>
		<section>
			<h2>Contact me:</h2>
			<p>
				Discord: <a href="https://discord.com/users/394251966571872256"><b>Sowwyz</b></a>
				<br>
				Reddit: <a href="https://reddit.com/user/Sowwyzxrd"><b>u/Sowwyzxrd</b></a>
				<br>
				Twitter: <a href="https://twitter.com/@Sowwyz1"><b>@Sowwyz1</b></a>
				<br>
				E-Posta: <a href="mailto:sowwyz31313131@gmail.com"><b>E-Mail Adress</b></a>
				<br>
				Mastodon: <a href="https://mastodon.social/@Sowwyz"><b>@Sowwyz@mastodon.social</b></a>
			</p>
		</section>
	</div>
	<script src="script.js" type="text/javascript"></script>
	<script src="particles.js"></script>
	<script src="app.js"></script>
</body>
</html>
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->
<!-- Sowwyz#1337 -->