Untitled
unknown
plain_text
a year ago
2.4 kB
6
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Blog</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f8ff; /* Light blue */ } header { background-color: #4682b4; /* Steel blue */ color: #fff; padding: 20px; text-align: center; } nav { background-color: #87ceeb; /* Sky blue */ padding: 10px; text-align: center; } nav a { text-decoration: none; color: #000; padding: 0 10px; } nav a:hover { color: #fff; background-color: #4682b4; /* Steel blue */ } section { padding: 20px; } footer { background-color: #4682b4; /* Steel blue */ color: #fff; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; } </style> </head> <body> <header> <h1>My Blog</h1> </header> <nav> <a href="#about">About Me</a> <a href="#blog">Blog</a> <a href="#contact">Contact</a> </nav> <section id="about"> <h2>About Me</h2> <p>I'm 29, shy, and sweet. I love being outside, especially kayaking, biking, walking, and swimming.</p> </section> <section id="blog"> <h2>Latest Posts</h2> <article> <h3>Post Title 1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p> <p>Published on: May 13, 2024</p> </article> <article> <h3>Post Title 2</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p> <p>Published on: May 12, 2024</p> </article> </section> <section id="contact"> <h2>Contact Me</h2> <p>You can reach me at: example@email.com</p> </section> <footer> <p>© 2024 My Blog</p> </footer> </body> </html>
Editor is loading...
Leave a Comment