61269bb9a4
- Updated all navigation links in HTML files - Updated all hrefs and window.location redirects in JavaScript - All links now use clean URLs without .html extensions - Improves SEO and provides cleaner user experience
172 lines
7.5 KiB
HTML
172 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Apply for Job - 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">About</a></li>
|
|
<li><a href="/services">Services</a></li>
|
|
<li><a href="/jobs">Jobs</a></li>
|
|
<li><a href="/contact">Contact</a></li>
|
|
<li><a href="/admin/login" class="btn btn-primary btn-sm">Admin</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h1>Apply Now</h1>
|
|
<p>Submit your application for consideration</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="container-narrow">
|
|
<div id="job-details" style="background: var(--bg-white); padding: 2rem; border-radius: 0.5rem; box-shadow: var(--shadow-md); margin-bottom: 2rem;">
|
|
<h2 id="job-title" style="color: var(--secondary-color); margin-bottom: 1rem;">Job Title</h2>
|
|
<div id="job-info" style="color: var(--text-light);">
|
|
<!-- Job details will be loaded here -->
|
|
</div>
|
|
</div>
|
|
|
|
<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;">Application Form</h3>
|
|
|
|
<form id="application-form">
|
|
<!-- Hidden jobId field -->
|
|
<input type="hidden" id="jobId" name="jobId" value="">
|
|
|
|
<!-- Full Name -->
|
|
<div class="form-group">
|
|
<label for="fullName">Full Name <span style="color: var(--error);">*</span></label>
|
|
<input type="text" id="fullName" name="fullName" required placeholder="Enter your full name">
|
|
</div>
|
|
|
|
<!-- Email -->
|
|
<div class="form-group">
|
|
<label for="email">Email Address <span style="color: var(--error);">*</span></label>
|
|
<input type="email" id="email" name="email" required placeholder="your.email@example.com">
|
|
</div>
|
|
|
|
<!-- Phone -->
|
|
<div class="form-group">
|
|
<label for="phone">Phone Number</label>
|
|
<input type="tel" id="phone" name="phone" placeholder="+1 (555) 123-4567">
|
|
</div>
|
|
|
|
<!-- LinkedIn URL -->
|
|
<div class="form-group">
|
|
<label for="linkedinUrl">LinkedIn URL</label>
|
|
<input type="url" id="linkedinUrl" name="linkedinUrl" placeholder="https://linkedin.com/in/yourprofile">
|
|
</div>
|
|
|
|
<!-- Portfolio URL -->
|
|
<div class="form-group">
|
|
<label for="portfolioUrl">Portfolio URL</label>
|
|
<input type="url" id="portfolioUrl" name="portfolioUrl" placeholder="https://yourportfolio.com">
|
|
</div>
|
|
|
|
<!-- Years of Experience -->
|
|
<div class="form-group">
|
|
<label for="yearsExperience">Years of Experience</label>
|
|
<input type="number" id="yearsExperience" name="yearsExperience" min="0" max="70" placeholder="0">
|
|
</div>
|
|
|
|
<!-- Current Position -->
|
|
<div class="form-group">
|
|
<label for="currentPosition">Current Position</label>
|
|
<input type="text" id="currentPosition" name="currentPosition" placeholder="e.g., Senior Software Engineer">
|
|
</div>
|
|
|
|
<!-- Current Company -->
|
|
<div class="form-group">
|
|
<label for="currentCompany">Current Company</label>
|
|
<input type="text" id="currentCompany" name="currentCompany" placeholder="e.g., Tech Corp Inc.">
|
|
</div>
|
|
|
|
<!-- Preferred Location -->
|
|
<div class="form-group">
|
|
<label for="preferredLocation">Preferred Location</label>
|
|
<input type="text" id="preferredLocation" name="preferredLocation" placeholder="e.g., New York, NY or Remote">
|
|
</div>
|
|
|
|
<!-- Cover Letter -->
|
|
<div class="form-group">
|
|
<label for="coverLetter">Cover Letter</label>
|
|
<textarea id="coverLetter" name="coverLetter" placeholder="Tell us why you're interested in this position and what makes you a great fit..."></textarea>
|
|
</div>
|
|
|
|
<!-- CV Upload -->
|
|
<div class="form-group">
|
|
<label for="cv">Upload CV/Resume <span style="color: var(--error);">*</span></label>
|
|
<input type="file" id="cv" name="cv" accept=".pdf,.doc,.docx" required>
|
|
<div class="form-help">Accepted formats: PDF, DOC, DOCX (Max 5MB)</div>
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<div class="form-group" style="margin-top: 2rem;">
|
|
<button type="submit" class="btn btn-primary btn-lg" style="width: 100%;">Submit Application</button>
|
|
</div>
|
|
</form>
|
|
</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">About Us</a></li>
|
|
<li><a href="/services">Services</a></li>
|
|
<li><a href="/jobs">Job Listings</a></li>
|
|
<li><a href="/contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>For Employers</h3>
|
|
<ul>
|
|
<li><a href="/contact">Post a Job</a></li>
|
|
<li><a href="/contact">Our Process</a></li>
|
|
<li><a href="/contact">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>
|