-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
414 lines (412 loc) · 25.6 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
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Assignment 3 </title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/>
<script src="https://kit.fontawesome.com/77ba82d986.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Manrope:[email protected]&display=swap" rel="stylesheet">
<style>
.manrope-font {
font-family: "Manrope";
}
.background {
background-image: url("./Images/bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.banner-background {
background-image: linear-gradient(#FFFFFF, #FFFFFF00);
}
</style>
</head>
<body class="manrope-font">
<header class="container mx-auto banner-background">
<!-- Navber -->
<nav class="navbar bg-base-100 justify-between my-9">
<div class="navbar-start flex gap-4 items-center">
<button class="flex gap-2" href="">
<div class="bg-[#ABEF5F] rounded-full p-4">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<a href="" class="text-5xl font-bold"> Rinterio </a>
</button>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Home </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Services </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Portfolio </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Blogs </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Contact Us </a> </li>
</ul>
</div>
<div class="navbar-end hidden lg:flex">
<div class="menu menu-horizontal gap-4">
<a href=""><i class="fa-solid fa-magnifying-glass bg-white rounded-full p-3 border-2 md:block sm:hidden"></i></a>
<a href=""><i class="fa-solid fa-cart-shopping bg-white rounded-full p-3 border-2 md:block sm:hidden"></i></a>
<button class="btn rounded-full bg-[#ABEF5F] hover:bg-[#ABEF5F]">
<h1 class="text-lg"> Book Consult </h1>
<div class="bg-black rounded-full p-3">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</button>
</div>
</div>
<div class="dropdown lg:hidden flex">
<div tabindex="0" role="button" class="btn btn-ghost">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block h-5 w-5 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"> </path>
</svg>
</div>
<ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Home </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Services </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Portfolio </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Blogs </a> </li>
<li class="text-slate-500 hover:text-black text-xl font-semibold"> <a href=""> Contact Us </a> </li>
</ul>
</div>
</nav>
<!-- Banner -->
<div class="flex flex-col gap-6 items-center justify-center text-center space-y-6 mb-28">
<img class="w-1/2" src="./Images/banner.png" alt="">
<h1 class="text-7xl font-extrabold lg:w-[1200px] text-wrap"> A barn house of this design has a striking appearance </h1>
<p class="text-xl opacity-80 lg:w-[1000px] text-wrap"> Welcome to our world of innovative design, where every space tells a story of elegance and comfort. </p>
<button class="btn rounded-full bg-[#ABEF5F80]">
<h1 class="text-lg"> View Details </h1>
<div class="bg-[#ABEF5F] rounded-full p-3">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</button>
</div>
</header>
<main>
<!-- About Us Section -->
<section class="space-y-24 bg-stone-100 py-24 lg:px-24 px-4">
<div class="container mx-auto">
<img src="./Images/Vector.png" alt="">
<div class="flex lg:flex-row flex-col design-section items-center justify-between px-6 pt-2">
<div class="md:w-1/2 w-full flex flex-col gap-6 lg:items-start items-center">
<button class="btn rounded-full bg-white"> <i class="fa-solid fa-arrow-right-long"></i> <p class="text-lg"> About Us </p> </button>
<h1 class="text-5xl font-extrabold lg:text-start text-center"> We design thoughtful, liveable spaces </h1>
<p class="text-xl text-[#494949] lg:text-start text-center"> At the heart of our philosophy lies a commitment to crafting spaces that not only reflect your lifestyle but also inspire creativity and joy. </p>
<div class="flex items-center gap-4 bg-white rounded-2xl p-6">
<div class="">
<img src="./Images/commercial.png" alt="">
</div>
<div class="space-y-2">
<h2 class="text-2xl font-bold"> Commercial </h2>
<p class="text-md text-[#494949]"> We specialize in creating cutting-edge commercial spaces that drive success and reflect the unique identity of your brand. </p>
</div>
</div>
<div class="flex items-center gap-4 bg-white rounded-2xl p-6">
<div class="">
<img src="./Images/residential.png" alt="">
</div>
<div class="space-y-2">
<h2 class="text-2xl font-bold"> Residential </h2>
<p class="text-md text-[#494949]"> Our residential designs are crafted to offer a perfect balance between comfort and luxury, turning houses into cherished homes. </p>
</div>
</div>
</div>
<div class="md:w-1/2 w-full flex justify-end items-end">
<img src="./Images/Rectangle.png" alt="">
</div>
</div>
</div>
<div class="container mx-auto bg-white grid lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-1 rounded-3xl gap-6 p-10">
<div class="flex flex-col gap-4 text-center justify-center items-center">
<img src="./Images/comment-01.png" alt="" class="">
<h1 class="text-3xl font-bold"> 235+ </h1>
<p class=""> Happy Client Review </p>
</div>
<div class="flex flex-col gap-4 text-center justify-center items-center">
<img src="./Images/departement.png" alt="" class="">
<h1 class="text-3xl font-bold"> 50+ </h1>
<p class=""> Work Departments </p>
</div>
<div class="flex flex-col gap-4 text-center justify-center items-center">
<img src="./Images/user-multiple.png" alt="" class="">
<h1 class="text-3xl font-bold"> 30k+ </h1>
<p class=""> Our Happy Client </p>
</div>
<div class="flex flex-col gap-4 text-center justify-center items-center">
<img src="./Images/Group.png" alt="" class="">
<h1 class="text-3xl font-bold"> 307+ </h1>
<p class=""> Staff Members </p>
</div>
</div>
</section>
<!-- How we works Section -->
<section class="space-y-24 bg-stone-100 py-24 lg:px-16 px-4">
<div class="container mx-auto space-y-6 px-10">
<div class="flex flex-col gap-6 items-center text-center justify-center">
<button class="btn rounded-full bg-white"> <i class="fa-solid fa-arrow-right-long"></i> <p class="text-xl"> How we works </p> </button>
<h1 class="text-5xl font-extrabold text-center"> Our Works Process </h1>
<p class="text-xl opacity-80 text-center text-wrap w-full lg:w-1/2"> Our design process is a seamless journey from concept to completion, ensuring that every detail is tailored to your needs. </p>
</div>
<div class="grid lg:grid-cols-4 md:grid-cols-2 grid-cols-1 gap-6">
<div class="bg-[#E7C1D3] space-y-3 rounded-2xl p-10">
<img src="./Images/concept.png" alt="">
<h3 class="text-2xl font-bold"> Concept </h3>
<p class="text-md opacity-80"> Every great design begins with a strong concept, where creativity meets functionality. </p>
</div>
<div class="bg-[#EFDA6E] space-y-3 rounded-2xl p-10">
<img src="./Images/flow-chart.png" alt="">
<h3 class="text-2xl font-bold"> Design Process </h3>
<p class="text-md opacity-80"> Our meticulous design process ensures that every element aligns with your vision and lifestyle. </p>
</div>
<div class="bg-[#A4DAC3] space-y-3 rounded-2xl p-10">
<img src="./Images/Supervision.png" alt="">
<h3 class="text-2xl font-bold"> Supervision </h3>
<p class="text-md opacity-80"> We oversee every step of the project, ensuring that the execution meets our high standards of quality. </p>
</div>
<div class="bg-[#77AAEA] space-y-3 rounded-2xl p-10">
<img src="./Images/budget-planning.png" alt="">
<h3 class="text-2xl font-bold"> Budget Planning </h3>
<p class="text-md opacity-80"> Transparent budget planning is at the core of our process, providing you with a clear roadmap to your dream space. </p>
</div>
</div>
</div>
</section>
<!-- Our Latest Portfolio -->
<section class="items-center justify-center flex flex-col py-20 space-y-6 lg:px-24 px-4">
<div class="text-center flex flex-col justify-center items-center space-y-6">
<button class="btn rounded-full bg-[#ABEF5F33]"> <i class="fa-solid fa-arrow-right-long"></i> <p class="text-xl"> Let’s Connect </p> </button>
<h2 class="text-5xl font-extrabold">Our Latest Portfolio</h2>
<p class="text-xl opacity-80 w-[300px] lg:w-[700px]"> Take a look at our portfolio, where we turn visions into reality with stunning attention to detail and craftsmanship. </p>
</div>
<div>
<div class="flex flex-col lg:flex-row gap-5">
<div class="flex flex-col lg:flex-row items-center gap-6 border-2 w-[400px] lg:w-full border-slate-200 p-6 rounded-2xl">
<div>
<img class="w-[400px] " src="./Images/img1.png" alt="">
</div>
<div class="w-[300px] lg:w-[700px] space-y-5">
<h3 class="font-bold text-3xl"> Commercial </h3>
<p class="opacity-80 text-xl"> Our portfolio showcases a range of commercial projects that exemplify innovation and functionality. </p>
<button class="flex gap-2 items-center" href="">
<div class="bg-[#ABEF5F] rounded-full p-3">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<a href="" class="text-2xl font-bold"> View Details </a>
</button>
</div>
</div>
<div class="border-2 border-slate-200 flex justify-center p-6 rounded-2xl">
<img src="./Images/img2.png" class="w-[400px]" alt="">
</div>
<div class="border-2 border-slate-200 flex justify-center p-6 rounded-2xl lg:hidden">
<img src="./Images/img5.png" class="w-[400px]" alt="">
</div>
</div>
<div class="flex flex-col lg:flex-row gap-5 mt-5">
<div class="border-2 order-2 border-slate-200 flex justify-center p-6 rounded-2xl">
<img src="./Images/img3.png" class="w-[400px]" alt="">
</div>
<div class="flex lg:order-2 flex-col lg:flex-row items-center gap-6 border-2 border-slate-200 p-6 rounded-2xl lg:w-[1000px]">
<div>
<img class="w-[400px]" src="./Images/img4.png" alt="">
</div>
<div class="w-[300] lg:w-[400px] space-y-4">
<h3 class="font-bold text-3xl"> Residential </h3>
<p class="text-xl opacity-80"> Explore our residential works, where we bring elegance and comfort to life in every project. </p>
<button class="flex gap-2 items-center" href="">
<div class="bg-[#ABEF5F] rounded-full p-3">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<a href="" class="text-2xl font-bold"> View Details </a>
</button>
</div>
</div>
<div class="border-2 order-2 lg:order-3 border-slate-200 flex justify-center p-6 rounded-2xl">
<img src="./Images/img5.png" class="w-[400px]" alt="">
</div>
</div>
</div>
</section>
<!-- Rinterio News Section -->
<section class="py-20 bg-stone-100 lg:px-20 px-4 connect-section space-y-6">
<div class="container mx-auto px-10 space-y-8">
<div class="text-center flex flex-col justify-center items-center space-y-6">
<button class="btn rounded-full bg-[#ABEF5F33]"> <i class="fa-solid fa-arrow-right-long"></i> <p class="text-xl"> Rinterio News </p> </button>
<h2 class="text-5xl font-extrabold"> Read Our Articles and News </h2>
<p class="text-xl opacity-80 w-[300px] lg:w-[700px]"> Stay updated with the latest trends and insights in design, as we share our expertise and industry knowledge. </p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="p-6 bg-gray-50 shadow-lg rounded-2xl space-y-4 border-2 border-slate-200">
<div>
<img class="w-full" src="./Images/article1.png" alt="">
</div>
<div class="flex items-center gap-2 opacity-80">
<i class="fa-regular fa-calendar"></i>
<p class=""> July14, 2024 </p>
<i class="fa-regular fa-circle-user"></i>
<p class=""> By Admin </p>
</div>
<h1 class="font-extrabold text-2xl"> How to choose the furniture right of your home. </h1>
<p class="text-md opacity-80"> Discover the latest trends in interiorbr design and how they can transform your spaces. </p>
<button class="flex gap-2 justify-center items-center" href="">
<a href="" class="text-xl font-bold"> Read More </a>
<div class="bg-[#ABEF5F] rounded-full p-2">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</button>
</div>
<div class="p-6 bg-gray-50 shadow-lg rounded-2xl space-y-4 border-2 border-slate-200">
<div>
<img class="w-full" src="./Images/article2.png" alt="">
</div>
<div class="flex items-center gap-2 opacity-80">
<i class="fa-regular fa-calendar"></i>
<p class=""> July14, 2024 </p>
<i class="fa-regular fa-circle-user"></i>
<p class=""> By Admin </p>
</div>
<h1 class="font-extrabold text-2xl"> How to choose the furniture right of your home. </h1>
<p class="text-md opacity-80"> Stay informed with industry news and updates that shape the future of design. </p>
<button class="flex gap-2 justify-center items-center" href="">
<a href="" class="text-xl font-bold"> Read More </a>
<div class="bg-[#ABEF5F] rounded-full p-2">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</button>
</div>
<div class="p-6 bg-gray-50 shadow-lg rounded-2xl space-y-4 border-2 border-slate-200">
<div>
<img class="w-full" src="./Images/article3.png" alt="">
</div>
<div class="flex items-center gap-2 opacity-80">
<i class="fa-regular fa-calendar"></i>
<p class=""> July14, 2024 </p>
<i class="fa-regular fa-circle-user"></i>
<p class=""> By Admin </p>
</div>
<h1 class="font-extrabold text-2xl"> How to choose the furniture right of your home. </h1>
<p class="text-md opacity-80"> Get inspired by our latest projects and insights from our team of expert designers. </p>
<button class="flex gap-2 justify-center items-center" href="">
<a href="" class="text-xl font-bold"> Read More </a>
<div class="bg-[#ABEF5F] rounded-full p-2">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</button>
</div>
</div>
</div>
</section>
<!-- Our Service Section -->
<section class="py-20 bg-stone-100 lg:px-20 px-4 connect-section space-y-6">
<div class="container mx-auto text-center px-10">
<h2 class="text-5xl font-bold mb-7"> Our Services </h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="p-6 bg-gray-50 shadow-lg rounded-2xl space-y-4 border-2 border-slate-200">
<div class="">
<img class="w-full h-[250px] rounded-2xl" src="./Images/service-1.jpg" alt="">
</div>
<h3 class="font-extrabold text-2xl"> Interior Design </h3>
<p class="text-md opacity-80"> We create stunning interiors that combine style with functionality. </p>
</div>
<div class="p-6 bg-gray-50 shadow-lg rounded-2xl space-y-4 border-2 border-slate-200">
<div class="">
<img class="w-full h-[250px] rounded-2xl" src="./Images/Servise-2.jpg" alt="">
</div>
<h3 class="font-extrabold text-2xl"> Exterior Design </h3>
<p class="text-md opacity-80"> Our exterior designs enhance curb appeal and reflect your personal taste. </p>
</div>
<div class="p-6 bg-gray-50 shadow-lg rounded-2xl space-y-4 border-2 border-slate-200">
<div class="">
<img class="w-full h-[250px] rounded-2xl" src="./Images/Service-3.jpg" alt="">
</div>
<h3 class="font-extrabold text-2xl"> Project Management </h3>
<p class="text-md opacity-80"> We oversee the entire process from concept to completion, ensuring a seamless experience. </p>
</div>
</div>
</div>
</section>
<!-- Let’s Discuss Next Project -->
<section class="py-20 lg:px-64 px-4 connect-section space-y-6 background">
<div class="text-center flex flex-col justify-center items-center space-y-6">
<button class="btn rounded-full bg-[#ABEF5F33]"> <i class="fa-solid fa-arrow-right-long"></i> <p class="text-xl"> Let’s Connect </p> </button>
<h2 class="text-5xl font-extrabold"> Let’s Discuss Next Project </h2>
<p class="text-[#494949] text-lg w-[300px] lg:w-[700px]"> We’re here to help you bring your vision to life. Get in touch with us to start your design journey today. </p>
</div>
<div class="container mx-auto space-y-8">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<input class="px-5 py-4 rounded-full" type="text" placeholder="First Name*">
<input class="px-5 py-4 rounded-full" type="number" placeholder="Phone Number*">
<input class="px-5 py-4 rounded-full" type="text" placeholder="Last Name*">
<input class="px-5 py-4 rounded-full" type="email" placeholder="Enter Email*">
</div>
<textarea rows="5" cols="40" class="w-full p-6 h-48 rounded-2xl" placeholder="Write your message here"></textarea>
<button class="btn rounded-full w-full bg-[#ABEF5F]">
<h1 class="text-xl font-bold"> Send Mail </h1>
<div class="bg-black rounded-full p-2">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</button>
</div>
</section>
</main>
<footer class="bg-[#1C1C1C] flex flex-col items-center justify-center text-center py-[100px] gap-7">
<button class="flex gap-2 justify-center items-center" href="">
<div class="bg-[#ABEF5F] rounded-full p-3">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#1C1C1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<a href="" class="text-[#E9E9E9] text-4xl font-bold"> Rinterio </a>
</button>
<p class="text-[#737373] text-wrap lg:w-[800px]">Join our community and stay connected with the latest updates and exclusive offers. Your dream space is just a click away.</p>
<ul class="menu menu-horizontal flex gap-8">
<li class="text-[#E9E9E9] text-xl font-semibold"> <a href=""> Home </a> </li>
<li class="text-[#E9E9E9] text-xl font-semibold"> <a href=""> Services </a> </li>
<li class="text-[#E9E9E9] text-xl font-semibold"> <a href=""> Portfolio </a> </li>
<li class="text-[#E9E9E9] text-xl font-semibold"> <a href=""> Blogs </a> </li>
<li class="text-[#E9E9E9] text-xl font-semibold"> <a href=""> Contact Us </a> </li>
</ul>
<button class="btn rounded-full bg-[#ABEF5F] hover:bg-[#ABEF5F]">
<h1 class="text-lg font-bold"> Book Consult </h1>
<div class="bg-black rounded-full p-2">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.007 2.05932L1.0033 13.0557" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/>
<path d="M6.00728 1.18866C6.00728 1.18866 11.6409 0.715645 12.4957 1.57084C13.3503 2.42604 12.8734 8.05944 12.8734 8.05944" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</button>
</footer>
</body>
</html>