diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..3ecdc18 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,108 @@ +/* General Body Styles */ +body { + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: #F9F9F9; + color: #333333; +} + +/* Navbar */ +.navbar { + background-color: #FFFFFF; + box-shadow: 0 2px 4px rgba(0,0,0,0.05); +} + +.navbar-brand { + font-weight: 700; + color: #4A90E2 !important; +} + +/* Hero Section */ +.hero-section { + background: linear-gradient(45deg, rgba(74, 144, 226, 0.9), rgba(80, 227, 194, 0.9)), url('https://picsum.photos/seed/hr-hero/1600/500') no-repeat center center; + background-size: cover; + color: white; + padding: 6rem 0; + text-align: center; +} + +.hero-section h1 { + font-weight: 700; + font-size: 3.5rem; +} + +.hero-section p { + font-size: 1.25rem; + opacity: 0.9; +} + +/* Job Listings */ +.job-listings { + padding: 4rem 0; +} + +.job-card { + background-color: #FFFFFF; + border: 1px solid #EAEAEA; + border-radius: 12px; + padding: 1.5rem; + margin-bottom: 1.5rem; + box-shadow: 0 4px 12px rgba(0,0,0,0.05); + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; +} + +.job-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 20px rgba(0,0,0,0.08); +} + +.job-card h5 { + color: #4A90E2; + font-weight: 600; +} + +.job-card .badge { + border-radius: 6px; + font-weight: 500; + padding: 0.4em 0.7em; +} + +.btn-primary { + background-color: #4A90E2; + border-color: #4A90E2; + border-radius: 12px; + padding: 0.75rem 1.5rem; + font-weight: 600; + transition: background-color 0.2s; +} + +.btn-primary:hover { + background-color: #357ABD; + border-color: #357ABD; +} + +.btn-secondary { + background-color: #50E3C2; + border-color: #50E3C2; + color: #fff; + border-radius: 12px; + padding: 0.75rem 1.5rem; + font-weight: 600; + transition: background-color 0.2s; +} + +.btn-secondary:hover { + background-color: #40B59A; + border-color: #40B59A; +} + + +/* Footer */ +.footer { + background-color: #FFFFFF; + padding: 2rem 0; + margin-top: 4rem; + border-top: 1px solid #EAEAEA; + text-align: center; + font-size: 0.9rem; + color: #666; +} \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..948ecf2 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,34 @@ +// Gentle animations on scroll for job cards +document.addEventListener('DOMContentLoaded', function () { + const jobCards = document.querySelectorAll('.job-card'); + + const observer = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.style.animation = 'fadeInUp 0.5s ease-out forwards'; + observer.unobserve(entry.target); + } + }); + }, { threshold: 0.1 }); + + jobCards.forEach(card => { + card.style.opacity = '0'; // Start transparent + observer.observe(card); + }); +}); + +// Add keyframes for the animation +const style = document.createElement('style'); +style.innerHTML = ` +@keyframes fadeInUp { + from { + opacity: 0; + transform: translateY(20px); + } + to { + opacity: 1; + transform: translateY(0); + } +} +`; +document.head.appendChild(style); \ No newline at end of file diff --git a/careers.php b/careers.php new file mode 100644 index 0000000..9301ecf --- /dev/null +++ b/careers.php @@ -0,0 +1,148 @@ + 'Senior Frontend Developer', + 'department' => 'Engineering', + 'location' => 'Remote', + 'type' => 'Full-time' + ], + [ + 'title' => 'Product Manager', + 'department' => 'Product', + 'location' => 'New York, NY', + 'type' => 'Full-time' + ], + [ + 'title' => 'UI/UX Designer', + 'department' => 'Design', + 'location' => 'Remote', + 'type' => 'Contract' + ], + [ + 'title' => 'HR Generalist', + 'department' => 'People Ops', + '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' + ] +]; +?> + + + + + + Careers - HR Platform + + + + + + + + + + + + + + +
+
+

Find Your Next Opportunity

+

Join our team and help us build the future of work.

+
+
+ + +
+
+
+
+ + +
+
+

Current Openings

+
+ +
+
+
+

+ · +

+ + View Details +
+
+ +
+
+
+ + +
+
+
+ Two colleagues smiling and working together on a laptop. +
+
+

Why Join Us?

+

We are a passionate team dedicated to creating a better work environment for everyone. We value collaboration, innovation, and a people-first culture. Join us to make a real impact.

+
+
+
+ +
+
+
+ A person writing on a whiteboard during a brainstorming session. +
+
+

Our Benefits

+

We offer competitive salaries, comprehensive health benefits, flexible work hours, and a generous vacation policy. We believe in investing in our employees' well-being and professional growth.

+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/index.php b/index.php index e13ae95..9301ecf 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,148 @@ 'Senior Frontend Developer', + 'department' => 'Engineering', + 'location' => 'Remote', + 'type' => 'Full-time' + ], + [ + 'title' => 'Product Manager', + 'department' => 'Product', + 'location' => 'New York, NY', + 'type' => 'Full-time' + ], + [ + 'title' => 'UI/UX Designer', + 'department' => 'Design', + 'location' => 'Remote', + 'type' => 'Contract' + ], + [ + 'title' => 'HR Generalist', + 'department' => 'People Ops', + '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' + ] +]; ?> - + - - - New Style - - - - + + + Careers - HR Platform + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

Flatlogic AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + + + +
+
+

Find Your Next Opportunity

+

Join our team and help us build the future of work.

+
+
+ + +
+
+
+
+ + +
+
+

Current Openings

+
+ +
+
+
+

+ · +

+ + View Details +
+
+ +
+
+
+ + +
+
+
+ Two colleagues smiling and working together on a laptop. +
+
+

Why Join Us?

+

We are a passionate team dedicated to creating a better work environment for everyone. We value collaboration, innovation, and a people-first culture. Join us to make a real impact.

+
+
+
+ +
+
+
+ A person writing on a whiteboard during a brainstorming session. +
+
+

Our Benefits

+

We offer competitive salaries, comprehensive health benefits, flexible work hours, and a generous vacation policy. We believe in investing in our employees' well-being and professional growth.

+
+
+
+ + + + + + - + \ No newline at end of file