Untitled
unknown
html
a year ago
2.2 kB
9
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Jack Schaffer - Personal Webpage</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fff; color: #000; } header { background-color: red; padding: 20px; text-align: center; color: #fff; } h1 { margin-top: 0; } nav { background-color: lightblue; padding: 10px; text-align: center; } nav a { text-decoration: none; color: #000; padding: 10px; margin: 0 5px; } nav a:hover { background-color: #f0f0f0; } section { padding: 20px; } footer { background-color: #333; color: #fff; text-align: center; padding: 10px 0; position: fixed; bottom: 0; width: 100%; } </style> </head> <body> <header> <h1>Welcome to Jack Schaffer's Personal Webpage</h1> </header> <nav> <a href="#about">About Me</a> <a href="#contact">Contact</a> </nav> <section id="about"> <h2>About Me</h2> <p>Hello, I'm Jack Schaffer. I'm delighted to welcome you to my personal webpage. I'm passionate about many things, including technology, literature, and music.</p> <p>If you want to get in touch or learn more about me, feel free to explore the rest of the page!</p> </section> <section id="contact"> <h2>Contact</h2> <p>If you'd like to reach out, you can contact me at:</p> <p>Email: jack.schaffer@example.com</p> <p>Phone: +1 (555) 123-4567</p> </section> <footer> <p>© 2024 Jack Schaffer. All rights reserved.</p> </footer> </body> </html>
Editor is loading...
Leave a Comment