Add a French-country home carousel to the Welcome section #8

Merged
JoeBot merged 1 commits from 20260623_welcome-carousel into main 2026-06-23 15:50:05 -04:00

View File

@@ -85,7 +85,24 @@
<p>Create lifelong memories with your family in a luxury, custom home within a secure and quiet community that is conveniently located. Welcome home to Pine Creek.</p> <p>Create lifelong memories with your family in a luxury, custom home within a secure and quiet community that is conveniently located. Welcome home to Pine Creek.</p>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<img class="feature-img" src="img/gallery/IMG_1964.jpg" alt="A stately custom stone home in Pine Creek" loading="lazy" decoding="async"> <div class="gallery" data-gallery="welcome" aria-roledescription="carousel">
<div class="gallery-track">
<img class="gallery-img is-active" src="img/gallery/IMG_1964.jpg" alt="Stately custom stone home with manicured gardens in Pine Creek" loading="lazy" decoding="async">
<img class="gallery-img" src="img/gallery/IMG_1921.jpg" alt="Brick French country estate on a terraced lawn" loading="lazy" decoding="async">
<img class="gallery-img" src="img/gallery/IMG_1968.jpg" alt="Stone French country home beneath a dramatic sky" loading="lazy" decoding="async">
<img class="gallery-img" src="img/gallery/IMG_1954.jpg" alt="Cream brick French country chateau with arched windows" loading="lazy" decoding="async">
<img class="gallery-img" src="img/gallery/IMG_1926.jpg" alt="Red brick French country home nestled among the trees" loading="lazy" decoding="async">
<img class="gallery-img" src="img/gallery/IMG_1979.jpg" alt="Brick and stone French country home with a manicured lawn" loading="lazy" decoding="async">
<img class="gallery-img" src="img/gallery/IMG_1974.jpg" alt="Stone and stucco French country home with steep gables" loading="lazy" decoding="async">
</div>
<button class="gallery-arrow prev" aria-label="Previous image">
<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>
</button>
<button class="gallery-arrow next" aria-label="Next image">
<svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>
</button>
<div class="gallery-dots" aria-hidden="true"></div>
</div>
</div> </div>
</div> </div>
</section> </section>