Skip to content

Commit 37575ab

Browse files
simpaticohrsimpaticohr
authored
Update index.html
1 parent c11695b commit 37575ab

1 file changed

Lines changed: 54 additions & 55 deletions

File tree

‎index.html‎

Lines changed: 54 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,55 @@
11
<!doctype html>
22
<html lang="en">
33
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width,initial-scale=1" />
6+
<meta name="google-site-verification" content="W2MGk2YOgv_eBdixI_ToSnSiXOm_XZZ_27y-cX7Z5n8" />
7+
48
<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
9+
10+
<title>Simpatico HR | Global Sourcing & Local Recruitment</title>
511

6-
<meta charset="utf-8" />
7-
<meta name="google-site-verification" content="W2MGk2YOgv_eBdixI_ToSnSiXOm_XZZ_27y-cX7Z5n8" />
8-
<meta name="viewport" content="width=device-width,initial-scale=1" />
9-
10-
<title>Simpatico HR | Global Sourcing & Local Recruitment</title>
11-
12-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
13-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
14-
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
12+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
13+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
14+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
1515

16-
<style>
17-
:root { --primary: #002d5a; --accent: #0078d4; --light: #f8fbff; }
18-
body { font-family: 'Poppins', sans-serif; margin: 0; background: var(--light); color: #0b1a27; }
19-
20-
/* Hero Design */
21-
.hero { height: 80vh; background: linear-gradient(rgba(0,30,60,0.7), rgba(0,30,60,0.7)), url('simpatico_hr_banner.png') center/cover; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }
22-
.hero-box { max-width: 900px; padding: 20px; }
23-
.btn { background: var(--accent); color: #fff; padding: 15px 35px; border-radius: 8px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; margin: 10px; }
24-
25-
.disclaimer-strip { background: #fff4e5; color: #663c00; padding: 12px; text-align: center; font-size: 13px; font-weight: 600; border-bottom: 1px solid #ffe58f; }
26-
</style>
16+
<style>
17+
:root { --primary: #002d5a; --accent: #0078d4; --light: #f8fbff; --tech: #00c2ff; }
18+
body { font-family: 'Poppins', sans-serif; margin: 0; background: var(--light); color: #0b1a27; overflow-x: hidden; }
19+
20+
/* Navigation Styles */
21+
nav { background: var(--primary); padding: 15px 5%; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
22+
.nav-container { max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
23+
.nav-links { display: flex; gap: 20px; }
24+
.nav-links a { color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 600; text-transform: uppercase; transition: 0.3s; }
25+
.nav-links a:hover { color: var(--tech); }
26+
27+
/* Hero Design */
28+
.hero { height: 85vh; background: linear-gradient(rgba(0,30,60,0.7), rgba(0,30,60,0.7)), url('simpatico_hr_banner.png') center/cover; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }
29+
.hero-box { max-width: 900px; padding: 20px; }
30+
.btn { background: var(--accent); color: #fff; padding: 15px 35px; border-radius: 8px; text-decoration: none; font-weight: 700; display: inline-block; transition: 0.3s; margin: 10px; border: none; cursor: pointer; }
31+
.btn-outline { background: transparent; border: 2px solid #fff; }
32+
.btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
33+
34+
.disclaimer-strip { background: #fff4e5; color: #663c00; padding: 12px; text-align: center; font-size: 13px; font-weight: 600; border-bottom: 1px solid #ffe58f; }
35+
36+
@media (max-width: 768px) {
37+
.nav-container { flex-direction: column; gap: 10px; }
38+
.nav-links { gap: 10px; }
39+
.nav-links a { font-size: 11px; }
40+
.hero h1 { font-size: 2.2rem !important; }
41+
}
42+
</style>
2743
</head>
2844

2945
<body>
3046

31-
<nav style="background: #002d5a; padding: 15px 5%; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
32-
<div style="max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
47+
<nav>
48+
<div class="nav-container">
3349
<a href="index.html" style="text-decoration: none; color: #fff; font-size: 1.4rem; font-weight: 700;">
34-
SIMPATICO <span style="color: #00c2ff;">HR</span>
50+
SIMPATICO <span style="color: var(--tech);">HR</span>
3551
</a>
36-
<div class="nav-links" style="display: flex; gap: 20px;">
37-
<style>
38-
.nav-links a { color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 600; text-transform: uppercase; transition: 0.3s; }
39-
.nav-links a:hover { color: #00c2ff; }
40-
@media (max-width: 768px) { .nav-links { gap: 10px; margin-top: 10px; } .nav-links a { font-size: 11px; } }
41-
</style>
52+
<div class="nav-links">
4253
<a href="index.html">Home</a>
4354
<a href="sectors.html">Sectors</a>
4455
<a href="employers.html">For Employers</a>
@@ -54,44 +65,32 @@
5465

5566
<header class="hero">
5667
<div class="hero-box" data-aos="zoom-in">
57-
<h1 style="font-size: 3.5rem; margin-bottom: 10px;">Global Reach. <span style="color:var(--accent)">Local Talent.</span></h1>
58-
<p style="font-size: 1.3rem; font-weight: 300;">Finding suitable local candidates for our international clients since 2013.</p>
59-
<div style="margin-top: 20px;">
68+
<h1 style="font-size: 3.5rem; margin-bottom: 10px; line-height: 1.2;">Global Reach. <br><span style="color:var(--tech)">Local Talent.</span></h1>
69+
<p style="font-size: 1.3rem; font-weight: 300; margin-bottom: 30px;">Connecting international clients with suitable local candidates since 2013.</p>
70+
<div>
6071
<a href="employers.html" class="btn">I am an Employer</a>
61-
<a href="jobs.html" class="btn" style="background: transparent; border: 2px solid #fff;">I am a Job Seeker</a>
72+
<a href="jobs.html" class="btn btn-outline">I am a Job Seeker</a>
6273
</div>
6374
</div>
6475
</header>
6576

66-
<section style="padding: 80px 10%; text-align: center;">
67-
<h2 data-aos="fade-up">Domestic Market Recruitment Specialists</h2>
68-
<p data-aos="fade-up" data-aos-delay="100">We help companies in the UK, USA, UAE, and Europe find talent already living in their region.</p>
77+
<section style="padding: 100px 10%; text-align: center; background: #fff;">
78+
<h2 data-aos="fade-up" style="font-size: 2rem; color: var(--primary);">Domestic Market Recruitment Specialists</h2>
79+
<p data-aos="fade-up" data-aos-delay="100" style="max-width: 800px; margin: 20px auto; color: #555; line-height: 1.6;">
80+
We help companies in the UK, USA, UAE, and Europe find skilled talent already residing in their specific regions. Our expertise spans IT, Engineering, Healthcare, and beyond.
81+
</p>
6982
</section>
7083

71-
<footer style="background: #041221; color: #a1b1c1; padding: 60px 20px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1);">
84+
<footer style="background: #041221; color: #a1b1c1; padding: 60px 20px; text-align: center;">
7285
<div style="margin-bottom: 25px;">
7386
<h3 style="color: #fff; margin-bottom: 20px;">Connect With Us</h3>
74-
75-
<a href="https://www.facebook.com/simpaticohrpmna" target="_blank" style="text-decoration: none; color: #fff; font-size: 28px; margin: 0 15px; transition: 0.3s;" onmouseover="this.style.color='#1877F2'" onmouseout="this.style.color='#fff'">
76-
<i class="fa-brands fa-facebook"></i>
77-
</a>
78-
79-
<a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank" style="text-decoration: none; color: #fff; font-size: 28px; margin: 0 15px; transition: 0.3s;" onmouseover="this.style.color='#0077B5'" onmouseout="this.style.color='#fff'">
80-
<i class="fa-brands fa-linkedin"></i>
81-
</a>
82-
83-
<a href="https://wa.me/919544842260" target="_blank" style="text-decoration: none; color: #fff; font-size: 28px; margin: 0 15px; transition: 0.3s;" onmouseover="this.style.color='#25D366'" onmouseout="this.style.color='#fff'">
84-
<i class="fa-brands fa-whatsapp"></i>
85-
</a>
87+
<a href="https://www.facebook.com/simpaticohrpmna" target="_blank" style="color: #fff; font-size: 28px; margin: 0 15px;"><i class="fa-brands fa-facebook"></i></a>
88+
<a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank" style="color: #fff; font-size: 28px; margin: 0 15px;"><i class="fa-brands fa-linkedin"></i></a>
89+
<a href="https://wa.me/919544842260" target="_blank" style="color: #fff; font-size: 28px; margin: 0 15px;"><i class="fa-brands fa-whatsapp"></i></a>
8690
</div>
87-
88-
<p style="font-size: 14px; margin: 5px 0;">© 2026 Simpatico HR Consultancy | Perinthalmanna, Kerala</p>
89-
<p style="font-size: 11px; opacity: 0.6; max-width: 600px; margin: 10px auto;">
90-
Simpatico HR is a domestic recruitment specialist. We do not provide visa, work permit, or immigration services for any country.
91-
</p>
91+
<p style="font-size: 14px;">© 2026 Simpatico HR Consultancy | Perinthalmanna, Kerala</p>
9292
</footer>
9393

94-
9594
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
9695
<script>AOS.init({ duration: 1000, once: true });</script>
9796

0 commit comments

Comments
 (0)