Untitled
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ankit Patil - Engineering Student</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; } header { background-color: #0044cc; /* Blue color */ color: white; padding: 20px; text-align: center; } .container { width: 80%; margin: 0 auto; padding: 20px; } h1 { margin-top: 0; } section { margin-bottom: 20px; } footer { background-color: #0044cc; /* Blue color */ color: white; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; } </style> </head> <body> <header> <h1>Ankit Patil</h1> <p>2nd Year Engineering Student</p> </header> <div class="container"> <section id="about"> <h2>About Me</h2> <p>Hello! I'm Ankit Patil, currently in my second year of engineering studies. I'm passionate about learning new technologies and applying them to solve real-world problems.</p> </section> <section id="contact"> <h2>Contact Information</h2> <p>Phone: 720-456-9660</p> <p>Email: <a href="mailto:ankit_patil347@example.com">ankit_patil347@example.com</a></p> </section> </div> <footer> <p>© 2024 Ankit Patil</p> </footer> </body> </html>
Leave a Comment