Tony_tech/thornhill-construction
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add second real before/after deck photos to gallery

Browse Source
This commit is contained in:
Tony Balascio
2026-08-09 03:24:25 +00:00
parent 7cf9741394
commit f32e9a30cb
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -6
View File
@@ -334,18 +334,16 @@ tailwind.config = {
<!-- Before 2 -->
<figure class="group relative overflow-hidden rounded-sm border border-brand-line">
<!-- REPLACE: images/before-2.jpg -->
<img src="https://images.unsplash.com/photo-1517581177682-a085bb7ffb15?q=80&w=800&auto=format&fit=crop" alt="Before: Damaged deck stairs with missing balusters and rotting stringers" class="w-full aspect-[4/3] object-cover grayscale group-hover:grayscale-0 transition-all duration-500">
<img src="images/deck-before-1.jpg" alt="Before: Weathered gray wooden deck with children's play equipment in Placerville" class="w-full aspect-[4/3] object-cover grayscale group-hover:grayscale-0 transition-all duration-500">
<figcaption class="absolute bottom-0 left-0 right-0 bg-brand-forest/90 text-white text-xs font-bold uppercase tracking-wider p-3 flex items-center gap-2">
<span class="bg-brand-stone text-white px-2 py-0.5 rounded-sm">Before</span> Unsafe Stair Structure
<span class="bg-brand-stone text-white px-2 py-0.5 rounded-sm">Before</span> Worn Wooden Deck
</figcaption>
</figure>
<!-- After 2 -->
<figure class="group relative overflow-hidden rounded-sm border border-brand-line">
<!-- REPLACE: images/after-2.jpg -->
<img src="https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=800&auto=format&fit=crop" alt="After: Brand new composite deck stairs with sturdy black aluminum handrails" class="w-full aspect-[4/3] object-cover sepia-[.1] group-hover:sepia-0 transition-all duration-500">
<img src="images/deck-after-1.jpg" alt="After: New light wooden deck with black metal railing overlooking a wooded yard" class="w-full aspect-[4/3] object-cover sepia-[.1] group-hover:sepia-0 transition-all duration-500">
<figcaption class="absolute bottom-0 left-0 right-0 bg-brand-rust/90 text-white text-xs font-bold uppercase tracking-wider p-3 flex items-center gap-2">
<span class="bg-white text-brand-rust px-2 py-0.5 rounded-sm">After</span> Solid Composite Stairs
<span class="bg-white text-brand-rust px-2 py-0.5 rounded-sm">After</span> New Deck with Black Railing
</figcaption>
</figure>