|
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="utf-8" /> |
| 5 | + <meta name="viewport" content="width=device-width,initial-scale=1" /> |
| 6 | + <title>Our Sectors | Simpatico HR</title> |
| 7 | + <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"> |
| 9 | + <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| 10 | + <style> |
| 11 | + :root { --primary: #002d5a; --accent: #0078d4; --light: #f8fbff; } |
| 12 | + body { font-family: 'Poppins', sans-serif; margin: 0; background: var(--light); } |
| 13 | + nav { background: var(--primary); padding: 15px 5%; display: flex; justify-content: space-between; align-items: center; } |
| 14 | + .nav-links a { color: #fff; text-decoration: none; margin-left: 20px; font-weight: 600; } |
| 15 | + .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; padding: 50px 10%; } |
| 16 | + .card { background: #fff; padding: 30px; border-radius: 15px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } |
| 17 | + .card i { font-size: 40px; color: var(--accent); margin-bottom: 20px; } |
| 18 | + </style> |
| 19 | +</head> |
| 20 | +<body> |
| 21 | + <nav> |
| 22 | + <strong style="color:#fff;">SIMPATICO HR</strong> |
| 23 | + <div class="nav-links"><a href="index.html">Home</a><a href="sectors.html">Sectors</a><a href="jobs.html">Apply</a></div> |
| 24 | + </nav> |
| 25 | + |
| 26 | + <h1 style="text-align: center; margin-top: 50px; color: var(--primary);">Industries We Serve</h1> |
| 27 | + |
| 28 | + <div class="grid"> |
| 29 | + <div class="card" data-aos="fade-up"> |
| 30 | + <i class="fa-solid fa-laptop-code"></i> |
| 31 | + <h3>Information Technology</h3> |
| 32 | + <p>Software development, IT support, and cybersecurity roles for local experts.</p> |
| 33 | + </div> |
| 34 | + <div class="card" data-aos="fade-up" data-aos-delay="100"> |
| 35 | + <i class="fa-solid fa-hospital"></i> |
| 36 | + <h3>Healthcare</h3> |
| 37 | + <p>Connecting regional clinics and hospitals with authorized medical professionals.</p> |
| 38 | + </div> |
| 39 | + <div class="card" data-aos="fade-up" data-aos-delay="200"> |
| 40 | + <i class="fa-solid fa-building-columns"></i> |
| 41 | + <h3>Finance & Operations</h3> |
| 42 | + <p>Banking, administrative, and management roles for domestic talent.</p> |
| 43 | + </div> |
| 44 | + </div> |
| 45 | + |
| 46 | + <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| 47 | + <script>AOS.init();</script> |
| 48 | +</body> |
| 49 | +</html> |
0 commit comments