Update job page title and styles

simpaticohr · web-flow · commit 6646b69a3ba6 · 2026-01-03T12:45:32.000+05:30
diff --git a/jobs.html b/jobs.html
@@ -3,32 +3,36 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Join the Team | Simpatico HR</title>
+    <title>Elevate Your Career | Simpatico HR</title>
     <link rel="stylesheet" href="CSS/style.css">
     <style>
+        /* This removes the boring white background */
         body {
             background: linear-gradient(135deg, #0a0a1a 0%, #001a33 100%);
             color: white;
+            min-height: 100vh;
         }
-        .jobs-container {
-            max-width: 1000px;
-            margin: -60px auto 50px;
-            padding: 20px;
+
+        /* This creates a professional 'Glass' card for the form */
+        .glass-container {
+            max-width: 900px;
+            margin: -80px auto 60px; /* Pulls the form up into the banner area */
+            padding: 30px;
             background: rgba(255, 255, 255, 0.05);
             backdrop-filter: blur(15px);
             border-radius: 24px;
             border: 1px solid rgba(255, 255, 255, 0.1);
             box-shadow: 0 25px 50px rgba(0,0,0,0.5);
+            z-index: 10;
+            position: relative;
         }
-        .form-header-text {
-            text-align: center;
-            padding: 40px 20px;
-        }
+
         iframe {
             width: 100%;
             height: 1800px;
-            border-radius: 15px;
-            background: #ffffff; /* Contrast for the form itself */
+            border-radius: 12px;
+            background: #ffffff; /* Contrast so the form is easy to read */
+            border: none;
         }
     </style>
 </head>
@@ -46,21 +50,20 @@
         </div>
     </nav>
 
-    <header class="page-banner" style="height: 50vh;">
+    <header class="page-banner" style="height: 60vh;">
         <h1>Elevate Your Career</h1>
         <p>Apply to Simpatico HR Consultancy</p>
     </header>
 
-    <div class="jobs-container">
+    <div class="glass-container">
         <iframe 
-            src="https://docs.google.com/forms/d/e/1FAIpQLSdB_kE4VNDfxRINcg125miaAo-v-vBNnGW7TuXWPzAribpLwQ/viewform?embedded=true" 
-            frameborder="0" 
-            marginheight="0" 
-            marginwidth="0">Loading…</iframe>
+            src="https://docs.google.com/forms/d/e/1FAIpQLSdB_kE4VNDfxRINcg125miaAo-v-vBNnGW7TuXWPzAribpLwQ/viewform?embedded=true">
+            Loading…
+        </iframe>
     </div>
 
     <footer>
-        <p>&copy; 2026 Simpatico HR Consultancy</p>
+        <p>&copy; 2026 Simpatico HR Consultancy. All rights reserved.</p>
     </footer>
 
 </body>
