Skip to content

Commit 0c235ea

Browse files
simpaticohrsimpaticohr
authored
Update index.html
1 parent 1f5a592 commit 0c235ea

1 file changed

Lines changed: 69 additions & 56 deletions

File tree

‎index.html‎

Lines changed: 69 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,8 @@
1-
2-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Home | Portfolio template</title><meta name="description" content="Page-specific description"><meta name="keywords" content="Page-specific keywords"><link rel="shortcut icon" href="favicon.ico"><link rel="shortcut icon" href="static/images/favicons/favicon.png" type="image/x-icon"><link rel="apple-touch-icon" href="static/images/favicons/apple-touch-icon.png"><link rel="apple-touch-icon-precomposed" href="static/images/favicons/apple-touch-icon-precomposed.png"><link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800%7COpen+Sans+Condensed:300&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css"><link rel="stylesheet" href="static/css/screen.min.css"><link rel="stylesheet" href="static/css/custom.min.css"><script src="static/js/head.min.js"></script></head><body><script>progressJs().setOptions({overlayMode: true, theme: 'custom'}).start();
3-
if(window.attachEvent) {
4-
window.attachEvent('onload', function(){ progressJs().end(); });
5-
} else {
6-
if(window.onload) {
7-
var curronload = window.onload;
8-
var newonload = function() {
9-
curronload();
10-
progressJs().end();
11-
};
12-
window.onload = newonload;
13-
} else {
14-
window.onload = function(){ progressJs().end(); };
15-
}
16-
}</script><!-- Header--><header class="main-header"><div class="first-nav"><div class="container"><nav class="first-nav__links"><ul><li><a class="is-selected">english</a></li><li><a href="#">français</a></li><li><a href="#">deutsch</a></li></ul></nav><a class="first-nav__navcontrol icon icon_menu js-navcontrol" href="#">Menu</a></div></div><div class="second-nav js-nav"><div class="container"><a class="second-nav__logo"><span>JD</span></a><nav class="menu"><ul><li><a class="js-link js-anchor is-selected" href="#home">Home</a></li><li><a class="js-link js-anchor" href="#about">About</a></li><li><a class="js-link js-anchor" href="#services">Services</a></li><li><a class="js-link js-anchor" href="#process">Process</a></li><li><a class="js-link js-anchor" href="#projects">Projects</a></li><li><a class="js-link js-anchor" href="#testimonials">Testimonials</a></li><li><a class="js-link js-anchor" href="#contacts">Contacts</a></li></ul></nav></div></div></header><!-- Home section--><section class="home-section" id="home"><div class="home-section__bg"></div><div class="home-section__overlay"><div class="container"><header class="home-section__header"><h1>John Doe</h1><h2>Project management consultant.</h2></header></div></div></section><!-- About section--><section class="about-section" id="about"><div class="container"><div class="about-card"><header class="about-card__header"><h2>About me</h2><h4>Curabitur accumsan nulla ut velit facilisis</h4></header><div class="about-card__info"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lacinia nulla vel ornare interdum. Donec posuere leo ut justo imperdiet, ut congue lorem faucibus. Aliquam fringilla felis at est tincidunt efficitur. Phasellus enim ipsum, porttitor et urna ac, finibus finibus eros.</p><blockquote><p>Donec non tincidunt massa. Vestibulum vel ultrices velit. Integer eget nibh vitae velit condimentum viverra vel eget diam. Ut facilisis finibus nisi ac feugiat. Nullam consectetur neque in est posuere feugiat et nec arcu. Pellentesque sit amet sapien lorem.</p></blockquote><p>Nunc non venenatis odio. Nullam id neque et lectus suscipit mattis ac a ante. Suspendisse potenti. Aliquam in nulla sem. Vivamus sodales malesuada leo, sit amet cursus nunc vulputate aliquet. Proin porttitor ex facilisis aliquam efficitur. Vestibulum scelerisque nisl ac ex rutrum, quis aliquet nibh ultrices.</p><p class="about-card__info-status"><span>Current status:</span> Available for hire</p></div></div></div></section><!-- Services section--><section class="common-section" id="services"><div class="container"><header class="common-section__header"><h2>Services</h2><h4>Quisque sollicitudin at lorem vitae gravida</h4></header><div class="grid-container"><ul class="services services_advisory"><li class="services__item icon icon_research"><h4>Fusce aliquam lorem</h4><p>Nam volutpat nisl arcu, id finibus augue vulputate id. Donec vestibulum enim eget nisi feugiat convallis vitae non orci. Maecenas pretium nunc quis molestie dapibus. Curabitur elementum scelerisque pellentesque. Sed eu nunc ac orci scelerisque vestibulum eu nec sem. Integer lobortis elit ac ligula sollicitudin, quis vehicula lacus commodo.</p></li><li class="services__item icon icon_strategy"><h4>Sed quis pretium metus</h4><p>Fusce ligula nulla, finibus et suscipit sed, porttitor lacinia lectus. Suspendisse potenti. Nunc gravida mauris nec blandit euismod. Cras ultricies massa arcu, quis convallis turpis varius sit amet. Duis et convallis magna. Phasellus sit amet ex efficitur, facilisis ante a, tincidunt augue. Donec porttitor posuere luctus.</p></li><li class="services__item icon icon_improve"><h4>Nam vehicula ex vel justo</h4><p>Vestibulum hendrerit rhoncus augue ac consequat. Ut blandit viverra ante, eu iaculis enim dignissim eu. Etiam hendrerit dapibus imperdiet. Pellentesque mattis aliquam dui id dictum. Curabitur at velit a felis volutpat venenatis nec id turpis. Sed sed magna a leo porttitor sodales ac a nisi. In hac habitasse platea dictumst. Fusce imperdiet vulputate arcu, varius tincidunt ex venenatis sed.</p></li></ul><ul class="services services_pm"><li class="services__item icon icon_plan"><h4>Pellentesque id massa</h4><p>Maecenas dapibus vehicula eros, et lobortis felis elementum id. Praesent finibus purus quis sem tempus, at scelerisque diam convallis. Praesent sagittis egestas quam. Maecenas odio leo, cursus feugiat enim eu, facilisis ullamcorper leo. Curabitur id leo eu tellus semper porta sit amet vitae sapien.</p></li><li class="services__item icon icon_recover"><h4>Aliquam tincidunt</h4><p>Suspendisse potenti. Vestibulum nulla urna, sodales et lacus eleifend, molestie imperdiet enim. Aliquam erat volutpat. Maecenas eget dolor dictum elit tincidunt accumsan a gravida metus. Quisque posuere mollis diam quis varius. Mauris dignissim, justo quis aliquet facilisis, purus lectus lacinia mi, non vulputate leo ante sit amet odio. Pellentesque lobortis porta quam, eu blandit odio. Vestibulum vel tempus arcu. Nulla porta molestie varius.</p></li><li class="services__item icon icon_support"><h4>Curabitur at faucibus</h4><p>Nulla iaculis, nisi id imperdiet viverra, nunc purus ornare nibh, at condimentum nibh quam eu velit. Praesent egestas elit vitae consequat auctor. Sed dapibus posuere magna non finibus. Proin tempor lacus at efficitur porttitor. Vivamus commodo erat nec lorem varius placerat. Donec porta eros sit amet enim convallis suscipit.</p></li></ul><div class="advantages"><h2>Why choose me?</h2><blockquote><p>Morbi vel orci at ante posuere consequat vel auctor dui. Quisque imperdiet elementum suscipit. Duis dapibus ante vel quam ullamcorper, a accumsan dui viverra. Donec accumsan magna metus, in interdum sem cursus in. Vestibulum sit amet lacus pretium, semper augue vitae, rutrum magna. Maecenas vitae iaculis neque. Aenean semper erat at augue cursus, ac imperdiet urna eleifend. Curabitur vehicula leo vitae orci eleifend lacinia.</p><cite>John Doe project management consultancy</cite></blockquote></div></div></div></section><!-- Process section--><section class="common-section" id="process"><div class="container"><header class="common-section__header"><h2>How it works</h2><h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquam interdum tortor</h4></header><div class="grid-container"><ul class="process"><li class="process__step process__step_research"><div class="process__step-icon icon icon_research is-active"></div></li><li class="process__step-info process__step-info_research is-active"><h3><span>Step 1</span> &mdash; Quisque a quam ante</h3><p>Proin mattis ex vel turpis interdum, in fringilla nibh tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id ipsum in diam aliquam sodales.</p></li><li class="process__step process__step_develop"><div class="process__step-icon icon icon_develop"></div></li><li class="process__step-info process__step-info_develop"><h3><span>Step 2</span> &mdash; Aliquam erat volutpat</h3><p>Nullam laoreet lacus et ante consequat pharetra. Nam non felis tincidunt, auctor eros at, semper eros. Mauris feugiat a nibh et luctus.</p></li><li class="process__step process__step_deploy"><div class="process__step-icon icon icon_deploy"></div></li><li class="process__step-info process__step-info_deploy"><h3><span>Step 3</span> &mdash; Curabitur accumsan nulla</h3><p>Donec lobortis, est iaculis rutrum feugiat, orci est ultrices mauris, in rhoncus dolor eros non sem. Duis feugiat, metus eu ullamcorper accumsan, massa risus dictum nisi, sit amet ultricies lectus nisl eu libero.</p></li><li class="process__step process__step_deliver"><div class="process__step-icon icon icon_deliver"></div></li><li class="process__step-info process__step-info_deliver"><h3><span>Step 4</span> &mdash; Fusce aliquam lorem</h3><p>Donec non ligula imperdiet, tincidunt quam ut, pellentesque nisi. Quisque est ante, faucibus a urna nec, vehicula pellentesque lectus.</p></li></ul></div></div></section><!-- Projects section--><section class="common-section" id="projects"><header class="common-section__header"><h2>Projects</h2><p>Donec lorem ante, efficitur ut blandit eu, sollicitudin sed mi</p></header><div class="projects-wrap"><div class="grid-container"><div class="projects"><figure class="projects__item"><img src="static/images/projects/1.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><figcaption><a class="icon icon_link" href="#" rel="nofollow">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></figcaption></figure><figure class="projects__item"><img src="static/images/projects/2.jpg" alt="Donec lobortis, est iaculis rutrum feugiat"><figcaption><a class="icon icon_link" href="#" rel="nofollow">Donec lobortis, est iaculis rutrum feugiat</a></figcaption></figure><figure class="projects__item"><img src="static/images/projects/5.jpg" alt="Duis feugiat, metus eu ullamcorper accumsan, massa risus dictum nisi"><figcaption><a class="icon icon_link" href="#" rel="nofollow">Duis feugiat, metus eu ullamcorper accumsan, massa risus dictum nisi</a></figcaption></figure><figure class="projects__item"><img src="static/images/projects/6.jpg" alt="Donec non ligula imperdiet, tincidunt quam ut, pellentesque nisi"><figcaption><a class="icon icon_link" href="#" rel="nofollow">Donec non ligula imperdiet, tincidunt quam ut, pellentesque nisi</a></figcaption></figure><figure class="projects__item"><img src="static/images/projects/3.jpg" alt="Mauris a sem semper, maximus metus vitae, efficitur turpis"><
17-
18-
19-
20-
21-
<!DOCTYPE html><html lang="en">
1+
<!DOCTYPE html>
2+
<html lang="en">
223
<head>
234
<meta charset="UTF-8" />
24-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
256
<title>Simpatico HR Consultancy</title>
267
<style>
278
body {
@@ -31,7 +12,7 @@
3112
color: #333;
3213
}
3314
header {
34-
background: #2a2a2a;
15+
background: #002147;
3516
color: white;
3617
padding: 1.5rem;
3718
text-align: center;
@@ -56,66 +37,98 @@
5637
}
5738
.form-section button {
5839
padding: 0.75rem 1.5rem;
59-
background: #2a2a2a;
40+
background: #002147;
6041
color: white;
6142
border: none;
6243
border-radius: 5px;
6344
cursor: pointer;
6445
}
6546
footer {
66-
background: #2a2a2a;
47+
background: #002147;
6748
color: white;
6849
text-align: center;
6950
padding: 1rem;
70-
font-size: 0.9rem;
51+
margin-top: 2rem;
52+
}
53+
h2 {
54+
color: #002147;
7155
}
7256
</style>
7357
</head>
7458
<body>
7559
<header>
7660
<h1>Simpatico HR Consultancy</h1>
61+
<p>Expert Manpower Solutions | RPO Services | Global Talent Sourcing</p>
7762
<nav>
7863
<a href="#about">About</a>
79-
<a href="#jobs">Job Listings</a>
80-
<a href="#candidates">Candidate Registration</a>
81-
<a href="#employers">Employer Contact</a>
64+
<a href="#services">Services</a>
65+
<a href="#rpo">RPO</a>
66+
<a href="#candidates">Candidates</a>
67+
<a href="#employers">Employers</a>
8268
<a href="#contact">Contact</a>
8369
</nav>
84-
</header> <section class="section" id="about">
70+
</header>
71+
72+
<section id="about" class="section">
8573
<h2>About Us</h2>
86-
<p>Established in 2013, Simpatico HR Consultancy is a trusted HR partner based in Perintalmanna, offering tailored recruitment solutions to businesses and job seekers.</p>
87-
</section> <section class="section" id="jobs">
88-
<h2>Current Job Listings</h2>
74+
<p>Simpatico HR Consultancy, based in Perintalmanna, has been providing reliable and efficient manpower consultancy services since 2013. We specialize in connecting top-tier talent with companies globally, especially across Europe and the Western region.</p>
75+
</section>
76+
77+
<section id="services" class="section">
78+
<h2>Our Services</h2>
8979
<ul>
90-
<li><strong>Job Title 1:</strong> Short description here</li>
91-
<li><strong>Job Title 2:</strong> Short description here</li>
92-
<li><strong>Job Title 3:</strong> Short description here</li>
80+
<li>Manpower Recruitment (Skilled, Semi-skilled, Unskilled)</li>
81+
<li>International Job Placements</li>
82+
<li>HR Consultancy & Compliance</li>
83+
<li>CV Screening & Shortlisting</li>
84+
<li>Employer-Candidate Coordination</li>
9385
</ul>
94-
</section> <section class="section form-section" id="candidates">
95-
<h2>Candidate Registration Form</h2>
96-
<form>
97-
<input type="text" placeholder="Full Name" required />
98-
<input type="email" placeholder="Email Address" required />
99-
<input type="text" placeholder="Phone Number" required />
100-
<textarea rows="4" placeholder="Brief Bio or Experience"></textarea>
86+
</section>
87+
88+
<section id="rpo" class="section">
89+
<h2>Recruitment Process Outsourcing (RPO)</h2>
90+
<p>Our RPO services are tailored for businesses across Europe and the Western region. We act as your extended HR arm, handling end-to-end recruitment – from sourcing and screening to onboarding – helping you reduce hiring costs and time-to-fill.</p>
91+
<ul>
92+
<li>Dedicated recruiters for your business</li>
93+
<li>Flexible and scalable hiring models</li>
94+
<li>Compliance with local labor laws</li>
95+
<li>Data-driven candidate tracking and reporting</li>
96+
</ul>
97+
</section>
98+
99+
<section id="candidates" class="section">
100+
<h2>Candidate Registration</h2>
101+
<form class="form-section" action="#" method="post">
102+
<input type="text" name="name" placeholder="Full Name" required />
103+
<input type="email" name="email" placeholder="Email Address" required />
104+
<input type="text" name="phone" placeholder="Phone Number" required />
105+
<textarea name="skills" placeholder="Your Skills / Experience" rows="4"></textarea>
101106
<button type="submit">Register</button>
102107
</form>
103-
</section> <section class="section form-section" id="employers">
104-
<h2>Employer Contact Form</h2>
105-
<form>
106-
<input type="text" placeholder="Company Name" required />
107-
<input type="email" placeholder="Contact Email" required />
108-
<input type="text" placeholder="Phone Number" required />
109-
<textarea rows="4" placeholder="Your Requirements"></textarea>
108+
</section>
109+
110+
<section id="employers" class="section">
111+
<h2>Post a Job / Get in Touch</h2>
112+
<form class="form-section" action="#" method="post">
113+
<input type="text" name="company" placeholder="Company Name" required />
114+
<input type="email" name="email" placeholder="Business Email" required />
115+
<textarea name="requirements" placeholder="Job Requirements or Service Enquiry" rows="4"></textarea>
110116
<button type="submit">Submit</button>
111117
</form>
112-
</section> <section class="section form-section" id="contact">
118+
</section>
119+
120+
<section id="contact" class="section">
113121
<h2>Contact Us</h2>
114-
<p>Email: simpaticohrconsultancy@gmail.com</p>
115-
<p>Phone: 9544842260</p>
116-
<p><a href="https://www.facebook.com/share/1BARFBC6L4/" target="_blank">Facebook</a> | <a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank">LinkedIn</a></p>
117-
</section> <footer>
118-
&copy; 2025 Simpatico HR Consultancy. All rights reserved.
122+
<p>Email: <a href="mailto:simpaticohrconsultancy@gmail.com">simpaticohrconsultancy@gmail.com</a></p>
123+
<p>Phone: <a href="tel:+919544842260">+91 9544842260</a></p>
124+
<p>
125+
Facebook: <a href="https://www.facebook.com/share/1BARFBC6L4/" target="_blank">Follow us</a> |
126+
LinkedIn: <a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank">Connect with us</a>
127+
</p>
128+
</section>
129+
130+
<footer>
131+
<p>&copy; 2025 Simpatico HR Consultancy. All Rights Reserved.</p>
119132
</footer>
120133
</body>
121134
</html>

0 commit comments

Comments
 (0)