Auto commit: 2025-09-17T13:11:08.932Z
This commit is contained in:
Flatlogic Bot
parent
0389138555
commit
60d1724dfc
34
careers.php
34
careers.php
@ -1,42 +1,34 @@
|
||||
<?php
|
||||
// Sample data for job listings
|
||||
// Job listings data
|
||||
$jobs = [
|
||||
[
|
||||
'title' => 'Senior Frontend Developer',
|
||||
'department' => 'Engineering',
|
||||
'id' => 1,
|
||||
'title' => 'Senior Product Manager',
|
||||
'department' => 'Product',
|
||||
'location' => 'Remote',
|
||||
'type' => 'Full-time'
|
||||
],
|
||||
[
|
||||
'title' => 'Product Manager',
|
||||
'department' => 'Product',
|
||||
'id' => 2,
|
||||
'title' => 'Lead Software Engineer (Backend)',
|
||||
'department' => 'Engineering',
|
||||
'location' => 'New York, NY',
|
||||
'type' => 'Full-time'
|
||||
],
|
||||
[
|
||||
'title' => 'UI/UX Designer',
|
||||
'id' => 3,
|
||||
'title' => 'UX/UI Designer',
|
||||
'department' => 'Design',
|
||||
'location' => 'Remote',
|
||||
'type' => 'Contract'
|
||||
],
|
||||
[
|
||||
'title' => 'HR Generalist',
|
||||
'department' => 'People Ops',
|
||||
'id' => 4,
|
||||
'title' => 'Marketing Manager',
|
||||
'department' => 'Marketing',
|
||||
'location' => 'San Francisco, CA',
|
||||
'type' => 'Full-time'
|
||||
],
|
||||
[
|
||||
'title' => 'DevOps Engineer',
|
||||
'department' => 'Engineering',
|
||||
'location' => 'Remote',
|
||||
'type' => 'Full-time'
|
||||
],
|
||||
[
|
||||
'title' => 'Marketing Specialist',
|
||||
'department' => 'Marketing',
|
||||
'location' => 'Austin, TX',
|
||||
'type' => 'Part-time'
|
||||
]
|
||||
];
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
@ -102,7 +94,7 @@ $jobs = [
|
||||
<?php echo htmlspecialchars($job['department']); ?> · <?php echo htmlspecialchars($job['location']); ?>
|
||||
</p>
|
||||
<span class="badge bg-light text-dark border"><?php echo htmlspecialchars($job['type']); ?></span>
|
||||
<a href="#" class="btn btn-primary mt-3 stretched-link">View Details</a>
|
||||
<a href="job-details.php?id=<?php echo $job['id']; ?>" class="btn btn-primary mt-3 stretched-link">View Details</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
|
||||
288
job-details.php
Normal file
288
job-details.php
Normal file
@ -0,0 +1,288 @@
|
||||
<?php
|
||||
// Simulate fetching job data based on an ID from the URL
|
||||
$jobs = [
|
||||
[
|
||||
'id' => 1,
|
||||
'title' => 'Senior Product Manager',
|
||||
'department' => 'Product',
|
||||
'location' => 'Remote',
|
||||
'description' => 'We are looking for an experienced Senior Product Manager to help us build the future of HR technology. You will be responsible for the product planning and execution throughout the Product Lifecycle, including: gathering and prioritizing product and customer requirements, defining the product vision, and working closely with engineering, sales, marketing and support to ensure revenue and customer satisfaction goals are met.',
|
||||
'requirements' => [
|
||||
'5+ years of product management experience',
|
||||
'Demonstrated success defining and launching excellent products',
|
||||
'Excellent written and verbal communication skills',
|
||||
'Bachelor’s degree (MBA preferred)',
|
||||
'Technical background, with experience in SaaS',
|
||||
'Excellent teamwork skills',
|
||||
],
|
||||
'benefits' => [
|
||||
'Competitive salary and equity',
|
||||
'Comprehensive health, dental, and vision insurance',
|
||||
'Unlimited paid time off',
|
||||
'Remote work stipend',
|
||||
'Annual team offsites',
|
||||
]
|
||||
],
|
||||
[
|
||||
'id' => 2,
|
||||
'title' => 'Lead Software Engineer (Backend)',
|
||||
'department' => 'Engineering',
|
||||
'location' => 'New York, NY',
|
||||
'description' => 'As a Lead Software Engineer, you will be a key member of our engineering team, responsible for designing, developing, and deploying our backend services. You will work with a modern tech stack and have a significant impact on our product's architecture and performance.',
|
||||
'requirements' => [
|
||||
'8+ years of software development experience',
|
||||
'Expertise in PHP, Python, or similar languages',
|
||||
'Strong understanding of database design and SQL',
|
||||
'Experience with cloud platforms (AWS, GCP, Azure)',
|
||||
'Proven leadership and mentoring skills',
|
||||
],
|
||||
'benefits' => [
|
||||
'Competitive salary and equity',
|
||||
'Comprehensive health, dental, and vision insurance',
|
||||
'401(k) with company match',
|
||||
'Commuter benefits',
|
||||
'Catered lunches',
|
||||
]
|
||||
],
|
||||
[
|
||||
'id' => 3,
|
||||
'title' => 'UX/UI Designer',
|
||||
'department' => 'Design',
|
||||
'location' => 'Remote',
|
||||
'description' => 'We are seeking a talented UX/UI Designer to create amazing user experiences. The ideal candidate should have an eye for clean and artful design, possess superior UX/UI skills and be able to translate high-level requirements into interaction flows and artifacts, and transform them into beautiful, intuitive, and functional user interfaces.',
|
||||
'requirements' => [
|
||||
'3+ years of UX/UI design experience',
|
||||
'A strong portfolio of design projects',
|
||||
'Proficiency in Figma, Sketch, or other visual design and wire-framing tools',
|
||||
'Experience in creating wireframes, storyboards, user flows, process flows and site maps',
|
||||
'Excellent visual design skills with sensitivity to user-system interaction',
|
||||
],
|
||||
'benefits' => [
|
||||
'Competitive salary',
|
||||
'Flexible work hours',
|
||||
'Health and wellness stipend',
|
||||
'Remote work stipend',
|
||||
'Opportunities for professional development',
|
||||
]
|
||||
],
|
||||
[
|
||||
'id' => 4,
|
||||
'title' => 'Marketing Manager',
|
||||
'department' => 'Marketing',
|
||||
'location' => 'San Francisco, CA',
|
||||
'description' => 'We are looking for a results-driven Marketing Manager to join our growing team. You will be responsible for developing and implementing marketing strategies to increase brand awareness and drive lead generation. This is a great opportunity for someone who is passionate about marketing and technology.',
|
||||
'requirements' => [
|
||||
'5+ years of marketing experience in the tech industry',
|
||||
'Proven experience in developing and executing marketing campaigns',
|
||||
'Strong understanding of digital marketing channels (SEO, SEM, social media, etc.)',
|
||||
'Excellent analytical and communication skills',
|
||||
'Bachelor's degree in Marketing or related field',
|
||||
],
|
||||
'benefits' => [
|
||||
'Competitive salary and performance bonuses',
|
||||
'Comprehensive health, dental, and vision insurance',
|
||||
'Generous PTO and paid holidays',
|
||||
'401(k) with company match',
|
||||
'A vibrant and collaborative work environment',
|
||||
]
|
||||
],
|
||||
];
|
||||
|
||||
$job_id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
|
||||
$job = null;
|
||||
|
||||
foreach ($jobs as $j) {
|
||||
if ($j['id'] === $job_id) {
|
||||
$job = $j;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// SEO and page metadata
|
||||
$page_title = $job ? htmlspecialchars($job['title']) . ' - Flatlogic HR' : 'Job Not Found';
|
||||
$page_description = $job ? 'Apply for the ' . htmlspecialchars($job['title']) . ' position at Flatlogic. Location: ' . htmlspecialchars($job['location']) : 'The job you are looking for could not be found.';
|
||||
$page_keywords = 'jobs, careers, hiring, ' . ($job ? htmlspecialchars($job['title']) : '');
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><?php echo $page_title; ?></title>
|
||||
<meta name="description" content="<?php echo $page_description; ?>">
|
||||
<meta name="keywords" content="<?php echo $page_keywords; ?>">
|
||||
<link rel="icon" href="https://flatlogic.com/assets/favicon.ico">
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://flatlogic.com/">
|
||||
<meta property="og:title" content="<?php echo $page_title; ?>">
|
||||
<meta property="og:description" content="<?php echo $page_description; ?>">
|
||||
<meta property="og:image" content="https://flatlogic.com/assets/share.png">
|
||||
<!-- Twitter -->
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:url" content="https://flatlogic.com/">
|
||||
<meta property="twitter:title" content="<?php echo $page_title; ?>">
|
||||
<meta property="twitter:description" content="<?php echo $page_description; ?>">
|
||||
<meta property="twitter:image" content="https://flatlogic.com/assets/share.png">
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.css">
|
||||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||||
<style>
|
||||
body {
|
||||
background-color: #F9F9F9;
|
||||
color: #333;
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
}
|
||||
.navbar-brand img {
|
||||
height: 30px;
|
||||
}
|
||||
.job-header {
|
||||
background: linear-gradient(135deg, #4A90E2 0%, #50E3C2 100%);
|
||||
color: white;
|
||||
padding: 4rem 0;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
}
|
||||
.job-header h1 {
|
||||
font-weight: 700;
|
||||
}
|
||||
.card {
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
||||
}
|
||||
.btn-primary {
|
||||
background-color: #4A90E2;
|
||||
border-color: #4A90E2;
|
||||
border-radius: 12px;
|
||||
padding: 0.75rem 1.5rem;
|
||||
font-weight: 600;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background-color: #357ABD;
|
||||
border-color: #357ABD;
|
||||
}
|
||||
.breadcrumb-item a {
|
||||
color: #4A90E2;
|
||||
text-decoration: none;
|
||||
}
|
||||
.list-group-item {
|
||||
border: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.list-group-item i {
|
||||
color: #50E3C2;
|
||||
margin-right: 10px;
|
||||
}
|
||||
footer {
|
||||
padding: 2rem 0;
|
||||
background-color: #FFFFFF;
|
||||
margin-top: 4rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.php">
|
||||
<img src="https://flatlogic.com/assets/logo.svg" alt="Flatlogic Logo">
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.php">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="careers.php">Open Positions</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<?php if ($job): ?>
|
||||
<header class="job-header text-center">
|
||||
<div class="container">
|
||||
<p class="mb-2"><span class="badge bg-light text-dark"><?php echo htmlspecialchars($job['department']); ?></span></p>
|
||||
<h1><?php echo htmlspecialchars($job['title']); ?></h1>
|
||||
<p class="lead">
|
||||
<i data-feather="map-pin" class="me-1" style="width: 1em; height: 1em;"></i> <?php echo htmlspecialchars($job['location']); ?>
|
||||
</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container mt-5">
|
||||
<nav aria-label="breadcrumb" class="mb-4">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="careers.php">Careers</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><?php echo htmlspecialchars($job['title']); ?></li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card p-4 mb-4">
|
||||
<h2 class="h4 mb-3">Job Description</h2>
|
||||
<p><?php echo nl2br(htmlspecialchars($job['description'])); ?></p>
|
||||
|
||||
<h2 class="h4 mt-4 mb-3">Requirements</h2>
|
||||
<ul class="list-group list-group-flush">
|
||||
<?php foreach ($job['requirements'] as $requirement): ?>
|
||||
<li class="list-group-item d-flex align-items-start">
|
||||
<i data-feather="check-circle" class="me-2 mt-1" style="width: 1.2em; height: 1.2em;"></i>
|
||||
<span><?php echo htmlspecialchars($requirement); ?></span>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<h2 class="h4 mt-4 mb-3">Benefits</h2>
|
||||
<ul class="list-group list-group-flush">
|
||||
<?php foreach ($job['benefits'] as $benefit): ?>
|
||||
<li class="list-group-item d-flex align-items-start">
|
||||
<i data-feather="gift" class="me-2 mt-1" style="width: 1.2em; height: 1.2em;"></i>
|
||||
<span><?php echo htmlspecialchars($benefit); ?></span>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card p-4 sticky-top" style="top: 20px;">
|
||||
<h3 class="h5 mb-3">Interested?</h3>
|
||||
<p class="text-muted">Apply now to join our team and make an impact.</p>
|
||||
<a href="#" class="btn btn-primary w-100">Apply Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<?php else: ?>
|
||||
<main class="container mt-5 text-center">
|
||||
<div class="card p-5">
|
||||
<h1 class="display-4">Job Not Found</h1>
|
||||
<p class="lead">Sorry, the job you are looking for does not exist or has been filled.</p>
|
||||
<a href="careers.php" class="btn btn-primary mt-3">View All Open Positions</a>
|
||||
</div>
|
||||
</main>
|
||||
<?php endif; ?>
|
||||
|
||||
<footer class="text-center text-muted">
|
||||
<div class="container">
|
||||
<p>© <?php echo date('Y'); ?> Flatlogic, Inc. All rights reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
||||
<script>
|
||||
feather.replace();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user