0
X
Add Snippet To Project
New Project
Add To Existing Project
<!-- COMMERCIAL.HTML - COMMERCIAL MODELS -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Commercial Models - Oxil</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.8; color: #333; }
header { background: #002e5c; color: white; padding: 20px; text-align: center; }
nav { background: #002e5c; padding: 15px; text-align: center; }
nav a { color: white; text-decoration: none; margin: 0 20px; }
.hero { background: #004a8f; color: white; padding: 60px 20px; text-align: center; }
.models-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; padding: 60px 20px; max-width: 1200px; margin: 0 auto; }
.model-card { background: white; border: 2px solid #002e5c; padding: 30px; border-radius: 8px; }
.model-card h3 { color: #002e5c; font-size: 24px; margin-bottom: 10px; }
.specs { background: #f9f9f9; padding: 15px; margin: 15px 0; }
.features { margin: 15px 0; }
.features li { margin-left: 20px; margin-bottom: 8px; }
.btn { padding: 10px 20px; background: #ffd700; color: #002e5c; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; }
footer { background: #002e5c; color: white; text-align: center; padding: 30px; }
</style>
</head>
<body>
<header><h1>OXIL</h1><p>Commercial Models</p></header>
<nav>
<a href="index.html">Home</a><a href="about.html">About</a><a href="residential.html">Residential</a>
<a href="commercial.html">Commercial</a><a href="partnership.html">Partnership</a><a href="contact.html">Contact</a>
</nav>
<section class="hero">
<h2>Commercial Solutions</h2>
<p>Ready-to-deploy modular commercial spaces</p>
</section>
<section class="models-grid">
<div class="model-card">
<h3>Nexus Retail</h3>
<div class="specs"><p><strong>Size:</strong> 20-40 ft equivalent</p><p><strong>Use Cases:</strong> Cafes, boutiques, F&B kiosks, pop-ups, brand activations</p></div>
<div class="features"><strong>Features:</strong><ul><li>Open-plan retail floor</li><li>Service counter</li><li>Back-of-house storage</li><li>Signage kit included</li><li>Multi-module capable</li></ul></div>
<button class="btn">Learn More</button>
</div>
<div class="model-card">
<h3>Apex Office</h3>
<div class="specs"><p><strong>Size:</strong> Single or multi-suite</p><p><strong>Use Cases:</strong> Site offices, consulting suites, co-work pods, sales galleries</p></div>
<div class="features"><strong>Features:</strong><ul><li>Reception area</li><li>Private cabins/offices</li><li>Meeting room</li><li>Pantry/break area</li><li>Server nook</li><li>Acoustic partitions</li></ul></div>
<button class="btn">Learn More</button>
</div>
</section>
<footer><p>© 2025 Oxil. All rights reserved. | Contact: info@oxil.com</p></footer>
</body>
</html>
Commercial models page featuring Nexus Retail and Apex Office spaces