index.html

<!DOCTYPE html>
<html lang="en-US">

<head>
	<title>TerribleCoding</title>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="icons/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="style.css">
	<script src="js/main.js"></script>
	<script src="js/particle-field.js"></script>
	<script src="js/web-tool-frame.js"></script>
	<!-- External libraries -->
	<script src="https://cdn.jsdelivr.net/npm/p5@1.3.1/lib/p5.js"></script>
	<script src="lib/lightbox-plus-jquery.min.js"></script>
	<link rel="stylesheet" href="lib/lightbox.min.css">
</head>

<body>
	<!-- header -->
	<div>
		<!-- TC logo -->
		<img src="images/TerribleCoding.png" alt="TerribleCoding" id="head-logo">
		<!-- <img src="images/TerribleCoding.png" id="logo-shadow"> -->
		<payoff>A smoother working is just a click away</payoff>
		<!-- socials -->
		<div>
			<!-- <a href=""><img src="icons/facebook.svg" class="socials"></a> -->
			<!-- <a href=""><img src="icons/instagram.svg" class="socials"></a> -->
			<!-- <a href=""><img src="icons/twitter.svg" class="socials"></a> -->
			<a href="https://github.com/TerribleCoding"><img src="icons/github.svg" class="socials"></a>
			<a href="https://www.buymeacoffee.com/terriblecoding"><img src="icons/bmc.svg" class="socials"></a>
			<a href="mailto:terriblecoding@outlook.it"><img src="icons/email.svg" class="socials"></a>
			<!-- <a href=""><img src="icons/arroba.svg" class="socials"></a> -->
		</div>
	</div>

	<!-- body -->
	<div id="web-tools-container">
		<h2>Web tools</h2>
	</div>
</body>

</html>