Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Atul Singh - Projects</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="sidebar"> | |
| <nav> | |
| <ul> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="intro.html">About</a></li> | |
| <li><a href="projects.html" class="active">Projects</a></li> | |
| <li><a href="contact.html">Contact</a></li> | |
| <li><a href="blog.html">Blog</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| <div class="main"> | |
| <div class="hamburger"> | |
| <i class="fas fa-bars hum"></i> | |
| <i class="fas fa-times cros"></i> | |
| </div> | |
| <div class="projects"> | |
| <h2>My Projects</h2> | |
| <div class="project-grid"> | |
| <div class="project-card"> | |
| <h3>Portfolio Website</h3> | |
| <p>A responsive personal portfolio showcasing my skills and projects, built with HTML, CSS, and JavaScript.</p> | |
| <button class="btn btn-sm">View Project</button> | |
| </div> | |
| <div class="project-card"> | |
| <h3>Blog Platform</h3> | |
| <p>A simple blog application with dynamic content rendering, styled with modern CSS.</p> | |
| <button class="btn btn-sm">View Project</button> | |
| </div> | |
| <div class="project-card"> | |
| <h3>Task Manager</h3> | |
| <p>A JavaScript-based task management app with local storage for persistence.</p> | |
| <button class="btn btn-sm">View Project</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |