Untitled
unknown
plain_text
a year ago
3.2 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>Elysian Medspa and Wellness</title> <style> body, h1, h2, h3, p { margin: 0; padding: 0; } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; } .container { max-width: 1200px; margin: auto; padding: 20px; } .header { background: #fff; padding: 10px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .header img { max-height: 100px; } .nav { list-style-type: none; text-align: center; } .nav li { display: inline; margin: 0 15px; } .nav li a { text-decoration: none; color: #333; font-weight: bold; } .hero { text-align: center; padding: 50px 20px; background: #e9ecef; } .hero h1 { color: #007bff; } .hero p { font-size: 1.1em; margin-bottom: 20px; } .hero button { background: #007bff; color: #fff; border: none; padding: 10px 20px; cursor: pointer; font-size: 1em; } .services, .shop, .newsletter, .contact { margin: 40px 0; } .services h2, .shop h2, .newsletter h2, .contact h2 { text-align: center; margin-bottom: 30px; } .services img, .shop img, .newsletter img { width: 100%; height: auto; border-radius: 10px; } .contact form { max-width: 600px; margin: auto; } .contact input[type="text"], .contact input[type="email"], .contact textarea { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; } .contact input[type="submit"] { width: 100%; background: #28a745; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } .contact input[type="submit"]:hover { background: #218838; } .footer { background-color: #f8f9fa; text-align: center; padding: 20px 0; font-size: 0.9em; } </style> </head> <body> <div class="header container"> <img src="logo.png" alt="Elysian Medspa Logo" /> <nav> <ul class="nav"> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Shop</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </div> <div class="hero container"> <h1>Welcome to Elysian Medspa and Wellness</h1> <p>Your destination for beauty and relaxation</p> <button>Discover Our Services</button> </div> <div class="services container"> <h2>Our Services</h2> <!-- Insert your services content here --> </div> <div class="shop container"> <h2>Featured Products</h2> <!-- Insert your shop images here --> <img src="path-to-your-shop-image.jpg" alt="Shop Products"> </div> <div class="newsletter container"> <h2>Stay Updated</h2> <!-- Insert your newsletter content here --> <img src="path-to-your-newsletter-image.png" alt="Newsletter"> </div> <div class="contact container"> <h2>Contact Us</h2> <form> <input type="text" placeholder="Your Name"> <input type="email" placeholder="Your Email"> <textarea placeholder="Your Message"></textarea> <input type="submit" value="Send Message"> </form> </div> <div class="footer"> <p>© 2024 Elysian Medspa and Wellness. All rights reserved.</p> </div> </body> </html>
Editor is loading...
Leave a Comment