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>
</section>
<!-- Screenshot Carousel -->
<section class="article-showcase">
<div class="container">
<h2 class="showcase-title">See How Modern HOA Financial Management Works</h2>
<p class="showcase-subtitle">HOA LedgerIQ streamlines every aspect of treasurer responsibilities</p>
<div id="screenshotCarousel" class="carousel">
<div class="carousel-track">
<div class="carousel-slide">
<img src="../img/screenshot-dashboard.png" alt="HOA LedgerIQ Dashboard showing financial overview" />
<p class="carousel-caption">Real-time financial dashboard with instant visibility into cash flow and reserves</p>
</div>
<div class="carousel-slide">
<img src="../img/screenshot-cashflow.png" alt="Cash flow tracking interface" />
<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>
<!-- SCREENSHOT CAROUSEL -->
<section class="article-showcase">
<div class="container">
<div class="article-showcase-header">
<div class="section-label">See How Modern HOA Financial Management Works</div>
<h2>HOA LedgerIQ streamlines every aspect of treasurer responsibilities</h2>
</div>
<div class="screenshot-carousel" id="screenshotCarousel">
<div class="carousel-frame">
<div class="carousel-slides">
<div class="carousel-slide active">
<img src="../img/screenshot-dashboard.png" alt="HOA LedgerIQ Dashboard — Fund health scores, operating and reserve balances" />
<div class="slide-caption">Real-time financial dashboard with instant visibility into cash flow and reserves</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>
</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 -->
<section class="article-body-section">