<section class="py-12 py-md-24 bg-light-light">
<div class="container">
<div class="row align-items-end mb-20">
<div class="col-12 col-xxl-7 mb-10 mb-xxl-0">
<div class="d-inline-block">
<span class="d-block mb-n4 me-sm-n10 text-end fs-4 fw-medium text-secondary-light">(21)</span>
<h1>Selected projects</h1>
</div>
</div>
<div class="col-12 col-xxl-5">
<ul class="list-unstyled d-flex flex-wrap align-items-center justify-content-end">
<li class="me-8"><a class="btn btn-dark py-2 px-5 fs-7" href="#">All</a></li>
<li class="me-8"><a class="btn py-2 px-5 fs-7" href="#">Villa</a></li>
<li class="me-8"><a class="btn py-2 px-5 fs-7" href="#">Residance</a></li>
<li><a class="btn py-2 px-5 fs-7" href="#">Apartaments</a></li>
</ul>
</div>
</div>
<div class="row mb-20">
<div class="col-12 col-md-7 mb-20 mb-md-0">
<a class="d-block" href="#">
<img class="img-fluid mb-8 rounded-5" style="max-height: 800px;" src="asitrastudio-assets/projects/photo-square3.png" alt="">
<div class="mw-xs mw-lg-md">
<span class="badge mb-3 border border-dark">Apartament</span>
<h3 class="fs-3 mb-6">Althhorpe Street Leamigton Spa</h3>
<span class="d-block text-secondary-light">Girona, Spain</span>
</div>
</a>
</div>
<div class="col-12 col-md-5">
<a class="d-block" href="#">
<img class="img-fluid w-100 mb-8 rounded-5" style="object-fit: cover; max-height: 520px;" src="asitrastudio-assets/projects/photo-view5.png" alt="">
<div class="mw-xs mw-lg-md">
<span class="badge mb-3 border border-dark">Apartament</span>
<h3 class="fs-3 mb-6">Althhorpe Street Leamigton Spa</h3>
<span class="d-block text-secondary-light">Girona, Spain</span>
</div>
</a>
</div>
</div>
<div class="mb-20">
<div class="row">
<div class="col-12 col-md-4 mb-20 mb-md-0">
<a class="d-block" href="#">
<img class="img-fluid w-100 mb-8 rounded-5" style="max-height: 444px;" src="asitrastudio-assets/projects/photo-square2.png" alt="">
<div class="mw-xs mw-lg-sm">
<span class="badge mb-3 border border-dark">Apartament</span>
<h3 class="fs-4 mb-6">Althhorpe Street Leamigton Spa</h3>
<span class="d-block text-secondary-light">Girona, Spain</span>
</div>
</a>
</div>
<div class="col-12 col-md-4 mb-20 mb-md-0">
<a class="d-block" href="#">
<img class="img-fluid w-100 mb-8 rounded-5" style="max-height: 570px;" src="asitrastudio-assets/projects/photo-view3.png" alt="">
<div class="mw-xs mw-lg-sm">
<span class="badge mb-3 border border-dark">Apartament</span>
<h3 class="fs-4 mb-6">Althhorpe Street Leamigton Spa</h3>
<span class="d-block text-secondary-light">Girona, Spain</span>
</div>
</a>
</div>
<div class="col-12 col-md-4">
<a class="d-block" href="#">
<img class="img-fluid w-100 mb-8 rounded-5" style="max-height: 444px;" src="asitrastudio-assets/projects/photo-view2.png" alt="">
<div class="mw-xs mw-lg-sm">
<span class="badge mb-3 border border-dark">Apartament</span>
<h3 class="fs-4 mb-6">Althhorpe Street Leamigton Spa</h3>
<span class="d-block text-secondary-light">Girona, Spain</span>
</div>
</a>
</div>
</div>
</div>
<div class="text-center">
<a class="d-inline-block pb-2 fw-semibold border-0 border-2 border-dark border-bottom" href="#">
<span class="me-3">See all projects</span>
<svg class="rotate-45" width="11" height="11" viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.5 1.5L1.5 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.5 8.83571V1.5H2.16429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- About us 5
- Alert 85
- Application 63
- Banners 15
- Blog 93
- Breadcrumbs 4
- Call to action 113
- Careers 16
- Contact 52
- Content 62
- Cookies 53
- Download 5
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 58
- Features 160
- Footers 68
- Graphs 18
- HTTP codes 65
- Hero section 106
- How it works 53
- Logo clouds 89
- Modals 6
- Navbar 68
- Navigation (horizontal) 107
- Navigation (vertical) 6
- Newsletter 58
- Portfolio 39
- Pricing 58
- Projects 14
- Reviews 5
- Rich text 3
- Services 5
- Sign in / Sign up 99
- Stats 89
- Tables 57
- Team 56
- Testimonials 58
- Toasts 6
- Users 25
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Projects Components by Shuffle
Choose from 14 variations of Bootstrap application components. Presented here are variants available in various UI libraries.
Get access to all Tailwind application components, code and our visual editor. Try the demo for free!
