<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>