Skip to content

Commit 0620a26

Browse files
simpaticohrsimpaticohr
authored
Update index.html
1 parent 0d898ca commit 0620a26

1 file changed

Lines changed: 213 additions & 61 deletions

File tree

‎index.html‎

Lines changed: 213 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,71 +1,223 @@
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, viewport-fit=cover" />
6-
<title>Simpatico HR Consultancy | Recruitment & RPO Services Perinthalmanna</title>
7-
8-
<meta name="google-site-verification" content="W2MGk2YOgv_eBdixI_ToSnSiXOm_XZZ_27y-cX7Z5n8" />
9-
<meta name="description" content="Simpatico HR Consultancy: Leading Recruitment, RPO, and HR advisory services in Perinthalmanna, Kerala. Established 2013.">
10-
<meta name="keywords" content="HR Consultancy Perinthalmanna, Recruitment Kerala, RPO India, Job Portals, Simpatico HR">
11-
<meta name="robots" content="index, follow">
12-
<link rel="canonical" href="https://simpaticohr.github.io/Simpaticohrconsultancy-/" />
13-
14-
<meta property="og:title" content="Simpatico HR Consultancy | Expert Recruitment">
15-
<meta property="og:description" content="Professional RPO and Staffing solutions in Perinthalmanna.">
16-
<meta property="og:type" content="website">
17-
<meta property="og:url" content="https://simpaticohr.github.io/Simpaticohrconsultancy-/">
18-
<meta property="og:image" content="https://simpaticohr.github.io/Simpaticohrconsultancy-/simpatico_hr_banner.png">
19-
<meta property="og:site_name" content="Simpatico HR">
20-
21-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
22-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
23-
<style>
24-
:root { --blue: #003366; --accent: #0063b2; --light: #f3f7fb; --text: #072433; }
25-
body { font-family: 'Poppins', sans-serif; margin: 0; background: var(--light); color: var(--text); line-height: 1.6; }
26-
nav { background: var(--blue); padding: 15px 5%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
27-
.logo { color: #fff; font-weight: 700; font-size: 1.4rem; }
28-
.nav-links a { color: #fff; text-decoration: none; margin-left: 20px; font-weight: 400; font-size: 0.9rem; }
29-
.hero { background: linear-gradient(rgba(0,51,102,0.8), rgba(0,51,102,0.8)), url('simpatico_hr_banner.png'); background-size: cover; background-position: center; height: 70vh; display: flex; align-items: center; justify-content: center; color: white; text-align: center; padding: 0 20px; }
30-
.btn { background: var(--accent); color: white; padding: 12px 28px; border: none; border-radius: 8px; cursor: pointer; text-decoration: none; display: inline-block; font-weight: 600; transition: 0.3s; }
31-
.btn:hover { background: #004a88; transform: translateY(-2px); }
32-
footer { background: #071726; color: #cbd5e1; padding: 40px 5%; text-align: center; }
33-
.social-icons a { color: #fff; font-size: 1.5rem; margin: 0 15px; transition: 0.3s; }
34-
.social-icons a:hover { color: var(--accent); }
35-
</style>
4+
<meta charset="utf-8" />
5+
<meta name="google-site-verification" content="W2MGk2YOgv_eBdixI_ToSnSiXOm_XZZ_27y-cX7Z5n8" />
6+
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
7+
8+
<title>Simpatico HR Consultancy | Global Recruitment & Job Consultancy Kerala</title>
9+
10+
<meta name="description" content="Simpatico HR Consultancy: Premier job consultancy in Kerala since 2013. Serving India, UAE, Saudi Arabia, UK, USA, Europe, Canada, and Australia. Expert RPO & HR Solutions.">
11+
<meta name="keywords" content="job consultancy Kerala, HR consultancy Kerala, recruitment agency Perinthalmanna, overseas jobs UAE, UK nursing jobs, Europe recruitment, USA staffing">
12+
<meta name="robots" content="index, follow">
13+
<link rel="canonical" href="https://simpaticohr.github.io/" />
14+
15+
<meta property="og:title" content="Simpatico HR Consultancy | Global HR Solutions">
16+
<meta property="og:url" content="https://simpaticohr.github.io/">
17+
<meta property="og:image" content="https://simpaticohr.github.io/simpatico_hr_banner.png">
18+
19+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
20+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
21+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
22+
23+
<style>
24+
:root {
25+
--primary: #003366;
26+
--accent: #0063b2;
27+
--text: #072433;
28+
--light: #f3f7fb;
29+
}
30+
31+
*{box-sizing:border-box; scroll-behavior: smooth;}
32+
body{margin:0;font-family: 'Poppins', sans-serif; background:var(--light); color:var(--text); overflow-x: hidden;}
33+
34+
/* Nav */
35+
nav{position:fixed;top:0;left:0;right:0;height:75px;background:rgba(0, 51, 102, 0.95);backdrop-filter: blur(10px);color:#fff;z-index:1000;box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
36+
.nav-inner{max-width:1200px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
37+
.nav-links{display:flex;gap:25px;list-style:none}
38+
.nav-links a{color:#fff; font-size: 0.9rem; transition: 0.3s; opacity: 0.9;}
39+
.nav-links a:hover{opacity: 1; color: #74b9ff;}
40+
41+
/* Hero */
42+
.hero{height:85vh;background:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("simpatico_hr_banner.png") center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding-top:75px;text-align:center;color:#fff}
43+
.glass{background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,0.2);max-width:800px; width:90%}
44+
.hero h1 { font-size: 3rem; margin:0; font-weight: 700;}
45+
.hero p { font-size: 1.2rem; opacity: 0.9;}
46+
47+
/* Sections */
48+
section{max-width:1200px;margin:auto;padding:80px 20px}
49+
h2{font-size: 2.2rem; color: var(--primary); margin-bottom: 30px; position: relative;}
50+
h2::after{content:''; width:60px; height:4px; background:var(--accent); position:absolute; bottom:-10px; left:0;}
51+
52+
/* Cards */
53+
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
54+
.service-card{background:#fff;padding:30px;border-radius:15px;transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-bottom: 4px solid transparent;}
55+
.service-card:hover{transform:translateY(-10px); border-bottom: 4px solid var(--accent);}
56+
.service-icon{font-size:40px;color:var(--accent);margin-bottom:20px}
57+
58+
/* Job Tabs Section */
59+
.job-container { display: grid; grid-template-columns: 1.5fr 1fr; gap: 30px; }
60+
.apply-card { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); position: sticky; top: 100px; }
61+
input, textarea { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; font-family: inherit;}
62+
63+
/* Floating Buttons */
64+
.whatsapp-float{position:fixed; bottom:30px; right:30px; background:#25d366; color:#fff; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; z-index:1000; box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
65+
66+
footer{background:#071726;color:#cbd5e1;padding:60px 20px;text-align:center}
67+
.footer-socials a { color: #fff; font-size: 24px; margin: 0 15px; transition: 0.3s;}
68+
.footer-socials a:hover { color: var(--accent); }
69+
70+
@media (max-width: 768px) {
71+
.nav-links { display: none; }
72+
.hero h1 { font-size: 2rem; }
73+
.job-container { grid-template-columns: 1fr; }
74+
}
75+
</style>
3676
</head>
77+
3778
<body>
38-
<nav>
39-
<div class="logo">Simpatico HR</div>
40-
<div class="nav-links">
41-
<a href="index.html">Home</a>
42-
<a href="about.html">About</a>
43-
<a href="jobs.html">Jobs</a>
44-
<a href="contact.html">Contact</a>
45-
</div>
46-
</nav>
4779

48-
<header class="hero">
49-
<div>
50-
<h1 style="font-size: 3rem; margin-bottom: 10px;">Strategic Talent Solutions</h1>
51-
<p style="font-size: 1.2rem; margin-bottom: 30px;">Your trusted HR partner in Perinthalmanna since 2013.</p>
52-
<a href="jobs.html" class="btn">View Open Positions</a>
53-
</div>
54-
</header>
55-
56-
<section style="padding: 80px 10%; text-align: center; background: white;">
57-
<h2 style="color: var(--blue);">Recruitment. RPO. Consulting.</h2>
58-
<p style="max-width: 800px; margin: 20px auto; color: #666;">We provide end-to-end recruitment systems and specialized job portals designed to scale your business and find the perfect cultural fit.</p>
59-
</section>
60-
61-
<footer>
62-
<div class="social-icons" style="margin-bottom: 20px;">
63-
<a href="https://www.facebook.com/simpaticohrpmna" target="_blank" aria-label="Facebook"><i class="fa-brands fa-facebook"></i></a>
64-
<a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank" aria-label="LinkedIn"><i class="fa-brands fa-linkedin"></i></a>
65-
<a href="https://wa.me/919544842260" target="_blank" aria-label="WhatsApp"><i class="fa-brands fa-whatsapp"></i></a>
80+
<a href="https://wa.me/919544842260" class="whatsapp-float" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
81+
82+
<nav>
83+
<div class="nav-inner">
84+
<strong style="font-size: 1.5rem; letter-spacing: 1px;">SIMPATICO HR</strong>
85+
<ul class="nav-links">
86+
<li><a href="#home">Home</a></li>
87+
<li><a href="#about">About</a></li>
88+
<li><a href="#services">Services</a></li>
89+
<li><a href="#jobs">Jobs</a></li>
90+
<li><a href="#contact">Contact</a></li>
91+
</ul>
92+
</div>
93+
</nav>
94+
95+
<header id="home" class="hero">
96+
<div class="hero-inner" data-aos="zoom-in">
97+
<div class="glass">
98+
<h1>Connecting Talent Globally</h1>
99+
<p>Bridging Kerala's top professionals with opportunities in India, GCC, UK, USA, and beyond.</p>
100+
<a href="#jobs" class="btn" style="background:#fff; color:var(--primary); padding:12px 30px; border-radius:30px; font-weight:700; text-transform:uppercase; margin-top:20px; display:inline-block;">Find a Job</a>
101+
</div>
102+
</div>
103+
</header>
104+
105+
<section id="about">
106+
<div class="job-container">
107+
<div data-aos="fade-right">
108+
<h2>Who We Are</h2>
109+
<p>Simpatico HR Consultancy, established in 2013 in Perinthalmanna, Malappuram, has grown into a premier <strong>recruitment and HR advisory firm</strong> in Kerala.</p>
110+
<p>We specialize in local placements across all 14 districts of Kerala and international staffing for sectors like Healthcare, IT, Hospitality, and Construction in countries including <strong>UK, Canada, Germany, Saudi Arabia, and UAE.</strong></p>
111+
</div>
112+
<div data-aos="fade-left" style="background:var(--primary); color:#fff; padding:30px; border-radius:15px;">
113+
<h3>Global Reach</h3>
114+
<ul style="padding-left: 20px;">
115+
<li>UK & Europe Recruitment</li>
116+
<li>Middle East (GCC) Experts</li>
117+
<li>USA & Canada Placements</li>
118+
<li>Pan-India Staffing</li>
119+
</ul>
120+
</div>
121+
</div>
122+
</section>
123+
124+
<section id="services">
125+
<h2 data-aos="fade-up">Expert Solutions</h2>
126+
<div class="services-grid">
127+
<div class="service-card" data-aos="fade-up" data-aos-delay="100">
128+
<div class="service-icon"><i class="fa-solid fa-globe"></i></div>
129+
<h4>International Recruitment</h4>
130+
<p>Seamless overseas hiring for UK nursing, European tech roles, and GCC construction.</p>
131+
</div>
132+
<div class="service-card" data-aos="fade-up" data-aos-delay="200">
133+
<div class="service-icon"><i class="fa-solid fa-map-location-dot"></i></div>
134+
<h4>Kerala Job Placement</h4>
135+
<p>The leading job consultancy for Perinthalmanna, Malappuram, Kochi, and Trivandrum.</p>
136+
</div>
137+
<div class="service-card" data-aos="fade-up" data-aos-delay="300">
138+
<div class="service-icon"><i class="fa-solid fa-user-tie"></i></div>
139+
<h4>HR Advisory</h4>
140+
<p>Strategic HR compliance, RPO, and workforce planning for growing businesses.</p>
141+
</div>
142+
</div>
143+
</section>
144+
145+
<section id="jobs">
146+
<div class="job-container">
147+
<div data-aos="fade-up">
148+
<h2>Job Board</h2>
149+
<div class="service-card" style="margin-bottom:15px;">
150+
<span style="background:var(--accent); color:#fff; padding:3px 10px; border-radius:5px; font-size:12px;">INTERNATIONAL</span>
151+
<h4>Staff Nurse - NHS UK</h4>
152+
<p>Location: United Kingdom | Salary: £28k - £35k</p>
153+
<button onclick="setJob('Staff Nurse - UK')" class="btn" style="padding:5px 15px; font-size:13px;">Quick Apply</button>
154+
</div>
155+
<div class="service-card" style="margin-bottom:15px;">
156+
<span style="background:#2ecc71; color:#fff; padding:3px 10px; border-radius:5px; font-size:12px;">KERALA</span>
157+
<h4>HR Executive</h4>
158+
<p>Location: Perinthalmanna | Exp: 2+ Years</p>
159+
<button onclick="setJob('HR Executive - Kerala')" class="btn" style="padding:5px 15px; font-size:13px;">Quick Apply</button>
160+
</div>
161+
</div>
162+
163+
<div class="apply-card" data-aos="fade-left">
164+
<h3>Apply Tab</h3>
165+
<form action="https://formspree.io/f/YOUR_ID" method="POST" enctype="multipart/form-data">
166+
<input type="text" name="Applied_For" id="jobField" readonly style="background:#f9f9f9; font-weight:700; color:var(--accent)">
167+
<input type="text" name="Name" placeholder="Full Name" required>
168+
<input type="email" name="Email" placeholder="Email Address" required>
169+
<input type="tel" name="Phone" placeholder="Mobile Number" required>
170+
<label style="font-size: 13px;">Upload Resume (PDF only)</label>
171+
<input type="file" name="Resume" accept=".pdf" required>
172+
<button type="submit" class="btn" style="width:100%">Submit Application</button>
173+
</form>
174+
</div>
175+
</div>
176+
</section>
177+
178+
<section id="contact" data-aos="fade-up">
179+
<h2>Get in Touch</h2>
180+
<div class="job-container">
181+
<div>
182+
<p><i class="fa-solid fa-location-dot" style="color:var(--accent)"></i> <strong>Headquarters:</strong> Perinthalmanna, Kerala, India</p>
183+
<p><i class="fa-solid fa-phone" style="color:var(--accent)"></i> <strong>Phone:</strong> +91 95448 42260</p>
184+
<p><i class="fa-solid fa-envelope" style="color:var(--accent)"></i> <strong>Email:</strong> simpaticohrconsultancy@gmail.com</p>
185+
186+
<div style="margin-top:30px;">
187+
<a href="https://www.facebook.com/simpaticohrpmna" target="_blank" style="margin-right:15px; font-size:30px; color:var(--primary)"><i class="fa-brands fa-facebook"></i></a>
188+
<a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank" style="font-size:30px; color:var(--primary)"><i class="fa-brands fa-linkedin"></i></a>
66189
</div>
67-
<p>© 2026 Simpatico HR Consultancy. All Rights Reserved.</p>
68-
</footer>
190+
</div>
191+
<div style="background:#fff; padding:20px; border-radius:15px;">
192+
<h4>Quick Inquiry</h4>
193+
<form action="https://formspree.io/f/YOUR_ID" method="POST">
194+
<input type="text" name="Name" placeholder="Name" required>
195+
<textarea name="Message" placeholder="How can we help you?" rows="4" required></textarea>
196+
<button type="submit" class="btn" style="width:100%">Send Inquiry</button>
197+
</form>
198+
</div>
199+
</div>
200+
</section>
201+
202+
<footer>
203+
<div class="footer-socials">
204+
<a href="https://www.facebook.com/simpaticohrpmna" target="_blank"><i class="fa-brands fa-facebook"></i></a>
205+
<a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
206+
<a href="https://wa.me/919544842260" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
207+
</div>
208+
<p style="margin-top:20px; font-size:14px;">© 2026 Simpatico HR Consultancy · International Recruitment Experts</p>
209+
</footer>
210+
211+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
212+
<script>
213+
AOS.init({ duration: 1000, once: true });
214+
215+
function setJob(name) {
216+
document.getElementById('jobField').value = name;
217+
document.getElementById('jobField').scrollIntoView();
218+
}
219+
</script>
220+
69221
</body>
70222
</html>
71223

0 commit comments

Comments
 (0)