└── serene spaces
    ├── images
        ├── Unknown-24.jpg
        ├── Unknown-25.jpg
        ├── Unknown-26.jpg
        ├── Unknown-27.jpg
        ├── Unknown-28.jpg
        ├── Unknown-29.jpg
        ├── Modern design.jpg
        ├── Main Hall Design.jpg
        ├── MODERN HOUSE IN JAPAN.jpg
        ├── inspiration-B phase.jpg
        ├── Dr Joseph - Richard Gaston.jpg
        ├── Minimalist Pictures | Freepik.jpg
        ├── What is a Good Interior Design?.jpg
        ├── 20 Beautiful 70's Home Decor Ideas.jpg
        ├── Modern Interior Pictures | Freepik.jpg
        ├── If you are looking for INTERIOR DESIGN….jpg
        ├── Dulux Reveals The Trending Colours Of 2024.jpg
        ├── Blending a sleek and clean aesthetic with a….jpg
        ├── In the realm of luxury interior design, where….jpg
        ├── Papier peint panoramique ginkgo asie tendance.jpg
        ├── The red wall makes a colored statement in this….jpg
        ├── 67 Modern Green Living Room Design and Decor Ideas….jpg
        ├── Don't you think this scene has a touch of Kahlo?….jpg
        ├── Stay inspired with the latest in interior design….jpg
        ├── Modern Living Room Inspiration_ Sleek & Functional Design.jpg
        ├── Rugs | Bedroom, Living Room, Outdoor Area Rugs | Soho Home US.jpg
        ├── Modern Penthouse | Austin, Texas, United States | January 2024.jpg
        ├── 25 Retro Maximalist Living Room Ideas for a Fun and Playful Space.jpg
        ├── Dark Color Guide_ Enhancing Your Home with Luxurious Dark Palettes.jpg
        ├── Elegant Golden Crane Wallpaper_ Vintage Oriental Bird Pattern Design.jpg
        ├── Modern Penthouse | Austin, Texas, United States | January 2024 copy.jpg
        ├── 70+ Modern Takes on Classic '70s Living Room Aesthetics - Days Inspired.jpg
        ├── Das neue AD-Magazin ist da! Das sind die 6 schönsten Häuser des Monats.jpg
        ├── Design Your Space to Reflect Your Personality Type — Living Bright Interiors.jpg
        ├── Interior Designer's Travel-Inspired Home in the Glebe, Ottawa - Sonia V Photo.jpg
        ├── Quadro Decorativo 112x82cm Full HD Abstrato Neutral Colors Sala | Shopee Brasil.jpg
        └── The Art of Mixing Styles in a Mid Century Modern Eclectic Living Room • 333k+ Inspiring Lifestyle Ideas.jpg
    ├── thankyou.html
    ├── booking.html
    ├── testimonials.html
    ├── index.html
    ├── contact.html
    ├── designs.html
    ├── login.html
    ├── profile-leena.html
    ├── profile-ravi.html
    ├── profile-anya.html
    ├── categories.html
    ├── signup.html
    ├── profile.html
    ├── gallery.html
    ├── designers.html
    ├── portfolio.html
    └── about.html


/serene spaces/images/Unknown-24.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Unknown-24.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Unknown-25.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Unknown-25.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Unknown-26.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Unknown-26.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Unknown-27.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Unknown-27.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Unknown-28.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Unknown-28.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Unknown-29.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Unknown-29.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Modern design.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Modern design.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Main Hall Design.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Main Hall Design.jpg


--------------------------------------------------------------------------------
/serene spaces/images/MODERN HOUSE IN JAPAN.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/MODERN HOUSE IN JAPAN.jpg


--------------------------------------------------------------------------------
/serene spaces/images/inspiration-B phase.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/inspiration-B phase.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Dr Joseph - Richard Gaston.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Dr Joseph - Richard Gaston.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Minimalist Pictures | Freepik.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Minimalist Pictures | Freepik.jpg


--------------------------------------------------------------------------------
/serene spaces/images/What is a Good Interior Design?.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/What is a Good Interior Design?.jpg


--------------------------------------------------------------------------------
/serene spaces/images/20 Beautiful 70's Home Decor Ideas.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/20 Beautiful 70's Home Decor Ideas.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Modern Interior Pictures | Freepik.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Modern Interior Pictures | Freepik.jpg


--------------------------------------------------------------------------------
/serene spaces/images/If you are looking for INTERIOR DESIGN….jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/If you are looking for INTERIOR DESIGN….jpg


--------------------------------------------------------------------------------
/serene spaces/images/Dulux Reveals The Trending Colours Of 2024.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Dulux Reveals The Trending Colours Of 2024.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Blending a sleek and clean aesthetic with a….jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Blending a sleek and clean aesthetic with a….jpg


--------------------------------------------------------------------------------
/serene spaces/images/In the realm of luxury interior design, where….jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/In the realm of luxury interior design, where….jpg


--------------------------------------------------------------------------------
/serene spaces/images/Papier peint panoramique ginkgo asie tendance.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Papier peint panoramique ginkgo asie tendance.jpg


--------------------------------------------------------------------------------
/serene spaces/images/The red wall makes a colored statement in this….jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/The red wall makes a colored statement in this….jpg


--------------------------------------------------------------------------------
/serene spaces/images/67 Modern Green Living Room Design and Decor Ideas….jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/67 Modern Green Living Room Design and Decor Ideas….jpg


--------------------------------------------------------------------------------
/serene spaces/images/Don't you think this scene has a touch of Kahlo?….jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Don't you think this scene has a touch of Kahlo?….jpg


--------------------------------------------------------------------------------
/serene spaces/images/Stay inspired with the latest in interior design….jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Stay inspired with the latest in interior design….jpg


--------------------------------------------------------------------------------
/serene spaces/images/Modern Living Room Inspiration_ Sleek & Functional Design.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Modern Living Room Inspiration_ Sleek & Functional Design.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Rugs | Bedroom, Living Room, Outdoor Area Rugs | Soho Home US.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Rugs | Bedroom, Living Room, Outdoor Area Rugs | Soho Home US.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Modern Penthouse | Austin, Texas, United States | January 2024.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Modern Penthouse | Austin, Texas, United States | January 2024.jpg


--------------------------------------------------------------------------------
/serene spaces/images/25 Retro Maximalist Living Room Ideas for a Fun and Playful Space.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/25 Retro Maximalist Living Room Ideas for a Fun and Playful Space.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Dark Color Guide_ Enhancing Your Home with Luxurious Dark Palettes.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Dark Color Guide_ Enhancing Your Home with Luxurious Dark Palettes.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Elegant Golden Crane Wallpaper_ Vintage Oriental Bird Pattern Design.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Elegant Golden Crane Wallpaper_ Vintage Oriental Bird Pattern Design.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Modern Penthouse | Austin, Texas, United States | January 2024 copy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Modern Penthouse | Austin, Texas, United States | January 2024 copy.jpg


--------------------------------------------------------------------------------
/serene spaces/images/70+ Modern Takes on Classic '70s Living Room Aesthetics - Days Inspired.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/70+ Modern Takes on Classic '70s Living Room Aesthetics - Days Inspired.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Das neue AD-Magazin ist da! Das sind die 6 schönsten Häuser des Monats.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Das neue AD-Magazin ist da! Das sind die 6 schönsten Häuser des Monats.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Design Your Space to Reflect Your Personality Type — Living Bright Interiors.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Design Your Space to Reflect Your Personality Type — Living Bright Interiors.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Interior Designer's Travel-Inspired Home in the Glebe, Ottawa - Sonia V Photo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Interior Designer's Travel-Inspired Home in the Glebe, Ottawa - Sonia V Photo.jpg


--------------------------------------------------------------------------------
/serene spaces/images/Quadro Decorativo 112x82cm Full HD Abstrato Neutral Colors Sala | Shopee Brasil.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/Quadro Decorativo 112x82cm Full HD Abstrato Neutral Colors Sala | Shopee Brasil.jpg


--------------------------------------------------------------------------------
/serene spaces/images/The Art of Mixing Styles in a Mid Century Modern Eclectic Living Room • 333k+ Inspiring Lifestyle Ideas.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/johfrit/htmlcss-project-elite-/HEAD/serene spaces/images/The Art of Mixing Styles in a Mid Century Modern Eclectic Living Room • 333k+ Inspiring Lifestyle Ideas.jpg


--------------------------------------------------------------------------------
/serene spaces/thankyou.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>Thank You – Serene Space</title>
 6 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
 7 |   <style>
 8 |     body {
 9 |       background: url('https://images.unsplash.com/photo-1588854337119-647d4c6d7f50') no-repeat center center/cover;
10 |       height: 100vh;
11 |       display: flex;
12 |       justify-content: center;
13 |       align-items: center;
14 |       color: #fff;
15 |       text-shadow: 1px 1px 4px #000;
16 |     }
17 |     .message-box {
18 |       background-color: rgba(0, 0, 0, 0.75);
19 |       padding: 2.5rem;
20 |       border-radius: 20px;
21 |       text-align: center;
22 |     }
23 |   </style>
24 | </head>
25 | <body>
26 |   <div class="message-box">
27 |     <h1 class="display-5 text-success">Thank You!</h1>
28 |     <p class="lead">Your booking has been received. Our designer will be in touch shortly to craft your perfect space.</p>
29 |     <a href="index.html" class="btn btn-light mt-3">Return to Home</a>
30 |   </div>
31 | </body>
32 | </html>
33 | 


--------------------------------------------------------------------------------
/serene spaces/booking.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>Book a Designer – Serene Space</title>
 6 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
 7 |   <style>
 8 |     body {
 9 |       background: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c') no-repeat center center/cover;
10 |       min-height: 100vh;
11 |       color: #fff;
12 |     }
13 |     .form-container {
14 |       background-color: rgba(0, 0, 0, 0.75);
15 |       padding: 2rem;
16 |       border-radius: 20px;
17 |       margin-top: 5%;
18 |     }
19 |   </style>
20 | </head>
21 | <body>
22 |   <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
23 |     <div class="container-fluid">
24 |       <a class="navbar-brand" href="index.html">Serene Space</a>
25 |       <div class="collapse navbar-collapse">
26 |         <ul class="navbar-nav ms-auto">
27 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
28 |           <li class="nav-item"><a class="nav-link" href="designs.html">Designs</a></li>
29 |           <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
30 |           <li class="nav-item"><a class="nav-link" href="login.html">Login</a></li>
31 |         </ul>
32 |       </div>
33 |     </div>
34 |   </nav>
35 | 
36 |   <div class="container d-flex justify-content-center align-items-center">
37 |     <div class="col-md-6 form-container">
38 |       <h2 class="text-center mb-4">Book Your Dream Designer</h2>
39 |       <form action="thankyou.html" method="post">
40 |         <div class="mb-3">
41 |           <label for="name" class="form-label">Your Name</label>
42 |           <input type="text" class="form-control" id="name" required>
43 |         </div>
44 |         <div class="mb-3">
45 |           <label for="email" class="form-label">Your Email</label>
46 |           <input type="email" class="form-control" id="email" required>
47 |         </div>
48 |         <div class="mb-3">
49 |           <label for="designer" class="form-label">Choose a Designer</label>
50 |           <select class="form-select" id="designer" required>
51 |             <option value="">Select</option>
52 |             <option>Rhea Kapoor</option>
53 |             <option>Aarav Shah</option>
54 |             <option>Meera Jain</option>
55 |             <option>Kavya Nair</option>
56 |             <option>Neel D’Souza</option>
57 |             <option>Inaaya Verma</option>
58 |           </select>
59 |         </div>
60 |         <div class="mb-3">
61 |           <label for="message" class="form-label">Project Details</label>
62 |           <textarea class="form-control" id="message" rows="4" placeholder="Tell us about your dream space..." required></textarea>
63 |         </div>
64 |         <button type="submit" class="btn btn-success w-100">Book Now</button>
65 |       </form>
66 |     </div>
67 |   </div>
68 | </body>
69 | </html>
70 | 


--------------------------------------------------------------------------------
/serene spaces/testimonials.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8" />
 5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |   <title>Testimonials | Serene Space</title>
 7 |   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
 8 |   <style>
 9 |     body {
10 |       background: url('https://www.transparenttextures.com/patterns/cream-paper.png'); /* soft pattern */
11 |       font-family: 'Segoe UI', sans-serif;
12 |     }
13 | 
14 |     .testimonial-card {
15 |       background-color: #fff;
16 |       border-radius: 15px;
17 |       padding: 25px;
18 |       margin: 20px;
19 |       box-shadow: 0 4px 12px rgba(0,0,0,0.1);
20 |       transition: 0.3s ease;
21 |     }
22 | 
23 |     .testimonial-card:hover {
24 |       transform: translateY(-5px);
25 |       box-shadow: 0 6px 18px rgba(0,0,0,0.2);
26 |     }
27 | 
28 |     .nav-link {
29 |       color: #333 !important;
30 |     }
31 | 
32 |     .header-title {
33 |       margin-top: 60px;
34 |     }
35 |   </style>
36 | </head>
37 | <body>
38 | 
39 |   <!-- Navbar -->
40 |   <nav class="navbar navbar-expand-lg bg-light shadow-sm">
41 |     <div class="container">
42 |       <a class="navbar-brand fw-bold" href="index.html">Serene Space</a>
43 |       <div class="collapse navbar-collapse">
44 |         <ul class="navbar-nav ms-auto">
45 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
46 |           <li class="nav-item"><a class="nav-link" href="designs.html">Designs</a></li>
47 |           <li class="nav-item"><a class="nav-link" href="categories.html">Categories</a></li>
48 |           <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>
49 |           <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
50 |         </ul>
51 |       </div>
52 |     </div>
53 |   </nav>
54 | 
55 |   <!-- Title -->
56 |   <div class="container text-center header-title">
57 |     <h2 class="fw-bold display-5">What Our Clients Say</h2>
58 |     <p class="text-muted">A few words from the hearts we've helped design for 💫</p>
59 |   </div>
60 | 
61 |   <!-- Testimonials -->
62 |   <div class="container mt-4">
63 |     <div class="row justify-content-center">
64 |       <!-- Testimonial 1 -->
65 |       <div class="col-md-5 testimonial-card">
66 |         <p>“Serene Space completely transformed my apartment into a dream. Their designer was patient, elegant, and understood my vibe perfectly.”</p>
67 |         <h6 class="text-end text-muted">— Meera R., Chennai</h6>
68 |       </div>
69 |       <!-- Testimonial 2 -->
70 |       <div class="col-md-5 testimonial-card">
71 |         <p>“As a first-time homeowner, I had no clue what I wanted. Serene Space gave me not just a home, but a piece of art to live in.”</p>
72 |         <h6 class="text-end text-muted">— Aakash S., Hyderabad</h6>
73 |       </div>
74 |       <!-- Testimonial 3 -->
75 |       <div class="col-md-5 testimonial-card">
76 |         <p>“Booked my designer through Serene Space, and I’m still getting compliments on my living room! Booking was easy and super stylish.”</p>
77 |         <h6 class="text-end text-muted">— Lavanya V., Bangalore</h6>
78 |       </div>
79 |       <!-- Testimonial 4 -->
80 |       <div class="col-md-5 testimonial-card">
81 |         <p>“Every detail was considered. Their team is brilliant, and the designs are clean and luxurious. Highly recommend!”</p>
82 |         <h6 class="text-end text-muted">— Rohan P., Pune</h6>
83 |       </div>
84 |     </div>
85 |   </div>
86 | 
87 |   <footer class="text-center mt-5 mb-3 text-muted">
88 |     &copy; 2025 Serene Space. Designed with love and luxury.
89 |   </footer>
90 | 
91 | </body>
92 | </html>
93 | 


--------------------------------------------------------------------------------
/serene spaces/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <title>Serene Space</title>
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |   <!-- Bootstrap CDN -->
  8 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  9 |   <!-- Google Fonts -->
 10 |   <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
 11 |   <style>
 12 |     body, html {
 13 |       height: 100%;
 14 |       margin: 0;
 15 |       font-family: 'Playfair Display', serif;
 16 |       background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1950&q=80');
 17 |       background-size: cover;
 18 |       background-position: center;
 19 |       background-repeat: no-repeat;
 20 |       color: white;
 21 |     }
 22 | 
 23 |     .hero {
 24 |       height: 100vh;
 25 |       background: rgba(0, 0, 0, 0.5); /* dark overlay */
 26 |       display: flex;
 27 |       flex-direction: column;
 28 |       justify-content: center;
 29 |       align-items: center;
 30 |       text-align: center;
 31 |       padding: 0 20px;
 32 |     }
 33 | 
 34 |     .hero h1 {
 35 |       font-size: 4rem;
 36 |       font-weight: bold;
 37 |       margin-bottom: 1rem;
 38 |     }
 39 | 
 40 |     .hero p {
 41 |       font-size: 1.3rem;
 42 |       max-width: 600px;
 43 |     }
 44 | 
 45 |     .nav-link {
 46 |       color: white !important;
 47 |     }
 48 | 
 49 |     .navbar {
 50 |       background-color: rgba(0, 0, 0, 0.7);
 51 |     }
 52 | 
 53 |     footer {
 54 |       text-align: center;
 55 |       background-color: rgba(0,0,0,0.6);
 56 |       padding: 10px;
 57 |       color: #eee;
 58 |       position: absolute;
 59 |       width: 100%;
 60 |       bottom: 0;
 61 |     }
 62 |   </style>
 63 | </head>
 64 | <body>
 65 | 
 66 | <!-- Navbar -->
 67 | <nav class="navbar navbar-expand-lg navbar-dark">
 68 |   <div class="container-fluid">
 69 |     <a class="navbar-brand" href="index.html">Serene Space</a>
 70 |     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
 71 |       <span class="navbar-toggler-icon"></span>
 72 |     </button>
 73 |     <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
 74 |       <ul class="navbar-nav">
 75 |         <li class="nav-item">
 76 |             <a class="nav-link" href="portfolio.html">Portfolio</a>
 77 |           </li>
 78 |           <li class="nav-item">
 79 |             <a class="nav-link" href="booking.html">Book a Designer</a>
 80 |           </li>
 81 |           <li class="nav-item">
 82 |             <a class="nav-link" href="gallery.html">Gallery</a>
 83 |           </li>
 84 |            
 85 |         <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
 86 |         <li class="nav-item"><a class="nav-link" href="designs.html">Designs</a></li>
 87 |         <li class="nav-item"><a class="nav-link" href="categories.html">Categories</a></li>
 88 |         <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>
 89 |         <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
 90 |         <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
 91 |         <li class="nav-item"><a class="nav-link" href="login.html">Login</a></li>
 92 |         <li class="nav-item"><a class="nav-link" href="signup.html">Signup</a></li>
 93 |       </ul>
 94 |     </div>
 95 |   </div>
 96 | </nav>
 97 | 
 98 | <!-- Hero Section -->
 99 | <div class="hero">
100 |   <h1>Welcome to Serene Space</h1>
101 |   <p>Discover timeless interiors. Connect with visionary designers. Explore spaces where elegance meets functionality.</p>
102 | </div>
103 | 
104 | <!-- Footer -->
105 | <footer>
106 |   &copy; 2025 Serene Space | Crafted with elegance by Joh 🕊️
107 | </footer>
108 | 
109 | <!-- Bootstrap JS (for navbar toggling) -->
110 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
111 | 
112 | </body>
113 | </html>
114 | 


--------------------------------------------------------------------------------
/serene spaces/contact.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <title>Contact Us | Serene Space</title>
  6 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  7 |   <style>
  8 |     body {
  9 |       background: url('images/contact-bg.jpg') no-repeat center center fixed;
 10 |       background-size: cover;
 11 |       color: #333;
 12 |     }
 13 | 
 14 |     .contact-container {
 15 |       background-color: rgba(255, 255, 255, 0.95);
 16 |       padding: 40px;
 17 |       border-radius: 20px;
 18 |       max-width: 700px;
 19 |       margin: 80px auto;
 20 |       box-shadow: 0 8px 16px rgba(0,0,0,0.2);
 21 |     }
 22 | 
 23 |     h2 {
 24 |       text-align: center;
 25 |       margin-bottom: 30px;
 26 |       font-family: 'Georgia', serif;
 27 |     }
 28 | 
 29 |     .btn-submit {
 30 |       background-color: #6c757d;
 31 |       color: white;
 32 |     }
 33 |     .btn-submit:hover {
 34 |       background-color: #495057;
 35 |     }
 36 | 
 37 |     .info-box {
 38 |       margin-top: 30px;
 39 |       padding: 15px;
 40 |       background-color: #f8f9fa;
 41 |       border-radius: 12px;
 42 |     }
 43 |   </style>
 44 | </head>
 45 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 46 |     <div class="container-fluid">
 47 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 48 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 49 |         <span class="navbar-toggler-icon"></span>
 50 |       </button>
 51 |       
 52 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 53 |         <ul class="navbar-nav ms-auto">
 54 |           <li class="nav-item">
 55 |             <a class="nav-link" href="index.html">Home</a>
 56 |           </li>
 57 |           <li class="nav-item">
 58 |             <a class="nav-link" href="designers.html">Designers</a>
 59 |           </li>
 60 |           <li class="nav-item">
 61 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 62 |           </li>
 63 |           <li class="nav-item">
 64 |             <a class="nav-link" href="profile.html">Profiles</a>
 65 |           </li>
 66 |           <li class="nav-item">
 67 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 68 |           </li>
 69 |           <li class="nav-item">
 70 |             <a class="nav-link" href="categories.html">Styles</a>
 71 |           </li>
 72 |           <li class="nav-item">
 73 |             <a class="nav-link" href="booking.html">Booking</a>
 74 |           </li>
 75 |           <li class="nav-item">
 76 |             <a class="nav-link" href="contact.html">Contact</a>
 77 |           </li>
 78 |           <li class="nav-item">
 79 |             <a class="nav-link" href="about.html">About</a>
 80 |           </li>
 81 |           <li class="nav-item">
 82 |             <a class="nav-link" href="login.html">Login</a>
 83 |           </li>
 84 |           <li class="nav-item">
 85 |             <a class="nav-link" href="signup.html">Signup</a>
 86 |           </li>
 87 |         </ul>
 88 |       </div>
 89 |     </div>
 90 |   </nav>
 91 |   
 92 | <body>
 93 | 
 94 |   <div class="contact-container">
 95 |     <h2>Contact Us</h2>
 96 |     <form>
 97 |       <div class="mb-3">
 98 |         <label for="name" class="form-label">Your Name</label>
 99 |         <input type="text" class="form-control" id="name" placeholder="E.g. Johfrit R.">
100 |       </div>
101 | 
102 |       <div class="mb-3">
103 |         <label for="email" class="form-label">Your Email</label>
104 |         <input type="email" class="form-control" id="email" placeholder="name@example.com">
105 |       </div>
106 | 
107 |       <div class="mb-3">
108 |         <label for="message" class="form-label">Message</label>
109 |         <textarea class="form-control" id="message" rows="4" placeholder="Your message here..."></textarea>
110 |       </div>
111 | 
112 |       <div class="text-center">
113 |         <button type="submit" class="btn btn-submit px-5 py-2">Send</button>
114 |       </div>
115 |     </form>
116 | 
117 |     <div class="info-box mt-5">
118 |       <h5>Our Office</h5>
119 |       <p><strong>Serene Space HQ</strong><br>
120 |          23, Elegance Lane, Design District<br>
121 |          Mumbai, India - 400001</p>
122 |       <p><strong>Email:</strong> hello@serenespace.com</p>
123 |       <p><strong>Phone:</strong> +91 90000 12345</p>
124 |     </div>
125 |   </div>
126 | 
127 | </body>
128 | </html>
129 | 


--------------------------------------------------------------------------------
/serene spaces/designs.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  6 |   <title>Design Gallery | Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  8 |   <style>
  9 |     body {
 10 |       background: url('https://www.transparenttextures.com/patterns/lined-paper.png'); /* subtle texture */
 11 |       font-family: 'Segoe UI', sans-serif;
 12 |     }
 13 | 
 14 |     .gallery-img {
 15 |       width: 100%;
 16 |       height: 250px;
 17 |       object-fit: cover;
 18 |       border-radius: 12px;
 19 |       transition: transform 0.3s ease, box-shadow 0.3s ease;
 20 |     }
 21 | 
 22 |     .gallery-img:hover {
 23 |       transform: scale(1.03);
 24 |       box-shadow: 0 6px 20px rgba(0,0,0,0.15);
 25 |     }
 26 | 
 27 |     .card-title {
 28 |       font-size: 1.1rem;
 29 |       font-weight: 600;
 30 |       margin-top: 10px;
 31 |     }
 32 | 
 33 |     .navbar-light .navbar-nav .nav-link {
 34 |       color: #333;
 35 |     }
 36 | 
 37 |     .gallery-section {
 38 |       padding-top: 50px;
 39 |     }
 40 | 
 41 |     footer {
 42 |       margin-top: 60px;
 43 |       font-size: 0.9rem;
 44 |       color: #888;
 45 |     }
 46 |   </style>
 47 | </head>
 48 | <body>
 49 | 
 50 |   <!-- Navbar -->
 51 |   <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm">
 52 |     <div class="container">
 53 |       <a class="navbar-brand fw-bold" href="index.html">Serene Space</a>
 54 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
 55 |         <span class="navbar-toggler-icon"></span>
 56 |       </button>
 57 |       <div class="collapse navbar-collapse" id="navbarNav">
 58 |         <ul class="navbar-nav ms-auto">
 59 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
 60 |           <li class="nav-item"><a class="nav-link active" href="designs.html">Design Gallery</a></li>
 61 |           <li class="nav-item"><a class="nav-link" href="categories.html">Categories</a></li>
 62 |           <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>
 63 |           <li class="nav-item"><a class="nav-link" href="contact.html">Book Now</a></li>
 64 |         </ul>
 65 |       </div>
 66 |     </div>
 67 |   </nav>
 68 | 
 69 |   <!-- Gallery Section -->
 70 |   <div class="container gallery-section text-center">
 71 |     <h2 class="fw-bold display-6">Design Gallery</h2>
 72 |     <p class="text-muted">Curated interiors that whisper elegance and roar sophistication 🪞✨</p>
 73 | 
 74 |     <div class="row mt-4">
 75 |       <!-- Design Card 1 -->
 76 |       <div class="col-md-4 mb-4">
 77 |         <img src="images/Modern Living Room Inspiration_ Sleek & Functional Design.jpg" class="gallery-img" alt="Modern Living Room">
 78 |         <div class="card-title">Modern Minimalist Living Room</div>
 79 |       </div>
 80 |       <!-- Design Card 2 -->
 81 |       <div class="col-md-4 mb-4">
 82 |         <img src="images/MODERN HOUSE IN JAPAN.jpg" class="gallery-img" alt="Boho Bedroom">
 83 |         <div class="card-title">Boho-Chic Bedroom Vibes</div>
 84 |       </div>
 85 |       <!-- Design Card 3 -->
 86 |       <div class="col-md-4 mb-4">
 87 |         <img src="images/Elegant Golden Crane Wallpaper_ Vintage Oriental Bird Pattern Design.jpg" class="gallery-img" alt="Rustic Kitchen">
 88 |         <div class="card-title">Rustic Farmhouse Kitchen</div>
 89 |       </div>
 90 |       <!-- Design Card 4 -->
 91 |       <div class="col-md-4 mb-4">
 92 |         <img src="images/Modern design.jpg" class="gallery-img" alt="Scandinavian Hallway">
 93 |         <div class="card-title">Scandinavian Serenity Hallway</div>
 94 |       </div>
 95 |       <!-- Design Card 5 -->
 96 |       <div class="col-md-4 mb-4">
 97 |         <img src="images/Dulux Reveals The Trending Colours Of 2024.jpg" class="gallery-img" alt="Eclectic Dining Room">
 98 |         <div class="card-title">Eclectic Dining Room Drama</div>
 99 |       </div>
100 |       <!-- Design Card 6 -->
101 |       <div class="col-md-4 mb-4">
102 |         <img src="images/Design Your Space to Reflect Your Personality Type — Living Bright Interiors.jpg" class="gallery-img" alt="Luxury Office">
103 |         <div class="card-title">Luxury Workspace with a View</div>
104 |       </div>
105 |     </div>
106 |   </div>
107 | 
108 |   <!-- Footer -->
109 |   <footer class="text-center mt-4 mb-3">
110 |     &copy; 2025 Serene Space. Crafted with design magic.
111 |   </footer>
112 | 
113 | </body>
114 | </html>
115 | 


--------------------------------------------------------------------------------
/serene spaces/login.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8" />
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6 |   <title>Login – Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  8 |   <style>
  9 |     body {
 10 |       background-color: #f4f4f9;
 11 |       font-family: 'Segoe UI', sans-serif;
 12 |     }
 13 | 
 14 |     .login-container {
 15 |       max-width: 400px;
 16 |       margin: 80px auto;
 17 |       background-color: #fff;
 18 |       padding: 40px;
 19 |       border-radius: 15px;
 20 |       box-shadow: 0 8px 20px rgba(0,0,0,0.1);
 21 |     }
 22 | 
 23 |     .login-container h2 {
 24 |       text-align: center;
 25 |       margin-bottom: 30px;
 26 |       font-weight: 600;
 27 |     }
 28 | 
 29 |     footer {
 30 |       background-color: #343a40;
 31 |       color: white;
 32 |       padding: 15px 0;
 33 |       margin-top: 80px;
 34 |     }
 35 |   </style>
 36 | </head>
 37 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 38 |     <div class="container-fluid">
 39 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 40 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 41 |         <span class="navbar-toggler-icon"></span>
 42 |       </button>
 43 |       
 44 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 45 |         <ul class="navbar-nav ms-auto">
 46 |           <li class="nav-item">
 47 |             <a class="nav-link" href="index.html">Home</a>
 48 |           </li>
 49 |           <li class="nav-item">
 50 |             <a class="nav-link" href="designers.html">Designers</a>
 51 |           </li>
 52 |           <li class="nav-item">
 53 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 54 |           </li>
 55 |           <li class="nav-item">
 56 |             <a class="nav-link" href="profile.html">Profiles</a>
 57 |           </li>
 58 |           <li class="nav-item">
 59 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 60 |           </li>
 61 |           <li class="nav-item">
 62 |             <a class="nav-link" href="categories.html">Styles</a>
 63 |           </li>
 64 |           <li class="nav-item">
 65 |             <a class="nav-link" href="booking.html">Booking</a>
 66 |           </li>
 67 |           <li class="nav-item">
 68 |             <a class="nav-link" href="contact.html">Contact</a>
 69 |           </li>
 70 |           <li class="nav-item">
 71 |             <a class="nav-link" href="about.html">About</a>
 72 |           </li>
 73 |           <li class="nav-item">
 74 |             <a class="nav-link" href="login.html">Login</a>
 75 |           </li>
 76 |           <li class="nav-item">
 77 |             <a class="nav-link" href="signup.html">Signup</a>
 78 |           </li>
 79 |         </ul>
 80 |       </div>
 81 |     </div>
 82 |   </nav>
 83 |   
 84 | <body>
 85 | 
 86 |   <!-- Navbar -->
 87 |   <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
 88 |     <div class="container">
 89 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 90 |       <div class="collapse navbar-collapse justify-content-end">
 91 |         <ul class="navbar-nav">
 92 |           <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
 93 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
 94 |           <li class="nav-item"><a class="nav-link active" href="#">Login</a></li>
 95 |           <li class="nav-item"><a class="nav-link" href="signup.html">Signup</a></li>
 96 |         </ul>
 97 |       </div>
 98 |     </div>
 99 |   </nav>
100 | 
101 |   <!-- Login Form -->
102 |   <div class="login-container">
103 |     <h2>Login</h2>
104 |     <form>
105 |       <div class="mb-3">
106 |         <label for="email" class="form-label">Email address</label>
107 |         <input type="email" class="form-control" id="email" placeholder="you@example.com" required>
108 |       </div>
109 |       <div class="mb-3">
110 |         <label for="password" class="form-label">Password</label>
111 |         <input type="password" class="form-control" id="password" placeholder="********" required>
112 |       </div>
113 |       <div class="d-grid">
114 |         <button type="submit" class="btn btn-dark">Login</button>
115 |       </div>
116 |       <p class="mt-3 text-center">Don't have an account? <a href="signup.html">Sign up here</a></p>
117 |     </form>
118 |   </div>
119 | 
120 |   <!-- Footer -->
121 |   <footer class="text-center">
122 |     <div class="container">
123 |       <p class="mb-0">© 2025 Serene Space. Where design meets soul.</p>
124 |     </div>
125 |   </footer>
126 | 
127 | </body>
128 | </html>
129 | 


--------------------------------------------------------------------------------
/serene spaces/profile-leena.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8" />
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6 |   <title>Leena Sinha – Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
  8 |   <style>
  9 |     body {
 10 |       font-family: 'Georgia', serif;
 11 |       background-color: #fefaf5;
 12 |     }
 13 | 
 14 |     .profile-container {
 15 |       max-width: 900px;
 16 |       margin: 50px auto;
 17 |       background: #fff;
 18 |       padding: 30px;
 19 |       border-radius: 15px;
 20 |       box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
 21 |     }
 22 | 
 23 |     .profile-img {
 24 |       width: 100%;
 25 |       border-radius: 15px;
 26 |       object-fit: cover;
 27 |       max-height: 400px;
 28 |     }
 29 | 
 30 |     .specialty {
 31 |       font-size: 1.1rem;
 32 |       color: #6a4e42;
 33 |     }
 34 | 
 35 |     .btn-back {
 36 |       margin-top: 20px;
 37 |     }
 38 |   </style>
 39 | </head>
 40 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 41 |     <div class="container-fluid">
 42 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 43 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 44 |         <span class="navbar-toggler-icon"></span>
 45 |       </button>
 46 |       
 47 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 48 |         <ul class="navbar-nav ms-auto">
 49 |           <li class="nav-item">
 50 |             <a class="nav-link" href="index.html">Home</a>
 51 |           </li>
 52 |           <li class="nav-item">
 53 |             <a class="nav-link" href="designers.html">Designers</a>
 54 |           </li>
 55 |           <li class="nav-item">
 56 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 57 |           </li>
 58 |           <li class="nav-item">
 59 |             <a class="nav-link" href="profile.html">Profiles</a>
 60 |           </li>
 61 |           <li class="nav-item">
 62 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 63 |           </li>
 64 |           <li class="nav-item">
 65 |             <a class="nav-link" href="categories.html">Styles</a>
 66 |           </li>
 67 |           <li class="nav-item">
 68 |             <a class="nav-link" href="booking.html">Booking</a>
 69 |           </li>
 70 |           <li class="nav-item">
 71 |             <a class="nav-link" href="contact.html">Contact</a>
 72 |           </li>
 73 |           <li class="nav-item">
 74 |             <a class="nav-link" href="about.html">About</a>
 75 |           </li>
 76 |           <li class="nav-item">
 77 |             <a class="nav-link" href="login.html">Login</a>
 78 |           </li>
 79 |           <li class="nav-item">
 80 |             <a class="nav-link" href="signup.html">Signup</a>
 81 |           </li>
 82 |         </ul>
 83 |       </div>
 84 |     </div>
 85 |   </nav>
 86 |   
 87 | <body>
 88 | 
 89 |   <!-- Navbar -->
 90 |   <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
 91 |     <div class="container">
 92 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 93 |       <div class="collapse navbar-collapse justify-content-end">
 94 |         <ul class="navbar-nav">
 95 |           <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
 96 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
 97 |           <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
 98 |         </ul>
 99 |       </div>
100 |     </div>
101 |   </nav>
102 | 
103 |   <!-- Profile Content -->
104 |   <div class="profile-container">
105 |     <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c" class="profile-img mb-4" alt="Leena Sinha" />
106 |     <h2 class="fw-bold">Leena Sinha</h2>
107 |     <p class="specialty">Bohemian Minimalist Designer</p>
108 |     <p>
109 |       Leena Sinha is the spirit of earthy serenity and minimal elegance. Her spaces breathe — woven textures, muted pastels, vintage finds, and plants galore. Every project is a meditative experience where soul meets style.
110 |     </p>
111 |     <p>
112 |       Whether it's a cozy studio or a sun-drenched villa, Leena infuses her signature calming energy. Clients love her knack for finding beauty in simplicity, and curating atmospheres that feel both lived-in and luxe.
113 |     </p>
114 | 
115 |     <p><strong>Experience:</strong> 6+ years</p>
116 |     <p><strong>Specialties:</strong> Boho-themed homes, Nature-inspired cafes, Earth-toned palettes</p>
117 | 
118 |     <a href="designers.html" class="btn btn-dark btn-back">← Back to Designers</a>
119 |   </div>
120 | 
121 | </body>
122 | </html>
123 | 


--------------------------------------------------------------------------------
/serene spaces/profile-ravi.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8" />
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6 |   <title>Ravi Kapoor – Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
  8 |   <style>
  9 |     body {
 10 |       font-family: 'Segoe UI', sans-serif;
 11 |       background-color: #f9f6f1;
 12 |     }
 13 | 
 14 |     .profile-container {
 15 |       max-width: 900px;
 16 |       margin: 50px auto;
 17 |       background: #fff;
 18 |       padding: 30px;
 19 |       border-radius: 15px;
 20 |       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
 21 |     }
 22 | 
 23 |     .profile-img {
 24 |       width: 100%;
 25 |       border-radius: 15px;
 26 |       object-fit: cover;
 27 |       max-height: 400px;
 28 |     }
 29 | 
 30 |     .specialty {
 31 |       font-size: 1.1rem;
 32 |       color: #555;
 33 |     }
 34 | 
 35 |     .btn-back {
 36 |       margin-top: 20px;
 37 |     }
 38 |   </style>
 39 | </head>
 40 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 41 |     <div class="container-fluid">
 42 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 43 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 44 |         <span class="navbar-toggler-icon"></span>
 45 |       </button>
 46 |       
 47 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 48 |         <ul class="navbar-nav ms-auto">
 49 |           <li class="nav-item">
 50 |             <a class="nav-link" href="index.html">Home</a>
 51 |           </li>
 52 |           <li class="nav-item">
 53 |             <a class="nav-link" href="designers.html">Designers</a>
 54 |           </li>
 55 |           <li class="nav-item">
 56 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 57 |           </li>
 58 |           <li class="nav-item">
 59 |             <a class="nav-link" href="profile.html">Profiles</a>
 60 |           </li>
 61 |           <li class="nav-item">
 62 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 63 |           </li>
 64 |           <li class="nav-item">
 65 |             <a class="nav-link" href="categories.html">Styles</a>
 66 |           </li>
 67 |           <li class="nav-item">
 68 |             <a class="nav-link" href="booking.html">Booking</a>
 69 |           </li>
 70 |           <li class="nav-item">
 71 |             <a class="nav-link" href="contact.html">Contact</a>
 72 |           </li>
 73 |           <li class="nav-item">
 74 |             <a class="nav-link" href="about.html">About</a>
 75 |           </li>
 76 |           <li class="nav-item">
 77 |             <a class="nav-link" href="login.html">Login</a>
 78 |           </li>
 79 |           <li class="nav-item">
 80 |             <a class="nav-link" href="signup.html">Signup</a>
 81 |           </li>
 82 |         </ul>
 83 |       </div>
 84 |     </div>
 85 |   </nav>
 86 |   
 87 | <body>
 88 | 
 89 |   <!-- Navbar -->
 90 |   <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
 91 |     <div class="container">
 92 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 93 |       <div class="collapse navbar-collapse justify-content-end">
 94 |         <ul class="navbar-nav">
 95 |           <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
 96 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
 97 |           <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
 98 |         </ul>
 99 |       </div>
100 |     </div>
101 |   </nav>
102 | 
103 |   <!-- Profile Content -->
104 |   <div class="profile-container">
105 |     <img src="https://images.unsplash.com/photo-1524758631624-e2822e304c36" class="profile-img mb-4" alt="Ravi Kapoor" />
106 |     <h2 class="fw-bold">Ravi Kapoor</h2>
107 |     <p class="specialty">Modern Luxe Designer</p>
108 |     <p>
109 |       Ravi Kapoor is known for bringing bold elegance and rich textures to life. His style is where dramatic lighting meets plush furnishings and metallic accents. A master at transforming traditional spaces into luxurious, modern escapes.
110 |     </p>
111 |     <p>
112 |       With over a decade of experience in both residential and commercial interiors, Ravi blends functionality with flamboyance. His attention to layered lighting and spatial storytelling makes every room feel like a cinematic experience.
113 |     </p>
114 | 
115 |     <p><strong>Experience:</strong> 10+ years</p>
116 |     <p><strong>Specialties:</strong> Boutique hotels, Luxury homes, Statement decor</p>
117 | 
118 |     <a href="designers.html" class="btn btn-dark btn-back">← Back to Designers</a>
119 |   </div>
120 | 
121 | </body>
122 | </html>
123 | 


--------------------------------------------------------------------------------
/serene spaces/profile-anya.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8" />
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6 |   <title>Anya Mehra – Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
  8 |   <style>
  9 |     body {
 10 |       background-color: #fdfdfd;
 11 |       font-family: 'Segoe UI', sans-serif;
 12 |     }
 13 | 
 14 |     .profile-container {
 15 |       max-width: 900px;
 16 |       margin: 60px auto;
 17 |       background-color: white;
 18 |       padding: 40px;
 19 |       border-radius: 15px;
 20 |       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
 21 |     }
 22 | 
 23 |     .designer-img {
 24 |       width: 100%;
 25 |       border-radius: 10px;
 26 |       object-fit: cover;
 27 |     }
 28 | 
 29 |     .about-designer {
 30 |       margin-top: 30px;
 31 |     }
 32 | 
 33 |     footer {
 34 |       background-color: #343a40;
 35 |       color: white;
 36 |       padding: 15px 0;
 37 |       margin-top: 60px;
 38 |     }
 39 | 
 40 |     .btn-contact {
 41 |       background-color: #000;
 42 |       color: white;
 43 |       margin-top: 20px;
 44 |     }
 45 |   </style>
 46 | </head>
 47 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 48 |     <div class="container-fluid">
 49 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 50 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 51 |         <span class="navbar-toggler-icon"></span>
 52 |       </button>
 53 |       
 54 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 55 |         <ul class="navbar-nav ms-auto">
 56 |           <li class="nav-item">
 57 |             <a class="nav-link" href="index.html">Home</a>
 58 |           </li>
 59 |           <li class="nav-item">
 60 |             <a class="nav-link" href="designers.html">Designers</a>
 61 |           </li>
 62 |           <li class="nav-item">
 63 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 64 |           </li>
 65 |           <li class="nav-item">
 66 |             <a class="nav-link" href="profile.html">Profiles</a>
 67 |           </li>
 68 |           <li class="nav-item">
 69 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 70 |           </li>
 71 |           <li class="nav-item">
 72 |             <a class="nav-link" href="categories.html">Styles</a>
 73 |           </li>
 74 |           <li class="nav-item">
 75 |             <a class="nav-link" href="booking.html">Booking</a>
 76 |           </li>
 77 |           <li class="nav-item">
 78 |             <a class="nav-link" href="contact.html">Contact</a>
 79 |           </li>
 80 |           <li class="nav-item">
 81 |             <a class="nav-link" href="about.html">About</a>
 82 |           </li>
 83 |           <li class="nav-item">
 84 |             <a class="nav-link" href="login.html">Login</a>
 85 |           </li>
 86 |           <li class="nav-item">
 87 |             <a class="nav-link" href="signup.html">Signup</a>
 88 |           </li>
 89 |         </ul>
 90 |       </div>
 91 |     </div>
 92 |   </nav>
 93 |   
 94 | <body>
 95 | 
 96 |   <!-- Navbar -->
 97 |   <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
 98 |     <div class="container">
 99 |       <a class="navbar-brand" href="index.html">Serene Space</a>
100 |       <div class="collapse navbar-collapse justify-content-end">
101 |         <ul class="navbar-nav">
102 |           <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
103 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
104 |           <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
105 |         </ul>
106 |       </div>
107 |     </div>
108 |   </nav>
109 | 
110 |   <!-- Designer Profile -->
111 |   <div class="profile-container">
112 |     <div class="row g-4">
113 |       <div class="col-md-6">
114 |         <img src="https://images.unsplash.com/photo-1607814567937-1d2786d4c6d1" alt="Anya Mehra" class="designer-img" />
115 |       </div>
116 |       <div class="col-md-6">
117 |         <h2 class="fw-bold">Anya Mehra</h2>
118 |         <h5 class="text-muted">Minimalist Interior Architect</h5>
119 |         <p class="about-designer">
120 |           With a love for clean lines and natural light, Anya transforms any space into a sanctuary. Her signature style fuses elegance with earth tones, creating balance and tranquility.
121 |         </p>
122 |         <p><strong>Specialties:</strong> Scandinavian Design, Natural Elements, Modern Zen</p>
123 |         <a href="contact.html" class="btn btn-contact">Book Anya</a>
124 |       </div>
125 |     </div>
126 |   </div>
127 | 
128 |   <!-- Footer -->
129 |   <footer class="text-center">
130 |     <div class="container">
131 |       <p class="mb-0">© 2025 Serene Space. Designed to delight.</p>
132 |     </div>
133 |   </footer>
134 | 
135 | </body>
136 | </html>
137 | 


--------------------------------------------------------------------------------
/serene spaces/categories.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  6 |   <title>Categories | Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  8 |   <style>
  9 |     body {
 10 |       background: url('https://www.transparenttextures.com/patterns/purty-wood.png');
 11 |       font-family: 'Segoe UI', sans-serif;
 12 |     }
 13 | 
 14 |     .category-card {
 15 |       border-radius: 15px;
 16 |       overflow: hidden;
 17 |       transition: transform 0.3s ease, box-shadow 0.3s ease;
 18 |       cursor: pointer;
 19 |     }
 20 | 
 21 |     .category-card:hover {
 22 |       transform: scale(1.03);
 23 |       box-shadow: 0 10px 20px rgba(0,0,0,0.15);
 24 |     }
 25 | 
 26 |     .category-img {
 27 |       height: 200px;
 28 |       object-fit: cover;
 29 |       width: 100%;
 30 |     }
 31 | 
 32 |     .category-title {
 33 |       font-weight: bold;
 34 |       text-align: center;
 35 |       padding: 12px 0;
 36 |       background-color: rgba(255, 255, 255, 0.9);
 37 |     }
 38 | 
 39 |     .navbar-light .navbar-nav .nav-link {
 40 |       color: #333;
 41 |     }
 42 | 
 43 |     footer {
 44 |       margin-top: 50px;
 45 |       font-size: 0.9rem;
 46 |       color: #888;
 47 |     }
 48 |   </style>
 49 | </head>
 50 | <body>
 51 | 
 52 | <!-- Navbar -->
 53 | <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm">
 54 |   <div class="container">
 55 |     <a class="navbar-brand fw-bold" href="index.html">Serene Space</a>
 56 |     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
 57 |       <span class="navbar-toggler-icon"></span>
 58 |     </button>
 59 |     <div class="collapse navbar-collapse" id="navbarNav">
 60 |       <ul class="navbar-nav ms-auto">
 61 |         <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
 62 |         <li class="nav-item"><a class="nav-link" href="designs.html">Design Gallery</a></li>
 63 |         <li class="nav-item"><a class="nav-link active" href="categories.html">Categories</a></li>
 64 |         <li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>
 65 |         <li class="nav-item"><a class="nav-link" href="contact.html">Book Now</a></li>
 66 |       </ul>
 67 |     </div>
 68 |   </div>
 69 | </nav>
 70 | 
 71 | <!-- Category Section -->
 72 | <div class="container text-center my-5">
 73 |   <h2 class="fw-bold display-6">Explore by Style</h2>
 74 |   <p class="text-muted">Choose a design category that reflects your soul’s aesthetic. 🌿🛋️</p>
 75 | 
 76 |   <div class="row mt-4 g-4">
 77 |     <!-- Modern -->
 78 |     <div class="col-md-4">
 79 |       <a href="designs.html#modern">
 80 |         <div class="category-card">
 81 |           <img src="images/Design Your Space to Reflect Your Personality Type — Living Bright Interiors.jpg" class="category-img" alt="Modern">
 82 |           <div class="category-title">Modern</div>
 83 |         </div>
 84 |       </a>
 85 |     </div>
 86 |     <!-- Classic -->
 87 |     <div class="col-md-4">
 88 |       <a href="designs.html#classic">
 89 |         <div class="category-card">
 90 |           <img src="images/Das neue AD-Magazin ist da! Das sind die 6 schönsten Häuser des Monats.jpg" class="category-img" alt="Classic">
 91 |           <div class="category-title">Classic</div>
 92 |         </div>
 93 |       </a>
 94 |     </div>
 95 |     <!-- Rustic -->
 96 |     <div class="col-md-4">
 97 |       <a href="designs.html#rustic">
 98 |         <div class="category-card">
 99 |           <img src="images/67 Modern Green Living Room Design and Decor Ideas….jpg" class="category-img" alt="Rustic">
100 |           <div class="category-title">Rustic</div>
101 |         </div>
102 |       </a>
103 |     </div>
104 |     <!-- Scandinavian -->
105 |     <div class="col-md-4">
106 |       <a href="designs.html#scandinavian">
107 |         <div class="category-card">
108 |           <img src="images/Blending a sleek and clean aesthetic with a….jpg" class="category-img" alt="Scandinavian">
109 |           <div class="category-title">Scandinavian</div>
110 |         </div>
111 |       </a>
112 |     </div>
113 |     <!-- Industrial -->
114 |     <div class="col-md-4">
115 |       <a href="designs.html#industrial">
116 |         <div class="category-card">
117 |           <img src="images/Modern Penthouse | Austin, Texas, United States | January 2024.jpg" class="category-img" alt="Industrial">
118 |           <div class="category-title">Industrial</div>
119 |         </div>
120 |       </a>
121 |     </div>
122 |     <!-- Bohemian -->
123 |     <div class="col-md-4">
124 |       <a href="designs.html#boho">
125 |         <div class="category-card">
126 |           <img src="images/Rugs | Bedroom, Living Room, Outdoor Area Rugs | Soho Home US.jpg" class="category-img" alt="Bohemian">
127 |           <div class="category-title">Bohemian</div>
128 |         </div>
129 |       </a>
130 |     </div>
131 |   </div>
132 | </div>
133 | 
134 | <!-- Footer -->
135 | <footer class="text-center mb-4">
136 |   &copy; 2025 Serene Space. Designed to design you.
137 | </footer>
138 | 
139 | </body>
140 | </html>
141 | 


--------------------------------------------------------------------------------
/serene spaces/signup.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8" />
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6 |   <title>Signup – Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  8 |   <style>
  9 |     body {
 10 |       background-color: #f4f4f9;
 11 |       font-family: 'Segoe UI', sans-serif;
 12 |     }
 13 | 
 14 |     .signup-container {
 15 |       max-width: 500px;
 16 |       margin: 70px auto;
 17 |       background-color: #fff;
 18 |       padding: 40px;
 19 |       border-radius: 15px;
 20 |       box-shadow: 0 8px 20px rgba(0,0,0,0.1);
 21 |     }
 22 | 
 23 |     .signup-container h2 {
 24 |       text-align: center;
 25 |       margin-bottom: 30px;
 26 |       font-weight: 600;
 27 |     }
 28 | 
 29 |     footer {
 30 |       background-color: #343a40;
 31 |       color: white;
 32 |       padding: 15px 0;
 33 |       margin-top: 80px;
 34 |     }
 35 |   </style>
 36 | </head>
 37 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 38 |     <div class="container-fluid">
 39 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 40 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 41 |         <span class="navbar-toggler-icon"></span>
 42 |       </button>
 43 |       
 44 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 45 |         <ul class="navbar-nav ms-auto">
 46 |           <li class="nav-item">
 47 |             <a class="nav-link" href="index.html">Home</a>
 48 |           </li>
 49 |           <li class="nav-item">
 50 |             <a class="nav-link" href="designers.html">Designers</a>
 51 |           </li>
 52 |           <li class="nav-item">
 53 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 54 |           </li>
 55 |           <li class="nav-item">
 56 |             <a class="nav-link" href="profile.html">Profiles</a>
 57 |           </li>
 58 |           <li class="nav-item">
 59 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 60 |           </li>
 61 |           <li class="nav-item">
 62 |             <a class="nav-link" href="categories.html">Styles</a>
 63 |           </li>
 64 |           <li class="nav-item">
 65 |             <a class="nav-link" href="booking.html">Booking</a>
 66 |           </li>
 67 |           <li class="nav-item">
 68 |             <a class="nav-link" href="contact.html">Contact</a>
 69 |           </li>
 70 |           <li class="nav-item">
 71 |             <a class="nav-link" href="about.html">About</a>
 72 |           </li>
 73 |           <li class="nav-item">
 74 |             <a class="nav-link" href="login.html">Login</a>
 75 |           </li>
 76 |           <li class="nav-item">
 77 |             <a class="nav-link" href="signup.html">Signup</a>
 78 |           </li>
 79 |         </ul>
 80 |       </div>
 81 |     </div>
 82 |   </nav>
 83 |   
 84 | <body>
 85 | 
 86 |   <!-- Navbar -->
 87 |   <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
 88 |     <div class="container">
 89 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 90 |       <div class="collapse navbar-collapse justify-content-end">
 91 |         <ul class="navbar-nav">
 92 |           <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
 93 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
 94 |           <li class="nav-item"><a class="nav-link" href="login.html">Login</a></li>
 95 |           <li class="nav-item"><a class="nav-link active" href="#">Signup</a></li>
 96 |         </ul>
 97 |       </div>
 98 |     </div>
 99 |   </nav>
100 | 
101 |   <!-- Signup Form -->
102 |   <div class="signup-container">
103 |     <h2>Create Your Account</h2>
104 |     <form>
105 |       <div class="mb-3">
106 |         <label for="name" class="form-label">Full Name</label>
107 |         <input type="text" class="form-control" id="name" placeholder="Your Name" required>
108 |       </div>
109 |       <div class="mb-3">
110 |         <label for="email" class="form-label">Email address</label>
111 |         <input type="email" class="form-control" id="email" placeholder="you@example.com" required>
112 |       </div>
113 |       <div class="mb-3">
114 |         <label for="role" class="form-label">Role</label>
115 |         <select class="form-select" id="role">
116 |           <option selected>Choose...</option>
117 |           <option value="client">Client</option>
118 |           <option value="designer">Designer</option>
119 |         </select>
120 |       </div>
121 |       <div class="mb-3">
122 |         <label for="password" class="form-label">Create Password</label>
123 |         <input type="password" class="form-control" id="password" placeholder="********" required>
124 |       </div>
125 |       <div class="d-grid">
126 |         <button type="submit" class="btn btn-dark">Sign Up</button>
127 |       </div>
128 |       <p class="mt-3 text-center">Already have an account? <a href="login.html">Login here</a></p>
129 |     </form>
130 |   </div>
131 | 
132 |   <!-- Footer -->
133 |   <footer class="text-center">
134 |     <div class="container">
135 |       <p class="mb-0">© 2025 Serene Space. Designed with elegance, built for dreams.</p>
136 |     </div>
137 |   </footer>
138 | 
139 | </body>
140 | </html>
141 | 


--------------------------------------------------------------------------------
/serene spaces/profile.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8" />
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6 |   <title>Designer Profile – Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
  8 |   <style>
  9 |     body {
 10 |       background-color: #fafafa;
 11 |       font-family: 'Georgia', serif;
 12 |     }
 13 | 
 14 |     .profile-container {
 15 |       max-width: 900px;
 16 |       margin: 50px auto;
 17 |       background-color: white;
 18 |       padding: 40px;
 19 |       border-radius: 20px;
 20 |       box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
 21 |     }
 22 | 
 23 |     .profile-img {
 24 |       width: 100%;
 25 |       border-radius: 20px;
 26 |     }
 27 | 
 28 |     .designer-name {
 29 |       font-size: 2rem;
 30 |       font-weight: bold;
 31 |       color: #343a40;
 32 |     }
 33 | 
 34 |     .section-title {
 35 |       font-weight: 600;
 36 |       margin-top: 30px;
 37 |       color: #495057;
 38 |     }
 39 | 
 40 |     .project-img {
 41 |       width: 100%;
 42 |       border-radius: 15px;
 43 |       margin-bottom: 15px;
 44 |     }
 45 | 
 46 |     .nav-link {
 47 |       color: #343a40 !important;
 48 |     }
 49 |   </style>
 50 | </head>
 51 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 52 |     <div class="container-fluid">
 53 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 54 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 55 |         <span class="navbar-toggler-icon"></span>
 56 |       </button>
 57 |       
 58 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 59 |         <ul class="navbar-nav ms-auto">
 60 |           <li class="nav-item">
 61 |             <a class="nav-link" href="index.html">Home</a>
 62 |           </li>
 63 |           <li class="nav-item">
 64 |             <a class="nav-link" href="designers.html">Designers</a>
 65 |           </li>
 66 |           <li class="nav-item">
 67 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 68 |           </li>
 69 |           <li class="nav-item">
 70 |             <a class="nav-link" href="profile.html">Profiles</a>
 71 |           </li>
 72 |           <li class="nav-item">
 73 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 74 |           </li>
 75 |           <li class="nav-item">
 76 |             <a class="nav-link" href="categories.html">Styles</a>
 77 |           </li>
 78 |           <li class="nav-item">
 79 |             <a class="nav-link" href="booking.html">Booking</a>
 80 |           </li>
 81 |           <li class="nav-item">
 82 |             <a class="nav-link" href="contact.html">Contact</a>
 83 |           </li>
 84 |           <li class="nav-item">
 85 |             <a class="nav-link" href="about.html">About</a>
 86 |           </li>
 87 |           <li class="nav-item">
 88 |             <a class="nav-link" href="login.html">Login</a>
 89 |           </li>
 90 |           <li class="nav-item">
 91 |             <a class="nav-link" href="signup.html">Signup</a>
 92 |           </li>
 93 |         </ul>
 94 |       </div>
 95 |     </div>
 96 |   </nav>
 97 |   
 98 | <body>
 99 | 
100 |   <!-- Navbar -->
101 |   <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
102 |     <div class="container">
103 |       <a class="navbar-brand" href="index.html">Serene Space</a>
104 |       <div class="collapse navbar-collapse justify-content-end">
105 |         <ul class="navbar-nav">
106 |           <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
107 |           <li class="nav-item"><a class="nav-link" href="designers.html">Designers</a></li>
108 |           <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
109 |           <li class="nav-item"><a class="nav-link" href="signup.html">Sign Up</a></li>
110 |           <li class="nav-item"><a class="nav-link" href="login.html">Login</a></li>
111 |         </ul>
112 |       </div>
113 |     </div>
114 |   </nav>
115 | 
116 |   <!-- Profile Content -->
117 |   <div class="profile-container">
118 |     <div class="row">
119 |       <div class="col-md-4">
120 |         <img src="designer1.jpg" alt="Designer Photo" class="profile-img" />
121 |       </div>
122 |       <div class="col-md-8">
123 |         <h2 class="designer-name">Aarav Kapoor</h2>
124 |         <p>Luxury interior designer based in Mumbai with over 10 years of experience in modern and minimalist aesthetics. Aarav’s work fuses contemporary elegance with serene tones — perfect for boutique hotels, luxury homes, and branded spaces.</p>
125 |         <p><strong>Email:</strong> aaravkapoor@serenespace.com</p>
126 |         <p><strong>Phone:</strong> +91 98765 43210</p>
127 |       </div>
128 |     </div>
129 | 
130 |     <h4 class="section-title">Featured Projects</h4>
131 |     <div class="row">
132 |       <div class="col-md-6">
133 |         <img src="project1.jpg" class="project-img" alt="Project 1">
134 |         <p><strong>Zen Villa – Goa</strong><br>Boho-chic meets luxury in this coastal villa designed for peace and productivity.</p>
135 |       </div>
136 |       <div class="col-md-6">
137 |         <img src="project2.jpg" class="project-img" alt="Project 2">
138 |         <p><strong>The Luxe Loft – Delhi</strong><br>Monochrome loft with marble accents and custom-built modular furniture.</p>
139 |       </div>
140 |     </div>
141 |   </div>
142 | 
143 | </body>
144 | </html>
145 | 


--------------------------------------------------------------------------------
/serene spaces/gallery.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <title>Gallery | Serene Space</title>
  6 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  7 |   <style>
  8 |     body {
  9 |       background: #f0f0f0;
 10 |       font-family: 'Segoe UI', sans-serif;
 11 |     }
 12 | 
 13 |     .gallery-container {
 14 |       padding: 60px 30px;
 15 |     }
 16 | 
 17 |     .gallery-title {
 18 |       text-align: center;
 19 |       font-family: 'Georgia', serif;
 20 |       font-size: 42px;
 21 |       margin-bottom: 40px;
 22 |       color: #343a40;
 23 |     }
 24 | 
 25 |     .card {
 26 |       border: none;
 27 |       border-radius: 15px;
 28 |       box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
 29 |       transition: transform 0.3s;
 30 |     }
 31 | 
 32 |     .card:hover {
 33 |       transform: scale(1.03);
 34 |     }
 35 | 
 36 |     .card img {
 37 |       border-top-left-radius: 15px;
 38 |       border-top-right-radius: 15px;
 39 |       height: 220px;
 40 |       object-fit: cover;
 41 |     }
 42 | 
 43 |     .card-body {
 44 |       background: #ffffff;
 45 |       border-bottom-left-radius: 15px;
 46 |       border-bottom-right-radius: 15px;
 47 |     }
 48 | 
 49 |     .card-title {
 50 |       font-weight: 600;
 51 |     }
 52 | 
 53 |     .designer-name {
 54 |       color: #888;
 55 |       font-size: 0.9rem;
 56 |     }
 57 |   </style>
 58 | </head>
 59 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 60 |     <div class="container-fluid">
 61 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 62 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 63 |         <span class="navbar-toggler-icon"></span>
 64 |       </button>
 65 |       
 66 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 67 |         <ul class="navbar-nav ms-auto">
 68 |           <li class="nav-item">
 69 |             <a class="nav-link" href="index.html">Home</a>
 70 |           </li>
 71 |           <li class="nav-item">
 72 |             <a class="nav-link" href="designers.html">Designers</a>
 73 |           </li>
 74 |           <li class="nav-item">
 75 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 76 |           </li>
 77 |           <li class="nav-item">
 78 |             <a class="nav-link" href="profile.html">Profiles</a>
 79 |           </li>
 80 |           <li class="nav-item">
 81 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 82 |           </li>
 83 |           <li class="nav-item">
 84 |             <a class="nav-link" href="categories.html">Styles</a>
 85 |           </li>
 86 |           <li class="nav-item">
 87 |             <a class="nav-link" href="booking.html">Booking</a>
 88 |           </li>
 89 |           <li class="nav-item">
 90 |             <a class="nav-link" href="contact.html">Contact</a>
 91 |           </li>
 92 |           <li class="nav-item">
 93 |             <a class="nav-link" href="about.html">About</a>
 94 |           </li>
 95 |           <li class="nav-item">
 96 |             <a class="nav-link" href="login.html">Login</a>
 97 |           </li>
 98 |           <li class="nav-item">
 99 |             <a class="nav-link" href="signup.html">Signup</a>
100 |           </li>
101 |         </ul>
102 |       </div>
103 |     </div>
104 |   </nav>
105 |   
106 | <body>
107 | 
108 |   <div class="gallery-container">
109 |     <h1 class="gallery-title">Our Designers' Showcase</h1>
110 |     <div class="row row-cols-1 row-cols-md-3 g-4">
111 | 
112 |       <!-- Card 1 -->
113 |       <div class="col">
114 |         <div class="card">
115 |           <img src="images/The red wall makes a colored statement in this….jpg" class="card-img-top" alt="Modern Living Room">
116 |           <div class="card-body">
117 |             <h5 class="card-title">Modern Minimalism</h5>
118 |             <p class="designer-name">by Rhea Kapoor</p>
119 |           </div>
120 |         </div>
121 |       </div>
122 | 
123 |       <!-- Card 2 -->
124 |       <div class="col">
125 |         <div class="card">
126 |           <img src="images/Stay inspired with the latest in interior design….jpg" class="card-img-top" alt="Boho Chic Bedroom">
127 |           <div class="card-body">
128 |             <h5 class="card-title">Boho Chic Bedroom</h5>
129 |             <p class="designer-name">by Ayaan Mehta</p>
130 |           </div>
131 |         </div>
132 |       </div>
133 | 
134 |       <!-- Card 3 -->
135 |       <div class="col">
136 |         <div class="card">
137 |           <img src="images/Quadro Decorativo 112x82cm Full HD Abstrato Neutral Colors Sala | Shopee Brasil.jpg" class="card-img-top" alt="Vintage Kitchen">
138 |           <div class="card-body">
139 |             <h5 class="card-title">Vintage Whispers</h5>
140 |             <p class="designer-name">by Tara Dev</p>
141 |           </div>
142 |         </div>
143 |       </div>
144 | 
145 |       <!-- Add more cards below -->
146 |       <div class="col">
147 |         <div class="card">
148 |           <img src="images/Modern Penthouse | Austin, Texas, United States | January 2024.jpg" class="card-img-top" alt="Urban Office">
149 |           <div class="card-body">
150 |             <h5 class="card-title">Urban Office Style</h5>
151 |             <p class="designer-name">by Arjun Sinha</p>
152 |           </div>
153 |         </div>
154 |       </div>
155 | 
156 |       <div class="col">
157 |         <div class="card">
158 |           <img src="images/Papier peint panoramique ginkgo asie tendance.jpg" class="card-img-top" alt="Outdoor Serenity">
159 |           <div class="card-body">
160 |             <h5 class="card-title">Outdoor Serenity</h5>
161 |             <p class="designer-name">by Meera Nair</p>
162 |           </div>
163 |         </div>
164 |       </div>
165 | 
166 |     </div>
167 |   </div>
168 | 
169 | </body>
170 | </html>
171 | 


--------------------------------------------------------------------------------
/serene spaces/designers.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  6 |   <title>Our Designers - Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  8 |   <style>
  9 |     body {
 10 |       background: url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85') no-repeat center center fixed;
 11 |       background-size: cover;
 12 |       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 13 |     }
 14 |     .designer-section {
 15 |       padding: 60px 20px;
 16 |       background-color: rgba(255, 255, 255, 0.85);
 17 |       border-radius: 15px;
 18 |       margin-top: 50px;
 19 |     }
 20 |     .card {
 21 |       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
 22 |       transition: transform 0.3s ease;
 23 |     }
 24 |     .card:hover {
 25 |       transform: scale(1.03);
 26 |     }
 27 |     h2 {
 28 |       font-weight: bold;
 29 |       color: #2c3e50;
 30 |     }
 31 |   </style>
 32 | </head>
 33 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 34 |     <div class="container-fluid">
 35 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 36 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 37 |         <span class="navbar-toggler-icon"></span>
 38 |       </button>
 39 |       
 40 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 41 |         <ul class="navbar-nav ms-auto">
 42 |           <li class="nav-item">
 43 |             <a class="nav-link" href="index.html">Home</a>
 44 |           </li>
 45 |           <li class="nav-item">
 46 |             <a class="nav-link" href="designers.html">Designers</a>
 47 |           </li>
 48 |           <li class="nav-item">
 49 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 50 |           </li>
 51 |           <li class="nav-item">
 52 |             <a class="nav-link" href="profile.html">Profiles</a>
 53 |           </li>
 54 |           <li class="nav-item">
 55 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 56 |           </li>
 57 |           <li class="nav-item">
 58 |             <a class="nav-link" href="categories.html">Styles</a>
 59 |           </li>
 60 |           <li class="nav-item">
 61 |             <a class="nav-link" href="booking.html">Booking</a>
 62 |           </li>
 63 |           <li class="nav-item">
 64 |             <a class="nav-link" href="contact.html">Contact</a>
 65 |           </li>
 66 |           <li class="nav-item">
 67 |             <a class="nav-link" href="about.html">About</a>
 68 |           </li>
 69 |           <li class="nav-item">
 70 |             <a class="nav-link" href="login.html">Login</a>
 71 |           </li>
 72 |           <li class="nav-item">
 73 |             <a class="nav-link" href="signup.html">Signup</a>
 74 |           </li>
 75 |         </ul>
 76 |       </div>
 77 |     </div>
 78 |   </nav>
 79 |   
 80 | <body>
 81 | 
 82 |   <div class="container designer-section">
 83 |     <h2 class="text-center mb-5">Meet Our Designers</h2>
 84 | 
 85 |     <div class="row g-4">
 86 | 
 87 |       <!-- Designer 1 -->
 88 |       <div class="col-md-4">
 89 |         <div class="card">
 90 |           <img src="images/Unknown-28.jpg" class="card-img-top" alt="Ishitha Kapoor">
 91 |           <div class="card-body text-center">
 92 |             <h5 class="card-title">Aarav Mehra</h5>
 93 |             <p class="card-text">Minimalist marvels with a touch of industrial flair. Clean lines, calming hues.</p>
 94 |             <a href="booking.html" class="btn btn-dark">Book Now</a>
 95 |           </div>
 96 |         </div>
 97 |       </div>
 98 | 
 99 |       <!-- Designer 2 -->
100 |       <div class="col-md-4">
101 |         <div class="card">
102 |           <img src="images/Unknown-24.jpg" class="card-img-top" alt="Aarav mehra">
103 |           <div class="card-body text-center">
104 |             <h5 class="card-title">Ishita Kapoor</h5>
105 |             <p class="card-text">Boho-chic queen with earthy tones, plants, and flowing textures galore.</p>
106 |             <a href="booking.html" class="btn btn-dark">Book Now</a>
107 |           </div>
108 |         </div>
109 |       </div>
110 | 
111 |       <!-- Designer 3 -->
112 |       <div class="col-md-4">
113 |         <div class="card">
114 |           <img src="images/Unknown-27.jpg" class="card-img-top" alt="Rayan Thomas">
115 |           <div class="card-body text-center">
116 |             <h5 class="card-title">Rayan Thomas</h5>
117 |             <p class="card-text">Ultra-modern, ultra-bold. Think glass walls, steel beams, and drama.</p>
118 |             <a href="booking.html" class="btn btn-dark">Book Now</a>
119 |           </div>
120 |         </div>
121 |       </div>
122 | 
123 |       <!-- Designer 4 -->
124 |       <div class="col-md-4">
125 |         <div class="card">
126 |           <img src="images/Dr Joseph - Richard Gaston.jpg" class="card-img-top" alt="Neha Suri">
127 |           <div class="card-body text-center">
128 |             <h5 class="card-title">Neha Suri</h5>
129 |             <p class="card-text">The classic touch — she blends tradition and contemporary for timeless elegance.</p>
130 |             <a href="booking.html" class="btn btn-dark">Book Now</a>
131 |           </div>
132 |         </div>
133 |       </div>
134 | 
135 |       <!-- Designer 5 -->
136 |       <div class="col-md-4">
137 |         <div class="card">
138 |           <img src="images/Interior Designer's Travel-Inspired Home in the Glebe, Ottawa - Sonia V Photo.jpg" class="card-img-top" alt="Kabir Ahuja">
139 |           <div class="card-body text-center">
140 |             <h5 class="card-title">Kabir Ahuja</h5>
141 |             <p class="card-text">Smart, sustainable spaces with eco-friendly innovation and smart tech layouts.</p>
142 |             <a href="booking.html" class="btn btn-dark">Book Now</a>
143 |           </div>
144 |         </div>
145 |       </div>
146 | 
147 |     </div>
148 |   </div>
149 | 
150 | </body>
151 | </html>
152 | 


--------------------------------------------------------------------------------
/serene spaces/portfolio.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8" />
  5 |   <meta name="viewport" content="width=device-width, initial-scale=1" />
  6 |   <title>Design Portfolio - Serene Space</title>
  7 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
  8 |   <style>
  9 |     body {
 10 |       background: url('https://images.unsplash.com/photo-1497366754035-f200968a6e72') no-repeat center center fixed;
 11 |       background-size: cover;
 12 |       font-family: 'Segoe UI', sans-serif;
 13 |     }
 14 | 
 15 |     .portfolio-section {
 16 |       background-color: rgba(255, 255, 255, 0.95);
 17 |       padding: 60px 30px;
 18 |       margin: 50px auto;
 19 |       border-radius: 15px;
 20 |       max-width: 1200px;
 21 |     }
 22 | 
 23 |     .portfolio-item {
 24 |       margin-bottom: 30px;
 25 |       border-radius: 10px;
 26 |       overflow: hidden;
 27 |       box-shadow: 0 6px 15px rgba(0,0,0,0.2);
 28 |       transition: transform 0.3s;
 29 |     }
 30 | 
 31 |     .portfolio-item:hover {
 32 |       transform: scale(1.03);
 33 |     }
 34 | 
 35 |     .card-img-top {
 36 |       height: 220px;
 37 |       object-fit: cover;
 38 |     }
 39 | 
 40 |     h2 {
 41 |       font-weight: 700;
 42 |       color: #2c3e50;
 43 |       text-align: center;
 44 |       margin-bottom: 40px;
 45 |     }
 46 |   </style>
 47 | </head>
 48 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 49 |     <div class="container-fluid">
 50 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 51 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 52 |         <span class="navbar-toggler-icon"></span>
 53 |       </button>
 54 |       
 55 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 56 |         <ul class="navbar-nav ms-auto">
 57 |           <li class="nav-item">
 58 |             <a class="nav-link" href="index.html">Home</a>
 59 |           </li>
 60 |           <li class="nav-item">
 61 |             <a class="nav-link" href="designers.html">Designers</a>
 62 |           </li>
 63 |           <li class="nav-item">
 64 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 65 |           </li>
 66 |           <li class="nav-item">
 67 |             <a class="nav-link" href="profile.html">Profiles</a>
 68 |           </li>
 69 |           <li class="nav-item">
 70 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 71 |           </li>
 72 |           <li class="nav-item">
 73 |             <a class="nav-link" href="categories.html">Styles</a>
 74 |           </li>
 75 |           <li class="nav-item">
 76 |             <a class="nav-link" href="booking.html">Booking</a>
 77 |           </li>
 78 |           <li class="nav-item">
 79 |             <a class="nav-link" href="contact.html">Contact</a>
 80 |           </li>
 81 |           <li class="nav-item">
 82 |             <a class="nav-link" href="about.html">About</a>
 83 |           </li>
 84 |           <li class="nav-item">
 85 |             <a class="nav-link" href="login.html">Login</a>
 86 |           </li>
 87 |           <li class="nav-item">
 88 |             <a class="nav-link" href="signup.html">Signup</a>
 89 |           </li>
 90 |         </ul>
 91 |       </div>
 92 |     </div>
 93 |   </nav>
 94 |   
 95 | <body>
 96 | 
 97 |   <div class="portfolio-section container">
 98 |     <h2>Explore Our Designer Portfolio</h2>
 99 |     <div class="row row-cols-1 row-cols-md-3 g-4">
100 | 
101 |       <div class="col">
102 |         <div class="card portfolio-item">
103 |           <img src="images/25 Retro Maximalist Living Room Ideas for a Fun and Playful Space.jpg" class="card-img-top" alt="Living Room Design">
104 |           <div class="card-body">
105 |             <h5 class="card-title">Modern Living Room</h5>
106 |             <p class="card-text">By Aarav Mehra</p>
107 |           </div>
108 |         </div>
109 |       </div>
110 | 
111 |       <div class="col">
112 |         <div class="card portfolio-item">
113 |           <img src="images/70+ Modern Takes on Classic '70s Living Room Aesthetics - Days Inspired.jpg" class="card-img-top" alt="Minimal Kitchen Design">
114 |           <div class="card-body">
115 |             <h5 class="card-title">Minimalist Kitchen</h5>
116 |             <p class="card-text">By Ishita Kapoor</p>
117 |           </div>
118 |         </div>
119 |       </div>
120 | 
121 |       <div class="col">
122 |         <div class="card portfolio-item">
123 |           <img src="images/Dark Color Guide_ Enhancing Your Home with Luxurious Dark Palettes.jpg" class="card-img-top" alt="Luxury Bedroom Design">
124 |           <div class="card-body">
125 |             <h5 class="card-title">Luxury Bedroom</h5>
126 |             <p class="card-text">By Kabir Ahuja</p>
127 |           </div>
128 |         </div>
129 |       </div>
130 | 
131 |       <div class="col">
132 |         <div class="card portfolio-item">
133 |           <img src="images/Design Your Space to Reflect Your Personality Type — Living Bright Interiors.jpg" class="card-img-top" alt="Studio Office Design">
134 |           <div class="card-body">
135 |             <h5 class="card-title">Studio Workspace</h5>
136 |             <p class="card-text">By Rayan Thomas</p>
137 |           </div>
138 |         </div>
139 |       </div>
140 | 
141 |       <div class="col">
142 |         <div class="card portfolio-item">
143 |           <img src="images/Main Hall Design.jpg" class="card-img-top" alt="Bathroom Design">
144 |           <div class="card-body">
145 |             <h5 class="card-title">Elegant Bathroom</h5>
146 |             <p class="card-text">By Neha Suri</p>
147 |           </div>
148 |         </div>
149 |       </div>
150 | 
151 |       <div class="col">
152 |         <div class="card portfolio-item">
153 |           <img src="images/Minimalist Pictures | Freepik.jpg" class="card-img-top" alt="Outdoor Space Design">
154 |           <div class="card-body">
155 |             <h5 class="card-title">Green Balcony</h5>
156 |             <p class="card-text">By Aanya Roy</p>
157 |           </div>
158 |         </div>
159 |       </div>
160 | 
161 |     </div>
162 |   </div>
163 | 
164 | </body>
165 | </html>
166 | 


--------------------------------------------------------------------------------
/serene spaces/about.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="UTF-8">
  5 |   <title>About Us | Serene Space</title>
  6 |   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  7 |   <style>
  8 |     body {
  9 |       background: url('images/about-bg.jpg') no-repeat center center fixed;
 10 |       background-size: cover;
 11 |       color: #333;
 12 |       font-family: 'Segoe UI', sans-serif;
 13 |     }
 14 | 
 15 |     .about-container {
 16 |       background-color: rgba(255, 255, 255, 0.95);
 17 |       padding: 50px;
 18 |       border-radius: 20px;
 19 |       max-width: 900px;
 20 |       margin: 70px auto;
 21 |       box-shadow: 0 10px 20px rgba(0,0,0,0.15);
 22 |     }
 23 | 
 24 |     h1, h3 {
 25 |       text-align: center;
 26 |       font-weight: 600;
 27 |       margin-bottom: 20px;
 28 |       font-family: 'Georgia', serif;
 29 |     }
 30 | 
 31 |     .journey-box {
 32 |       background-color: #f8f9fa;
 33 |       padding: 25px;
 34 |       margin-top: 40px;
 35 |       border-radius: 12px;
 36 |     }
 37 | 
 38 |     p {
 39 |       line-height: 1.8;
 40 |     }
 41 |   </style>
 42 | </head>
 43 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 44 |     <div class="container-fluid">
 45 |       <a class="navbar-brand" href="index.html">Serene Space</a>
 46 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 47 |         <span class="navbar-toggler-icon"></span>
 48 |       </button>
 49 |       
 50 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
 51 |         <ul class="navbar-nav ms-auto">
 52 |           <li class="nav-item">
 53 |             <a class="nav-link" href="index.html">Home</a>
 54 |           </li>
 55 |           <li class="nav-item">
 56 |             <a class="nav-link" href="designers.html">Designers</a>
 57 |           </li>
 58 |           <li class="nav-item">
 59 |             <a class="nav-link" href="designs.html">Design Gallery</a>
 60 |           </li>
 61 |           <li class="nav-item">
 62 |             <a class="nav-link" href="profile.html">Profiles</a>
 63 |           </li>
 64 |           <li class="nav-item">
 65 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
 66 |           </li>
 67 |           <li class="nav-item">
 68 |             <a class="nav-link" href="categories.html">Styles</a>
 69 |           </li>
 70 |           <li class="nav-item">
 71 |             <a class="nav-link" href="booking.html">Booking</a>
 72 |           </li>
 73 |           <li class="nav-item">
 74 |             <a class="nav-link" href="contact.html">Contact</a>
 75 |           </li>
 76 |           <li class="nav-item">
 77 |             <a class="nav-link" href="about.html">About</a>
 78 |           </li>
 79 |           <li class="nav-item">
 80 |             <a class="nav-link" href="login.html">Login</a>
 81 |           </li>
 82 |           <li class="nav-item">
 83 |             <a class="nav-link" href="signup.html">Signup</a>
 84 |           </li>
 85 |         </ul>
 86 |       </div>
 87 |     </div>
 88 |   </nav>
 89 |   
 90 | <body>
 91 | 
 92 |   <div class="about-container">
 93 |     <h1>About Serene Space</h1>
 94 |     <p>
 95 |       At <strong>Serene Space</strong>, we believe that design speaks louder than words. Our platform connects interior designers and architects with design enthusiasts, dreamers, and homeowners who seek elegance, charm, and soul in their spaces.
 96 |     </p>
 97 | 
 98 |     <h3>Our Mission</h3>
 99 |     <p>
100 |       To create a serene and sophisticated online space where creativity meets opportunity. We want to simplify the process of finding the perfect designer by showcasing portfolios that reflect individuality and innovation.
101 |     </p>
102 | 
103 |     <h3>Our Vision</h3>
104 |     <p>
105 |       We envision a world where good design is accessible, appreciated, and personalized. Whether you're looking for a minimalist haven or a maximalist masterpiece, Serene Space brings your vision to life by connecting you with the right creative minds.
106 |     </p>
107 | 
108 |     <div class="journey-box">
109 |       <h3>Our Journey</h3>
110 |       <p>
111 |         Founded in 2025 by a group of design-lovers and tech dreamers, Serene Space started as a passion project and bloomed into a community of creators and clients. From virtual showcases to real-time bookings, we've built more than a site — we've built a home for design.
112 |       </p>
113 |     </div>
114 |   </div>
115 | 
116 | </body>
117 | <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
118 |     <div class="container-fluid">
119 |       <a class="navbar-brand" href="index.html">Serene Space</a>
120 |       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
121 |         <span class="navbar-toggler-icon"></span>
122 |       </button>
123 |       
124 |       <div class="collapse navbar-collapse" id="navbarNavDropdown">
125 |         <ul class="navbar-nav ms-auto">
126 |           <li class="nav-item">
127 |             <a class="nav-link" href="index.html">Home</a>
128 |           </li>
129 |           <li class="nav-item">
130 |             <a class="nav-link" href="designers.html">Designers</a>
131 |           </li>
132 |           <li class="nav-item">
133 |             <a class="nav-link" href="designs.html">Design Gallery</a>
134 |           </li>
135 |           <li class="nav-item">
136 |             <a class="nav-link" href="profile.html">Profiles</a>
137 |           </li>
138 |           <li class="nav-item">
139 |             <a class="nav-link" href="testimonials.html">Testimonials</a>
140 |           </li>
141 |           <li class="nav-item">
142 |             <a class="nav-link" href="categories.html">Styles</a>
143 |           </li>
144 |           <li class="nav-item">
145 |             <a class="nav-link" href="booking.html">Booking</a>
146 |           </li>
147 |           <li class="nav-item">
148 |             <a class="nav-link" href="contact.html">Contact</a>
149 |           </li>
150 |           <li class="nav-item">
151 |             <a class="nav-link" href="about.html">About</a>
152 |           </li>
153 |           <li class="nav-item">
154 |             <a class="nav-link" href="login.html">Login</a>
155 |           </li>
156 |           <li class="nav-item">
157 |             <a class="nav-link" href="signup.html">Signup</a>
158 |           </li>
159 |         </ul>
160 |       </div>
161 |     </div>
162 |   </nav>
163 |   
164 | </html>
165 | 


--------------------------------------------------------------------------------