diff --git a/assets/css/custom.css b/assets/css/custom.css
new file mode 100644
index 0000000..b32171e
--- /dev/null
+++ b/assets/css/custom.css
@@ -0,0 +1,69 @@
+/* Import Google Font */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+
+:root {
+ --primary-color: #335EEA;
+ --secondary-color: #6C757D;
+ --bg-light: #F8F9FA;
+ --surface-white: #FFFFFF;
+ --text-dark: #212529;
+ --border-radius: 8px;
+}
+
+body {
+ font-family: 'Inter', sans-serif;
+ background-color: var(--bg-light);
+ color: var(--text-dark);
+}
+
+.navbar-brand span {
+ color: var(--text-dark);
+}
+
+.hero-section {
+ background: linear-gradient(135deg, #335EEA 0%, #214099 100%);
+ background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://picsum.photos/seed/hr-hero/1600/400');
+ background-size: cover;
+ background-position: center;
+ padding: 6rem 0;
+}
+
+.job-card {
+ background-color: var(--surface-white);
+ border: 1px solid #e9ecef;
+ border-radius: var(--border-radius);
+ 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 24px rgba(0,0,0,0.1);
+}
+
+.btn-primary {
+ background-color: var(--primary-color);
+ border-color: var(--primary-color);
+ border-radius: var(--border-radius);
+ padding: 0.5rem 1.5rem;
+ font-weight: 600;
+}
+
+.btn-primary:hover {
+ background-color: #214099;
+ border-color: #214099;
+}
+
+.form-control {
+ border-radius: var(--border-radius);
+}
+
+.form-control:focus {
+ box-shadow: 0 0 0 0.25rem rgba(51, 94, 234, 0.25);
+ border-color: var(--primary-color);
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto;
+}
diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 0000000..095063b
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1,2 @@
+// Future interactive elements will go here.
+console.log("Flatlogic HR script loaded.");
\ No newline at end of file
diff --git a/index.php b/index.php
index e13ae95..7a481a1 100644
--- a/index.php
+++ b/index.php
@@ -1,131 +1,134 @@
-
-
+
-
-
- New Style
-
-
-
-
+
+
+ Careers - Your Company
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
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 = htmlspecialchars($phpVersion) ?> — UTC = htmlspecialchars($now) ?>
-
-
-
- Page updated: = htmlspecialchars($now) ?> (UTC)
-
+
+
+
+
+
+
+
Find Your Next Opportunity
+
We are a fast-growing team on a mission to build the future. Explore our open roles and join us on our journey.
+
+
+
+
+
+
+
Open Positions
+
+ 'Senior Frontend Developer', 'department' => 'Engineering', 'location' => 'Remote'],
+ ['title' => 'Product Manager', 'department' => 'Product', 'location' => 'New York, NY'],
+ ['title' => 'UX/UI Designer', 'department' => 'Design', 'location' => 'Remote'],
+ ['title' => 'DevOps Engineer', 'department' => 'Engineering', 'location' => 'Austin, TX'],
+ ['title' => 'Marketing Specialist', 'department' => 'Marketing', 'location' => 'San Francisco, CA'],
+ ['title' => 'Customer Support Representative', 'department' => 'Support', 'location' => 'Remote'],
+ ];
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
We are looking for a talented individual to join our team. If you are passionate and driven, we want to hear from you.
+
Apply Now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A Culture of Collaboration
+
We believe that the best ideas come from working together. Our open and inclusive environment encourages every team member to share their voice and make an impact.
+
+
+
+
+
+
+
+
Grow With Us
+
We invest in our people. From mentorship programs to continuous learning opportunities, we are dedicated to helping you build a rewarding career.
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+