Refactor jobs.html structure and styling

simpaticohr · web-flow · commit 95f9085b8d2c · 2026-01-03T12:37:38.000+05:30
diff --git a/jobs.html b/jobs.html
@@ -4,7 +4,20 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Job Openings | Simpatico HR</title>
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="CSS/style.css">
+    <style>
+        /* Ensures the form container matches your site's specific spacing */
+        .rich-form-box {
+            margin-top: 20px;
+            padding: 10px;
+            background: #fff;
+            border-radius: 12px;
+            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+        }
+        iframe {
+            border-radius: 8px;
+        }
+    </style>
 </head>
 <body>
 
@@ -25,14 +38,16 @@ <h1>Join Our Team</h1>
         <p>Current Career Opportunities</p>
     </header>
 
-    <main class="rich-form-box">
-        <iframe 
-            src="https://docs.google.com/forms/d/e/1FAIpQLSdB_kE4VNDfxRINcg125miaAo-v-vBNnGW7TuXWPzAribpLwQ/viewform?embedded=true" 
-            width="100%" 
-            height="1800" 
-            frameborder="0" 
-            marginheight="0" 
-            marginwidth="0">Loading…</iframe>
+    <main class="nav-inner">
+        <div class="rich-form-box">
+            <iframe 
+                src="https://docs.google.com/forms/d/e/1FAIpQLSdB_kE4VNDfxRINcg125miaAo-v-vBNnGW7TuXWPzAribpLwQ/viewform?embedded=true" 
+                width="100%" 
+                height="1800" 
+                frameborder="0" 
+                marginheight="0" 
+                marginwidth="0">Loading…</iframe>
+        </div>
     </main>
 
     <footer>
