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 - Blog</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">Projects</a></li> | |
| <li><a href="contact.html">Contact</a></li> | |
| <li><a href="blog.html" class="active">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="blog"> | |
| <h2>Blog by Atul</h2> | |
| <div class="blogitem"> | |
| <h3>Mastering JavaScript in 2025</h3> | |
| <p>JavaScript continues to evolve with modern frameworks and ES modules. In this post, I explore the latest trends in JavaScript development and share tips for building efficient web apps.</p> | |
| <button class="btn btn-sm">Read More</button> | |
| </div> | |
| <div class="blogitem"> | |
| <h3>Responsive Design with CSS</h3> | |
| <p>Learn how to create responsive layouts using CSS Grid and Flexbox. This article covers practical examples and best practices for mobile-first design.</p> | |
| <button class="btn btn-sm">Read More</button> | |
| </div> | |
| <div class="blogitem"> | |
| <h3>Why Learn Python?</h3> | |
| <p>Python is a versatile language for web development, data science, and automation. I share my journey of learning Python and its applications in my projects.</p> | |
| <button class="btn btn-sm">Read More</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |