JoeBot/HOALedgerIQ_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update articles/hoa-treasurer-burnout-guide.html
All checks were successful
Deploy to Production / deploy (push) Successful in 3s
Details

Browse Source 
Fixing Screenshot carousel issues
This commit is contained in:
JoeBot
2026-05-17 09:56:40 -04:00
parent 71d9e6b7fd
commit 5d5d081209
1 changed files with 34 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
articles/hoa-treasurer-burnout-guide.html
View File

@@ -137,31 +137,42 @@
</div> </div>
</section> </section>
<!-- Screenshot Carousel --> <!-- SCREENSHOT CAROUSEL -->
<section class="article-showcase"> <section class="article-showcase">
<div class="container"> <div class="container">
<h2 class="showcase-title">See How Modern HOA Financial Management Works</h2> <div class="article-showcase-header">
<p class="showcase-subtitle">HOA LedgerIQ streamlines every aspect of treasurer responsibilities</p> <div class="section-label">See How Modern HOA Financial Management Works</div>
<div id="screenshotCarousel" class="carousel"> <h2>HOA LedgerIQ streamlines every aspect of treasurer responsibilities</h2>
<div class="carousel-track"> </div>
<div class="carousel-slide"> <div class="screenshot-carousel" id="screenshotCarousel">
<img src="../img/screenshot-dashboard.png" alt="HOA LedgerIQ Dashboard showing financial overview" /> <div class="carousel-frame">
<p class="carousel-caption">Real-time financial dashboard with instant visibility into cash flow and reserves</p> <div class="carousel-slides">
</div> <div class="carousel-slide active">
<div class="carousel-slide"> <img src="../img/screenshot-dashboard.png" alt="HOA LedgerIQ Dashboard — Fund health scores, operating and reserve balances" />
<img src="../img/screenshot-cashflow.png" alt="Cash flow tracking interface" /> <div class="slide-caption">Real-time financial dashboard with instant visibility into cash flow and reserves</div>
<p class="carousel-caption">Automated cash flow tracking and forecasting</p>
</div>
<div class="carousel-slide">
<img src="../img/screenshot-capital.png" alt="Capital planning and reserve tracking" />
<p class="carousel-caption">Reserve fund management and capital planning tools</p>
</div>
</div>
<button class="carousel-nav carousel-prev" aria-label="Previous slide">‹</button>
<button class="carousel-nav carousel-next" aria-label="Next slide">›</button>
</div> </div>
<div class="carousel-slide">
<img src="../img/screenshot-cashflow.png" alt="HOA LedgerIQ Cash Flow — Projected balances with forward forecasting chart" />
<div class="slide-caption">Automated cash flow tracking and forecasting</div>
</div>
<div class="carousel-slide">
<img src="../img/screenshot-capital.png" alt="HOA LedgerIQ Capital Planning — Multi-year project timeline and budget view" />
<div class="slide-caption">Reserve fund management and capital planning tools</div>
</div>
</div>
</div> </div>
</section> <div class="carousel-controls">
<button class="carousel-btn carousel-prev" aria-label="Previous screenshot">&#8592;</button>
<div class="carousel-dots">
<span class="carousel-dot active" data-index="0"></span>
<span class="carousel-dot" data-index="1"></span>
<span class="carousel-dot" data-index="2"></span>
</div>
<button class="carousel-btn carousel-next" aria-label="Next screenshot">&#8594;</button>
</div>
</div>
</div>
</section>
<!-- More Article Content --> <!-- More Article Content -->
<section class="article-body-section"> <section class="article-body-section">