-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathService-page.html
More file actions
470 lines (429 loc) · 26.1 KB
/
Copy pathService-page.html
File metadata and controls
470 lines (429 loc) · 26.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>service</title>
<link rel="stylesheet" href="CSS/service-page.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<style>
.service-main-banner {
background-image: url("image/service_banner.jpg");
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
height: 75vh;
}
.container-main {
background-image: url('image/multisectorbanner.jpg');
background-color: #111;
background-size: cover;
max-width: 190vh;
padding: 5vh;
margin: 0 10vh;
border-radius: 2vh;
}
</style>
</head>
<body>
<!--NAV-->
<header class="header">
<!-- <img src="image/webuild-icon.png" alt=""> -->
<a href="#" class="logo">We<span>Build</span></a>
<nav class="navbar">
<a href="index.html">home</a>
<a href="Aboutus_page.html">about</a>
<a href="Service-page.html" style="color: #f5bf23;">services</a>
<a href="Project-page.html">projects</a>
<a href="contact.html">contact</a>
</nav>
</header>
<!--Nav-->
<section class="service-main-banner">
<div class="service-banner-outer">
<div class="service-banner-inner">
<h1>OUR SERVICE</h1>
<p>Building Dreams, Crafting Futures</p>
</div>
</div>
</section>
<!--NAV-->
<!-- <nav class="sub-navbar" id="subNavbar">
<a href="#residential">ARCITECTURE</a>
<a href="#commercial">INTERIAL DESIGN</a>
<a href="#industrial">Constructin Consultings</a>
<a href="#industrial">Multi-sector Constructin</a>
<a href="#industrial">renovation and remodeling</a>
<a href="#industrial">building maintaince</a>
</nav> -->
<!--Nav-->
<section class="service-container">
<div class="service-heading">
<h1 class="heading">Our Services</h1>
<h2>The Best Service For You</h2>
</div>
<div class="service-box">
<div class="service-item">
<img src="image/service-page/Multi-section-icon.svg
" alt="Building Construction">
<h3>Multi Sector Construction</h3>
<p>Building construction involves the process of creating structures such as residential, commercial,
and industrial buildings.</p>
<a href="#multi-sector-construction">KNOW MORE</a>
</div>
<div class="service-item">
<img src="image/service-page/renovation-icon.svg" alt="interial desigin">
<h3>Interior design</h3>
<p>Building Tomorrow's Infrastructure, Today: Crafting Comprehensive Solutions Across Residential,
Commercial, and Industrial Landscapes.</p>
<a href="#interial-design">KNOW MORE</a>
</div>
<div class="service-item">
<img src="image/service-page/Architecture-icon.svg" alt="Other Service">
<h3>Architecture design</h3>
<p>Architecture design brings dreams to life through the fusion of art, technology, and functionality.
</p>
<a href="#Architecture-design">KNOW MORE</a>
</div>
</div>
<div class="service-box">
<div class="service-item">
<img src="image/service-page/extra-icon.svg" alt="Building Construction">
<h3>Renovation And Remodeling</h3>
<p>Transforming Spaces, Redefining Comfort: Elevate Your Environment with Renovation and Remodeling
Excellence.</p>
<a href="#renovation-section">KNOW MORE</a>
</div>
<div class="service-item">
<img src="image/service-page/building-maintaince-icon.svg" alt="Material Supply">
<h3>Building Maintenance</h3>
<p>Preserving Your Properties, Ensuring Comfort: Comprehensive Building Maintenance Solutions for Peace
of Mind.</p>
<a href="#Building_maintaince">KNOW MORE</a>
</div>
<div class="service-item">
<img src="image/service-page/construction-consulting-icon.svg" alt="Other Service">
<h3>Construction Consulting</h3>
<p>Guiding Your Vision, Building Excellence: Expert Consulting Services for Seamless Construction
Projects.</p>
<a href="#Construction_consulting">KNOW MORE</a>
</div>
</div>
</section>
<!-- service img-contet -->
<section class="img_content">
<img src="image/service-page/section-content.png" alt="">
</section>
<!-- service img-contet -->
<section class="multi-sector-construction" id="multi-sector-construction">
<div class="container-main">
<h1 class="multi-sector-construction__title">Multi-Sector Construction</h1>
<p class="multi-sector-construction__title-tagline"><span>"</span>Building Excellence across every
Sector<span>"</span></p>
<p class="multi-sector-construction__description">Multi-sector construction firms play a pivotal role in
shaping the urban landscape, contributing to the development of vibrant communities and thriving
economies. With their expertise spanning across residential, commercial, and industrial domains, these
firms are adept at navigating the complexities of diverse projects, from high-rise condominiums to
state-of-the-art manufacturing facilities.
By seamlessly integrating different construction sectors, multi-sector construction companies foster
innovation and collaboration, driving forward the evolution of modern architecture and infrastructure.
Their ability to adapt to changing market dynamics and embrace emerging technologies positions them as
leaders in the construction industry, capable of delivering sustainable and future-ready solutions.
Moreover, multi-sector construction projects often serve as catalysts for economic growth and social
progress, creating employment opportunities, enhancing property values, and improving quality of life
for communities at large. From mixed-use developments that combine residential and commercial spaces to
industrial parks that support local industries, these projects exemplify the transformative power of
multi-sector construction in shaping the built environment.</p>
</div>
<div class="container-content">
<div class="construction-type">
<div class="construction-type__content">
<h1 class="construction-type__title">Residential Construction</h1>
<p class="construction-type__description">
In residential construction, multi-sector construction companies focus on building homes,
apartments, condominiums, and other residential properties. They offer services tailored to the
needs of homeowners, developers, and real estate investors, ensuring quality craftsmanship,
attention to detail, and timely delivery. These companies specialize in custom home
construction, where they build bespoke homes designed to meet the unique preferences and
requirements of individual homeowners.</p>
</div>
<img src="image/service-page/residencial.jpg" alt="Residential Construction"
class="construction-type__image">
</div>
<div class="construction-type-reverse">
<div class="construction-type__content">
<h1 class="construction-type__title">Commercial Construction</h1>
<p class="construction-type__description">In commercial construction, multi-sector construction
firms specialize in constructing office buildings, retail centers, shopping malls, restaurants,
and other commercial properties. They provide comprehensive solutions for commercial projects,
from design and planning to construction management and post-construction services.
By emphasizing transparency, accountability, and client satisfaction, these firms establish
long-lasting partnerships and uphold their reputation for excellence in commercial construction.
</p>
</div>
<img src="image/service-page/commercial.jpg" alt="Commercial Construction"
class="construction-type__image">
</div>
<div class="construction-type">
<div class="construction-type__content">
<h1 class="construction-type__title">Industrial Construction</h1>
<p class="construction-type__description">
Industrial construction projects demand specialized knowledge and experience due to their
complexity and scale. Multi-sector construction companies employ skilled professionals who
understand the intricacies of industrial processes and regulations, ensuring that facilities are
designed and built to meet industry-specific standards and compliance requirements.
They collaborate closely with clients to develop customized solutions that optimize operational
efficiency, maximize productivity, and achieve the desired outcomes for industrial facilities
and infrastructure.</p>
</div>
<img src="image/service-page/industrial.jpg" alt="Industrial Construction"
class="construction-type__image">
</div>
</div>
</section>
<section class="interial-design" id="interial-design">
<div class="interial-design-main">
<div class="interial-conetnt-container">
<h1 class="interial-construction__title"> Interior Design</h1>
<h3 class="interial-title-tagline"> <span>"</span>Crafting spaces creating stores<span>"</span></h3>
<p class="interial-construction__description">
Interior design encompasses the art and science of enhancing interior spaces to create aesthetically
pleasing and functional environments that cater to the needs and preferences of occupants. Interior
designers leverage their creativity, technical expertise, and knowledge of design principles to
transform ordinary spaces into extraordinary settings that reflect the personality, style, and
lifestyle of the inhabitants.
<br><br>
With a keen eye for detail and a deep understanding of spatial planning, color theory, and material
selection, interior designers curate every aspect of an interior space, including furniture,
fixtures, lighting, textiles, and decorative elements. They strive to optimize the layout and flow
of a space, ensuring that it not only looks visually appealing but also serves its intended purpose
efficiently.
<br><br>
Interior design extends beyond mere decoration; it involves thoughtful consideration of
functionality, ergonomics, and usability to enhance the quality of life for occupants. Whether it's
designing residential homes, commercial offices, retail stores, or hospitality venues, interior
designers collaborate closely with clients to translate their vision into reality, creating
environments that inspire, uplift, and enrich the human experience.
</p>
</div>
<img src="image/service-page/interial-content.jpg" alt="">
</div>
</section>
<section class="Architecture-design" id="Architecture-design">
<div class="Architecture-design-main">
<div class="Architecture-design-container">
<h1 class="Architecture-design__title">architecture Design</h1>
<h3 class="Architecture-design-title-tagline"> <span>"</span>Where dreams meet desgin<span>"</span></h3>
<p class="Architecture-design__description">
Architecture design is a cornerstone of any construction project, laying the foundation for both
form and function. In the realm of construction companies, architecture design services encompass
the creation of innovative and sustainable designs that blend aesthetics with practicality. From
conceptualization to realization, these services encompass a range of activities, including site
analysis, conceptual design, schematic design, design development, and construction documentation.
<br><br>
Architecture design services cater to the diverse needs of clients, spanning residential,
commercial, and industrial projects. Architects collaborate closely with clients to translate their
vision and budget into cohesive design solutions, optimizing space usage and promoting energy
efficiency.
<br><br>
Driven by creativity and technical expertise, architecture design aims to craft inspiring and
functional spaces. From iconic landmarks to sustainable communities, these services play a pivotal
role in shaping innovative environments that leave a lasting impact on the built landscape.
</p>
</div>
<img src="image/service-page/arcture-immg.jpg" alt="">
</div>
</section>
<section class="renovation-section" id="renovation-section">
<div class="renovation-main">
<div class="renovation-container">
<h1 class="renovation__title">Renovation and remodeling</h1>
<h3 class="renovation-title-tagline"> <span>"</span>Revitalize, Renew, reimagne, transform space
enhancing lives <span>"</span></h3>
<p class="renovation__description">
Renovation and remodeling encompass a wide range of construction activities aimed at revitalizing
and enhancing existing properties. These projects involve updating and modernizing various aspects
of buildings, including their interior and exterior spaces. Renovation and remodeling can range from
minor cosmetic upgrades to extensive structural modifications, depending on the goals and needs of
the property owner. The primary objectives of renovation and remodeling are to improve
functionality, aesthetics, and value while addressing any issues or deficiencies present in the
original construction.
</p>
</div>
<img src="image/service-page/Renovation and remodeling-banner.png" alt="">
</div>
<div class="renovation_box_grp">
<div class="renovation-box">
<h2 class="renovation_box_title">Residential Renovation</h2>
<p class="renovation_box_description">Renovating residential properties involves improving and updating
homes,
apartments, or condominiums. This can include remodeling kitchens, bathrooms, bedrooms, living
rooms,
and other areas to enhance functionality, aesthetics, and value.</p>
</div>
<div class="renovation-box">
<h2 class="renovation_box_title">Commercial Renovation</h2>
<p class="renovation_box_description">Commercial renovation focuses on improving commercial properties
such
as
offices, retail stores, restaurants, and hotels. It may involve interior updates, storefront
improvements, accessibility upgrades, and modernization to attract customers or tenants.</p>
</div>
<div class="renovation-box">
<h2 class="renovation_box_title">Historic Preservation</h2>
<p class="renovation_box_description">Historic preservation involves renovating and restoring historic
buildings
to preserve their architectural integrity and cultural significance. This process requires expertise
in
historical research, materials conservation, and compliance with preservation guidelines.</p>
</div>
</div>
<div class="renovation_box_grp">
<div class="renovation-box">
<h2 class="renovation_box_title">Exterior Renovation</h2>
<p class="renovation_box_description">Exterior renovation projects aim to enhance the exterior
appearance,
durability, and energy efficiency of buildings. This may include replacing siding, windows, doors,
roofing, and landscaping to improve curb appeal and functionality.</p>
</div>
<div class="renovation-box">
<h2 class="renovation_box_title">Adaptive Reuse</h2>
<p class="renovation_box_description">Adaptive reuse involves repurposing existing buildings for new
functions,
such as converting old factories into loft apartments or warehouses into office spaces. It requires
creative design solutions to adapt the structure while preserving its unique character.</p>
</div>
<div class="renovation-box">
<h2 class="renovation_box_title">Interior Renovation</h2>
<p class="renovation_box_description">Interior renovation focuses on improving the interior spaces of
buildings,
including layout optimization, finishes, and fixtures. This may involve remodeling kitchens,
bathrooms,
flooring, and lighting to enhance comfort, functionality, and aesthetics.</p>
</div>
</div>
</section>
<section class="Architecture-design" id="Construction_consulting">
<div class="Architecture-design-main">
<div class="Architecture-design-container">
<h1 class="Architecture-design__title">
Construction consulting</h1>
<h3 class="Architecture-design-title-tagline"> <span>"</span>Building Success Together: Expert
Consulting for Your Construction Projects<span>"</span></h3>
<p class="Architecture-design__description">
Construction consulting services encompass a wide range of specialized expertise aimed at optimizing
construction projects from inception to completion. At our construction company, we offer
comprehensive consulting services tailored to meet the unique needs and goals of our clients. Our
team of experienced consultants provides strategic guidance, technical advice, and project
management support to ensure the success of every endeavor.
<br><br>
From feasibility studies and project planning to budgeting, scheduling, and risk management, our
construction consulting services cover all aspects of the construction process. We work closely with
clients to understand their objectives, constraints, and priorities, developing tailored strategies
to address their specific challenges and opportunities.
<br> <br>
Our consulting team brings together professionals with diverse backgrounds in architecture,
engineering, project management, and construction management. This multidisciplinary approach allows
us to offer holistic solutions that integrate technical expertise with practical insights and
innovative thinking.
</p>
</div>
<div class="Construction_Consultant_img_grp">
<img class="Construction_Consultant_img" src="image/service-page/Construction Consulting02.jpg" alt="">
<img class="Construction_Consultant_img" src="image/service-page/Construction Consultants01.jpg" alt="">
</div>
</div>
</section>
<section class="Building_maintaince" id="Building_maintaince">
<div class="container-main">
<h1 class="multi-sector-construction__title">Building maintaince</h1>
<p class="multi-sector-construction__title-tagline"><span>"</span>enhancing your building value
Sector<span>"</span></p>
<p class="multi-sector-construction__description">Building maintenance encompasses a range of services aimed
at ensuring the proper functioning, safety, and longevity of buildings. It involves regular inspections,
repairs, and upkeep to address issues and prevent potential problems. From plumbing and electrical
systems to HVAC maintenance and general repairs, building maintenance services play a crucial role in
maintaining the comfort, efficiency, and value of residential, commercial, and industrial properties. By
staying proactive and addressing maintenance needs promptly, property owners can minimize downtime,
reduce costs, and prolong the lifespan of their buildings.</p>
</div>
<div class="maintaince-service-box-grp">
<div class="maintenance-service-box plumbing-service">
<img src="image/service-page/Plumbing Services.jpg" alt="Plumbing Services">
<h1>Plumbing Services</h1>
<p>Offer repairs, installations, and maintenance for plumbing systems in residential, commercial, and
industrial buildings.</p>
</div>
<div class="maintenance-service-box electrical-service">
<img src="image/service-page/electrictiy_service.png" alt="Electrical Services">
<h1>Electrical Services</h1>
<p>Provide electrical inspections, repairs, and installations for lighting, wiring, outlets, and other
electrical components.</p>
</div>
<div class="maintenance-service-box hvac-service">
<img src="image/service-page/HVAC_service.jpg" alt="HVAC Services">
<h1>HVAC Services</h1>
<p>Offer heating, ventilation, and air conditioning (HVAC) maintenance, repairs, and installations to
ensure
comfortable indoor environments.</p>
</div>
<div class="maintenance-service-box maintenance-service" id="yyy">
<img src="image/service-page/genral-maintaince.jpg" alt="General Maintenance">
<h1>General Maintenance</h1>
<p>Include general building maintenance services such as painting, carpentry, flooring repairs, and
other
routine upkeep tasks.</p>
</div>
</div>
</section>
<!-- FOOTER -->
<section class="footer">
<div class="footer-section ">
<div class="footer-info">
<div class="info-address">
<!-- <img src="info-location.jpg" alt="address"> -->
<img src="image/address.png" alt="">
<p>Address</p>
<h2>Vamajooor mangalore</h2>
</div>
<div class="info-pno">
<img src="image/contact.png" alt="">
<p>Phone Number</p>
<h2>756845346 , 7349431204</h2>
</div>
<div class="info-email">
<img src="image/email.png" alt="">
<p>Email</p>
<h2>webuild@gmail.com</h2>
</div>
</div>
<div class="footer-bottom">
<div class="getin-touch">
<h1>Get In Touch</h1>
<a class="btn-getin-touch" href="#"><img src="image/instagram.png" alt=""></a>
<a class="btn-getin-touch" href="#"><img src="image/facebook.png" alt=""></a>
<a class="btn-getin-touch" href="#"><img src="image/linkedin.png" alt=""></a>
<a class="btn-getin-touch" href="#"><img src="image/twitter.png" alt=""></a>
</div>
<div class="quick-links">
<h1>Quick links</h1>
<a class="btn2" href="index.html">home</a>
<a class="btn2" href="Aboutus_page.html">about</a>
<a class="btn2" href="Service-page.html">services</a>
<a class="btn2" href="Project-page.html">projects</a>
<a class="btn2" href="contact.html">contact</a>
<a class="btn2" href="#blogs">blogs</a>
</div>
<div class="credit"> created by <span>rakshith</span> | all rights reserved! </div>
</div>
</div>
</section>
<!-- FOOTER END -->
<script src="JS/service-page.js"></script>
</body>
</html>