Acorn_Media/warmseal-roofing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed layout to better suit mobile

Browse Source
This commit is contained in:
Gary 2025-05-14 16:39:13 +01:00
parent dfa33f0359
commit 9ce08a616d
1 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
projects.php
View File

@ -66,7 +66,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/5.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/5.webp);">
<a href="images/projects/5.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/5.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -78,7 +78,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/6.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/6.webp);">
<a href="images/projects/6.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/6.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -90,7 +90,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/7.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/7.webp);">
<a href="images/projects/7.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/7.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -102,7 +102,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/8.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/8.webp);">
<a href="images/projects/8.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/8.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -115,7 +115,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/9.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/9.webp);">
<a href="images/projects/9.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/9.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -127,7 +127,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/10.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/10.webp);">
<a href="images/projects/10.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/10.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -139,7 +139,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/11.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/11.webp);">
<a href="images/projects/11.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/11.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -151,7 +151,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/12.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/12.webp);">
<a href="images/projects/12.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/12.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -163,7 +163,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/13.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/13.webp);">
<a href="images/projects/13.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/13.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -175,7 +175,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/14.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/14.webp);">
<a href="images/projects/14.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/14.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -187,7 +187,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/15.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/15.webp);">
<a href="images/projects/15.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/15.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -199,7 +199,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/16.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/16.webp);">
<a href="images/projects/16.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/16.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -211,7 +211,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/17.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/17.webp);">
<a href="images/projects/17.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/17.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -223,7 +223,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/18.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/18.webp);">
<a href="images/projects/18.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/18.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -235,7 +235,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/19.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/19.webp);">
<a href="images/projects/19.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/19.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -247,7 +247,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/20.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/20.webp);">
<a href="images/projects/20.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/20.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -259,7 +259,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/21.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/21.webp);">
<a href="images/projects/21.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/21.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -271,7 +271,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/22.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/22.webp);">
<a href="images/projects/22.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/22.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -283,7 +283,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/23.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/23.webp);">
<a href="images/projects/23.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/23.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -295,7 +295,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/24.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/24.webp);">
<a href="images/projects/24.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/24.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -307,7 +307,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/25.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/25.webp);">
<a href="images/projects/25.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/25.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -319,7 +319,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/26.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/26.webp);">
<a href="images/projects/26.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/26.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -331,7 +331,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/27.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/27.webp);">
<a href="images/projects/27.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/27.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -343,7 +343,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/28.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/28.webp);">
<a href="images/projects/28.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/28.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -355,7 +355,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/29.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/29.webp);">
<a href="images/projects/29.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/29.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -367,7 +367,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/30.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/30.webp);">
<a href="images/projects/30.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/30.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -379,7 +379,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/31.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/31.webp);">
<a href="images/projects/31.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/31.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -391,7 +391,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/32.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/32.webp);">
<a href="images/projects/32.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/32.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -403,7 +403,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/33.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/33.webp);">
<a href="images/projects/33.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/33.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -415,7 +415,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/34.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/34.webp);">
<a href="images/projects/34.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/34.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -427,7 +427,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/35.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/35.webp);">
<a href="images/projects/35.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/35.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -439,7 +439,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/36.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/36.webp);">
<a href="images/projects/36.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/36.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -451,7 +451,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/37.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/37.webp);">
<a href="images/projects/37.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/37.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -463,7 +463,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/38.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/38.webp);">
<a href="images/projects/38.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/38.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -475,7 +475,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/39.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/39.webp);">
<a href="images/projects/39.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/39.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>
@ -487,7 +487,7 @@ include_once $URlcorrection . "includes/banner.php";
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 ftco-animate"> <div class="col-lg-3 col-sm-12 ftco-animate">
<div class="work img d-flex align-items-end" style="background-image: url(images/projects/40.webp);"> <div class="work img d-flex align-items-end" style="background-image: url(images/projects/40.webp);">
<a href="images/projects/40.webp" class="icon image-popup d-flex justify-content-center align-items-center"> <a href="images/projects/40.webp" class="icon image-popup d-flex justify-content-center align-items-center">
<span class="fa fa-expand"></span> <span class="fa fa-expand"></span>