index.html

<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Путиводитель Razor_Z_Pi</title>
		<link rel="stylesheet" href="./styles/normalize.css">
		<link rel="stylesheet" href="./styles/style.css">
		<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=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
	</head>

	<body>
    <div class="preloader">
      <img src="./images/gif/load.gif" alt="Loading..." class="preloader__gif">
    </div>
		<section class="container">
				<footer class="main-logo">
					<img src="./images/gif/mous.gif" alt="Mous" class="mous">
					<img src="./images/logo.png" alt="logo" class="logo">
				</footer>

				<img src="./images/gif/love.gif" alt="Girl-mous" id="GirlM" class="love">
				
				<main class="main-content" id="container-info">
					<div class="info">
						<ul>
							<li>
								<a href="#">Portfolio</a>
							</li>
							<li>
								<a href="https://github.com/Razor-Z-Pi" target="_blank">GitHub</a>
							</li>
						</ul>
					</div>
					<div class="content">
						<img class="img-blade" src="./images/gif/bladeDS.gif" alt="BladeDS">
						<img src="./images/gif/glager.gif" alt="Pockemon" class="glager">
						<img class="img-magic" src="./images/gif/magic.gif" alt="Magic">
					</div>
				</main>

			<header class="header">
				<img class="img-tower" src="./images/gif/Retronator.gif" alt="Tower">
				<img class="img-viking" src="./images/gif/Viking.gif" alt="Viking">
				<div class="text-content">Путиводитель @^Razor_Z_Pi^@ разработан для ознакомления!!!</div>
			</header>
		</section>	
    <script src="./script/loaded.js"></script>
	<script src="./script/bad-girl.js"></script>
	</body>
</html>