text.txt
unknown
plain_text
a year ago
2.3 kB
5
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Blossom & Bloom</title> <style> /* Basic styles */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } header { background-color: #85C17E; color: #fff; padding: 20px; text-align: center; } nav { background-color: #2E5941; color: #fff; padding: 10px 0; text-align: center; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav ul li { display: inline; margin-right: 20px; } nav ul li:last-child { margin-right: 0; } .container { width: 80%; margin: 20px auto; text-align: center; } h1 { margin-bottom: 20px; } p { margin-bottom: 20px; } /* Footer styles */ footer { background-color: #2E5941; color: #fff; text-align: center; padding: 20px 0; position: fixed; bottom: 0; width: 100%; } </style> </head> <body> <header> <h1>Welcome to Blossom & Bloom</h1> <p>Your destination for gardening and house cleaning services</p> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <div class="container"> <h2>About Us</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel libero auctor, tincidunt ipsum vel, aliquet elit. Cras sollicitudin sed neque vel pellentesque.</p> <p>Phasellus nec purus id nunc consequat laoreet. Fusce suscipit ligula vel odio tincidunt, eget ultrices ex malesuada.</p> </div> <footer> <p>© 2024 Blossom & Bloom. All rights reserved.</p> </footer> </body> </html>
Editor is loading...
Leave a Comment