<section class="position-relative py-12 py-md-24 bg-light-light overflow-hidden">
<div class="container position-relative">
<img class="d-none d-sm-block position-absolute top-0 start-50 ms-lg-20 ms-xl-n52 mt-8 mt-lg-20 img-fluid rounded-5" style="z-index: 0;" src="asitrastudio-assets/services/map-small.png" alt="">
<h1 class="fw-medium mb-24">Services</h1>
<div class="position-relative d-xl-flex mw-xl mw-xl-none mx-auto pb-8 mb-24 align-items-end border-bottom border-2 border-dark">
<div class="mb-8 mb-xl-0">
<span class="d-block mb-n2 fs-9 fw-medium text-secondary-light">01</span>
<h3 class="fw-medium">De-risking your project</h3>
</div>
<div class="mw-md text-end mb-8 mb-xl-0 ms-auto me-xl-20">
<p class="mb-0">We follow the RIBA Plan of Work 2020 to ensure an orderly framework and project clarity from the outset. First, we conduct feasibility studies and a project review.</p>
</div>
<span class="d-block text-end">
<svg width="33" height="33" viewbox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 3L3 30" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M30 27.758V3H5.24196" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
<div class="d-xl-flex mw-xl mw-xl-none mx-auto pb-8 mb-24 align-items-end border-bottom border-2 border-dark">
<div class="mb-8 mb-xl-0">
<span class="d-block mb-n2 fs-9 fw-medium text-secondary-light">02</span>
<h3 class="fw-medium">Planning strategies</h3>
</div>
<div class="mw-md text-end mb-8 mb-xl-0 ms-auto me-xl-20">
<p class="mb-0">This process is led either by a chartered planning consultant or chartered architect and entails the preparation of concept designs and planning strategies.</p>
</div>
<span class="d-block text-end">
<svg width="33" height="33" viewbox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 3L3 30" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M30 27.758V3H5.24196" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
<div class="d-xl-flex mw-xl mw-xl-none mx-auto pb-8 align-items-end border-bottom border-2 border-dark">
<div class="mb-8 mb-xl-0">
<span class="d-block mb-n2 fs-9 fw-medium text-secondary-light">03</span>
<h3 class="fw-medium">Return on investment</h3>
</div>
<div class="mw-md text-end mb-8 mb-xl-0 ms-auto me-xl-20">
<p class="mb-0">During this phase the design is developed to meet the required technical standards to meet building regulations and incorporate sustainability strategies.</p>
</div>
<span class="d-block text-end">
<svg width="33" height="33" viewbox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 3L3 30" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M30 27.758V3H5.24196" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- About us 5
- Advanced inputs 18
- Alert 356
- Application 236
- Banners 106
- Benefits 16
- Blog 305
- Brands 3
- Breadcrumbs 31
- Call to action 445
- Cards 43
- Careers 50
- Contact 210
- Content 226
- Cookies 205
- Dashboards 13
- Download 10
- Dropdowns 4
- E-commerce (orders) 93
- E-commerce (products) 145
- Empty state 4
- FAQ 203
- Features 570
- Footers 292
- Forms 9
- Gallery 5
- Graph tiles 3
- Graphs 93
- HTTP codes 233
- Hero section 392
- How it works 237
- Instagram photos 9
- Integrations 8
- Logo clouds 353
- Modals 48
- Navbar 325
- Navigation (horizontal) 468
- Navigation (vertical) 32
- Newsletter 236
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 245
- Product info 5
- Projects 26
- Reviews 46
- Rich text 6
- Search 3
- Services 5
- Sign in / Sign up 373
- Snackbars 10
- Stats 325
- Steps 12
- Tables 195
- Tabs 2
- Team 221
- Testimonials 272
- Toasts 6
- Users 67
Component #1
Component #2
Component #3
Component #4
Component #5
Services Components by Shuffle
Choose from 5 variations of Services UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
