<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BluApex Solutions</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- NAV -->
<header class="nav">
<div class="logo">BLUAPEX</div>
<nav>
<a href="#">Services</a>
<a href="#">Capabilities</a>
<a href="#">Industries</a>
<a href="#">Contact</a>
</nav>
</header>
<!-- HERO -->
<section class="hero">
<div class="hero-content">
<h1>Dominate Government Contracts.</h1>
<p>BluApex Solutions helps businesses break into and scale within federal, state, and local procurement systems.</p>
<div class="buttons">
<a class="btn primary">Start Winning Contracts</a>
<a class="btn secondary">View Capabilities</a>
</div>
</div>
</section>
<!-- TRUST BAR -->
<section class="trust">
<div>SAM.gov Registered</div>
<div>SBA Certified</div>
<div>FAR Compliant</div>
<div>GSA Ready</div>
</section>
<!-- SERVICES -->
<section class="services">
<h2>Our Services</h2>
<div class="grid">
<div class="card">Procurement Strategy</div>
<div class="card">Proposal Development</div>
<div class="card">Compliance & Certifications</div>
<div class="card">Opportunity Targeting</div>
</div>
</section>
<!-- RESULTS -->
<section class="results">
<div class="stat"><h3>$250M+</h3><p>Contracts Secured</p></div>
<div class="stat"><h3>500+</h3><p>Proposals Delivered</p></div>
<div class="stat"><h3>75+</h3><p>Agencies Supported</p></div>
<div class="stat"><h3>95%</h3><p>Success Rate</p></div>
</section>
<!-- PROCESS -->
<section class="process">
<h2>Our Process</h2>
<div class="steps">
<div>1. Assess</div>
<div>2. Position</div>
<div>3. Target</div>
<div>4. Execute</div>
</div>
</section>
<!-- CTA -->
<section class="cta">
<h2>Ready to Win Government Contracts?</h2>
<a class="btn primary">Get Started</a>
</section>
<!-- FOOTER -->
<footer>
<p>© 2026 BluApex Solutions</p>
</footer>
</body>
</html>