406d278a39
- Complete PostgreSQL schema with migrations - Node.js/Express backend with authentication - Public website (home, about, services, jobs, apply, contact) - Admin dashboard with applicant and job management - CV upload and storage in PostgreSQL BYTEA - Docker Compose setup for deployment - Session-based authentication - Responsive design with Ryan brand colors
170 lines
8.0 KiB
HTML
170 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Contact Us - Ryans Recruit Firm</title>
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="container">
|
|
<div class="logo">Ryans Recruit Firm</div>
|
|
<ul class="nav-links">
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/about.html">About</a></li>
|
|
<li><a href="/services.html">Services</a></li>
|
|
<li><a href="/jobs.html">Jobs</a></li>
|
|
<li><a href="/contact.html" class="active">Contact</a></li>
|
|
<li><a href="/admin/login.html" class="btn btn-primary btn-sm">Admin</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h1>Contact Us</h1>
|
|
<p>Get in touch with our team - we're here to help</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="grid grid-2" style="gap: 3rem; align-items: start;">
|
|
<!-- Contact Form -->
|
|
<div style="background: var(--bg-white); padding: 2rem; border-radius: 0.5rem; box-shadow: var(--shadow-md);">
|
|
<h3 style="color: var(--secondary-color); margin-bottom: 2rem;">Send us a Message</h3>
|
|
|
|
<form id="contact-form">
|
|
<!-- Name -->
|
|
<div class="form-group">
|
|
<label for="name">Name <span style="color: var(--error);">*</span></label>
|
|
<input type="text" id="name" name="name" required placeholder="Your full name">
|
|
</div>
|
|
|
|
<!-- Email -->
|
|
<div class="form-group">
|
|
<label for="contactEmail">Email Address <span style="color: var(--error);">*</span></label>
|
|
<input type="email" id="contactEmail" name="email" required placeholder="your.email@example.com">
|
|
</div>
|
|
|
|
<!-- Subject -->
|
|
<div class="form-group">
|
|
<label for="subject">Subject</label>
|
|
<input type="text" id="subject" name="subject" placeholder="What is this about?">
|
|
</div>
|
|
|
|
<!-- Message -->
|
|
<div class="form-group">
|
|
<label for="message">Message <span style="color: var(--error);">*</span></label>
|
|
<textarea id="message" name="message" required placeholder="Tell us more about your inquiry..."></textarea>
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<button type="submit" class="btn btn-primary btn-lg" style="width: 100%;">Send Message</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Contact Information -->
|
|
<div>
|
|
<h3 style="color: var(--secondary-color); margin-bottom: 2rem;">Get in Touch</h3>
|
|
|
|
<div style="background: var(--bg-white); padding: 2rem; border-radius: 0.5rem; box-shadow: var(--shadow-md); margin-bottom: 2rem;">
|
|
<div style="margin-bottom: 2rem;">
|
|
<h4 style="color: var(--secondary-color); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem;">
|
|
<span style="font-size: 1.5rem;">📧</span> Email
|
|
</h4>
|
|
<p style="color: var(--text-light); margin-bottom: 0;">
|
|
<a href="mailto:info@ryansrecruit.com" style="color: var(--primary-color); font-weight: 500;">info@ryansrecruit.com</a>
|
|
</p>
|
|
<div class="form-help">We typically respond within 24 hours</div>
|
|
</div>
|
|
|
|
<div style="margin-bottom: 2rem;">
|
|
<h4 style="color: var(--secondary-color); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem;">
|
|
<span style="font-size: 1.5rem;">📞</span> Phone
|
|
</h4>
|
|
<p style="color: var(--text-light); margin-bottom: 0;">
|
|
<a href="tel:+15551234567" style="color: var(--primary-color); font-weight: 500;">+1 (555) 123-4567</a>
|
|
</p>
|
|
<div class="form-help">Mon-Fri 9AM-6PM EST</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 style="color: var(--secondary-color); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.75rem;">
|
|
<span style="font-size: 1.5rem;">🏢</span> Office Hours
|
|
</h4>
|
|
<p style="color: var(--text-light); margin-bottom: 0.5rem;">
|
|
Monday to Friday: 9:00 AM - 6:00 PM EST
|
|
</p>
|
|
<p style="color: var(--text-light);">
|
|
Saturday & Sunday: Closed
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); padding: 2rem; border-radius: 0.5rem; color: white;">
|
|
<h4 style="color: white; margin-bottom: 1rem;">Why Choose Us?</h4>
|
|
<ul style="list-style: none;">
|
|
<li style="margin-bottom: 0.75rem;">✓ Experienced recruitment team</li>
|
|
<li style="margin-bottom: 0.75rem;">✓ Fast response times</li>
|
|
<li style="margin-bottom: 0.75rem;">✓ Personalized support</li>
|
|
<li style="margin-bottom: 0.75rem;">✓ Industry expertise</li>
|
|
<li>✓ Proven track record</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h3>Ryans Recruit Firm</h3>
|
|
<p style="color: rgba(255, 255, 255, 0.8);">
|
|
Your trusted partner in career advancement and talent acquisition.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>Quick Links</h3>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/about.html">About Us</a></li>
|
|
<li><a href="/services.html">Services</a></li>
|
|
<li><a href="/jobs.html">Job Listings</a></li>
|
|
<li><a href="/contact.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>For Employers</h3>
|
|
<ul>
|
|
<li><a href="/contact.html">Post a Job</a></li>
|
|
<li><a href="/contact.html">Our Process</a></li>
|
|
<li><a href="/contact.html">Pricing</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>Contact</h3>
|
|
<ul>
|
|
<li>Email: info@ryansrecruit.com</li>
|
|
<li>Phone: +1 (555) 123-4567</li>
|
|
<li>Hours: Mon-Fri 9AM-6PM EST</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<p>© 2026 Ryans Recruit Firm. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/js/main.js"></script>
|
|
</body>
|
|
</html>
|