Add Dockerized LAMP stack and website skeleton for ALWISP

- Docker Compose orchestrating PHP 8.2/Apache web container and MySQL 8.0
- Dockerfile with GD, PDO, MySQLi extensions and security hardening
- Apache vhost with mod_rewrite, deflate, expires, and security headers
- PHP config with OPcache enabled and display_errors off
- MySQL init schema (contacts, coverage_zones tables)
- Front-controller PHP router (index.php → pages/)
- Responsive homepage: hero, stats bar, services cards, why section, coverage CTA
- Stub pages: services, coverage, about, contact (with working form skeleton), 404
- CSS design system using brand palette from logo (navy #0d1b3e → teal #00bcd4 + orange #f57c00 accents)
- JS: nav scroll/mobile toggle, IntersectionObserver counter animation, scroll reveal

https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd
This commit is contained in:
Claude
2026-02-28 21:39:21 +00:00
parent 69b567cf72
commit 3e26125afa
18 changed files with 1469 additions and 0 deletions

53
www/includes/footer.php Normal file
View File

@@ -0,0 +1,53 @@
</main>
<!-- ===================== FOOTER ===================== -->
<footer class="site-footer">
<div class="container footer__grid">
<div class="footer__brand">
<a href="/" class="nav__logo" aria-label="ALWISP Home">
<span class="nav__logo-text">AL<span class="accent">WISP</span></span>
</a>
<p class="footer__tagline">Connecting Alabama,<br>one node at a time.</p>
</div>
<div class="footer__links">
<h4 class="footer__heading">Services</h4>
<ul>
<li><a href="/services#residential">Residential Internet</a></li>
<li><a href="/services#business">Business Internet</a></li>
<li><a href="/services#infrastructure">Network Infrastructure</a></li>
<li><a href="/services#managed">Managed Networking</a></li>
</ul>
</div>
<div class="footer__links">
<h4 class="footer__heading">Company</h4>
<ul>
<li><a href="/about">About Us</a></li>
<li><a href="/coverage">Coverage Map</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>
<div class="footer__contact">
<h4 class="footer__heading">Contact</h4>
<p>📞 <a href="tel:+1-000-000-0000">(000) 000-0000</a></p>
<p> <a href="mailto:info@alwisp.net">info@alwisp.net</a></p>
<div class="footer__social">
<!-- Social icons add links when ready -->
<a href="#" aria-label="Facebook" class="footer__social-link">FB</a>
<a href="#" aria-label="Twitter/X" class="footer__social-link">X</a>
</div>
</div>
</div>
<div class="footer__bottom container">
<p>&copy; <?= date('Y') ?> Alabama WISP Mesh Network Solutions. All rights reserved.</p>
</div>
</footer>
<script src="/js/main.js" defer></script>
</body>
</html>