REPOSNW/index.html at main · Sanchit07-dev/REPOSNW · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cozy Spaces | Interior Design Inspiration</title>
  <style>
    body {
      margin: 0;
      font-family: "Poppins", sans-serif;
      background-color: #faf9f6;
      color: #333;
      line-height: 1.6;
    }

    /* Sticky Navbar */
    nav {
      position: sticky;
      top: 0;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      display: flex;
      justify-content: center;
      gap: 40px;
      padding: 15px 0;
      z-index: 1000;
    }

    nav a {
      text-decoration: none;
      color: #333;
      font-weight: 600;
      transition: color 0.3s ease;
    }

    nav a:hover {
      color: #b88746;
    }

    .container {
      max-width: 900px;
      margin: 40px auto;
      padding: 0 20px;
    }

    h1 {
      text-align: center;
      color: #b88746;
      font-size: 2.5em;
      margin-bottom: 10px;
    }

    p.intro {
      text-align: center;
      font-size: 1.1em;
      color: #555;
      margin-bottom: 40px;
    }

    .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
    }

    .gallery img {
      width: 100%;
      border-radius: 10px;
      object-fit: cover;
      transition: transform 0.3s ease;
    }

    .gallery img:hover {
      transform: scale(1.03);
    }

    .section {
      margin-top: 50px;
    }

    footer {
      text-align: center;
      padding: 20px;
      background-color: #fff;
      color: #777;
      margin-top: 60px;
      font-size: 0.9em;
      border-top: 1px solid #eee;
    }
  </style>
</head>
<body>

  <nav>
    <a href="#">Home</a>
    <a href="#">Ideas</a>
    <a href="#">Contact</a>
  </nav>

  <div class="container">
    <h1>Cozy Spaces</h1>
    <p class="intro">
      Everyone deserves a space that feels like home — warm, inviting, and perfectly “you.”
      Here are some of our favorite interior design ideas to spark your inspiration.
    </p>

    <div class="gallery">
      <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c" alt="Modern living room with cozy lighting">
      <img src="https://i.pinimg.com/1200x/12/2c/45/122c45831e75935574afe7a3163f626a.jpg" alt="Minimalist bedroom design">
      <img src="https://i.pinimg.com/1200x/fc/dd/a2/fcdda28bcb27ad623f7cfad1e9fa0689.jpg" alt="Elegant dining area">
      <img src="https://i.pinimg.com/1200x/4e/ea/46/4eea46cbb42e697d1018b3e62e3ff92c.jpg" alt="Rustic kitchen interior">
      <img src="https://i.pinimg.com/736x/2e/1e/41/2e1e41ca7e199654913cf13d0c9ac614.jpg" alt="Cozy reading nook by the window">
    </div>

    <div class="section">
      <h2>Design that Feels Personal</h2>
      <p>
        Interior design isn’t just about picking colors and furniture — it’s about emotion.
        A soft rug under your feet on a rainy morning. The way sunlight spills over your desk.
        The scent of wood and coffee blending in your living room.
        Every small detail makes your space uniquely yours.
      </p>
    </div>

    <div class="section">
      <h2>Our Approach</h2>
      <p>
        We believe in designs that breathe — spaces that balance functionality with comfort.
        Whether it’s a modern city apartment or a countryside retreat,
        our goal is to create rooms that tell a story — your story.
      </p>
    </div>
  </div>

  <footer>
    © 2025 Cozy Spaces — Made with ❤️ and a love for beautiful homes.
  </footer>

</body>
</html>