|
<!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> |
