index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>SopKit Tools</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<nav>
		<h1>SopKit<span>.</span> <div class="nav-close hidden">+</div> </h1>
		<ul class="">
			<div class="nav-close hidden">X</div>
			<li><a href="https://sopkit.github.io/SopKit#">Tools</a></li>
			<li><a href="https://github.com/SopKit">GitHub</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">Search</a></li>
			<li><a href="#">Files</a></li>
			
		</ul>
	</nav>

	<main class="container">
		<section class="hero-section">
			<div class="hero-container">
				<h1>SopKit<span>.</span></h1>
			<p>SopKit is a collection of small and handy web developer tools aimed at simplifying various tasks such as code formatting, data conversion, and security validation.
			</p>			</div>
			<div class="hero-image">
				<img src="girl.svg" alt="" srcset="">
			</div>
		</section>
	</main>

	<script src="script.js"></script>

</body>
</html>