CafeLumiere/index.html at main · Divya-Sharma-CSE/CafeLumiere · 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Café Lumière</title>

  <!-- CSS -->
  <link href="style.css" rel="stylesheet">

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=Xanh+Mono:ital@0;1&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Handlee&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Quicksand&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">

</head>

<body>

  <!-- Hero Section -->
  <section class="heropage">
    <!-- Navigation Menu -->
    <nav class="nav">
      <ul class="list-left">
        <li><a href="error.html" class="logo" title="HOME">Café Lumière</a></li>
        <li><a href="error.html">OUR STORY</a></li>
        <li><a href="error.html">SHOP</a></li>
      </ul>
      <ul class="list-right">
        <li><a href="error.html" title="Search">🔍︎</a></li>
        <li><a href="error.html">⚲ STORE LOCATOR</a></li>
        <li><a href="error.html">ACCOUNT</a></li>
        <li><a href="error.html">CART</a></li>
      </ul>
    </nav>

    <div class="hero">
      <img src="two-cups2.png" alt="Two coffee glasses with coffee being poured in one" class="image" />
    </div>
  </section>


  <!-- Best-Sellers Section -->
  <section class="bspage">
    <h2>
      <span class="w1">BREWS &</span> <span class="w2">BITES</span>
    </h2>
    <h3>Customer favourites in every sip and bite</h3>

    <div class="bsgrid">
      <div class="itemcard">
        <div class="badge dessert">Dessert</div>
        <h3>Coffee Panna Cotta</h3>
        <img src="panna.png" alt="Coffee Panna Cotta"/>
        <p>A creamy Italian classic kissed with espresso.</p>
      </div>

      <div class="itemcard">
        <div class="badge coffee">Coffee</div>
        <h3>Caramel Macchiato</h3>
        <img src="machiato.png" alt="Caramel Macchiato"/>
        <p>Velvety espresso with hints of vanilla, topped with golden caramel.</p>
      </div>

      <div class="itemcard">
        <div class="badge tea">Tea</div>
        <h3>Earl Grey Tea</h3>
        <img src="earl.png" alt="Earl Grey Tea"/>
        <p>A timeless blend with citrusy floral notes.</p>
      </div>

      <div class="itemcard">
        <div class="badge tea">Tea</div>
        <h3>Masala Chai</h3>
        <img src="chai.png" alt="Masala Chai"/>
        <p>The aroma of Indian mornings and monsoon evenings.</p>
      </div>

      <div class="itemcard">
        <div class="badge coffee">Coffee</div>
        <h3>Nitro Cold Brew</h3>
        <img src="nitro.png" alt="Nitro Cold Brew"/>
        <p>Cold-brewed to perfection, infused with nitrogen for a naturally creamy finish.</p>
      </div>

      <div class="itemcard">
        <div class="badge dessert">Dessert</div>
        <h3 class="cake">Dark Chocolate Ganache Cake</h3>
        <img src="cake.png" alt="Dark Chocolate Ganache Cake"/>
        <p>Intensely rich dark chocolate cake layered with smooth, glossy ganache.</p>
      </div>
    </div>
  </section>


  <!-- Why Us Section -->
  <section class="why-us">
    <h2>Why Us</h2>
    <h3>What Sets Us Apart</h3>
    <div class="points">
      <div class="point">
        <h3>Naturally Good,<br>from Farm to Fork</h3>
        <p>We believe in food that feels good. That's why we use locally sourced, natural ingredients—free from chemicals and full of flavor.</p>
      </div>

      <div class="point">
        <h3>Kind to the Planet</h3>
        <p>No plastic, no greenwashing—just simple, earth-friendly materials that go back to the ground.</p>
      </div>

      <div class="point">
        <h3>Rooted in Culture,<br>Open to All</h3>
        <p>Whether it's through food, art, or community events,<br>we provide a platform for different communities to share their stories, and traditions.</p>
      </div>


      <div class="point">
        <h3>Mindful of Dietary Needs</h3>
        <p>Vegan, gluten-free, and allergy-friendly options available. Transparency to keep you updated.</p>
      </div>
    </div>

  </section>


 <!-- Footer -->
  <footer class="footer">
    <div class="containers">
      <div class="containters1">
        <div class="logo">
          <img src="logo-f.png" alt="Cafe Logo" class="logo-img"/>
          <p>Brewing happiness, one cup at a time. Visit us for the best coffee in town!</p>
        </div>
      </div>

      <div class="containers2">
        <div class="hours">
          <h3>Opening Hours</h3>
          <ul>
            <li>Mon-Fri: 8am - 9pm</li>
            <li>Sat: Closed</li>
            <li>Sun: 7am - 8pm</li>
          </ul>
        </div>

        <div class="contact">
          <h3>Contact Us</h3>
          <p>123 Brew St, Bean City</p>
          <p>Phone: (123) 456-7890</p>
          <p>Email: hello@cafelumiere.firemail.com</p>
        </div>

        <div class="order">
          <h3>Order and Pick Up</h3>
          <ul>
          <li><a href="error.html">Order on the app</a></li>
          <li><a href="error.html">Order on the web</a></li>
          <li><a href="error.html">Reserve a table</a></li>
          <li><a href="error.html">Delivery</a></li>
          </ul>
        </div>

        <div class="socials">
          <h3>Follow Us</h3>
          <ul>
            <li><a href="error.html">Facebook</a></li>
            <li><a href="error.html">Instagram</a></li>
            <li><a href="error.html">Twitter</a></li>
            <li><a href="error.html">Youtube</a></li>
          </ul>
        </div>

      </div>

    </div>

    <div class="more">
      <a href="error.html" class="item">Home</a>
      <a href="error.html" class="item">Blog</a>
      <a href="error.html" class="item">Privacy Policy</a>
      <a href="error.html" class="item">Terms of use</a>
    </div>

    <div class="bottom">
      <p>&copy; Cafe Lumiere. All rights reserved.</p>
    </div>

  </footer>


</body>
</html>