129 lines
6.2 KiB
HTML
129 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Contact BirdOps - ">
|
|
<title>Contact | BirdOps</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter, sans-serif:wght@400;600;700&family=Inter, sans-serif:wght@400;500;600&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<a href="/" class="logo" aria-label="BirdOps - Home">
|
|
<span class="logo-text">BirdOps BirdUp</span>
|
|
</a>
|
|
<nav class="main-nav" aria-label="Main navigation">
|
|
<button class="nav-toggle" aria-expanded="false" aria-controls="nav-menu" aria-label="Toggle navigation">
|
|
<span class="hamburger"></span>
|
|
</button>
|
|
<ul id="nav-menu" class="nav-list">
|
|
<li><a href="/" class="nav-link">Home</a></li>
|
|
<li><a href="/services.html" class="nav-link">Services</a></li><li><a href="/products.html" class="nav-link">Products</a></li> <li><a href="/contact.html" class="nav-link active">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="site-main">
|
|
<section class="page-hero" aria-labelledby="page-heading">
|
|
<div class="container">
|
|
<h1 id="page-heading">Contact Us</h1>
|
|
<p class="page-subheadline"></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="contact-section" aria-labelledby="contact-heading">
|
|
<div class="container">
|
|
<div class="contact-grid">
|
|
<div class="contact-info">
|
|
<h2 id="contact-heading"></h2>
|
|
<p></p>
|
|
|
|
<div class="contact-methods">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-form-wrapper">
|
|
<h2></h2>
|
|
<form id="contact-form" class="contact-form" action="https://n8n.sloanops.com/webhook/client-contact" method="POST">
|
|
<input type="hidden" name="form_type" value="client-contact">
|
|
<input type="hidden" name="site_key" value="birdops">
|
|
<input type="hidden" name="_subject" value="BirdOps">
|
|
<input type="hidden" name="_next" value="">
|
|
|
|
<div class="form-group">
|
|
<label for="name">Name <span class="required" aria-hidden="true">*</span></label>
|
|
<input type="text" id="name" name="name" required autocomplete="name">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="email">Email <span class="required" aria-hidden="true">*</span></label>
|
|
<input type="email" id="email" name="email" required autocomplete="email">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="phone">Phone</label>
|
|
<input type="tel" id="phone" name="phone" autocomplete="tel">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="subject">Subject</label>
|
|
<select id="subject" name="subject">
|
|
<option value="">Select a topic</option>
|
|
<option value="General Inquiry">General Inquiry</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="message">Message <span class="required" aria-hidden="true">*</span></label>
|
|
<textarea id="message" name="message" rows="6" required placeholder="How can we help you?"></textarea>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary btn-full-width">birdup</button>
|
|
|
|
<p class="form-note" aria-live="polite"></p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer" role="contentinfo">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<p class="footer-logo">BirdOps BirdUp</p>
|
|
<p class="footer-tagline"></p>
|
|
</div>
|
|
<nav class="footer-nav" aria-label="Footer navigation">
|
|
<h3>Quick Links</h3>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/services.html">Services</a></li><li><a href="/products.html">Products</a></li> <li><a href="/contact.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<address class="footer-contact" aria-label="Contact information">
|
|
<h3>Contact</h3>
|
|
<p>1000 business center drive</p>
|
|
<p><a href="tel:4074562683">999-999-9999</a></p>
|
|
<p><a href="mailto:nightehawk@gmail.com">nightehawk@gmail.com</a></p>
|
|
</address>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2026 BirdOps. All rights reserved.</p>
|
|
<p class="footer-credits">Hosted by <a href="https://sloanops.com" target="_blank" rel="noopener">SloanOps</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html> |