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

replace static carousel with dynamic slider for enhanced visual experience

Browse Source
This commit is contained in:
Mark 2025-05-15 09:43:51 +01:00
parent 02696c2cd7
commit 67faeedd8b
1 changed files with 41 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
includes/index-hero.php
View File

@ -1,10 +1,6 @@
<div id="carouselExampleIndicators" class="carousel slide js-fullheight" data-ride="carousel"> <div class="hero-wrap js-fullheight">
<ol class="carousel-indicators"> <div class="home-slider js-fullheight owl-carousel">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <div class="slider-item js-fullheight" style="background-image:url(images/hero-1.jpg);">
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
</ol>
<div class="carousel-inner js-fullheight">
<div class="carousel-item active js-fullheight" style="background-image:url(images/hero-1.jpg);">
<div class="overlay"></div> <div class="overlay"></div>
<div class="container"> <div class="container">
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"> <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
@ -22,7 +18,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="carousel-item js-fullheight" style="background-image:url(images/hero-2.jpg);"> <div class="slider-item js-fullheight" style="background-image:url(images/hero-2.jpg);">
<div class="overlay"></div> <div class="overlay"></div>
<div class="container"> <div class="container">
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"> <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
@ -41,12 +37,5 @@
</div> </div>
</div> </div>
</div> </div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div> </div>
</section>