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