-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
488 lines (433 loc) · 30 KB
/
index.html
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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
<title>Document</title>
</head>
<body class="bg-gray-200">
<style>
html{
scroll-behavior: smooth;
}
.Header-bg{
background-image: url(b40.jpg);
height: 700px;
}
.Bg-Text{
font-size: 100px;
font-weight: 600;
font-family: sans-serif;
margin-top: 200px;
margin-left: 450px;
letter-spacing: 15px;
}
@media (max-width: 425px) and(min-width: 325px) {
.Bg-Text{
font-size: 1px;
}
}
</style>
<!-- ----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- -->
<div class="Header-bg">
<header class="text-white body-font " >
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
<!-- <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 text-white p-2 bg-yellow-500 rounded-full" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
</svg> -->
<span class="ml-3 text-xl">MM-Interia</span>
</a>
<nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center">
<a class="mr-5 hover:text-gray-900">Home</a>
<a class="mr-5 hover:text-gray-900" onclick="ScrollAbout()">About Us</a>
<a class="mr-5 hover:text-gray-900" onclick="ScrollServices()">Services</a>
<a class="mr-5 hover:text-gray-900" onclick="ScrollProcess()">Our Process</a>
<a class="mr-5 hover:text-gray-900" onclick="ScrollPortfolio()">Portfolio</a>
<a class="mr-5 hover:text-gray-900" onclick="ScrollContact()">Contact Us</a>
</nav>
</div>
</header>
</div>
<!-- ----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- -->
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="flex flex-wrap -mx-4 mt-auto mb-auto lg:w-1/2 sm:w-2/3 content-start sm:pr-10">
<div class="w-full sm:p-4 px-4 mb-6">
<h1 class="title-font font-medium text-4xl mb-2 text-gray-900">GROW & SUCCEED</h1>
<div class="leading-relaxed">We are one of the best interior designers in Gurgaon involved in offering the turnkey solutions, with our state of the art fabrication unit spread over 6,000 sq.ft.</div>
</div>
<div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2">
<h2 class="title-font font-medium text-3xl text-gray-900">220+</h2>
<p class="leading-relaxed">Projects</p>
</div>
<div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2">
<h2 class="title-font font-medium text-3xl text-gray-900">50k</h2>
<p class="leading-relaxed">Hours Of Work</p>
</div>
<div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2">
<h2 class="title-font font-medium text-3xl text-gray-900">160+</h2>
<p class="leading-relaxed">Turnkey Solutions</p>
</div>
<div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2">
<h2 class="title-font font-medium text-3xl text-gray-900">6500+</h2>
<p class="leading-relaxed">Area Covered</p>
</div>
</div>
<div class="lg:w-1/2 sm:w-1/3 w-full rounded-lg overflow-hidden mt-6 sm:mt-0">
<img class="object-cover object-center w-full h-full" src="b34.jpg" alt="stats">
</div>
</div>
</section>
<!-- ----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- -->
<section class="text-gray-600 body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">Best Interior Designs
<br class="hidden lg:inline-block">IN GURUGRAM
</h1>
<p class="mb-8 leading-relaxed">INTERIOR DESIGN is making the best possible use of the available space. With years of experience, Matter of Space is a multidisciplinary Architectural & Interior Designing Studio, specializing in premium Residential, Commercial and Hotel Interiors. Strictly believing that the Design is not for philosophy, it’s for LIFE, we don’t follow any particular STYLE or CONCEPT; rather, we transform spaces from our client’s perspective, giving them the spaces where Science & Art break even. Beautifully designed spaces are an extension of its dweller’s personality and lifestyle. Matter of Space defines style and innovation through its designs and interior setups. Giving Complexes, be it HOME interiors or OFFICE</p>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" alt="hero" src="B2.jpg">
</div>
</div>
</section>
<section class="text-gray-600 body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">There are three responses to a piece of design-
<br class="hidden lg:inline-block">
</h1>
<p class="mb-8 leading-relaxed"> YES, NO and WOW!
WOW! is what we aim for –
A sturdy team of Architects and Designers offer different perspective and provide flexible solutions that are versatile and resonate with the clients’ needs. Usability is about people and how they understand and use things, not about technology. With proficiency in the fields of Project Management, Interior Designing, Design Consultancy, Customized Furniture and Artworks, Matter of Space is a one-stop shop for Designs and Spaces.
For every home, interior design plays an important role. Home decoration always takes place effectively by installing high-quality interior designs. With the help of professional interior designers Gurgaon, your home looks great and elegant as well. It makes sure to add style and depends on the requirements. Designs must be applicable for homeowners to fix it on their minds. The interior designs are nothing, but it makes your space more appealing as well. The designed spaces are a superb option to give hassle-free solutions. It will fit your lifestyle and consider the matter of your space. However, home interior or office interiors must pick well depending on the requirements. It ensures a good role and identifies the results easier. Of course, the interior designers in Gurgaon are responsible for making your premises classy and trendy. It gives a risk-free experience to make your premises attractive forever.</p>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" alt="hero" src="b25.jpg">
</div>
</div>
</section>
<!-- ----------------------------------------------------------------------------------------------------------------
-->
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-col">
<div class="h-1 bg-gray-200 rounded overflow-hidden">
<div class="w-24 h-full bg-rose-500"></div>
</div>
<div class="flex flex-wrap sm:flex-row flex-col py-6 mb-12">
<h1 class="sm:w-2/5 text-gray-900 font-medium title-font text-2xl mb-2 sm:mb-0">WHAT WE DO</h1>
<p class="sm:w-3/5 leading-relaxed text-base sm:pl-10 pl-0">"Unlock the full potential of your space with our expert home interior designers. Let us bring your vision to life with skill, creativity, and unmatched expertise."</p>
</div>
</div>
<div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full" src="Kitchen7.jpg">
</div>
<h2 class="text-xl font-medium title-font text-gray-900 mt-5">KITCHEN</h2>
<p class="text-base leading-relaxed mt-2">Plan your dream kitchen
Are you dreaming of a beautiful and functional kitchen at an affordable price? Get your kitchen, your way MM INTERIA.</p>
<a class="text-yellow-600 inline-flex items-center mt-3" target="_blank" href="Kitchen.html">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full" src="Ward1.jpg">
</div>
<h2 class="text-xl font-medium title-font text-gray-900 mt-5"></h2>WARDROBE
<p class="text-base leading-relaxed mt-2">From the size and design of the frame to the knobs and handles on the doors, you decide it all. Get the number and type of shelves, drawers, and organisers you need, depending on the clothes and items you want to store.</p>
<a class="text-yellow-600 inline-flex items-center mt-3" target="_blank" href="Wardrobe.html">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full" src="Flooring2.jpg" >
</div>
<h2 class="text-xl font-medium title-font text-gray-900 mt-5">Flooring</h2>
<p class="text-base leading-relaxed mt-2">Transform your space with new flooring from The Artify Interio. Whether you are looking for carpet for the family room, we have you covered with high quality flooring options for every room.</p>
<a class="text-yellow-600 inline-flex items-center mt-3" target="_blank" href="Flooring.html">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</section>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap -mx-4 -mb-10 text-center">
<div class="sm:w-1/2 mb-10 px-4">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full" src="false.jpeg">
</div>
<h2 class="title-font text-2xl font-medium text-gray-900 mt-6 mb-3">FALSE CEILING</h2>
<p class="leading-relaxed text-base">We are professional False Ceiling Contractors offering office pop, gypsum false ceiling design services and get bedroom, hall, kitchen false ceiling at affordable prices.</p>
<a class="text-yellow-600 inline-flex items-center mt-3" target="_blank" href="FalseCeiling.html">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
<div class="sm:w-1/2 mb-10 px-4">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full" src="Furniture4.jpg">
</div>
<h2 class="title-font text-2xl font-medium text-gray-900 mt-6 mb-3">FURNITURE</h2>
<p class="leading-relaxed text-base">We offer a wide range of furniture right from beds, wardrobe, centre table, dining to chair. At our store, you will come across an outstanding range of wooden furniture that is sure to meet your exact requirements as well as style. </p>
<a class="text-yellow-600 inline-flex items-center mt-3" target="_blank" href="Furniture.html">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</section>
<!-- ---------------------------------------------------------------------------------------------------------------- -->
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="flex w-full mb-20 flex-wrap">
<h1 class="sm:text-3xl text-2xl font-medium title-font text-gray-900 lg:w-1/3 lg:mb-0 mb-4">Our Portfolio</h1>
<p class="lg:pl-6 lg:w-2/3 mx-auto leading-relaxed text-base">MM Interia stands tall with an impressive portfolio, reflecting our exceptional capabilities. From breathtaking residential designs to awe-inspiring commercial spaces, our team's expertise shines through. With an unwavering commitment to quality and innovation, we consistently exceed expectations, leaving a lasting impression of our unmatched capabilities.</p>
</div>
<div class="flex flex-wrap md:-m-2 -m-1">
<div class="flex flex-wrap w-1/2">
<div class="md:p-2 p-1 w-1/2">
<img alt="gallery" class="w-full object-cover h-full object-center block" src="FR1.jpg">
</div>
<div class="md:p-2 p-1 w-1/2">
<img alt="gallery" class="w-full object-cover h-full object-center block" src="FC1.jpg">
</div>
<div class="md:p-2 p-1 w-full">
<img alt="gallery" class="w-full h-full object-cover object-center block" src="W1.jpeg">
</div>
</div>
<div class="flex flex-wrap w-1/2">
<div class="md:p-2 p-1 w-full">
<img alt="gallery" class="w-full h-full object-cover object-center block" src="K1.jpg">
</div>
<div class="md:p-2 p-1 w-1/2">
<img alt="gallery" class="w-full object-cover h-full object-center block" src="FC2.jpg">
</div>
<div class="md:p-2 p-1 w-1/2">
<img alt="gallery" class="w-full object-cover h-full object-center block" src="Flooring2.jpg">
</div>
</div>
</div>
</div>
</section>
<!-- ---------------------------------------------------------------------------------------------------------------- -->
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="text-center mb-20">
<h1 class="sm:text-3xl text-2xl font-medium text-center title-font text-gray-900 mb-4">OUT CORE VALUES</h1>
<p class="text-base leading-relaxed xl:w-2/4 lg:w-3/4 mx-auto"></p>
</div>
<div class="flex flex-wrap lg:w-4/5 sm:mx-auto sm:mb-2 -mx-2">
<div class="p-2 sm:w-1/2 w-full">
<div class="bg-gray-100 rounded flex p-4 h-full items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="text-yellow-500 w-6 h-6 flex-shrink-0 mr-4" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
<span class="title-font font-medium">QUALITY</span>
</div>
</div>
<div class="p-2 sm:w-1/2 w-full">
<div class="bg-gray-100 rounded flex p-4 h-full items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="text-yellow-500 w-6 h-6 flex-shrink-0 mr-4" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
<span class="title-font font-medium">PROFESSIONALISM</span>
</div>
</div>
<div class="p-2 sm:w-1/2 w-full">
<div class="bg-gray-100 rounded flex p-4 h-full items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="text-yellow-500 w-6 h-6 flex-shrink-0 mr-4" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
<span class="title-font font-medium">PRICE</span>
</div>
</div>
<div class="p-2 sm:w-1/2 w-full">
<div class="bg-gray-100 rounded flex p-4 h-full items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="text-yellow-500 w-6 h-6 flex-shrink-0 mr-4" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
<span class="title-font font-medium">TIME</span>
</div>
</div>
<div class="p-2 sm:w-1/2 w-full">
<div class="bg-gray-100 rounded flex p-4 h-full items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="text-yellow-500 w-6 h-6 flex-shrink-0 mr-4" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
<span class="title-font font-medium">CUSTOMER FOCUS</span>
</div>
</div>
<div class="p-2 sm:w-1/2 w-full">
<div class="bg-gray-100 rounded flex p-4 h-full items-center">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" class="text-yellow-500 w-6 h-6 flex-shrink-0 mr-4" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
<span class="title-font font-medium">INNOVATION</span>
</div>
</div>
</div>
</div>
</section>
<!-- ---------------------------------------------------------------------------------------------------------------- -->
<!-- ---------------------------------------------------------------------------------------------------------------- -->
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="flex flex-wrap w-full">
<div class="lg:w-2/5 md:w-1/2 md:pr-10 md:py-6">
<div class="flex relative pb-12">
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 inline-flex items-center justify-center text-white relative z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-gray-900 mb-1 tracking-wider">STEP 1</h2>
<p class="leading-relaxed"> Consultation: We meet with clients to understand their needs, budget, and vision.</p>
</div>
</div>
<div class="flex relative pb-12">
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 inline-flex items-center justify-center text-white relative z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-gray-900 mb-1 tracking-wider">STEP 2</h2>
<p class="leading-relaxed">Design Development: Our skilled team creates customized design plans, selecting materials, furniture, and colors.</p>
</div>
</div>
<div class="flex relative pb-12">
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 inline-flex items-center justify-center text-white relative z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<circle cx="12" cy="5" r="3"></circle>
<path d="M12 22V8M5 12H2a10 10 0 0020 0h-3"></path>
</svg>
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-gray-900 mb-1 tracking-wider">STEP 3</h2>
<p class="leading-relaxed">Presentation & Feedback: We present 3D renderings and samples, encouraging open communication and incorporating client feedback.</p>
</div>
</div>
<div class="flex relative pb-12">
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-200 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 inline-flex items-center justify-center text-white relative z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-gray-900 mb-1 tracking-wider">STEP 4</h2>
<p class="leading-relaxed">Implementation & Management: Our team manages logistics, scheduling, and coordinates tasks for a smooth project execution.</p>
</div>
</div>
<div class="flex relative">
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 inline-flex items-center justify-center text-white relative z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-gray-900 mb-1 tracking-wider">FINISH</h2>
<p class="leading-relaxed">Final Touches & Completion: We add finishing touches, install fixtures, arrange furniture, and conduct a final walkthrough to ensure client satisfaction.</p>
</div>
</div>
</div>
<img class="lg:w-3/5 md:w-1/2 object-cover object-center rounded-lg md:mt-0 mt-12" src="process.jpg" alt="step">
</div>
</div>
</section>
<!-- ---------------------------------------------------------------------------------------------------------------- -->
<section class="text-gray-600 body-font relative">
<div class="absolute inset-0 bg-gray-300">
<iframe width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" title="map" scrolling="no" src="https://maps.google.com/maps?width=100%&height=600&hl=en&q=%C4%B0zmir+(My%20Business%20Name)&ie=UTF8&t=&z=14&iwloc=B&output=embed" style="filter: grayscale(1) contrast(1.2) opacity(0.4);"></iframe>
</div>
<div class="container px-5 py-24 mx-auto flex">
<div class="lg:w-1/3 md:w-1/2 bg-white rounded-lg p-8 flex flex-col md:ml-auto w-full mt-10 md:mt-0 relative z-10 shadow-md">
<h2 class="text-gray-900 text-lg mb-1 font-medium title-font">Contact Us</h2>
<p class="leading-relaxed mb-5 text-gray-600">"Reach out to us and let your dreams unfold."</p>
<div class="relative mb-4">
<label for="email" class="leading-7 text-sm text-gray-600">Email</label>
<input type="email" id="email" name="email" class="w-full bg-white rounded border border-gray-300 focus:border-yellow-500 focus:ring-2 focus:ring-yellow-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out">
</div>
<div class="relative mb-4">
<label for="message" class="leading-7 text-sm text-gray-600">Message</label>
<textarea id="message" name="message" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"></textarea>
</div>
<button class="text-white bg-yellow-500 border-0 py-2 px-6 focus:outline-none hover:bg-yellow-600 rounded text-lg">Submit</button>
<p class="text-xs text-gray-500 mt-3">MM INTERIA : A Mark Of Perfection</p>
</div>
</div>
</section>
<!-- ---------------------------------------------------------------------------------------------------------------- -->
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="xl:w-1/2 lg:w-3/4 w-full mx-auto text-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="inline-block w-8 h-8 text-gray-400 mb-8" viewBox="0 0 975.036 975.036">
<path d="M925.036 57.197h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.399 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l36 76c11.6 24.399 40.3 35.1 65.1 24.399 66.2-28.6 122.101-64.8 167.7-108.8 55.601-53.7 93.7-114.3 114.3-181.9 20.601-67.6 30.9-159.8 30.9-276.8v-239c0-27.599-22.401-50-50-50zM106.036 913.497c65.4-28.5 121-64.699 166.9-108.6 56.1-53.7 94.4-114.1 115-181.2 20.6-67.1 30.899-159.6 30.899-277.5v-239c0-27.6-22.399-50-50-50h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.4 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l35.9 75.8c11.601 24.399 40.501 35.2 65.301 24.399z"></path>
</svg>
<p class="leading-relaxed text-lg">"I cannot express enough how grateful I am for the exceptional service and expertise provided by MM Interia for my home design project. From the moment I reached out to them, their team displayed a remarkable level of professionalism and creativity that truly exceeded my expectations. Their attention to detail and ability to understand my vision resulted in a stunning transformation of my living space. The designers at MM Interia brought a perfect blend of style, functionality, and innovation to every aspect of the project. Not only did they create a beautifully designed home, but they also ensured that it perfectly aligned with my personal preferences and lifestyle. The entire process was seamless, and their commitment to delivering the highest quality of work was evident at every stage. I highly recommend MM Interia to anyone seeking top-notch home designing services. They are truly a class apart!"</p>
<span class="inline-block h-1 w-10 rounded bg-yellow-500 mt-8 mb-6"></span>
<h2 class="text-gray-900 font-medium title-font tracking-wider text-sm">Riya Malhotra</h2>
<p class="text-gray-500">Senior Designer</p>
</div>
</div>
</section>
<script>
function ScrollContact(){
window.scrollBy(0,7050);
}
function ScrollProcess(){
window.scrollBy(0,6200);
}
function ScrollServices(){
window.scrollBy(0,2600);
}
function ScrollPortfolio(){
window.scrollBy(0,4000);
}
function ScrollAbout(){
window.scrollBy(0,8000);
}
</script>
</body>
</html>