added photo reel
This commit is contained in:
Gary
parent
5546298fa0
commit
801998155b
@ -9759,3 +9759,22 @@ textarea.form-control {
|
||||
.acorn a:hover {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.carousel-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
.image-row {
|
||||
display: flex;
|
||||
transition: transform 0.5s ease-in-out; /* Adjust duration and easing to match slideDuration */
|
||||
}
|
||||
.col-md-3 {
|
||||
flex: 0 0 auto;
|
||||
width: 25%; /* Adjust based on numberOfVisible */
|
||||
}
|
||||
.image-item {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -1,30 +1,30 @@
|
||||
<footer class="footer ftco-section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Warmseal</a></h2>
|
||||
<p>The Roofing Specialists.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span><i class="fab fa-twitter"></i></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span><i class="fab fa-facebook"></i></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span><i class="fab fa-instagram"></i></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Links</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>About Us</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Services</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Recent Projects</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Request a Free Quote</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="col-md-6 col-lg">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Warmseal</a></h2>
|
||||
<p>The Roofing Specialists.</p>
|
||||
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
|
||||
<li class="ftco-animate"><a href="#"><span><i class="fab fa-twitter"></i></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span><i class="fab fa-facebook"></i></span></a></li>
|
||||
<li class="ftco-animate"><a href="#"><span><i class="fab fa-instagram"></i></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2">Links</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>About Us</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Services</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Recent Projects</a></li>
|
||||
<li><a href="#" class="py-1 d-block"><span class="fa fa-check mr-3"></span>Request a Free Quote</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4 ml-md-5">
|
||||
<h2 class="ftco-heading-2"></h2>
|
||||
<ul class="list-unstyled">
|
||||
@ -53,48 +53,57 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><a href="tel:07458190308"><span class="icon fa fa-phone"></span><span class="text">07458190308</span></a></li>
|
||||
<li><a href="mailto:enquiries@warmseal-roofing.co.uk"><span class="icon fa fa-at"></span><span class="text">enquiries@warmseal-roofing.co.uk</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<p class="acorn">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved - Hosted & Managed by <a href="https://acorn-media.co.uk/" target=_blank><strong>Acorn Media</strong></a></p>
|
||||
<div class="col-md-6 col-lg">
|
||||
<div class="ftco-footer-widget mb-4">
|
||||
<h2 class="ftco-heading-2">Contact information</h2>
|
||||
<div class="block-23 mb-3">
|
||||
<ul>
|
||||
<li><a href="tel:07458190308"><span class="icon fa fa-phone"></span><span class="text">07458190308</span></a></li>
|
||||
<li><a href="mailto:enquiries@warmseal-roofing.co.uk"><span class="icon fa fa-at"></span><span class="text">enquiries@warmseal-roofing.co.uk</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<p class="acorn">Copyright ©<script>
|
||||
document.write(new Date().getFullYear());
|
||||
</script> All rights reserved - Hosted & Managed by <a href="https://acorn-media.co.uk/" target=_blank><strong>Acorn Media</strong></a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- loader -->
|
||||
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
|
||||
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
|
||||
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00" />
|
||||
</svg></div>
|
||||
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<script src="js/jquery.animateNumber.min.js"></script>
|
||||
<script src="js/bootstrap-datepicker.js"></script>
|
||||
<script src="js/jquery.timepicker.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/scrollax.min.js"></script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
|
||||
<script src="js/google-map.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,23 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<?php
|
||||
include_once "meta/meta.php";
|
||||
?>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/animate.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/magnific-popup.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/jquery.timepicker.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/flaticon.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/style.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/padding.css">
|
||||
<link rel="stylesheet" type="text/css" href="<?= $URLcorrection ?>fontawesome/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<head>
|
||||
<?php
|
||||
include_once "meta/meta.php";
|
||||
?>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/animate.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/magnific-popup.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/bootstrap-datepicker.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/jquery.timepicker.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/flaticon.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/style.css">
|
||||
<link rel="stylesheet" href="<?= $URLcorrection ?>css/padding.css">
|
||||
<link rel="stylesheet" type="text/css" href="<?= $URLcorrection ?>fontawesome/css/all.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
49
js/script.js
Normal file
49
js/script.js
Normal file
@ -0,0 +1,49 @@
|
||||
const carouselContainer = document.querySelector('.carousel-container');
|
||||
const imageRow = document.querySelector('.image-row');
|
||||
let imageItems = imageRow.querySelectorAll('.col-md-3');
|
||||
const numberOfVisible = 4; // Number of images to show at a time
|
||||
let scrollPosition = 0;
|
||||
let imageWidth;
|
||||
const slideDuration = 1000; // Time in milliseconds for one slide (adjust as needed)
|
||||
const slideInterval = 5000; // Time in milliseconds between slides (adjust as needed)
|
||||
let isAnimating = false;
|
||||
|
||||
function updateCarousel() {
|
||||
if (imageItems.length > 0) {
|
||||
imageWidth = imageItems[0].offsetWidth;
|
||||
}
|
||||
}
|
||||
|
||||
function slideCarousel() {
|
||||
if (!isAnimating && imageWidth) {
|
||||
isAnimating = true;
|
||||
scrollPosition += imageWidth;
|
||||
imageRow.style.transform = `translateX(-${scrollPosition}px)`;
|
||||
|
||||
setTimeout(() => {
|
||||
const firstItem = imageRow.firstElementChild;
|
||||
imageRow.appendChild(firstItem);
|
||||
imageRow.style.transition = 'none'; // Temporarily disable transition for the reset
|
||||
imageRow.style.transform = `translateX(0px)`;
|
||||
scrollPosition = 0;
|
||||
// Force reflow to apply the style change immediately
|
||||
imageRow.offsetHeight;
|
||||
imageRow.style.transition = ''; // Re-enable the transition
|
||||
imageItems = imageRow.querySelectorAll('.col-md-3');
|
||||
isAnimating = false;
|
||||
}, slideDuration);
|
||||
}
|
||||
}
|
||||
|
||||
function startSlidingCarousel() {
|
||||
setInterval(slideCarousel, slideInterval);
|
||||
}
|
||||
|
||||
function initializeCarousel() {
|
||||
updateCarousel();
|
||||
startSlidingCarousel();
|
||||
|
||||
window.addEventListener('resize', updateCarousel);
|
||||
}
|
||||
|
||||
initializeCarousel();
|
||||
@ -1,51 +1,51 @@
|
||||
<section class="ftco-section ftco-no-pt ftco-no-pb bg-light ftco-appointment">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="row justify-content-start py-5 pr-md-4">
|
||||
<div class="col-md-12 heading-section ftco-animate py-md-4">
|
||||
<h2 class="mb-4">Established in 2003</h2>
|
||||
<p>For over two decades, since 2003, we've been keen on providing exceptional roofing services. Our journey in the trade has equipped us with a wealth of knowledge and skill that allows us to deliver results that stand alongside the very best. We value the trust our domestic and commercial clients place in us, and we strive to go the extra mile on every job. Our process kicks off with a detailed survey, where we take the time to explain everything clearly and provide photographic evidence for your peace of mind. You'll also receive a comprehensive written estimate, ensuring complete transparency. We're confident in our work and are happy to provide references.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 tabulation-2 mt-4">
|
||||
<ul class="nav nav-pills nav-fill d-md-flex d-block">
|
||||
<li class="nav-item mb-md-0 mb-2">
|
||||
<a class="nav-link active py-3" data-toggle="tab" href="#home1">Our Mission</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-2 mb-md-0 mb-2">
|
||||
<a class="nav-link py-3" data-toggle="tab" href="#home2">Our Vision</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-3 mb-md-0 mb-2" data-toggle="tab" href="#home3">Our Value</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content rounded mt-2">
|
||||
<div class="tab-pane container p-0 active" id="home1">
|
||||
<p><strong>Our mission is simple:</strong> to provide top-quality roofing solutions, delivered with expertise, reliability, and a commitment to customer satisfaction. We aim to ensure every project, big or small, is completed to the highest standard, using quality materials and skilled workmanship. We're here to protect your property and provide you with a roof you can rely on, come rain or shine.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home2">
|
||||
<p><strong>Our vision</strong> is to be a leading roofing contractor, recognised for our exceptional standards, our trustworthy reputation, and our dedication to innovation within the trade. We aspire to continuously improve our services, embrace new technologies, and build lasting relationships with our clients and the wider community. We see ourselves as the go-to experts for all roofing needs.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home3">
|
||||
<p>At the heart of our business are a few core values that guide everything we do:</p>
|
||||
<ul>
|
||||
<li>Quality Craftsmanship</li>
|
||||
<li>Reliability and Trust</li>
|
||||
<li>Customer Focus</li>
|
||||
<li>Safety First</li>
|
||||
<li>Integrity</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="row justify-content-start py-5 pr-md-4">
|
||||
<div class="col-md-12 heading-section ftco-animate py-md-4">
|
||||
<h2 class="mb-4">Established in 2003</h2>
|
||||
<p>For over two decades, since 2003, we've been keen on providing exceptional roofing services. Our journey in the trade has equipped us with a wealth of knowledge and skill that allows us to deliver results that stand alongside the very best. We value the trust our domestic and commercial clients place in us, and we strive to go the extra mile on every job. Our process kicks off with a detailed survey, where we take the time to explain everything clearly and provide photographic evidence for your peace of mind. You'll also receive a comprehensive written estimate, ensuring complete transparency. We're confident in our work and are happy to provide references.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row padding-bottom-100">
|
||||
<div class="col-lg-6 col-sm-12 tabulation-2 mt-4">
|
||||
<ul class="nav nav-pills nav-fill d-md-flex d-block">
|
||||
<li class="nav-item mb-md-0 mb-2">
|
||||
<a class="nav-link active py-3" data-toggle="tab" href="#home1">Our Mission</a>
|
||||
</li>
|
||||
<li class="nav-item px-lg-2 mb-md-0 mb-2">
|
||||
<a class="nav-link py-3" data-toggle="tab" href="#home2">Our Vision</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-3 mb-md-0 mb-2" data-toggle="tab" href="#home3">Our Value</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content rounded mt-2">
|
||||
<div class="tab-pane container p-0 active" id="home1">
|
||||
<p><strong>Our mission is simple:</strong> to provide top-quality roofing solutions, delivered with expertise, reliability, and a commitment to customer satisfaction. We aim to ensure every project, big or small, is completed to the highest standard, using quality materials and skilled workmanship. We're here to protect your property and provide you with a roof you can rely on, come rain or shine.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home2">
|
||||
<p><strong>Our vision</strong> is to be a leading roofing contractor, recognised for our exceptional standards, our trustworthy reputation, and our dedication to innovation within the trade. We aspire to continuously improve our services, embrace new technologies, and build lasting relationships with our clients and the wider community. We see ourselves as the go-to experts for all roofing needs.</p>
|
||||
</div>
|
||||
<div class="tab-pane container p-0 fade" id="home3">
|
||||
<p>At the heart of our business are a few core values that guide everything we do:</p>
|
||||
<ul>
|
||||
<li>Quality Craftsmanship</li>
|
||||
<li>Reliability and Trust</li>
|
||||
<li>Customer Focus</li>
|
||||
<li>Safety First</li>
|
||||
<li>Integrity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 padding-bottom-10">
|
||||
<img src="<?= $URLcorrection ?>images/projects/39.webp" class="img-fluid" alt="About Us Image" style="width: 450px; height: 450px; border-radius: 10px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="col-lg-5 d-flex align-items-stretch">
|
||||
<div class="col-lg-6 col-sm-12 padding-bottom-10">
|
||||
<img src="<?= $URLcorrection ?>images/projects/39.webp" class="img-fluid" alt="About Us Image" style="width: 450px; height: 450px; border-radius: 10px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="col-lg-5 d-flex align-items-stretch">
|
||||
<div class="bg-white">
|
||||
<div class="w-100 heading-title bg-primary text-center">
|
||||
<h2 class="mb-0">Get a Free Quote</h2>
|
||||
@ -84,6 +84,6 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -42,13 +42,41 @@
|
||||
</section>-->
|
||||
|
||||
|
||||
<section class="ftco-counter" id="section-counter">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2 class="display-5 fw-bold text-white">2,500+ Roofs Restored Since 2003</h2>
|
||||
<p class="lead mt-3 text-white">From emergency repairs to full re-roofs, we’ve helped hundreds of families stay safe and dry.</p>
|
||||
<!--<section class="ftco-counter" id="section-counter">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2 class="display-5 fw-bold text-white">2,500+ Roofs Restored Since 2003</h2>
|
||||
<p class="lead mt-3 text-white">From emergency repairs to full re-roofs, we’ve helped hundreds of families stay safe and dry.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>-->
|
||||
|
||||
<section class="ftco-counter" id="section-counter">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="carousel-container">
|
||||
<div class="image-row continuous-scroll">
|
||||
<div class="col-md-3">
|
||||
<img src="<?= $URLcorection ?>images/projects/1.webp" alt="Image 1" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="<?= $URLcorection ?>images/projects/2.webp" alt="Image 2" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="<?= $URLcorection ?>images/projects/3.webp" alt="Image 3" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="<?= $URLcorection ?>images/projects/4.webp" alt="Image 4" class="image-item">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="<?= $URLcorection ?>images/projects/5.webp" alt="Image 5" class="image-item">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Reference in New Issue
Block a user