0
X
Add Snippet To Project
New Project
Add To Existing Project
<!-- CONTACT.HTML - CONTACT PAGE -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Oxil - Get in Touch</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; 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; }
.container { max-width: 1000px; margin: 0 auto; padding: 60px 20px; }
.contact-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
.info-box { background: #f9f9f9; padding: 25px; border-radius: 8px; text-align: center; }
.info-box h3 { color: #002e5c; margin-bottom: 10px; }
.form-section { background: #f9f9f9; padding: 40px; border-radius: 8px; }
.form-section h2 { color: #002e5c; margin-bottom: 20px; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; margin-bottom: 5px; font-weight: bold; color: #002e5c; }
.form-group input, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-family: Arial; }
.form-group textarea { resize: vertical; height: 150px; }
.btn-submit { padding: 12px 30px; background: #ffd700; color: #002e5c; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; font-size: 16px; }
footer { background: #002e5c; color: white; text-align: center; padding: 30px; margin-top: 50px; }
</style>
</head>
<body>
<header><h1>OXIL</h1><p>Contact Us</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>
<div class="container">
<h2 style="text-align: center; color: #002e5c; margin-bottom: 40px; font-size: 32px;">Get In Touch With Oxil</h2>
<div class="contact-info">
<div class="info-box">
<h3>Email</h3>
<p>info@oxil.com</p>
<p>sales@oxil.com</p>
</div>
<div class="info-box">
<h3>Phone</h3>
<p>+91 (toll-free)</p>
<p>Available 9AM-6PM IST</p>
</div>
<div class="info-box">
<h3>Address</h3>
<p>Oxil Manufacturing Facility</p>
<p>India</p>
</div>
</div>
<div class="form-section">
<h2>Request a Quote or More Information</h2>
<form>
<div class="form-group">
<label>Name</label>
<input type="text" name="name" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required>
</div>
<div class="form-group">
<label>Phone</label>
<input type="tel" name="phone">
</div>
<div class="form-group">
<label>Interested In</label>
<input type="text" name="interested" placeholder="e.g., Aura Studio, Zenith One, Partnership Program">
</div>
<div class="form-group">
<label>Message</label>
<textarea name="message" placeholder="Tell us about your project or interest" required></textarea>
</div>
<button type="submit" class="btn-submit">Send Message</button>
</form>
</div>
</div>
<footer><p>© 2025 Oxil. All rights reserved. | Contact: info@oxil.com</p></footer>
</body>
</html>
Complete contact page with contact information and message form for inquiries and quotes