mail@pastecode.io avatar
2 months ago
3.2 kB
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Elysian Medspa and Wellness</title>
  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; }

<div class="header container">
  <img src="logo.png" alt="Elysian Medspa Logo" />
    <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>

<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 class="services container">
  <h2>Our Services</h2>
  <!-- Insert your services content here -->

<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 class="newsletter container">
  <h2>Stay Updated</h2>
  <!-- Insert your newsletter content here -->
  <img src="path-to-your-newsletter-image.png" alt="Newsletter">

<div class="contact container">
  <h2>Contact Us</h2>
    <input type="text" placeholder="Your Name">
    <input type="email" placeholder="Your Email">
    <textarea placeholder="Your Message"></textarea>
    <input type="submit" value="Send Message">

<div class="footer">
  <p>&copy; 2024 Elysian Medspa and Wellness. All rights reserved.</p>

Leave a Comment