Skip to content

Commit 46e8bca

Browse files
simpaticohrsimpaticohr
authored
Update contact.html
1 parent 1803667 commit 46e8bca

1 file changed

Lines changed: 15 additions & 46 deletions

File tree

‎contact.html‎

Lines changed: 15 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -3,60 +3,29 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
6-
<title>Contact Us | Simpatico HR Consultancy</title>
6+
<title>Contact Us | Simpatico HR</title>
77
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
8-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
98
<style>
10-
:root { --primary: #002d5a; --accent: #0078d4; --light: #f8fbff; }
11-
body { font-family: 'Poppins', sans-serif; margin: 0; background: var(--light); }
12-
nav { background: var(--primary); padding: 15px 5%; display: flex; justify-content: space-between; align-items: center; color: #fff; }
13-
.nav-links a { color: #fff; text-decoration: none; margin-left: 20px; font-weight: 600; font-size: 14px; }
14-
.contact-container { max-width: 1100px; margin: 60px auto; display: grid; grid-template-columns: 1fr 1.5fr; gap: 50px; padding: 20px; }
15-
.info-card { background: var(--primary); color: #fff; padding: 40px; border-radius: 20px; }
16-
.form-card { background: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
17-
input, textarea { width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 8px; }
18-
.btn { background: var(--accent); color: #fff; padding: 15px 30px; border: none; border-radius: 8px; cursor: pointer; font-weight: 700; width: 100%; }
19-
.social-links a { color: #fff; font-size: 24px; margin-right: 15px; }
9+
body { font-family: 'Poppins', sans-serif; margin: 0; text-align: center; background: #f8fbff; }
10+
.contact-info { padding: 100px 10%; }
2011
</style>
2112
</head>
2213
<body>
23-
<nav>
24-
<strong>SIMPATICO HR</strong>
25-
<div class="nav-links">
26-
<a href="index.html">Home</a>
27-
<a href="sectors.html">Sectors</a>
28-
<a href="jobs.html">Apply</a>
29-
<a href="contact.html">Contact</a>
30-
</div>
31-
</nav>
3214

33-
<div class="contact-container">
34-
<div class="info-card">
35-
<h2>Get in Touch</h2>
36-
<p>We are here to help you find the right local talent or your next career move.</p>
37-
<div style="margin-top: 30px;">
38-
<p><i class="fa-solid fa-location-dot"></i> Perinthalmanna, Kerala, India</p>
39-
<p><i class="fa-solid fa-phone"></i> +91 95448 42260</p>
40-
<p><i class="fa-solid fa-envelope"></i> simpaticohrconsultancy@gmail.com</p>
41-
</div>
42-
<div class="social-links" style="margin-top: 40px;">
43-
<a href="https://www.facebook.com/simpaticohrpmna" target="_blank"><i class="fa-brands fa-facebook"></i></a>
44-
<a href="https://www.linkedin.com/company/simpatico-manpower/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
45-
<a href="https://wa.me/919544842260" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
46-
</div>
47-
</div>
15+
<nav style="background: #002d5a; padding: 15px 5%; color: #fff; display: flex; justify-content: space-between;">
16+
<a href="index.html" style="color:#fff; text-decoration:none;"><strong>SIMPATICO HR</strong></a>
17+
<a href="index.html" style="color:#fff; text-decoration:none;">Home</a>
18+
</nav>
4819

49-
<div class="form-card">
50-
<h3>Send a Message</h3>
51-
<form action="https://formspree.io/f/mqeaalvd" method="POST">
52-
<input type="text" name="Name" placeholder="Your Name" required>
53-
<input type="email" name="Email" placeholder="Email Address" required>
54-
<input type="text" name="Subject" placeholder="Subject (e.g., Hiring Inquiry)">
55-
<textarea name="Message" rows="5" placeholder="How can we help you?" required></textarea>
56-
<button type="submit" class="btn">Send Inquiry</button>
57-
</form>
58-
</div>
20+
<div class="contact-info">
21+
<h1>Contact Our Headquarters</h1>
22+
<p>Perinthalmanna, Malappuram, Kerala, India</p>
23+
<p><strong>Email:</strong> simpaticohrconsultancy@gmail.com</p>
24+
<p><strong>Phone:</strong> +91 95448 42260</p>
25+
<div style="margin-top: 30px;">
26+
<a href="https://wa.me/919544842260" style="padding: 10px 20px; background: #25d366; color:#fff; text-decoration:none; border-radius: 5px;">WhatsApp Us</a>
5927
</div>
28+
</div>
6029
</body>
6130
</html>
6231

0 commit comments

Comments
 (0)