<!DOCTYPE html>
<html>
<head>
	<title>Моя страница - Шо делаю, то делаю, упал - упай, пошел нахуй, ну и иди</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
	<style>
		body {
			font-family: Arial, sans-serif;
			margin: 0;
			padding: 0;
			background-image: url('https://iioo.ru/KARTINKI/Maksalis_internetyshenol.gif');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center 350px;
		}

		.container {
			max-width: 960px;
			margin: 0 auto;
			padding: 20px;
			margin-top: 120px;
		}

		header {
			background-color: #333;
			color: #fff;
			padding: 20px;
			text-align: center;
			position: fixed; 
			width: 100%;
			top: 0; 
			left: 0; 
			z-index: 100;
		}

		nav {
			background-color: #555;
			color: #fff;
			padding: 10px;
			text-align: center;
			margin-bottom: 20px;
		}

		nav a {
			color: #fff;
			text-decoration: none;
			padding: 10px;
		}

		nav a:hover {
			background-color: #777;
		}

		.social-links {
			text-align: center;
			margin-bottom: 20px;
		}

		.social-links a {
			display: inline-block;
			width: 50px;
			height: 50px;
			background-color: #333;
			color: #fff;
			text-align: center;
			line-height: 50px;
			text-decoration: none;
			border-radius: 50%;
			margin: 0 10px;
			transition: background-color 0.3s;
		}

		.social-links a:hover {
			background-color: #555;
		}

		.social-links i {
			font-size: 24px;
		}

		.about-me {
			text-align: center;
			margin-bottom: 20px;
		}

		.about-me img {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			margin-bottom: 10px;
		}

		.about-me h3 {
			margin-bottom: 10px;
		}

		.about-me p {
			margin-bottom: 20px;
		}

		.projects {
			text-align: center;
		}

		.projects h3 {
			margin-bottom: 20px;
		}

		.projects ul {
			list-style: none;
			padding: 0;
		}

		.projects li {
			background-color: #fff;
			border: 1px solid #ddd;
			margin-bottom: 10px;
			padding: 20px;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
		}

		.projects li:hover {
			background-color: #f9f9f9;
		}

		.projects li a {
			color: #333;
			text-decoration: none;
			transition: color 0.3s;
		}

		.projects li a:hover {
			color: #555;
		}
	</style>
</head>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(103103397, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/103103397" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<body>
	<div class="container">
		<header>
			<h1>@toofox - лисья парковка - @toothlessfox</h1>
		</header>

		<div class="about-me" id="about-me">
			<img src="https://iioo.ru/KARTINKI/foxlizyn.jpg" alt="Аватарка">
			<h3>Всю инфу можно найти тут</h3>
			<p>Подпишись на телегу там все актуальные новости</p>
			<p>Жмакай по иконкам</p>
		</div>
		<div class="social-links">
			<a href="https://t.me/+W4f2_J35SRUxMjUy" target="_blank"><i class="fab fa-telegram-plane" style="color: #27a7e7;"></i></a>
			<a href="https://www.tiktok.com/@toothlessfox" target="_blank"><i class="fab fa-tiktok" style="color: #FFFFFF;"></i></a>
			<a href="https://www.youtube.com/@toothlessfox" target="_blank"><i class="fab fa-youtube" style="color: red;"></i></a>
			<a href="https://www.twitch.tv/toothlessfox" target="_blank"><i class="fab fa-twitch" style="color: #9146FF;"></i></a>
			<a href="https://discord.gg/2mxdhYe8cr" target="_blank"><i class="fab fa-discord" style="color: #5865F2;"></i></a>
		</div>
	</div>
	<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</body>
</html>
