- 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
46 lines
1.6 KiB
PHP
46 lines
1.6 KiB
PHP
<!-- SERVICES PAGE — placeholder -->
|
|
<section class="section page-hero page-hero--services">
|
|
<div class="container">
|
|
<span class="section__eyebrow">What We Offer</span>
|
|
<h1 class="section__heading">Our Services</h1>
|
|
<p class="section__sub">Flexible plans for every need — from a farmhouse to a full enterprise campus.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="residential">
|
|
<div class="container">
|
|
<div class="section__header">
|
|
<h2 class="section__heading">Residential Plans</h2>
|
|
<p class="section__sub">Content coming soon — plan tiers will be displayed here.</p>
|
|
</div>
|
|
<div class="placeholder-block">Plan cards will go here.</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section--alt" id="business">
|
|
<div class="container">
|
|
<div class="section__header">
|
|
<h2 class="section__heading">Business Plans</h2>
|
|
</div>
|
|
<div class="placeholder-block">Business plan cards will go here.</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="infrastructure">
|
|
<div class="container">
|
|
<div class="section__header">
|
|
<h2 class="section__heading">Network Infrastructure</h2>
|
|
</div>
|
|
<div class="placeholder-block">Infrastructure service details will go here.</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section--alt" id="managed">
|
|
<div class="container">
|
|
<div class="section__header">
|
|
<h2 class="section__heading">Managed Networking</h2>
|
|
</div>
|
|
<div class="placeholder-block">Managed service details will go here.</div>
|
|
</div>
|
|
</section>
|