create new page: https://huwaya.com/jobs - Initial Deployment
Browse files- README.md +7 -5
- company-culture.html +353 -0
- contact.html +296 -0
- index.html +330 -18
- privacy-policy.html +156 -0
- prompts.txt +155 -0
- salary-calculator.html +554 -0
- salary-search.html +200 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: newui
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: gray
|
| 5 |
+
colorTo: gray
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
company-culture.html
ADDED
|
@@ -0,0 +1,353 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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.0">
|
| 6 |
+
<title>Company Culture - Iraq Salary Transparency Portal</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 9 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<style>
|
| 13 |
+
:root {
|
| 14 |
+
--primary: #6c5ce7;
|
| 15 |
+
--secondary: #a29bfe;
|
| 16 |
+
--bg: #e0e5ec;
|
| 17 |
+
--shadow-light: #ffffff;
|
| 18 |
+
--shadow-dark: #a3b1c6;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
body {
|
| 22 |
+
background-color: var(--bg);
|
| 23 |
+
font-family: 'Inter', sans-serif;
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.neumorphic {
|
| 27 |
+
border-radius: 20px;
|
| 28 |
+
background: var(--bg);
|
| 29 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 30 |
+
-8px -8px 16px var(--shadow-light);
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.neumorphic-inset {
|
| 34 |
+
border-radius: 20px;
|
| 35 |
+
background: var(--bg);
|
| 36 |
+
box-shadow: inset 8px 8px 16px var(--shadow-dark),
|
| 37 |
+
inset -8px -8px 16px var(--shadow-light);
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
nav {
|
| 41 |
+
border-radius: 0 0 20px 20px;
|
| 42 |
+
background: var(--bg);
|
| 43 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 44 |
+
-8px -8px 16px var(--shadow-light);
|
| 45 |
+
}
|
| 46 |
+
|
| 47 |
+
button {
|
| 48 |
+
border-radius: 15px;
|
| 49 |
+
background: var(--bg);
|
| 50 |
+
box-shadow: 5px 5px 10px var(--shadow-dark),
|
| 51 |
+
-5px -5px 10px var(--shadow-light);
|
| 52 |
+
transition: all 0.2s ease;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
button:hover {
|
| 56 |
+
box-shadow: 2px 2px 5px var(--shadow-dark),
|
| 57 |
+
-2px -2px 5px var(--shadow-light);
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
button:active {
|
| 61 |
+
box-shadow: inset 2px 2px 5px var(--shadow-dark),
|
| 62 |
+
inset -2px -2px 5px var(--shadow-light);
|
| 63 |
+
}
|
| 64 |
+
</style>
|
| 65 |
+
</head>
|
| 66 |
+
<body class="font-sans">
|
| 67 |
+
<!-- Navigation -->
|
| 68 |
+
<nav class="py-4">
|
| 69 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 70 |
+
<div class="flex justify-between h-16">
|
| 71 |
+
<div class="flex items-center">
|
| 72 |
+
<i data-feather="bar-chart-2" class="text-blue-600 mr-2"></i>
|
| 73 |
+
<span class="text-xl font-bold text-blue-600">Iraq Salary Portal</span>
|
| 74 |
+
</div>
|
| 75 |
+
<div class="hidden md:flex items-center space-x-8">
|
| 76 |
+
<a href="index.html" class="text-gray-700 hover:text-blue-600 font-medium">Home</a>
|
| 77 |
+
<a href="#" class="text-gray-700 hover:text-blue-600 font-medium">Submit Salary</a>
|
| 78 |
+
<a href="salary-search.html" class="text-gray-700 hover:text-blue-600 font-medium">Search Data</a>
|
| 79 |
+
<a href="salary-calculator.html" class="text-gray-700 hover:text-blue-600 font-medium">Calculator</a>
|
| 80 |
+
<a href="company-culture.html" class="text-blue-600 font-medium">Company Culture</a>
|
| 81 |
+
<a href="contact.html" class="text-gray-700 hover:text-blue-600 font-medium">Contact</a>
|
| 82 |
+
<button class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Login</button>
|
| 83 |
+
</div>
|
| 84 |
+
<button class="md:hidden">
|
| 85 |
+
<i data-feather="menu"></i>
|
| 86 |
+
</button>
|
| 87 |
+
</div>
|
| 88 |
+
</div>
|
| 89 |
+
</nav>
|
| 90 |
+
|
| 91 |
+
<!-- Hero Section -->
|
| 92 |
+
<div class="py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white">
|
| 93 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 94 |
+
<h1 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-up">Company Culture Reviews</h1>
|
| 95 |
+
<p class="text-xl max-w-3xl mx-auto mb-8" data-aos="fade-up" data-aos-delay="100">Share and discover what it's really like to work at companies across Iraq</p>
|
| 96 |
+
<button class="bg-white text-blue-600 px-8 py-4 rounded-md font-bold text-lg hover:bg-gray-100 transition shadow-lg" data-aos="fade-up" data-aos-delay="200">
|
| 97 |
+
Share Your Experience
|
| 98 |
+
</button>
|
| 99 |
+
</div>
|
| 100 |
+
</div>
|
| 101 |
+
|
| 102 |
+
<!-- Search Companies -->
|
| 103 |
+
<div class="py-16">
|
| 104 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 105 |
+
<div class="neumorphic p-8 rounded-xl">
|
| 106 |
+
<div class="text-center mb-8" data-aos="fade-up">
|
| 107 |
+
<h2 class="text-3xl font-bold text-gray-800 mb-2">Find Company Reviews</h2>
|
| 108 |
+
<p class="text-gray-600">Search by company name, industry, or location</p>
|
| 109 |
+
</div>
|
| 110 |
+
|
| 111 |
+
<div class="grid md:grid-cols-3 gap-4" data-aos="fade-up" data-aos-delay="100">
|
| 112 |
+
<div>
|
| 113 |
+
<label class="block text-gray-700 mb-2">Company Name</label>
|
| 114 |
+
<input type="text" placeholder="e.g. Zain Iraq" class="w-full px-4 py-3 neumorphic-inset">
|
| 115 |
+
</div>
|
| 116 |
+
<div>
|
| 117 |
+
<label class="block text-gray-700 mb-2">Industry</label>
|
| 118 |
+
<select class="w-full px-4 py-3 neumorphic-inset">
|
| 119 |
+
<option value="">All Industries</option>
|
| 120 |
+
<option>Telecommunications</option>
|
| 121 |
+
<option>Banking & Finance</option>
|
| 122 |
+
<option>Oil & Gas</option>
|
| 123 |
+
<option>Information Technology</option>
|
| 124 |
+
<option>Construction</option>
|
| 125 |
+
<option>Healthcare</option>
|
| 126 |
+
<option>Education</option>
|
| 127 |
+
<option>Retail</option>
|
| 128 |
+
</select>
|
| 129 |
+
</div>
|
| 130 |
+
<div>
|
| 131 |
+
<label class="block text-gray-700 mb-2">Location</label>
|
| 132 |
+
<select class="w-full px-4 py-3 neumorphic-inset">
|
| 133 |
+
<option value="">All Locations</option>
|
| 134 |
+
<option>Baghdad</option>
|
| 135 |
+
<option>Basra</option>
|
| 136 |
+
<option>Erbil</option>
|
| 137 |
+
<option>Sulaymaniyah</option>
|
| 138 |
+
<option>Mosul</option>
|
| 139 |
+
<option>Najaf</option>
|
| 140 |
+
</select>
|
| 141 |
+
</div>
|
| 142 |
+
</div>
|
| 143 |
+
|
| 144 |
+
<div class="mt-6 text-center" data-aos="fade-up" data-aos-delay="200">
|
| 145 |
+
<button class="bg-blue-600 text-white px-8 py-3 rounded-md hover:bg-blue-700 transition">
|
| 146 |
+
<i data-feather="search" class="mr-2"></i> Search Companies
|
| 147 |
+
</button>
|
| 148 |
+
</div>
|
| 149 |
+
</div>
|
| 150 |
+
</div>
|
| 151 |
+
</div>
|
| 152 |
+
|
| 153 |
+
<!-- Top Companies -->
|
| 154 |
+
<div class="py-16 bg-gray-50">
|
| 155 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 156 |
+
<div class="text-center mb-12" data-aos="fade-up">
|
| 157 |
+
<h2 class="text-3xl font-bold text-gray-800 mb-2">Top Rated Companies</h2>
|
| 158 |
+
<p class="text-gray-600">Based on employee reviews and ratings</p>
|
| 159 |
+
</div>
|
| 160 |
+
|
| 161 |
+
<div class="grid md:grid-cols-3 gap-8">
|
| 162 |
+
<!-- Company 1 -->
|
| 163 |
+
<div class="neumorphic p-6 rounded-xl" data-aos="fade-up" data-aos-delay="100">
|
| 164 |
+
<div class="flex items-center mb-4">
|
| 165 |
+
<img src="http://static.photos/technology/200x200/1" alt="Zain Iraq" class="w-16 h-16 rounded-full mr-4">
|
| 166 |
+
<div>
|
| 167 |
+
<h3 class="font-bold text-xl">Zain Iraq</h3>
|
| 168 |
+
<div class="flex items-center">
|
| 169 |
+
<div class="flex text-yellow-400">
|
| 170 |
+
<i data-feather="star" class="fill-current"></i>
|
| 171 |
+
<i data-feather="star" class="fill-current"></i>
|
| 172 |
+
<i data-feather="star" class="fill-current"></i>
|
| 173 |
+
<i data-feather="star" class="fill-current"></i>
|
| 174 |
+
<i data-feather="star" class="fill-current"></i>
|
| 175 |
+
</div>
|
| 176 |
+
<span class="ml-2 text-gray-600">4.8 (124 reviews)</span>
|
| 177 |
+
</div>
|
| 178 |
+
</div>
|
| 179 |
+
</div>
|
| 180 |
+
<p class="text-gray-600 mb-4">"Great work-life balance and competitive benefits. Management is supportive of career growth."</p>
|
| 181 |
+
<div class="flex justify-between text-sm text-gray-500">
|
| 182 |
+
<span>Telecommunications</span>
|
| 183 |
+
<span>Baghdad, Erbil</span>
|
| 184 |
+
</div>
|
| 185 |
+
</div>
|
| 186 |
+
|
| 187 |
+
<!-- Company 2 -->
|
| 188 |
+
<div class="neumorphic p-6 rounded-xl" data-aos="fade-up" data-aos-delay="200">
|
| 189 |
+
<div class="flex items-center mb-4">
|
| 190 |
+
<img src="http://static.photos/finance/200x200/1" alt="Bank of Baghdad" class="w-16 h-16 rounded-full mr-4">
|
| 191 |
+
<div>
|
| 192 |
+
<h3 class="font-bold text-xl">Bank of Baghdad</h3>
|
| 193 |
+
<div class="flex items-center">
|
| 194 |
+
<div class="flex text-yellow-400">
|
| 195 |
+
<i data-feather="star" class="fill-current"></i>
|
| 196 |
+
<i data-feather="star" class="fill-current"></i>
|
| 197 |
+
<i data-feather="star" class="fill-current"></i>
|
| 198 |
+
<i data-feather="star" class="fill-current"></i>
|
| 199 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 200 |
+
</div>
|
| 201 |
+
<span class="ml-2 text-gray-600">4.3 (87 reviews)</span>
|
| 202 |
+
</div>
|
| 203 |
+
</div>
|
| 204 |
+
</div>
|
| 205 |
+
<p class="text-gray-600 mb-4">"Stable environment with good training programs. Could improve on innovation and flexibility."</p>
|
| 206 |
+
<div class="flex justify-between text-sm text-gray-500">
|
| 207 |
+
<span>Banking & Finance</span>
|
| 208 |
+
<span>Baghdad, Basra</span>
|
| 209 |
+
</div>
|
| 210 |
+
</div>
|
| 211 |
+
|
| 212 |
+
<!-- Company 3 -->
|
| 213 |
+
<div class="neumorphic p-6 rounded-xl" data-aos="fade-up" data-aos-delay="300">
|
| 214 |
+
<div class="flex items-center mb-4">
|
| 215 |
+
<img src="http://static.photos/oil/200x200/1" alt="Basra Oil Company" class="w-16 h-16 rounded-full mr-4">
|
| 216 |
+
<div>
|
| 217 |
+
<h3 class="font-bold text-xl">Basra Oil Company</h3>
|
| 218 |
+
<div class="flex items-center">
|
| 219 |
+
<div class="flex text-yellow-400">
|
| 220 |
+
<i data-feather="star" class="fill-current"></i>
|
| 221 |
+
<i data-feather="star" class="fill-current"></i>
|
| 222 |
+
<i data-feather="star" class="fill-current"></i>
|
| 223 |
+
<i data-feather="star" class="fill-current"></i>
|
| 224 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 225 |
+
</div>
|
| 226 |
+
<span class="ml-2 text-gray-600">4.1 (65 reviews)</span>
|
| 227 |
+
</div>
|
| 228 |
+
</div>
|
| 229 |
+
</div>
|
| 230 |
+
<p class="text-gray-600 mb-4">"Excellent compensation but demanding work hours. Strong technical teams and resources."</p>
|
| 231 |
+
<div class="flex justify-between text-sm text-gray-500">
|
| 232 |
+
<span>Oil & Gas</span>
|
| 233 |
+
<span>Basra</span>
|
| 234 |
+
</div>
|
| 235 |
+
</div>
|
| 236 |
+
</div>
|
| 237 |
+
|
| 238 |
+
<div class="mt-12 text-center" data-aos="fade-up">
|
| 239 |
+
<button class="border-2 border-blue-600 text-blue-600 px-8 py-3 rounded-md hover:bg-blue-50 transition">
|
| 240 |
+
View All Companies
|
| 241 |
+
</button>
|
| 242 |
+
</div>
|
| 243 |
+
</div>
|
| 244 |
+
</div>
|
| 245 |
+
|
| 246 |
+
<!-- Review Categories -->
|
| 247 |
+
<div class="py-16">
|
| 248 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 249 |
+
<div class="text-center mb-12" data-aos="fade-up">
|
| 250 |
+
<h2 class="text-3xl font-bold text-gray-800 mb-2">What Employees Say</h2>
|
| 251 |
+
<p class="text-gray-600">Key aspects of company culture rated by employees</p>
|
| 252 |
+
</div>
|
| 253 |
+
|
| 254 |
+
<div class="grid md:grid-cols-4 gap-6">
|
| 255 |
+
<div class="neumorphic p-6 rounded-xl text-center" data-aos="fade-up" data-aos-delay="100">
|
| 256 |
+
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
| 257 |
+
<i data-feather="dollar-sign" class="text-blue-600 w-8 h-8"></i>
|
| 258 |
+
</div>
|
| 259 |
+
<h3 class="font-bold text-lg mb-2">Compensation</h3>
|
| 260 |
+
<div class="text-yellow-400 flex justify-center mb-2">
|
| 261 |
+
<i data-feather="star" class="fill-current"></i>
|
| 262 |
+
<i data-feather="star" class="fill-current"></i>
|
| 263 |
+
<i data-feather="star" class="fill-current"></i>
|
| 264 |
+
<i data-feather="star" class="fill-current"></i>
|
| 265 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 266 |
+
</div>
|
| 267 |
+
<p class="text-gray-600 text-sm">Average rating: 4.2/5</p>
|
| 268 |
+
</div>
|
| 269 |
+
|
| 270 |
+
<div class="neumorphic p-6 rounded-xl text-center" data-aos="fade-up" data-aos-delay="200">
|
| 271 |
+
<div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
| 272 |
+
<i data-feather="clock" class="text-green-600 w-8 h-8"></i>
|
| 273 |
+
</div>
|
| 274 |
+
<h3 class="font-bold text-lg mb-2">Work-Life Balance</h3>
|
| 275 |
+
<div class="text-yellow-400 flex justify-center mb-2">
|
| 276 |
+
<i data-feather="star" class="fill-current"></i>
|
| 277 |
+
<i data-feather="star" class="fill-current"></i>
|
| 278 |
+
<i data-feather="star" class="fill-current"></i>
|
| 279 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 280 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 281 |
+
</div>
|
| 282 |
+
<p class="text-gray-600 text-sm">Average rating: 3.6/5</p>
|
| 283 |
+
</div>
|
| 284 |
+
|
| 285 |
+
<div class="neumorphic p-6 rounded-xl text-center" data-aos="fade-up" data-aos-delay="300">
|
| 286 |
+
<div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
| 287 |
+
<i data-feather="users" class="text-purple-600 w-8 h-8"></i>
|
| 288 |
+
</div>
|
| 289 |
+
<h3 class="font-bold text-lg mb-2">Management</h3>
|
| 290 |
+
<div class="text-yellow-400 flex justify-center mb-2">
|
| 291 |
+
<i data-feather="star" class="fill-current"></i>
|
| 292 |
+
<i data-feather="star" class="fill-current"></i>
|
| 293 |
+
<i data-feather="star" class="fill-current"></i>
|
| 294 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 295 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 296 |
+
</div>
|
| 297 |
+
<p class="text-gray-600 text-sm">Average rating: 3.5/5</p>
|
| 298 |
+
</div>
|
| 299 |
+
|
| 300 |
+
<div class="neumorphic p-6 rounded-xl text-center" data-aos="fade-up" data-aos-delay="400">
|
| 301 |
+
<div class="bg-orange-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
| 302 |
+
<i data-feather="trending-up" class="text-orange-600 w-8 h-8"></i>
|
| 303 |
+
</div>
|
| 304 |
+
<h3 class="font-bold text-lg mb-2">Career Growth</h3>
|
| 305 |
+
<div class="text-yellow-400 flex justify-center mb-2">
|
| 306 |
+
<i data-feather="star" class="fill-current"></i>
|
| 307 |
+
<i data-feather="star" class="fill-current"></i>
|
| 308 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 309 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 310 |
+
<i data-feather="star" class="fill-current text-gray-300"></i>
|
| 311 |
+
</div>
|
| 312 |
+
<p class="text-gray-600 text-sm">Average rating: 2.8/5</p>
|
| 313 |
+
</div>
|
| 314 |
+
</div>
|
| 315 |
+
</div>
|
| 316 |
+
</div>
|
| 317 |
+
|
| 318 |
+
<!-- CTA Section -->
|
| 319 |
+
<div class="py-20 bg-blue-600 text-white">
|
| 320 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 321 |
+
<div data-aos="zoom-in">
|
| 322 |
+
<h2 class="text-3xl font-bold mb-6">Share Your Experience</h2>
|
| 323 |
+
<p class="text-xl mb-8 max-w-3xl mx-auto">Help others make informed career decisions by anonymously reviewing your company</p>
|
| 324 |
+
<button class="bg-white text-blue-600 px-8 py-4 rounded-md font-bold text-lg hover:bg-gray-100 transition shadow-lg">Submit a Review</button>
|
| 325 |
+
</div>
|
| 326 |
+
</div>
|
| 327 |
+
</div>
|
| 328 |
+
|
| 329 |
+
<!-- Footer -->
|
| 330 |
+
<footer class="mt-12 py-8">
|
| 331 |
+
<div class="text-center opacity-80 text-sm">
|
| 332 |
+
<div class="flex justify-center gap-5 mb-2">
|
| 333 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-twitter"></i></a>
|
| 334 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-facebook"></i></a>
|
| 335 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-linkedin"></i></a>
|
| 336 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-telegram"></i></a>
|
| 337 |
+
</div>
|
| 338 |
+
<a href="privacy-policy.html" class="text-blue-600 hover:text-blue-800">Privacy Policy</a>
|
| 339 |
+
<p class="mt-2">© 2025 Huwaya.com. All rights reserved.</p>
|
| 340 |
+
</div>
|
| 341 |
+
</footer>
|
| 342 |
+
|
| 343 |
+
<script>
|
| 344 |
+
AOS.init({
|
| 345 |
+
duration: 800,
|
| 346 |
+
easing: 'ease-in-out',
|
| 347 |
+
once: true
|
| 348 |
+
});
|
| 349 |
+
|
| 350 |
+
feather.replace();
|
| 351 |
+
</script>
|
| 352 |
+
</body>
|
| 353 |
+
</html>
|
contact.html
ADDED
|
@@ -0,0 +1,296 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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.0">
|
| 6 |
+
<title>Contact Us - Iraq Salary Transparency Portal</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 9 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<style>
|
| 13 |
+
:root {
|
| 14 |
+
--primary: #6c5ce7;
|
| 15 |
+
--secondary: #a29bfe;
|
| 16 |
+
--bg: #e0e5ec;
|
| 17 |
+
--shadow-light: #ffffff;
|
| 18 |
+
--shadow-dark: #a3b1c6;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
body {
|
| 22 |
+
background-color: var(--bg);
|
| 23 |
+
font-family: 'Inter', sans-serif;
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.neumorphic {
|
| 27 |
+
border-radius: 20px;
|
| 28 |
+
background: var(--bg);
|
| 29 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 30 |
+
-8px -8px 16px var(--shadow-light);
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.neumorphic-inset {
|
| 34 |
+
border-radius: 20px;
|
| 35 |
+
background: var(--bg);
|
| 36 |
+
box-shadow: inset 8px 8px 16px var(--shadow-dark),
|
| 37 |
+
inset -8px -8px 16px var(--shadow-light);
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
input, textarea, select {
|
| 41 |
+
border-radius: 15px;
|
| 42 |
+
background: var(--bg);
|
| 43 |
+
box-shadow: inset 5px 5px 10px var(--shadow-dark),
|
| 44 |
+
inset -5px -5px 10px var(--shadow-light);
|
| 45 |
+
border: none;
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
nav {
|
| 49 |
+
border-radius: 0 0 20px 20px;
|
| 50 |
+
background: var(--bg);
|
| 51 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 52 |
+
-8px -8px 16px var(--shadow-light);
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
button {
|
| 56 |
+
border-radius: 15px;
|
| 57 |
+
background: var(--bg);
|
| 58 |
+
box-shadow: 5px 5px 10px var(--shadow-dark),
|
| 59 |
+
-5px -5px 10px var(--shadow-light);
|
| 60 |
+
transition: all 0.2s ease;
|
| 61 |
+
}
|
| 62 |
+
|
| 63 |
+
button:hover {
|
| 64 |
+
box-shadow: 2px 2px 5px var(--shadow-dark),
|
| 65 |
+
-2px -2px 5px var(--shadow-light);
|
| 66 |
+
}
|
| 67 |
+
|
| 68 |
+
button:active {
|
| 69 |
+
box-shadow: inset 2px 2px 5px var(--shadow-dark),
|
| 70 |
+
inset -2px -2px 5px var(--shadow-light);
|
| 71 |
+
}
|
| 72 |
+
</style>
|
| 73 |
+
</head>
|
| 74 |
+
<body class="font-sans">
|
| 75 |
+
<!-- Navigation -->
|
| 76 |
+
<nav class="py-4">
|
| 77 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 78 |
+
<div class="flex justify-between h-16">
|
| 79 |
+
<div class="flex items-center">
|
| 80 |
+
<i data-feather="bar-chart-2" class="text-blue-600 mr-2"></i>
|
| 81 |
+
<span class="text-xl font-bold text-blue-600">Iraq Salary Portal</span>
|
| 82 |
+
</div>
|
| 83 |
+
<div class="hidden md:flex items-center space-x-8">
|
| 84 |
+
<a href="index.html" class="text-gray-700 hover:text-blue-600 font-medium">Home</a>
|
| 85 |
+
<a href="#" class="text-gray-700 hover:text-blue-600 font-medium">Submit Salary</a>
|
| 86 |
+
<a href="salary-search.html" class="text-gray-700 hover:text-blue-600 font-medium">Search Data</a>
|
| 87 |
+
<a href="salary-calculator.html" class="text-gray-700 hover:text-blue-600 font-medium">Calculator</a>
|
| 88 |
+
<a href="contact.html" class="text-blue-600 font-medium">Contact</a>
|
| 89 |
+
<button class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Login</button>
|
| 90 |
+
</div>
|
| 91 |
+
<button class="md:hidden">
|
| 92 |
+
<i data-feather="menu"></i>
|
| 93 |
+
</button>
|
| 94 |
+
</div>
|
| 95 |
+
</div>
|
| 96 |
+
</nav>
|
| 97 |
+
|
| 98 |
+
<!-- Contact Section -->
|
| 99 |
+
<div class="py-16">
|
| 100 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 101 |
+
<div class="text-center mb-12" data-aos="fade-up">
|
| 102 |
+
<h1 class="text-4xl font-bold text-gray-800 mb-4">Contact Us</h1>
|
| 103 |
+
<p class="text-xl text-gray-600">Have questions or feedback? We'd love to hear from you.</p>
|
| 104 |
+
</div>
|
| 105 |
+
|
| 106 |
+
<div class="grid md:grid-cols-2 gap-12">
|
| 107 |
+
<div class="neumorphic p-8 rounded-xl" data-aos="fade-right">
|
| 108 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-6">Send us a message</h2>
|
| 109 |
+
<form>
|
| 110 |
+
<div class="mb-6">
|
| 111 |
+
<label class="block text-gray-700 mb-2">Your Name</label>
|
| 112 |
+
<input type="text" placeholder="Enter your name" class="w-full px-4 py-3">
|
| 113 |
+
</div>
|
| 114 |
+
<div class="mb-6">
|
| 115 |
+
<label class="block text-gray-700 mb-2">Email Address</label>
|
| 116 |
+
<input type="email" placeholder="Enter your email" class="w-full px-4 py-3">
|
| 117 |
+
</div>
|
| 118 |
+
<div class="mb-6">
|
| 119 |
+
<label class="block text-gray-700 mb-2">Subject</label>
|
| 120 |
+
<select class="w-full px-4 py-3">
|
| 121 |
+
<option value="">Select a subject</option>
|
| 122 |
+
<option>General Inquiry</option>
|
| 123 |
+
<option>Salary Submission Help</option>
|
| 124 |
+
<option>Data Accuracy Concern</option>
|
| 125 |
+
<option>Partnership Opportunity</option>
|
| 126 |
+
<option>Press Inquiry</option>
|
| 127 |
+
<option>Other</option>
|
| 128 |
+
</select>
|
| 129 |
+
</div>
|
| 130 |
+
<div class="mb-6">
|
| 131 |
+
<label class="block text-gray-700 mb-2">Message</label>
|
| 132 |
+
<textarea rows="5" placeholder="Enter your message" class="w-full px-4 py-3"></textarea>
|
| 133 |
+
</div>
|
| 134 |
+
<button class="bg-blue-600 text-white px-6 py-3 w-full hover:bg-blue-700 transition">
|
| 135 |
+
Send Message
|
| 136 |
+
</button>
|
| 137 |
+
</form>
|
| 138 |
+
</div>
|
| 139 |
+
|
| 140 |
+
<div class="neumorphic p-8 rounded-xl" data-aos="fade-left">
|
| 141 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-6">Contact Information</h2>
|
| 142 |
+
<div class="space-y-6">
|
| 143 |
+
<div class="flex items-start">
|
| 144 |
+
<div class="bg-blue-100 p-3 rounded-full mr-4">
|
| 145 |
+
<i data-feather="mail" class="text-blue-600"></i>
|
| 146 |
+
</div>
|
| 147 |
+
<div>
|
| 148 |
+
<h3 class="font-semibold text-gray-800">Email</h3>
|
| 149 |
+
<p class="text-gray-600">contact@huwaya.com</p>
|
| 150 |
+
</div>
|
| 151 |
+
</div>
|
| 152 |
+
<div class="flex items-start">
|
| 153 |
+
<div class="bg-green-100 p-3 rounded-full mr-4">
|
| 154 |
+
<i data-feather="phone" class="text-green-600"></i>
|
| 155 |
+
</div>
|
| 156 |
+
<div>
|
| 157 |
+
<h3 class="font-semibold text-gray-800">Phone</h3>
|
| 158 |
+
<p class="text-gray-600">+964 770 123 4567</p>
|
| 159 |
+
</div>
|
| 160 |
+
</div>
|
| 161 |
+
<div class="flex items-start">
|
| 162 |
+
<div class="bg-purple-100 p-3 rounded-full mr-4">
|
| 163 |
+
<i data-feather="map-pin" class="text-purple-600"></i>
|
| 164 |
+
</div>
|
| 165 |
+
<div>
|
| 166 |
+
<h3 class="font-semibold text-gray-800">Office</h3>
|
| 167 |
+
<p class="text-gray-600">Erbil, Kurdistan Region</p>
|
| 168 |
+
<p class="text-gray-600">Iraq</p>
|
| 169 |
+
</div>
|
| 170 |
+
</div>
|
| 171 |
+
</div>
|
| 172 |
+
|
| 173 |
+
<div class="mt-10">
|
| 174 |
+
<h3 class="font-semibold text-gray-800 mb-4">Follow Us</h3>
|
| 175 |
+
<div class="flex space-x-4">
|
| 176 |
+
<a href="#" class="bg-blue-100 p-3 rounded-full text-blue-600 hover:bg-blue-200 transition">
|
| 177 |
+
<i data-feather="facebook"></i>
|
| 178 |
+
</a>
|
| 179 |
+
<a href="#" class="bg-blue-100 p-3 rounded-full text-blue-400 hover:bg-blue-200 transition">
|
| 180 |
+
<i data-feather="twitter"></i>
|
| 181 |
+
</a>
|
| 182 |
+
<a href="#" class="bg-pink-100 p-3 rounded-full text-pink-600 hover:bg-pink-200 transition">
|
| 183 |
+
<i data-feather="instagram"></i>
|
| 184 |
+
</a>
|
| 185 |
+
<a href="#" class="bg-blue-100 p-3 rounded-full text-blue-700 hover:bg-blue-200 transition">
|
| 186 |
+
<i data-feather="linkedin"></i>
|
| 187 |
+
</a>
|
| 188 |
+
</div>
|
| 189 |
+
</div>
|
| 190 |
+
</div>
|
| 191 |
+
</div>
|
| 192 |
+
</div>
|
| 193 |
+
</div>
|
| 194 |
+
|
| 195 |
+
<!-- FAQ Section -->
|
| 196 |
+
<div class="py-16 bg-gray-50">
|
| 197 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 198 |
+
<div class="text-center mb-12" data-aos="fade-up">
|
| 199 |
+
<h2 class="text-3xl font-bold text-gray-800 mb-4">Frequently Asked Questions</h2>
|
| 200 |
+
<p class="text-gray-600 max-w-3xl mx-auto">Find quick answers to common questions about our platform</p>
|
| 201 |
+
</div>
|
| 202 |
+
|
| 203 |
+
<div class="neumorphic p-8 rounded-xl max-w-4xl mx-auto" data-aos="fade-up">
|
| 204 |
+
<div class="space-y-4">
|
| 205 |
+
<div class="border-b border-gray-200 pb-4">
|
| 206 |
+
<button class="flex justify-between items-center w-full text-left">
|
| 207 |
+
<h3 class="font-semibold text-gray-800">How do I submit my salary anonymously?</h3>
|
| 208 |
+
<i data-feather="chevron-down" class="text-gray-500"></i>
|
| 209 |
+
</button>
|
| 210 |
+
<div class="mt-2 text-gray-600 hidden">
|
| 211 |
+
<p>Our submission form doesn't require any personal information. We only ask for job details, salary information, and general demographics to help with analysis. All data is aggregated and anonymized before being published.</p>
|
| 212 |
+
</div>
|
| 213 |
+
</div>
|
| 214 |
+
<div class="border-b border-gray-200 pb-4">
|
| 215 |
+
<button class="flex justify-between items-center w-full text-left">
|
| 216 |
+
<h3 class="font-semibold text-gray-800">How accurate is the salary data?</h3>
|
| 217 |
+
<i data-feather="chevron-down" class="text-gray-500"></i>
|
| 218 |
+
</button>
|
| 219 |
+
<div class="mt-2 text-gray-600 hidden">
|
| 220 |
+
<p>We verify all submissions through multiple methods including cross-referencing with similar roles and statistical analysis. While we can't guarantee 100% accuracy for every entry, our verification process helps maintain reliable data.</p>
|
| 221 |
+
</div>
|
| 222 |
+
</div>
|
| 223 |
+
<div class="border-b border-gray-200 pb-4">
|
| 224 |
+
<button class="flex justify-between items-center w-full text-left">
|
| 225 |
+
<h3 class="font-semibold text-gray-800">Can I update my salary submission?</h3>
|
| 226 |
+
<i data-feather="chevron-down" class="text-gray-500"></i>
|
| 227 |
+
</button>
|
| 228 |
+
<div class="mt-2 text-gray-600 hidden">
|
| 229 |
+
<p>Yes! If you receive a raise or change positions, you can submit an updated salary. Since submissions are anonymous, we recommend including similar details to your original submission so we can match them appropriately.</p>
|
| 230 |
+
</div>
|
| 231 |
+
</div>
|
| 232 |
+
<div class="border-b border-gray-200 pb-4">
|
| 233 |
+
<button class="flex justify-between items-center w-full text-left">
|
| 234 |
+
<h3 class="font-semibold text-gray-800">How often is the data updated?</h3>
|
| 235 |
+
<i data-feather="chevron-down" class="text-gray-500"></i>
|
| 236 |
+
</button>
|
| 237 |
+
<div class="mt-2 text-gray-600 hidden">
|
| 238 |
+
<p>Our database is updated in real-time as new submissions come in. We also perform quarterly reviews to remove outdated information and adjust for inflation where appropriate.</p>
|
| 239 |
+
</div>
|
| 240 |
+
</div>
|
| 241 |
+
<div>
|
| 242 |
+
<button class="flex justify-between items-center w-full text-left">
|
| 243 |
+
<h3 class="font-semibold text-gray-800">Do you share my data with third parties?</h3>
|
| 244 |
+
<i data-feather="chevron-down" class="text-gray-500"></i>
|
| 245 |
+
</button>
|
| 246 |
+
<div class="mt-2 text-gray-600 hidden">
|
| 247 |
+
<p>No, we never share individual data with third parties. Aggregated statistics may be used in reports or research, but these never contain personally identifiable information.</p>
|
| 248 |
+
</div>
|
| 249 |
+
</div>
|
| 250 |
+
</div>
|
| 251 |
+
</div>
|
| 252 |
+
</div>
|
| 253 |
+
</div>
|
| 254 |
+
|
| 255 |
+
<!-- Footer -->
|
| 256 |
+
<footer class="mt-12 py-8">
|
| 257 |
+
<div class="text-center opacity-80 text-sm">
|
| 258 |
+
<div class="flex justify-center gap-5 mb-2">
|
| 259 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-twitter"></i></a>
|
| 260 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-facebook"></i></a>
|
| 261 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-linkedin"></i></a>
|
| 262 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-telegram"></i></a>
|
| 263 |
+
</div>
|
| 264 |
+
<a href="/privacy-policy" class="neo-link">Privacy Policy</a>
|
| 265 |
+
<p class="mt-2">© 2025 Huwaya.com. All rights reserved.</p>
|
| 266 |
+
</div>
|
| 267 |
+
</footer>
|
| 268 |
+
|
| 269 |
+
<script>
|
| 270 |
+
AOS.init({
|
| 271 |
+
duration: 800,
|
| 272 |
+
easing: 'ease-in-out',
|
| 273 |
+
once: true
|
| 274 |
+
});
|
| 275 |
+
|
| 276 |
+
feather.replace();
|
| 277 |
+
|
| 278 |
+
// FAQ accordion functionality
|
| 279 |
+
document.querySelectorAll('.border-b button').forEach(button => {
|
| 280 |
+
button.addEventListener('click', () => {
|
| 281 |
+
const content = button.nextElementSibling;
|
| 282 |
+
const icon = button.querySelector('i');
|
| 283 |
+
|
| 284 |
+
if (content.classList.contains('hidden')) {
|
| 285 |
+
content.classList.remove('hidden');
|
| 286 |
+
icon.setAttribute('data-feather', 'chevron-up');
|
| 287 |
+
} else {
|
| 288 |
+
content.classList.add('hidden');
|
| 289 |
+
icon.setAttribute('data-feather', 'chevron-down');
|
| 290 |
+
}
|
| 291 |
+
feather.replace();
|
| 292 |
+
});
|
| 293 |
+
});
|
| 294 |
+
</script>
|
| 295 |
+
</body>
|
| 296 |
+
</html>
|
index.html
CHANGED
|
@@ -1,19 +1,331 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 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.0">
|
| 6 |
+
<title>Iraq Salary Transparency Portal - Anonymous Salary Sharing</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 9 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
|
| 13 |
+
<style>
|
| 14 |
+
:root {
|
| 15 |
+
--primary: #6c5ce7;
|
| 16 |
+
--secondary: #a29bfe;
|
| 17 |
+
--bg: #e0e5ec;
|
| 18 |
+
--shadow-light: #ffffff;
|
| 19 |
+
--shadow-dark: #a3b1c6;
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
body {
|
| 23 |
+
background-color: var(--bg);
|
| 24 |
+
font-family: 'Inter', sans-serif;
|
| 25 |
+
}
|
| 26 |
+
|
| 27 |
+
.hero-bg {
|
| 28 |
+
background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
|
| 29 |
+
}
|
| 30 |
+
|
| 31 |
+
.neumorphic {
|
| 32 |
+
border-radius: 20px;
|
| 33 |
+
background: var(--bg);
|
| 34 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 35 |
+
-8px -8px 16px var(--shadow-light);
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
+
.neumorphic-inset {
|
| 39 |
+
border-radius: 20px;
|
| 40 |
+
background: var(--bg);
|
| 41 |
+
box-shadow: inset 8px 8px 16px var(--shadow-dark),
|
| 42 |
+
inset -8px -8px 16px var(--shadow-light);
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
.feature-card {
|
| 46 |
+
border-radius: 20px;
|
| 47 |
+
background: var(--bg);
|
| 48 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 49 |
+
-8px -8px 16px var(--shadow-light);
|
| 50 |
+
transition: all 0.3s ease;
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
+
.feature-card:hover {
|
| 54 |
+
transform: translateY(-5px);
|
| 55 |
+
box-shadow: 12px 12px 24px var(--shadow-dark),
|
| 56 |
+
-12px -12px 24px var(--shadow-light);
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
.counter-item {
|
| 60 |
+
border-radius: 20px;
|
| 61 |
+
background: var(--bg);
|
| 62 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 63 |
+
-8px -8px 16px var(--shadow-light);
|
| 64 |
+
}
|
| 65 |
+
|
| 66 |
+
nav {
|
| 67 |
+
border-radius: 0 0 20px 20px;
|
| 68 |
+
background: var(--bg);
|
| 69 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 70 |
+
-8px -8px 16px var(--shadow-light);
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
button {
|
| 74 |
+
border-radius: 15px;
|
| 75 |
+
background: var(--bg);
|
| 76 |
+
box-shadow: 5px 5px 10px var(--shadow-dark),
|
| 77 |
+
-5px -5px 10px var(--shadow-light);
|
| 78 |
+
transition: all 0.2s ease;
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
button:hover {
|
| 82 |
+
box-shadow: 2px 2px 5px var(--shadow-dark),
|
| 83 |
+
-2px -2px 5px var(--shadow-light);
|
| 84 |
+
}
|
| 85 |
+
|
| 86 |
+
button:active {
|
| 87 |
+
box-shadow: inset 2px 2px 5px var(--shadow-dark),
|
| 88 |
+
inset -2px -2px 5px var(--shadow-light);
|
| 89 |
+
}
|
| 90 |
+
|
| 91 |
+
input {
|
| 92 |
+
border-radius: 15px;
|
| 93 |
+
background: var(--bg);
|
| 94 |
+
box-shadow: inset 5px 5px 10px var(--shadow-dark),
|
| 95 |
+
inset -5px -5px 10px var(--shadow-light);
|
| 96 |
+
border: none;
|
| 97 |
+
}
|
| 98 |
+
</style>
|
| 99 |
+
</head>
|
| 100 |
+
<body class="font-sans">
|
| 101 |
+
<!-- Navigation -->
|
| 102 |
+
<nav class="py-4">
|
| 103 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 104 |
+
<div class="flex justify-between h-16">
|
| 105 |
+
<div class="flex items-center">
|
| 106 |
+
<i data-feather="bar-chart-2" class="text-blue-600 mr-2"></i>
|
| 107 |
+
<span class="text-xl font-bold text-blue-600">Iraq Salary Portal</span>
|
| 108 |
+
</div>
|
| 109 |
+
<div class="hidden md:flex items-center space-x-4">
|
| 110 |
+
<a href="index.html" class="text-blue-600 font-medium">Home</a>
|
| 111 |
+
<a href="#" class="text-gray-700 hover:text-blue-600 font-medium">Submit Salary</a>
|
| 112 |
+
<a href="salary-search.html" class="text-gray-700 hover:text-blue-600 font-medium">Search Data</a>
|
| 113 |
+
<a href="salary-calculator.html" class="text-gray-700 hover:text-blue-600 font-medium">Calculator</a>
|
| 114 |
+
<a href="company-culture.html" class="text-gray-700 hover:text-blue-600 font-medium">Company Culture</a>
|
| 115 |
+
<a href="contact.html" class="text-gray-700 hover:text-blue-600 font-medium">Contact</a>
|
| 116 |
+
</div>
|
| 117 |
+
<div class="hidden md:flex items-center space-x-4">
|
| 118 |
+
<div class="relative">
|
| 119 |
+
<input type="text" placeholder="Search salaries..." class="pl-10 pr-4 py-2 rounded-full">
|
| 120 |
+
<i data-feather="search" class="absolute left-3 top-2.5 text-gray-400"></i>
|
| 121 |
+
</div>
|
| 122 |
+
<button class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Login</button>
|
| 123 |
+
</div>
|
| 124 |
+
<button class="md:hidden">
|
| 125 |
+
<i data-feather="menu"></i>
|
| 126 |
+
</button>
|
| 127 |
+
</div>
|
| 128 |
+
</div>
|
| 129 |
+
</nav>
|
| 130 |
+
|
| 131 |
+
<!-- Hero Section -->
|
| 132 |
+
<div id="hero" class="hero-bg text-white py-20">
|
| 133 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 134 |
+
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 135 |
+
<div data-aos="fade-right">
|
| 136 |
+
<h1 class="text-4xl md:text-5xl font-bold mb-4">Iraq Salary Transparency Portal</h1>
|
| 137 |
+
<p class="text-xl mb-8">Anonymously share and compare salary information to create a fairer job market for all Iraqis.</p>
|
| 138 |
+
<div class="flex flex-col sm:flex-row gap-4">
|
| 139 |
+
<button class="bg-white text-blue-600 px-6 py-3 rounded-md font-medium hover:bg-gray-100 transition">Submit Your Salary</button>
|
| 140 |
+
<button class="border-2 border-white px-6 py-3 rounded-md font-medium hover:bg-white hover:text-blue-600 transition">Explore Data</button>
|
| 141 |
+
</div>
|
| 142 |
+
</div>
|
| 143 |
+
<div data-aos="fade-left" class="hidden md:block">
|
| 144 |
+
<img src="http://static.photos/office/640x360/1" alt="Office workers" class="rounded-lg shadow-xl">
|
| 145 |
+
</div>
|
| 146 |
+
</div>
|
| 147 |
+
</div>
|
| 148 |
+
</div>
|
| 149 |
+
|
| 150 |
+
|
| 151 |
+
<!-- Features Section -->
|
| 152 |
+
<div class="py-20 bg-white">
|
| 153 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 154 |
+
<div class="text-center mb-16" data-aos="fade-up">
|
| 155 |
+
<h2 class="text-3xl font-bold text-gray-800 mb-4">Our Mission</h2>
|
| 156 |
+
<p class="text-gray-600 max-w-3xl mx-auto">Create a more transparent and fair job market in Iraq by providing a platform for professionals to anonymously share and compare salary information.</p>
|
| 157 |
+
</div>
|
| 158 |
+
|
| 159 |
+
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
| 160 |
+
<div data-aos="fade-up" data-aos-delay="100" class="feature-card bg-white p-6 rounded-lg shadow-md border border-gray-100 transition duration-300">
|
| 161 |
+
<div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
|
| 162 |
+
<i data-feather="upload" class="text-blue-600"></i>
|
| 163 |
+
</div>
|
| 164 |
+
<h3 class="text-xl font-semibold mb-2 text-gray-800">Submit Your Salary</h3>
|
| 165 |
+
<p class="text-gray-600">Anonymously contribute your salary information to help build a comprehensive dataset.</p>
|
| 166 |
+
<a href="#" class="mt-4 inline-flex items-center text-blue-600 hover:text-blue-800">
|
| 167 |
+
Submit Now <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 168 |
+
</a>
|
| 169 |
+
</div>
|
| 170 |
+
|
| 171 |
+
<div data-aos="fade-up" data-aos-delay="200" class="feature-card bg-white p-6 rounded-lg shadow-md border border-gray-100 transition duration-300">
|
| 172 |
+
<div class="bg-green-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
|
| 173 |
+
<i data-feather="search" class="text-green-600"></i>
|
| 174 |
+
</div>
|
| 175 |
+
<h3 class="text-xl font-semibold mb-2 text-gray-800">Search Salaries</h3>
|
| 176 |
+
<p class="text-gray-600">Explore salary data by job title, industry, and location to make informed career decisions.</p>
|
| 177 |
+
<a href="#" class="mt-4 inline-flex items-center text-green-600 hover:text-green-800">
|
| 178 |
+
Search Data <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 179 |
+
</a>
|
| 180 |
+
</div>
|
| 181 |
+
|
| 182 |
+
<div data-aos="fade-up" data-aos-delay="300" class="feature-card bg-white p-6 rounded-lg shadow-md border border-gray-100 transition duration-300">
|
| 183 |
+
<div class="bg-purple-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
|
| 184 |
+
<i data-feather="calculator" class="text-purple-600"></i>
|
| 185 |
+
</div>
|
| 186 |
+
<h3 class="text-xl font-semibold mb-2 text-gray-800">Salary Calculator</h3>
|
| 187 |
+
<p class="text-gray-600">Calculate your net salary after taxes and social security deductions for different regions.</p>
|
| 188 |
+
<a href="#" class="mt-4 inline-flex items-center text-purple-600 hover:text-purple-800">
|
| 189 |
+
Calculate <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 190 |
+
</a>
|
| 191 |
+
</div>
|
| 192 |
+
|
| 193 |
+
<div data-aos="fade-up" data-aos-delay="400" class="feature-card bg-white p-6 rounded-lg shadow-md border border-gray-100 transition duration-300">
|
| 194 |
+
<div class="bg-orange-100 w-12 h-12 rounded-full flex items-center justify-center mb-4">
|
| 195 |
+
<i data-feather="users" class="text-orange-600"></i>
|
| 196 |
+
</div>
|
| 197 |
+
<h3 class="text-xl font-semibold mb-2 text-gray-800">Company Culture</h3>
|
| 198 |
+
<p class="text-gray-600">Rate and review company cultures to help others find a great place to work.</p>
|
| 199 |
+
<a href="#" class="mt-4 inline-flex items-center text-orange-600 hover:text-orange-800">
|
| 200 |
+
Rate a Company <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
|
| 201 |
+
</a>
|
| 202 |
+
</div>
|
| 203 |
+
</div>
|
| 204 |
+
</div>
|
| 205 |
+
</div>
|
| 206 |
+
|
| 207 |
+
<!-- Counter Section -->
|
| 208 |
+
<div class="py-16 bg-gray-900 text-white">
|
| 209 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 210 |
+
<div class="text-center mb-12" data-aos="fade-up">
|
| 211 |
+
<h2 class="text-3xl font-bold mb-4">Join Our Community</h2>
|
| 212 |
+
<p class="text-gray-300 max-w-3xl mx-auto">Thousands of Iraqi professionals are already contributing to salary transparency</p>
|
| 213 |
+
</div>
|
| 214 |
+
|
| 215 |
+
<div class="grid md:grid-cols-3 gap-8">
|
| 216 |
+
<div data-aos="zoom-in" data-aos-delay="100" class="counter-item p-8 rounded-lg text-center">
|
| 217 |
+
<div class="text-5xl font-bold mb-2 text-blue-400">4.2K+</div>
|
| 218 |
+
<div class="text-gray-300">Salaries Submitted</div>
|
| 219 |
+
</div>
|
| 220 |
+
<div data-aos="zoom-in" data-aos-delay="200" class="counter-item p-8 rounded-lg text-center">
|
| 221 |
+
<div class="text-5xl font-bold mb-2 text-green-400">120+</div>
|
| 222 |
+
<div class="text-gray-300">Companies Rated</div>
|
| 223 |
+
</div>
|
| 224 |
+
<div data-aos="zoom-in" data-aos-delay="300" class="counter-item p-8 rounded-lg text-center">
|
| 225 |
+
<div class="text-5xl font-bold mb-2 text-purple-400">10K</div>
|
| 226 |
+
<div class="text-gray-300">Our Goal</div>
|
| 227 |
+
</div>
|
| 228 |
+
</div>
|
| 229 |
+
|
| 230 |
+
<div class="mt-12 text-center" data-aos="fade-up">
|
| 231 |
+
<div class="w-full bg-gray-700 rounded-full h-4 mb-4">
|
| 232 |
+
<div class="bg-blue-500 h-4 rounded-full" style="width: 42%"></div>
|
| 233 |
+
</div>
|
| 234 |
+
<p class="text-gray-300">Help us reach our goal of 10,000 submissions!</p>
|
| 235 |
+
</div>
|
| 236 |
+
</div>
|
| 237 |
+
</div>
|
| 238 |
+
|
| 239 |
+
<!-- Testimonials -->
|
| 240 |
+
<div class="py-20 bg-gray-50">
|
| 241 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 242 |
+
<div class="text-center mb-16" data-aos="fade-up">
|
| 243 |
+
<h2 class="text-3xl font-bold text-gray-800 mb-4">What People Say</h2>
|
| 244 |
+
<p class="text-gray-600 max-w-3xl mx-auto">Hear from professionals who have benefited from salary transparency</p>
|
| 245 |
+
</div>
|
| 246 |
+
|
| 247 |
+
<div class="grid md:grid-cols-3 gap-8">
|
| 248 |
+
<div data-aos="fade-up" data-aos-delay="100" class="bg-white p-6 rounded-lg shadow-sm">
|
| 249 |
+
<div class="flex items-center mb-4">
|
| 250 |
+
<img src="http://static.photos/people/200x200/1" alt="User" class="w-12 h-12 rounded-full mr-4">
|
| 251 |
+
<div>
|
| 252 |
+
<h4 class="font-semibold">Ahmed K.</h4>
|
| 253 |
+
<p class="text-gray-500 text-sm">Software Engineer, Baghdad</p>
|
| 254 |
+
</div>
|
| 255 |
+
</div>
|
| 256 |
+
<p class="text-gray-600">"This platform helped me negotiate a 30% salary increase when I discovered I was being underpaid compared to my peers."</p>
|
| 257 |
+
</div>
|
| 258 |
+
<div data-aos="fade-up" data-aos-delay="200" class="bg-white p-6 rounded-lg shadow-sm">
|
| 259 |
+
<div class="flex items-center mb-4">
|
| 260 |
+
<img src="http://static.photos/people/200x200/2" alt="User" class="w-12 h-12 rounded-full mr-4">
|
| 261 |
+
<div>
|
| 262 |
+
<h4 class="font-semibold">Rana S.</h4>
|
| 263 |
+
<p class="text-gray-500 text-sm">Marketing Manager, Erbil</p>
|
| 264 |
+
</div>
|
| 265 |
+
</div>
|
| 266 |
+
<p class="text-gray-600">"The salary data helped me make an informed decision when considering a job offer from another company."</p>
|
| 267 |
+
</div>
|
| 268 |
+
<div data-aos="fade-up" data-aos-delay="300" class="bg-white p-6 rounded-lg shadow-sm">
|
| 269 |
+
<div class="flex items-center mb-4">
|
| 270 |
+
<img src="http://static.photos/people/200x200/3" alt="User" class="w-12 h-12 rounded-full mr-4">
|
| 271 |
+
<div>
|
| 272 |
+
<h4 class="font-semibold">Omar H.</h4>
|
| 273 |
+
<p class="text-gray-500 text-sm">HR Professional, Basra</p>
|
| 274 |
+
</div>
|
| 275 |
+
</div>
|
| 276 |
+
<p class="text-gray-600">"As an HR professional, I appreciate how this platform promotes fair compensation practices across industries."</p>
|
| 277 |
+
</div>
|
| 278 |
+
</div>
|
| 279 |
+
</div>
|
| 280 |
+
</div>
|
| 281 |
+
|
| 282 |
+
<!-- CTA Section -->
|
| 283 |
+
<div class="py-20 bg-blue-600 text-white">
|
| 284 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 285 |
+
<div data-aos="zoom-in">
|
| 286 |
+
<h2 class="text-3xl font-bold mb-6">Ready to contribute to salary transparency?</h2>
|
| 287 |
+
<p class="text-xl mb-8 max-w-3xl mx-auto">Your anonymous submission takes less than 2 minutes and helps create a fairer job market for all Iraqis.</p>
|
| 288 |
+
<button class="bg-white text-blue-600 px-8 py-4 rounded-md font-bold text-lg hover:bg-gray-100 transition shadow-lg">Submit Your Salary Now</button>
|
| 289 |
+
</div>
|
| 290 |
+
</div>
|
| 291 |
+
</div>
|
| 292 |
+
|
| 293 |
+
<!-- Footer -->
|
| 294 |
+
<footer class="mt-12 py-8 hovered-element">
|
| 295 |
+
<div class="text-center opacity-80 text-sm hovered-element">
|
| 296 |
+
<div class="flex justify-center gap-5 mb-2 hovered-element">
|
| 297 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-twitter"></i></a>
|
| 298 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-facebook"></i></a>
|
| 299 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-linkedin"></i></a>
|
| 300 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-telegram"></i></a>
|
| 301 |
+
</div>
|
| 302 |
+
<a href="/privacy-policy" class="neo-link">Privacy Policy</a>
|
| 303 |
+
<p class="mt-2 hovered-element">© 2025 Huwaya.com. All rights reserved.</p>
|
| 304 |
+
</div>
|
| 305 |
+
</footer>
|
| 306 |
+
|
| 307 |
+
<script>
|
| 308 |
+
AOS.init({
|
| 309 |
+
duration: 800,
|
| 310 |
+
easing: 'ease-in-out',
|
| 311 |
+
once: true
|
| 312 |
+
});
|
| 313 |
+
|
| 314 |
+
feather.replace();
|
| 315 |
+
|
| 316 |
+
VANTA.GLOBE({
|
| 317 |
+
el: "#hero",
|
| 318 |
+
mouseControls: true,
|
| 319 |
+
touchControls: true,
|
| 320 |
+
gyroControls: false,
|
| 321 |
+
minHeight: 200.00,
|
| 322 |
+
minWidth: 200.00,
|
| 323 |
+
scale: 1.00,
|
| 324 |
+
scaleMobile: 1.00,
|
| 325 |
+
color: 0x3b82f6,
|
| 326 |
+
backgroundColor: 0x0077b6,
|
| 327 |
+
size: 0.7
|
| 328 |
+
});
|
| 329 |
+
</script>
|
| 330 |
+
</body>
|
| 331 |
</html>
|
privacy-policy.html
ADDED
|
@@ -0,0 +1,156 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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.0">
|
| 6 |
+
<title>Privacy Policy - Iraq Salary Transparency Portal</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 9 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<style>
|
| 13 |
+
:root {
|
| 14 |
+
--primary: #6c5ce7;
|
| 15 |
+
--secondary: #a29bfe;
|
| 16 |
+
--bg: #e0e5ec;
|
| 17 |
+
--shadow-light: #ffffff;
|
| 18 |
+
--shadow-dark: #a3b1c6;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
body {
|
| 22 |
+
background-color: var(--bg);
|
| 23 |
+
font-family: 'Inter', sans-serif;
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.neumorphic {
|
| 27 |
+
border-radius: 20px;
|
| 28 |
+
background: var(--bg);
|
| 29 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 30 |
+
-8px -8px 16px var(--shadow-light);
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
nav {
|
| 34 |
+
border-radius: 0 0 20px 20px;
|
| 35 |
+
background: var(--bg);
|
| 36 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 37 |
+
-8px -8px 16px var(--shadow-light);
|
| 38 |
+
}
|
| 39 |
+
</style>
|
| 40 |
+
</head>
|
| 41 |
+
<body class="font-sans">
|
| 42 |
+
<!-- Navigation -->
|
| 43 |
+
<nav class="py-4">
|
| 44 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 45 |
+
<div class="flex justify-between h-16">
|
| 46 |
+
<div class="flex items-center">
|
| 47 |
+
<i data-feather="bar-chart-2" class="text-blue-600 mr-2"></i>
|
| 48 |
+
<span class="text-xl font-bold text-blue-600">Iraq Salary Portal</span>
|
| 49 |
+
</div>
|
| 50 |
+
<div class="hidden md:flex items-center space-x-8">
|
| 51 |
+
<a href="index.html" class="text-gray-700 hover:text-blue-600 font-medium">Home</a>
|
| 52 |
+
<a href="#" class="text-gray-700 hover:text-blue-600 font-medium">Submit Salary</a>
|
| 53 |
+
<a href="salary-search.html" class="text-gray-700 hover:text-blue-600 font-medium">Search Data</a>
|
| 54 |
+
<a href="salary-calculator.html" class="text-gray-700 hover:text-blue-600 font-medium">Calculator</a>
|
| 55 |
+
<a href="contact.html" class="text-gray-700 hover:text-blue-600 font-medium">Contact</a>
|
| 56 |
+
<button class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Login</button>
|
| 57 |
+
</div>
|
| 58 |
+
<button class="md:hidden">
|
| 59 |
+
<i data-feather="menu"></i>
|
| 60 |
+
</button>
|
| 61 |
+
</div>
|
| 62 |
+
</div>
|
| 63 |
+
</nav>
|
| 64 |
+
|
| 65 |
+
<!-- Privacy Policy Content -->
|
| 66 |
+
<div class="py-16">
|
| 67 |
+
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 68 |
+
<div class="text-center mb-12" data-aos="fade-up">
|
| 69 |
+
<h1 class="text-4xl font-bold text-gray-800 mb-4">Privacy Policy</h1>
|
| 70 |
+
<p class="text-xl text-gray-600">Effective Date: September 2025</p>
|
| 71 |
+
</div>
|
| 72 |
+
|
| 73 |
+
<div class="neumorphic p-8 rounded-xl" data-aos="fade-up">
|
| 74 |
+
<div class="prose max-w-none">
|
| 75 |
+
|
| 76 |
+
<p class="mb-6">At Huwaya.com, we believe in the power of transparency and fairness in the Iraqi job market. Your privacy matters to us. This Privacy Policy explains what information we collect, how we use it, how we protect it, and under what circumstances we may share data.</p>
|
| 77 |
+
|
| 78 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">1. What Information We Collect</h2>
|
| 79 |
+
<ul class="list-disc pl-6 mb-6 space-y-2">
|
| 80 |
+
<li><strong>Voluntary Salary & Workplace Data:</strong> Any salary, job title, company culture, or related workplace insights you choose to submit. These contributions are entirely voluntary.</li>
|
| 81 |
+
<li><strong>Technical / Security Data:</strong> We log IP addresses for security monitoring. However, we do not link IP addresses with your submitted data.</li>
|
| 82 |
+
</ul>
|
| 83 |
+
|
| 84 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">2. Anonymity & Identifiability</h2>
|
| 85 |
+
<ul class="list-disc pl-6 mb-6 space-y-2">
|
| 86 |
+
<li><strong>Anonymous Submissions:</strong> Your salary and company data are submitted anonymously. We do not require personally identifying information (PII) for contributions.</li>
|
| 87 |
+
<li><strong>Non-traceability:</strong> Because submissions are anonymous and not connected with your identity, they cannot be traced back to you.</li>
|
| 88 |
+
</ul>
|
| 89 |
+
|
| 90 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">3. How We Use Your Data</h2>
|
| 91 |
+
<ul class="list-disc pl-6 mb-6 space-y-2">
|
| 92 |
+
<li>To build a reliable, transparent dataset of salaries in Iraq for job titles, industries, and locations.</li>
|
| 93 |
+
<li>To let users search and compare salary data to make informed career decisions.</li>
|
| 94 |
+
<li>To enable features like the salary calculator and company culture ratings.</li>
|
| 95 |
+
<li>For security purposes (e.g. detecting abuse, protecting data integrity).</li>
|
| 96 |
+
</ul>
|
| 97 |
+
|
| 98 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">4. Data Security</h2>
|
| 99 |
+
<p class="mb-6">We encrypt submitted data and store it using industry-standard security practices. IP logs are used only for security; they are not publicly linked to submissions or identifiable information.</p>
|
| 100 |
+
|
| 101 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">5. Data Sharing & Third-Parties</h2>
|
| 102 |
+
<p class="mb-4">While we maintain a strong commitment to privacy, there are some cases where data may be shared (in summary / anonymized / aggregated form). Specifically:</p>
|
| 103 |
+
<ul class="list-disc pl-6 mb-6 space-y-2">
|
| 104 |
+
<li><strong>Aggregated Statistics:</strong> We may publish or share aggregated, non-identifiable statistics (for example, average salaries by region or industry) with the public or third parties. Such summaries do not include your personal identity.</li>
|
| 105 |
+
<li><strong>Third-Party Service Providers:</strong> We may engage third-party vendors (e.g. hosting services, analytics tools) to assist with site operations. Any such providers will have access only to data necessary for their service, and under confidentiality or contractual protection.</li>
|
| 106 |
+
<li><strong>Legal / Regulatory Requirements:</strong> If required by law or regulation, we may disclose data (including technical logs) to fulfill legal obligations, respond to legitimate requests, or protect our rights and the safety of our users.</li>
|
| 107 |
+
</ul>
|
| 108 |
+
|
| 109 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">6. Retention</h2>
|
| 110 |
+
<ul class="list-disc pl-6 mb-6 space-y-2">
|
| 111 |
+
<li>We retain submitted salary and workplace data for as long as needed to provide and improve our services.</li>
|
| 112 |
+
<li>The retention period for IP logs or technical/security data may differ, according to legal or operational necessity.</li>
|
| 113 |
+
</ul>
|
| 114 |
+
|
| 115 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">7. Your Rights & Choices</h2>
|
| 116 |
+
<ul class="list-disc pl-6 mb-6 space-y-2">
|
| 117 |
+
<li>You are not required to submit identifying information to use the site’s main features (submit salary, search data, view aggregated statistics).</li>
|
| 118 |
+
<li>Since submissions are anonymous, you cannot later request deletion of PII or identity-linked data (because we do not hold that).</li>
|
| 119 |
+
<li>You may decline the use of non‐essential cookies or tracking features via your browser or device settings, as supported.</li>
|
| 120 |
+
</ul>
|
| 121 |
+
|
| 122 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">8. Changes to This Policy</h2>
|
| 123 |
+
<p class="mb-6">We may update this policy from time to time. If we make changes, we will post the revised version here with a new effective date. Continued use of Huwaya.com after any changes indicates your acceptance of the updates.</p>
|
| 124 |
+
|
| 125 |
+
<h2 class="text-2xl font-bold text-gray-800 mb-4">9. Contact</h2>
|
| 126 |
+
<p>If you have any questions, concerns, or suggestions regarding this Privacy Policy, please contact us at: <a href="https://huwaya.com/contact" class="text-blue-600 hover:underline">huwaya.com/contact</a></p>
|
| 127 |
+
</div>
|
| 128 |
+
</div>
|
| 129 |
+
</div>
|
| 130 |
+
</div>
|
| 131 |
+
|
| 132 |
+
<!-- Footer -->
|
| 133 |
+
<footer class="mt-12 py-8">
|
| 134 |
+
<div class="text-center opacity-80 text-sm">
|
| 135 |
+
<div class="flex justify-center gap-5 mb-2">
|
| 136 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-twitter"></i></a>
|
| 137 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-facebook"></i></a>
|
| 138 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-linkedin"></i></a>
|
| 139 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-telegram"></i></a>
|
| 140 |
+
</div>
|
| 141 |
+
<a href="privacy-policy.html" class="text-blue-600 hover:text-blue-800">Privacy Policy</a>
|
| 142 |
+
<p class="mt-2">© 2025 Huwaya.com. All rights reserved.</p>
|
| 143 |
+
</div>
|
| 144 |
+
</footer>
|
| 145 |
+
|
| 146 |
+
<script>
|
| 147 |
+
AOS.init({
|
| 148 |
+
duration: 800,
|
| 149 |
+
easing: 'ease-in-out',
|
| 150 |
+
once: true
|
| 151 |
+
});
|
| 152 |
+
|
| 153 |
+
feather.replace();
|
| 154 |
+
</script>
|
| 155 |
+
</body>
|
| 156 |
+
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1,155 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
create home page and submissions page
|
| 2 |
+
create two pages, home page and submissions page
|
| 3 |
+
create two pages, home page and submissions page
|
| 4 |
+
change theme to Neumorphism design
|
| 5 |
+
change theme to Neumorphism design
|
| 6 |
+
create the salary search page: https://huwaya.com/salary-search
|
| 7 |
+
nothing is shown
|
| 8 |
+
add <option value="">All Locations</option>
|
| 9 |
+
<option value="Baghdad">Baghdad</option>
|
| 10 |
+
<option value="Basra">Basra</option>
|
| 11 |
+
<option value="Mosul">Mosul</option>
|
| 12 |
+
<option value="Erbil">Erbil</option>
|
| 13 |
+
<option value="Sulaymaniyah">Sulaymaniyah</option>
|
| 14 |
+
<option value="Kirkuk">Kirkuk</option>
|
| 15 |
+
<option value="Najaf">Najaf</option>
|
| 16 |
+
<option value="Karbala">Karbala</option>
|
| 17 |
+
<option value="Nasiriyah">Nasiriyah</option>
|
| 18 |
+
<option value="Ramadi">Ramadi</option>
|
| 19 |
+
<option value="Samawa">Samawa</option>
|
| 20 |
+
<option value="Diyala">Diyala</option>
|
| 21 |
+
<option value="Dohuk">Dohuk</option>
|
| 22 |
+
<option value="Halabja">Halabja</option>
|
| 23 |
+
add also <option value="">All Industries</option>
|
| 24 |
+
<option value="Automotive">Automotive</option>
|
| 25 |
+
<option value="Oil & Gas">Oil & Gas</option>
|
| 26 |
+
<option value="NGO">NGO</option>
|
| 27 |
+
<option value="Construction">Construction</option>
|
| 28 |
+
<option value="Pharmaceutical">Pharmaceutical</option>
|
| 29 |
+
<option value="Telecommunications">Telecommunications</option>
|
| 30 |
+
<option value="Banking & Finance">Banking & Finance</option>
|
| 31 |
+
<option value="Education">Education</option>
|
| 32 |
+
<option value="Healthcare">Healthcare</option>
|
| 33 |
+
<option value="Retail">Retail</option>
|
| 34 |
+
<option value="Hospitality & Tourism">Hospitality & Tourism</option>
|
| 35 |
+
<option value="Agriculture">Agriculture</option>
|
| 36 |
+
<option value="Manufacturing">Manufacturing</option>
|
| 37 |
+
<option value="Government">Government</option>
|
| 38 |
+
<option value="Information Technology">Information Technology</option>
|
| 39 |
+
show search bar
|
| 40 |
+
show latest salary additions, salary amount, location, job title
|
| 41 |
+
make salary calculator page
|
| 42 |
+
make it like salarry search navigation bar
|
| 43 |
+
remove it
|
| 44 |
+
remove it
|
| 45 |
+
make footer like salary search
|
| 46 |
+
create contact page: https://huwaya.com/contact
|
| 47 |
+
make privacy policy: https://huwaya.com/privacy-policy
|
| 48 |
+
create new page: https://huwaya.com/company-culture
|
| 49 |
+
update with this text: Privacy Policy
|
| 50 |
+
|
| 51 |
+
Effective Date: September 2025
|
| 52 |
+
|
| 53 |
+
At Huwaya.com, we believe in the power of transparency and fairness in the Iraqi job market. Your privacy matters to us. This Privacy Policy explains what information we collect, how we use it, how we protect it, and under what circumstances we may share data.
|
| 54 |
+
1. What Information We Collect
|
| 55 |
+
|
| 56 |
+
Voluntary Salary & Workplace Data: Any salary, job title, company culture, or related workplace insights you choose to submit. These contributions are entirely voluntary.
|
| 57 |
+
Technical / Security Data: We log IP addresses for security monitoring. However, we do not link IP addresses with your submitted data.
|
| 58 |
+
|
| 59 |
+
2. Anonymity & Identifiability
|
| 60 |
+
|
| 61 |
+
Anonymous Submissions: Your salary and company data are submitted anonymously. We do not require personally identifying information (PII) for contributions.
|
| 62 |
+
Non-traceability: Because submissions are anonymous and not connected with your identity, they cannot be traced back to you.
|
| 63 |
+
|
| 64 |
+
3. How We Use Your Data
|
| 65 |
+
|
| 66 |
+
To build a reliable, transparent dataset of salaries in Iraq for job titles, industries, and locations.
|
| 67 |
+
To let users search and compare salary data to make informed career decisions.
|
| 68 |
+
To enable features like the salary calculator and company culture ratings.
|
| 69 |
+
For security purposes (e.g. detecting abuse, protecting data integrity).
|
| 70 |
+
|
| 71 |
+
4. Data Security
|
| 72 |
+
|
| 73 |
+
We encrypt submitted data and store it using industry-standard security practices.
|
| 74 |
+
IP logs are used only for security; they are not publicly linked to submissions or identifiable information.
|
| 75 |
+
|
| 76 |
+
5. Data Sharing & Third-Parties
|
| 77 |
+
|
| 78 |
+
While we maintain a strong commitment to privacy, there are some cases where data may be shared (in summary / anonymized / aggregated form). Specifically:
|
| 79 |
+
|
| 80 |
+
Aggregated Statistics: We may publish or share aggregated, non-identifiable statistics (for example, average salaries by region or industry) with the public or third parties. Such summaries do not include your personal identity.
|
| 81 |
+
Third-Party Service Providers: We may engage third-party vendors (e.g. hosting services, analytics tools) to assist with site operations. Any such providers will have access only to data necessary for their service, and under confidentiality or contractual protection.
|
| 82 |
+
Legal / Regulatory Requirements: If required by law or regulation, we may disclose data (including technical logs) to fulfill legal obligations, respond to legitimate requests, or protect our rights and the safety of our users.
|
| 83 |
+
|
| 84 |
+
6. Retention
|
| 85 |
+
|
| 86 |
+
We retain submitted salary and workplace data for as long as needed to provide and improve our services.
|
| 87 |
+
The retention period for IP logs or technical/security data may differ, according to legal or operational necessity.
|
| 88 |
+
|
| 89 |
+
7. Your Rights & Choices
|
| 90 |
+
|
| 91 |
+
You are not required to submit identifying information to use the site’s main features (submit salary, search data, view aggregated statistics).
|
| 92 |
+
Since submissions are anonymous, you cannot later request deletion of PII or identity-linked data (because we do not hold that).
|
| 93 |
+
You may decline the use of non‐essential cookies or tracking features via your browser or device settings, as supported.
|
| 94 |
+
|
| 95 |
+
8. Changes to This Policy
|
| 96 |
+
|
| 97 |
+
We may update this policy from time to time. If we make changes, we will post the revised version here with a new effective date. Continued use of Huwaya.com after any changes indicates your acceptance of the updates.
|
| 98 |
+
9. Contact
|
| 99 |
+
|
| 100 |
+
If you have any questions, concerns, or suggestions regarding this Privacy Policy, please contact us at: huwaya.com/contact
|
| 101 |
+
|
| 102 |
+
update privacy policy text with this text: Privacy Policy
|
| 103 |
+
|
| 104 |
+
Effective Date: September 2025
|
| 105 |
+
|
| 106 |
+
At Huwaya.com, we believe in the power of transparency and fairness in the Iraqi job market. Your privacy matters to us. This Privacy Policy explains what information we collect, how we use it, how we protect it, and under what circumstances we may share data.
|
| 107 |
+
1. What Information We Collect
|
| 108 |
+
|
| 109 |
+
Voluntary Salary & Workplace Data: Any salary, job title, company culture, or related workplace insights you choose to submit. These contributions are entirely voluntary.
|
| 110 |
+
Technical / Security Data: We log IP addresses for security monitoring. However, we do not link IP addresses with your submitted data.
|
| 111 |
+
|
| 112 |
+
2. Anonymity & Identifiability
|
| 113 |
+
|
| 114 |
+
Anonymous Submissions: Your salary and company data are submitted anonymously. We do not require personally identifying information (PII) for contributions.
|
| 115 |
+
Non-traceability: Because submissions are anonymous and not connected with your identity, they cannot be traced back to you.
|
| 116 |
+
|
| 117 |
+
3. How We Use Your Data
|
| 118 |
+
|
| 119 |
+
To build a reliable, transparent dataset of salaries in Iraq for job titles, industries, and locations.
|
| 120 |
+
To let users search and compare salary data to make informed career decisions.
|
| 121 |
+
To enable features like the salary calculator and company culture ratings.
|
| 122 |
+
For security purposes (e.g. detecting abuse, protecting data integrity).
|
| 123 |
+
|
| 124 |
+
4. Data Security
|
| 125 |
+
|
| 126 |
+
We encrypt submitted data and store it using industry-standard security practices.
|
| 127 |
+
IP logs are used only for security; they are not publicly linked to submissions or identifiable information.
|
| 128 |
+
|
| 129 |
+
5. Data Sharing & Third-Parties
|
| 130 |
+
|
| 131 |
+
While we maintain a strong commitment to privacy, there are some cases where data may be shared (in summary / anonymized / aggregated form). Specifically:
|
| 132 |
+
|
| 133 |
+
Aggregated Statistics: We may publish or share aggregated, non-identifiable statistics (for example, average salaries by region or industry) with the public or third parties. Such summaries do not include your personal identity.
|
| 134 |
+
Third-Party Service Providers: We may engage third-party vendors (e.g. hosting services, analytics tools) to assist with site operations. Any such providers will have access only to data necessary for their service, and under confidentiality or contractual protection.
|
| 135 |
+
Legal / Regulatory Requirements: If required by law or regulation, we may disclose data (including technical logs) to fulfill legal obligations, respond to legitimate requests, or protect our rights and the safety of our users.
|
| 136 |
+
|
| 137 |
+
6. Retention
|
| 138 |
+
|
| 139 |
+
We retain submitted salary and workplace data for as long as needed to provide and improve our services.
|
| 140 |
+
The retention period for IP logs or technical/security data may differ, according to legal or operational necessity.
|
| 141 |
+
|
| 142 |
+
7. Your Rights & Choices
|
| 143 |
+
|
| 144 |
+
You are not required to submit identifying information to use the site’s main features (submit salary, search data, view aggregated statistics).
|
| 145 |
+
Since submissions are anonymous, you cannot later request deletion of PII or identity-linked data (because we do not hold that).
|
| 146 |
+
You may decline the use of non‐essential cookies or tracking features via your browser or device settings, as supported.
|
| 147 |
+
|
| 148 |
+
8. Changes to This Policy
|
| 149 |
+
|
| 150 |
+
We may update this policy from time to time. If we make changes, we will post the revised version here with a new effective date. Continued use of Huwaya.com after any changes indicates your acceptance of the updates.
|
| 151 |
+
9. Contact
|
| 152 |
+
|
| 153 |
+
If you have any questions, concerns, or suggestions regarding this Privacy Policy, please contact us at: huwaya.com/contact
|
| 154 |
+
|
| 155 |
+
create new page: https://huwaya.com/jobs
|
salary-calculator.html
ADDED
|
@@ -0,0 +1,554 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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.0" />
|
| 6 |
+
<title>Huwaya — Iraq Salary & Tax Calculator (Neumorphism)</title>
|
| 7 |
+
<meta name="description" content="Huwaya Salary & Tax Calculator with soft neumorphic UI. Share and compare salaries in Iraq and KRI." />
|
| 8 |
+
<link rel="icon" href="/static/images/Huwaya-Icon-color.svg" type="image/svg+xml" />
|
| 9 |
+
|
| 10 |
+
<!-- Tailwind (CDN) -->
|
| 11 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 12 |
+
<script>
|
| 13 |
+
tailwind.config = {
|
| 14 |
+
theme: {
|
| 15 |
+
extend: {
|
| 16 |
+
colors: {
|
| 17 |
+
brand: {
|
| 18 |
+
50: '#f4f7ff',
|
| 19 |
+
100: '#e8efff',
|
| 20 |
+
200: '#cddfff',
|
| 21 |
+
300: '#a8c6ff',
|
| 22 |
+
400: '#7da6ff',
|
| 23 |
+
500: '#4f80ff',
|
| 24 |
+
600: '#3a60d1',
|
| 25 |
+
700: '#2a47a0',
|
| 26 |
+
800: '#1a2f6e',
|
| 27 |
+
900: '#142556'
|
| 28 |
+
},
|
| 29 |
+
accent: '#e74c3c'
|
| 30 |
+
},
|
| 31 |
+
fontFamily: {
|
| 32 |
+
sans: ["Tajawal", "ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto", "Noto Sans", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", "\"Apple Color Emoji\"", "\"Segoe UI Emoji\"", "\"Segoe UI Symbol\""]
|
| 33 |
+
},
|
| 34 |
+
boxShadow: {
|
| 35 |
+
// depth tokens for neumorphism
|
| 36 |
+
neo: '8px 8px 18px #cfd6e6, -8px -8px 18px #ffffff',
|
| 37 |
+
neoMd: '12px 12px 30px #cbd3e5, -12px -12px 30px #ffffff',
|
| 38 |
+
insetNeo: 'inset 6px 6px 12px #cfd6e6, inset -6px -6px 12px #ffffff'
|
| 39 |
+
},
|
| 40 |
+
borderRadius: {
|
| 41 |
+
neo: '22px'
|
| 42 |
+
}
|
| 43 |
+
}
|
| 44 |
+
}
|
| 45 |
+
}
|
| 46 |
+
</script>
|
| 47 |
+
|
| 48 |
+
<!-- Google Fonts -->
|
| 49 |
+
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet" />
|
| 50 |
+
|
| 51 |
+
<!-- Icons -->
|
| 52 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
|
| 53 |
+
|
| 54 |
+
<style>
|
| 55 |
+
:root {
|
| 56 |
+
/* Base for neumorphism on light surfaces */
|
| 57 |
+
--neo-bg: #e7edf8; /* soft bluish gray matching Huwaya palette */
|
| 58 |
+
--neo-text: #1a2f6e; /* deep brand navy */
|
| 59 |
+
}
|
| 60 |
+
html, body { height: 100%; }
|
| 61 |
+
body {
|
| 62 |
+
background: var(--neo-bg);
|
| 63 |
+
color: var(--neo-text);
|
| 64 |
+
font-synthesis-weight: none;
|
| 65 |
+
text-rendering: optimizeLegibility;
|
| 66 |
+
-webkit-font-smoothing: antialiased;
|
| 67 |
+
-moz-osx-font-smoothing: grayscale;
|
| 68 |
+
}
|
| 69 |
+
/* Neumorphism helpers */
|
| 70 |
+
.neo-surface { background: var(--neo-bg); box-shadow: 8px 8px 18px #cfd6e6, -8px -8px 18px #ffffff; border-radius: 22px; }
|
| 71 |
+
.neo-surface-md { background: var(--neo-bg); box-shadow: 12px 12px 30px #cbd3e5, -12px -12px 30px #ffffff; border-radius: 22px; }
|
| 72 |
+
.neo-inset { background: var(--neo-bg); box-shadow: inset 6px 6px 12px #cfd6e6, inset -6px -6px 12px #ffffff; border-radius: 16px; }
|
| 73 |
+
.neo-press:active { box-shadow: inset 6px 6px 12px #cfd6e6, inset -6px -6px 12px #ffffff; transform: translateY(0.5px); }
|
| 74 |
+
.neo-ring:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(79,128,255,.25), 8px 8px 18px #cfd6e6, -8px -8px 18px #ffffff; }
|
| 75 |
+
|
| 76 |
+
/* Inputs */
|
| 77 |
+
input[type="number"], select, input[type="range"] { background: var(--neo-bg); border: 0; }
|
| 78 |
+
input[type="range"] { height: 38px; border-radius: 9999px; }
|
| 79 |
+
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 9999px; background: #4f80ff; box-shadow: 2px 2px 4px rgba(0,0,0,.2); }
|
| 80 |
+
input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 9999px; background: #4f80ff; box-shadow: 2px 2px 4px rgba(0,0,0,.2); border: none; }
|
| 81 |
+
|
| 82 |
+
/* Utility for numbers with currency */
|
| 83 |
+
.mono { font-variant-numeric: tabular-nums; }
|
| 84 |
+
|
| 85 |
+
/* Make links look subtle in neo */
|
| 86 |
+
.neo-link { color: #2a47a0; text-decoration: none; }
|
| 87 |
+
.neo-link:hover { text-decoration: underline; }
|
| 88 |
+
|
| 89 |
+
/* Accessibility tip: neumorphism can reduce contrast; emphasize key text */
|
| 90 |
+
.high-contrast { color: #0e1b3f; }
|
| 91 |
+
</style>
|
| 92 |
+
</head>
|
| 93 |
+
<body class="font-sans">
|
| 94 |
+
<div class="mx-auto max-w-6xl px-4 py-8">
|
| 95 |
+
|
| 96 |
+
<!-- Navigation -->
|
| 97 |
+
<nav class="py-4">
|
| 98 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 99 |
+
<div class="flex justify-between h-16">
|
| 100 |
+
<div class="flex items-center">
|
| 101 |
+
<i data-feather="bar-chart-2" class="text-blue-600 mr-2"></i>
|
| 102 |
+
<span class="text-xl font-bold text-blue-600">Iraq Salary Portal</span>
|
| 103 |
+
</div>
|
| 104 |
+
<div class="hidden md:flex items-center space-x-8">
|
| 105 |
+
<a href="index.html" class="text-gray-700 hover:text-blue-600 font-medium">Home</a>
|
| 106 |
+
<a href="#" class="text-gray-700 hover:text-blue-600 font-medium">Submit Salary</a>
|
| 107 |
+
<a href="salary-search.html" class="text-gray-700 hover:text-blue-600 font-medium">Search Data</a>
|
| 108 |
+
<a href="salary-calculator.html" class="text-blue-600 font-medium">Calculator</a>
|
| 109 |
+
<a href="company-culture.html" class="text-gray-700 hover:text-blue-600 font-medium">Company Culture</a>
|
| 110 |
+
<a href="contact.html" class="text-gray-700 hover:text-blue-600 font-medium">Contact</a>
|
| 111 |
+
<button class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Login</button>
|
| 112 |
+
</div>
|
| 113 |
+
<button class="md:hidden">
|
| 114 |
+
<i data-feather="menu"></i>
|
| 115 |
+
</button>
|
| 116 |
+
</div>
|
| 117 |
+
</div>
|
| 118 |
+
</nav>
|
| 119 |
+
|
| 120 |
+
<!-- Honesty banner -->
|
| 121 |
+
<section class="neo-surface p-5 mb-6">
|
| 122 |
+
<div class="flex items-start gap-4">
|
| 123 |
+
<div class="px-4 py-3 neo-inset rounded-neo"><i class="fa-solid fa-lightbulb text-brand-700"></i></div>
|
| 124 |
+
<div>
|
| 125 |
+
<p class="font-semibold high-contrast">Honesty Matters</p>
|
| 126 |
+
<p class="text-sm opacity-80">Your accurate submissions help create a fairer job market for all Iraqis. Please provide truthful information to help your fellow professionals.</p>
|
| 127 |
+
</div>
|
| 128 |
+
</div>
|
| 129 |
+
</section>
|
| 130 |
+
|
| 131 |
+
<!-- Calculator -->
|
| 132 |
+
<main>
|
| 133 |
+
<div class="grid md:grid-cols-2 gap-6">
|
| 134 |
+
<!-- Inputs -->
|
| 135 |
+
<section class="neo-surface-md p-6">
|
| 136 |
+
<h2 class="text-xl font-bold mb-5 high-contrast flex items-center gap-2"><i class="fa-solid fa-pen-to-square"></i> Salary Information</h2>
|
| 137 |
+
|
| 138 |
+
<!-- Region Toggle -->
|
| 139 |
+
<div class="grid grid-cols-2 gap-3 mb-5">
|
| 140 |
+
<button class="region-btn px-4 py-3 rounded-neo neo-inset neo-press font-semibold" data-region="iraq" aria-pressed="true">South/Central Iraq</button>
|
| 141 |
+
<button class="region-btn px-4 py-3 rounded-neo neo-inset neo-press" data-region="kri" aria-pressed="false">Kurdistan Region (KRI)</button>
|
| 142 |
+
</div>
|
| 143 |
+
|
| 144 |
+
<!-- Base Salary -->
|
| 145 |
+
<div class="mb-4">
|
| 146 |
+
<label for="baseSalary" class="block mb-2 font-semibold">Total Base Salary (IQD)</label>
|
| 147 |
+
<input id="baseSalary" type="number" value="1300000" placeholder="Enter monthly base salary" class="w-full neo-inset px-4 py-3 rounded-neo mono neo-ring" />
|
| 148 |
+
<p id="baseSalaryError" class="mt-2 text-[13px] text-red-600 hidden"></p>
|
| 149 |
+
</div>
|
| 150 |
+
|
| 151 |
+
<!-- Iraq-specific -->
|
| 152 |
+
<div id="iraqInputs" class="space-y-4">
|
| 153 |
+
<div>
|
| 154 |
+
<label for="maritalStatus" class="block mb-2 font-semibold">Marital Status</label>
|
| 155 |
+
<select id="maritalStatus" class="w-full neo-inset px-4 py-3 rounded-neo neo-ring">
|
| 156 |
+
<option value="single">Single</option>
|
| 157 |
+
<option value="married">Married</option>
|
| 158 |
+
<option value="married1">Married + 1 Child</option>
|
| 159 |
+
<option value="married2" selected>Married + 2 Children</option>
|
| 160 |
+
<option value="married3">Married + 3 Children</option>
|
| 161 |
+
<option value="married4">Married + 4 Children</option>
|
| 162 |
+
<option value="divorced">Divorced/Widowed</option>
|
| 163 |
+
<option value="divorced1">Divorced/Widowed + 1 Child</option>
|
| 164 |
+
<option value="divorced2">Divorced/Widowed + 2 Children</option>
|
| 165 |
+
</select>
|
| 166 |
+
</div>
|
| 167 |
+
</div>
|
| 168 |
+
|
| 169 |
+
<!-- KRI-specific -->
|
| 170 |
+
<div id="kriInputs" class="space-y-4 hidden">
|
| 171 |
+
<div>
|
| 172 |
+
<label for="kriPercentage" class="block mb-2 font-semibold">Base Salary Percentage (Minimum 70%)</label>
|
| 173 |
+
<div class="neo-inset rounded-neo p-4">
|
| 174 |
+
<input id="kriPercentage" type="range" min="70" max="100" value="70" step="1" class="w-full neo-inset rounded-full" />
|
| 175 |
+
<div class="mt-3 flex items-center justify-between text-sm">
|
| 176 |
+
<span class="opacity-70">Base portion</span>
|
| 177 |
+
<span class="font-bold mono" id="kriPercentageValue">70%</span>
|
| 178 |
+
</div>
|
| 179 |
+
</div>
|
| 180 |
+
<div class="mt-3 neo-inset rounded-neo p-3 text-sm">
|
| 181 |
+
<p>In KRI, your salary is split into:</p>
|
| 182 |
+
<ul class="list-disc ps-5 mt-1">
|
| 183 |
+
<li><strong>Base Salary</strong>: <span id="kriBasePercent">70%</span> (for SOS calculation)</li>
|
| 184 |
+
<li><strong>Tax‑Exempt Allowance</strong>: <span id="kriAllowancePercent">30%</span></li>
|
| 185 |
+
</ul>
|
| 186 |
+
<p class="mt-1 opacity-80">Additional allowances are taxable above 1,000,000 IQD</p>
|
| 187 |
+
</div>
|
| 188 |
+
</div>
|
| 189 |
+
</div>
|
| 190 |
+
|
| 191 |
+
<!-- Allowances -->
|
| 192 |
+
<div class="mt-5">
|
| 193 |
+
<div class="flex items-center justify-between mb-2">
|
| 194 |
+
<h3 class="font-semibold high-contrast flex items-center gap-2"><i class="fa-solid fa-plus-circle"></i> Monthly Allowances</h3>
|
| 195 |
+
<button id="addAllowanceBtn" class="px-3 py-2 rounded-neo neo-inset neo-press text-sm font-semibold"><i class="fa-solid fa-plus me-1"></i> Add</button>
|
| 196 |
+
</div>
|
| 197 |
+
<div id="allowancesContainer" class="space-y-2">
|
| 198 |
+
<div class="allowance-item grid grid-cols-12 gap-2 items-center">
|
| 199 |
+
<select class="allowance-type col-span-5 neo-inset px-3 py-3 rounded-neo">
|
| 200 |
+
<option value="food">Food Allowance</option>
|
| 201 |
+
<option value="transport">Transportation</option>
|
| 202 |
+
<option value="housing">Housing</option>
|
| 203 |
+
<option value="incentive">Incentive/Commissions</option>
|
| 204 |
+
<option value="other">Other</option>
|
| 205 |
+
</select>
|
| 206 |
+
<input type="number" class="allowance-amount col-span-6 neo-inset px-3 py-3 rounded-neo mono" placeholder="Amount" value="0" />
|
| 207 |
+
<button class="remove-allowance col-span-1 h-[44px] w-[44px] inline-flex items-center justify-center rounded-full neo-inset neo-press" aria-label="Remove allowance"><i class="fa-solid fa-xmark"></i></button>
|
| 208 |
+
</div>
|
| 209 |
+
</div>
|
| 210 |
+
</div>
|
| 211 |
+
|
| 212 |
+
<!-- Calculate -->
|
| 213 |
+
<button id="calculateBtn" class="mt-5 w-full px-4 py-3 rounded-neo neo-surface text-center font-bold neo-press neo-ring">
|
| 214 |
+
<i class="fa-solid fa-calculator me-2"></i> Calculate Net Salary
|
| 215 |
+
</button>
|
| 216 |
+
</section>
|
| 217 |
+
|
| 218 |
+
<!-- Results -->
|
| 219 |
+
<section class="neo-surface-md p-6 flex flex-col">
|
| 220 |
+
<h2 class="text-xl font-bold mb-5 high-contrast flex items-center gap-2"><i class="fa-solid fa-chart-column"></i> Salary Summary</h2>
|
| 221 |
+
|
| 222 |
+
<div class="space-y-2">
|
| 223 |
+
<div class="flex items-center justify-between py-2">
|
| 224 |
+
<span class="opacity-80">Base Salary</span>
|
| 225 |
+
<span class="font-bold mono" id="baseSalaryResult">—</span>
|
| 226 |
+
</div>
|
| 227 |
+
<div class="flex items-center justify-between py-2">
|
| 228 |
+
<span class="opacity-80">Total Allowances</span>
|
| 229 |
+
<span class="font-bold mono" id="totalAllowances">—</span>
|
| 230 |
+
</div>
|
| 231 |
+
<div class="neo-inset rounded-neo p-3">
|
| 232 |
+
<div class="flex items-center justify-between">
|
| 233 |
+
<span class="high-contrast">Total Income</span>
|
| 234 |
+
<span class="font-bold mono" id="totalIncome">—</span>
|
| 235 |
+
</div>
|
| 236 |
+
</div>
|
| 237 |
+
|
| 238 |
+
<h3 class="mt-4 mb-1 text-accent font-semibold">Deductions</h3>
|
| 239 |
+
<div class="flex items-center justify-between py-2">
|
| 240 |
+
<span class="opacity-80" id="sosLabel">Social Security (SOS)</span>
|
| 241 |
+
<span class="font-bold mono" id="sos">—</span>
|
| 242 |
+
</div>
|
| 243 |
+
<p class="text-[12px] text-accent/80 hidden" id="sosMinNote"></p>
|
| 244 |
+
<div class="flex items-center justify-between py-2">
|
| 245 |
+
<span class="opacity-80">Taxable Amount</span>
|
| 246 |
+
<span class="font-bold mono" id="taxableAmount">—</span>
|
| 247 |
+
</div>
|
| 248 |
+
<div class="flex items-center justify-between py-2">
|
| 249 |
+
<span class="opacity-80">Income Tax</span>
|
| 250 |
+
<span class="font-bold mono" id="incomeTax">—</span>
|
| 251 |
+
</div>
|
| 252 |
+
<div class="neo-inset rounded-neo p-3">
|
| 253 |
+
<div class="flex items-center justify-between">
|
| 254 |
+
<span class="high-contrast">Total Deductions</span>
|
| 255 |
+
<span class="font-bold mono" id="totalDeductions">—</span>
|
| 256 |
+
</div>
|
| 257 |
+
</div>
|
| 258 |
+
</div>
|
| 259 |
+
|
| 260 |
+
<div class="mt-auto pt-5">
|
| 261 |
+
<div class="neo-surface text-center rounded-neo p-5">
|
| 262 |
+
<div class="text-sm opacity-80">Your Net Salary</div>
|
| 263 |
+
<div class="mt-1 text-3xl font-extrabold mono" id="netSalary">—</div>
|
| 264 |
+
</div>
|
| 265 |
+
<div class="mt-3 neo-inset rounded-neo p-3 text-sm">
|
| 266 |
+
<i class="fa-solid fa-circle-info"></i>
|
| 267 |
+
<span class="ms-2">Social Security minimums:</span>
|
| 268 |
+
<ul class="list-disc ps-6 mt-1">
|
| 269 |
+
<li>South/Central Iraq: 350,000 IQD/month</li>
|
| 270 |
+
<li>Kurdistan Region: 450,000 IQD/month</li>
|
| 271 |
+
</ul>
|
| 272 |
+
</div>
|
| 273 |
+
</div>
|
| 274 |
+
</section>
|
| 275 |
+
</div>
|
| 276 |
+
|
| 277 |
+
<!-- How it works -->
|
| 278 |
+
<section class="mt-6 neo-surface p-6">
|
| 279 |
+
<h3 class="text-lg font-bold mb-3 high-contrast flex items-center gap-2"><i class="fa-solid fa-circle-question"></i> How It Works</h3>
|
| 280 |
+
<ul class="list-disc ps-6 space-y-2 opacity-90 text-[15px]">
|
| 281 |
+
<li><strong>Total Base Salary</strong> is your core monthly salary before any allowances.</li>
|
| 282 |
+
<li><strong>Social Security (SOS)</strong> is calculated as 5% of base (Iraq) or 5% of the KRI base portion (KRI).</li>
|
| 283 |
+
<li><strong>Taxable Amount</strong> is calculated after deducting SOS and non‑taxable portions.</li>
|
| 284 |
+
<li><strong>Income Tax</strong> uses progressive brackets (3%, 5%, 10%, 15%) for Iraq and a flat 5% for KRI.</li>
|
| 285 |
+
<li>In <strong>Kurdistan Region</strong>, up to 30% may be treated as tax‑exempt allowance; additional allowances above 1,000,000 IQD are taxable.</li>
|
| 286 |
+
</ul>
|
| 287 |
+
</section>
|
| 288 |
+
|
| 289 |
+
<!-- Counter -->
|
| 290 |
+
<div class="text-center mt-8 neo-surface p-6">
|
| 291 |
+
<p class="text-lg">
|
| 292 |
+
<i class="fa-solid fa-users me-2"></i>
|
| 293 |
+
<span class="font-bold text-brand-700" id="submissionCount">4.2K+</span>
|
| 294 |
+
salaries submitted by Iraqi professionals
|
| 295 |
+
</p>
|
| 296 |
+
<p class="opacity-70 mt-1">Help us reach our goal of 10,000 submissions!</p>
|
| 297 |
+
</div>
|
| 298 |
+
</main>
|
| 299 |
+
|
| 300 |
+
<!-- Footer -->
|
| 301 |
+
<footer class="mt-12 py-8">
|
| 302 |
+
<div class="text-center opacity-80 text-sm">
|
| 303 |
+
<div class="flex justify-center gap-5 mb-2">
|
| 304 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-twitter"></i></a>
|
| 305 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-facebook"></i></a>
|
| 306 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-linkedin"></i></a>
|
| 307 |
+
<a class="pointer-events-none opacity-40"><i class="fab fa-telegram"></i></a>
|
| 308 |
+
</div>
|
| 309 |
+
<a href="/privacy-policy" class="neo-link">Privacy Policy</a>
|
| 310 |
+
<p class="mt-2">© 2025 Huwaya.com. All rights reserved.</p>
|
| 311 |
+
</div>
|
| 312 |
+
</footer>
|
| 313 |
+
</div>
|
| 314 |
+
|
| 315 |
+
<!-- Logic: salary calculator (ported & trimmed for single file) -->
|
| 316 |
+
<script>
|
| 317 |
+
document.addEventListener('DOMContentLoaded', () => {
|
| 318 |
+
const regionBtns = document.querySelectorAll('.region-btn');
|
| 319 |
+
const iraqInputs = document.getElementById('iraqInputs');
|
| 320 |
+
const kriInputs = document.getElementById('kriInputs');
|
| 321 |
+
const kriPercentage = document.getElementById('kriPercentage');
|
| 322 |
+
const kriPercentageValue = document.getElementById('kriPercentageValue');
|
| 323 |
+
const kriBasePercent = document.getElementById('kriBasePercent');
|
| 324 |
+
const kriAllowancePercent = document.getElementById('kriAllowancePercent');
|
| 325 |
+
|
| 326 |
+
const calculateBtn = document.getElementById('calculateBtn');
|
| 327 |
+
const addAllowanceBtn = document.getElementById('addAllowanceBtn');
|
| 328 |
+
const allowancesContainer = document.getElementById('allowancesContainer');
|
| 329 |
+
|
| 330 |
+
const sosLabel = document.getElementById('sosLabel');
|
| 331 |
+
const sosMinNote = document.getElementById('sosMinNote');
|
| 332 |
+
const baseSalaryError = document.getElementById('baseSalaryError');
|
| 333 |
+
|
| 334 |
+
// Mobile menu
|
| 335 |
+
const mobileBtn = document.getElementById('mobileMenuBtn');
|
| 336 |
+
const mobileMenu = document.getElementById('mobileMenu');
|
| 337 |
+
if (mobileBtn) {
|
| 338 |
+
mobileBtn.addEventListener('click', () => {
|
| 339 |
+
const isOpen = mobileMenu.classList.toggle('hidden');
|
| 340 |
+
mobileBtn.setAttribute('aria-expanded', String(!isOpen));
|
| 341 |
+
});
|
| 342 |
+
}
|
| 343 |
+
|
| 344 |
+
// Initial labels
|
| 345 |
+
sosLabel.textContent = 'Social Security (5% of base)';
|
| 346 |
+
|
| 347 |
+
function updateKriPercentageDisplay() {
|
| 348 |
+
const value = Number(kriPercentage?.value || 70);
|
| 349 |
+
if (kriPercentageValue) kriPercentageValue.textContent = `${value}%`;
|
| 350 |
+
if (kriBasePercent) kriBasePercent.textContent = `${value}%`;
|
| 351 |
+
if (kriAllowancePercent) kriAllowancePercent.textContent = `${100 - value}%`;
|
| 352 |
+
}
|
| 353 |
+
if (kriPercentage) {
|
| 354 |
+
kriPercentage.addEventListener('input', () => { updateKriPercentageDisplay(); calculateSalary(); });
|
| 355 |
+
updateKriPercentageDisplay();
|
| 356 |
+
}
|
| 357 |
+
|
| 358 |
+
// Region toggle
|
| 359 |
+
regionBtns.forEach(btn => {
|
| 360 |
+
btn.addEventListener('click', function() {
|
| 361 |
+
regionBtns.forEach(b => { b.classList.remove('font-semibold'); b.setAttribute('aria-pressed', 'false'); });
|
| 362 |
+
this.classList.add('font-semibold');
|
| 363 |
+
this.setAttribute('aria-pressed', 'true');
|
| 364 |
+
|
| 365 |
+
if (this.dataset.region === 'iraq') {
|
| 366 |
+
iraqInputs.classList.remove('hidden');
|
| 367 |
+
kriInputs.classList.add('hidden');
|
| 368 |
+
sosLabel.textContent = 'Social Security (5% of base)';
|
| 369 |
+
} else {
|
| 370 |
+
iraqInputs.classList.add('hidden');
|
| 371 |
+
kriInputs.classList.remove('hidden');
|
| 372 |
+
sosLabel.textContent = 'Social Security (5% of base portion)';
|
| 373 |
+
}
|
| 374 |
+
calculateSalary();
|
| 375 |
+
});
|
| 376 |
+
});
|
| 377 |
+
|
| 378 |
+
// Allowances add/remove
|
| 379 |
+
addAllowanceBtn.addEventListener('click', () => {
|
| 380 |
+
const row = document.createElement('div');
|
| 381 |
+
row.className = 'allowance-item grid grid-cols-12 gap-2 items-center';
|
| 382 |
+
row.innerHTML = `
|
| 383 |
+
<select class="allowance-type col-span-5 neo-inset px-3 py-3 rounded-neo">
|
| 384 |
+
<option value="food">Food Allowance</option>
|
| 385 |
+
<option value="transport">Transportation</option>
|
| 386 |
+
<option value="housing">Housing</option>
|
| 387 |
+
<option value="incentive">Incentive/Commissions</option>
|
| 388 |
+
<option value="other">Other</option>
|
| 389 |
+
</select>
|
| 390 |
+
<input type="number" class="allowance-amount col-span-6 neo-inset px-3 py-3 rounded-neo mono" placeholder="Amount" />
|
| 391 |
+
<button class="remove-allowance col-span-1 h-[44px] w-[44px] inline-flex items-center justify-center rounded-full neo-inset neo-press" aria-label="Remove allowance"><i class="fa-solid fa-xmark"></i></button>
|
| 392 |
+
`;
|
| 393 |
+
allowancesContainer.appendChild(row);
|
| 394 |
+
row.querySelector('.remove-allowance').addEventListener('click', () => { row.remove(); calculateSalary(); });
|
| 395 |
+
row.querySelectorAll('input, select').forEach(el => el.addEventListener('input', calculateSalary));
|
| 396 |
+
calculateSalary();
|
| 397 |
+
});
|
| 398 |
+
|
| 399 |
+
// Existing remove button
|
| 400 |
+
document.querySelectorAll('.remove-allowance').forEach(btn => {
|
| 401 |
+
btn.addEventListener('click', function() { this.closest('.allowance-item').remove(); calculateSalary(); });
|
| 402 |
+
});
|
| 403 |
+
|
| 404 |
+
// Inputs listener
|
| 405 |
+
document.querySelectorAll('input, select').forEach(el => el.addEventListener('input', calculateSalary));
|
| 406 |
+
|
| 407 |
+
function checkMinimumBaseSalary(isIraq, baseSalary) {
|
| 408 |
+
const minIraq = 350000; // monthly
|
| 409 |
+
const minKri = 450000; // monthly
|
| 410 |
+
if (isIraq && baseSalary < minIraq) {
|
| 411 |
+
baseSalaryError.textContent = `Base salary must be at least ${formatCurrency(minIraq)} per month for South/Central Iraq`;
|
| 412 |
+
baseSalaryError.classList.remove('hidden');
|
| 413 |
+
return false;
|
| 414 |
+
} else if (!isIraq && baseSalary < minKri) {
|
| 415 |
+
baseSalaryError.textContent = `Base salary must be at least ${formatCurrency(minKri)} per month for Kurdistan Region`;
|
| 416 |
+
baseSalaryError.classList.remove('hidden');
|
| 417 |
+
return false;
|
| 418 |
+
} else {
|
| 419 |
+
baseSalaryError.classList.add('hidden');
|
| 420 |
+
return true;
|
| 421 |
+
}
|
| 422 |
+
}
|
| 423 |
+
|
| 424 |
+
function calculateSalary() {
|
| 425 |
+
const isIraq = document.querySelector('.region-btn[aria-pressed="true"]').dataset.region === 'iraq';
|
| 426 |
+
const baseSalary = Number(document.getElementById('baseSalary').value || 0);
|
| 427 |
+
|
| 428 |
+
if (!checkMinimumBaseSalary(isIraq, baseSalary)) { return resetResults(); }
|
| 429 |
+
|
| 430 |
+
// Total allowances
|
| 431 |
+
let totalAllowances = 0;
|
| 432 |
+
document.querySelectorAll('.allowance-item').forEach(item => {
|
| 433 |
+
totalAllowances += Number(item.querySelector('.allowance-amount').value || 0);
|
| 434 |
+
});
|
| 435 |
+
|
| 436 |
+
const totalIncome = baseSalary + totalAllowances;
|
| 437 |
+
if (isIraq) {
|
| 438 |
+
calculateIraq(baseSalary, totalAllowances, totalIncome);
|
| 439 |
+
} else {
|
| 440 |
+
calculateKRI(baseSalary, totalAllowances, totalIncome);
|
| 441 |
+
}
|
| 442 |
+
}
|
| 443 |
+
|
| 444 |
+
function resetResults() {
|
| 445 |
+
setText('baseSalaryResult', formatCurrency(0));
|
| 446 |
+
setText('totalAllowances', formatCurrency(0));
|
| 447 |
+
setText('totalIncome', formatCurrency(0));
|
| 448 |
+
setText('sos', formatCurrency(0));
|
| 449 |
+
setText('taxableAmount', formatCurrency(0));
|
| 450 |
+
setText('incomeTax', formatCurrency(0));
|
| 451 |
+
setText('totalDeductions', formatCurrency(0));
|
| 452 |
+
setText('netSalary', formatCurrency(0));
|
| 453 |
+
sosMinNote.classList.add('hidden');
|
| 454 |
+
}
|
| 455 |
+
|
| 456 |
+
function calculateIraq(baseSalary, totalAllowances, totalIncome) {
|
| 457 |
+
const marital = document.getElementById('maritalStatus').value;
|
| 458 |
+
|
| 459 |
+
// SOS 5% of base, capped at 1,750,000 base
|
| 460 |
+
const capped = Math.min(baseSalary, 1750000);
|
| 461 |
+
const calcSOS = capped * 0.05;
|
| 462 |
+
const minSOS_Iraq = 350000 * 0.05; // 17,500
|
| 463 |
+
const sos = Math.max(calcSOS, minSOS_Iraq);
|
| 464 |
+
|
| 465 |
+
// Non-taxable 30% of base
|
| 466 |
+
const nonTaxable = baseSalary * 0.3;
|
| 467 |
+
|
| 468 |
+
// Taxable base
|
| 469 |
+
let taxableAmount = Math.max(0, totalIncome - nonTaxable - sos);
|
| 470 |
+
|
| 471 |
+
// Marital deduction (monthly equivalents)
|
| 472 |
+
const D = {
|
| 473 |
+
single: 2500000/12, married: 4500000/12,
|
| 474 |
+
married1: (4500000+200000)/12, married2: (4500000+400000)/12,
|
| 475 |
+
married3: (4500000+600000)/12, married4: (4500000+800000)/12,
|
| 476 |
+
divorced: 3200000/12, divorced1: (3200000+200000)/12, divorced2: (3200000+400000)/12
|
| 477 |
+
};
|
| 478 |
+
taxableAmount = Math.max(0, taxableAmount - (D[marital] || 0));
|
| 479 |
+
|
| 480 |
+
// Progressive tax (monthly brackets)
|
| 481 |
+
const brackets = [
|
| 482 |
+
{ limit: 250000/12, rate: 0.03 },
|
| 483 |
+
{ limit: 500000/12, rate: 0.05 },
|
| 484 |
+
{ limit: 1000000/12, rate: 0.10 },
|
| 485 |
+
{ rate: 0.15 }
|
| 486 |
+
];
|
| 487 |
+
let remaining = taxableAmount, prev = 0, incomeTax = 0;
|
| 488 |
+
for (const b of brackets) {
|
| 489 |
+
if (remaining <= 0) break;
|
| 490 |
+
let chunk;
|
| 491 |
+
if (b.limit) {
|
| 492 |
+
const cap = b.limit - prev;
|
| 493 |
+
chunk = Math.min(remaining, cap);
|
| 494 |
+
prev = b.limit;
|
| 495 |
+
} else {
|
| 496 |
+
chunk = remaining;
|
| 497 |
+
}
|
| 498 |
+
incomeTax += chunk * b.rate;
|
| 499 |
+
remaining -= chunk;
|
| 500 |
+
}
|
| 501 |
+
|
| 502 |
+
const totalDeductions = sos + incomeTax;
|
| 503 |
+
const netSalary = totalIncome - totalDeductions;
|
| 504 |
+
|
| 505 |
+
updateResults(baseSalary, totalAllowances, totalIncome, sos, taxableAmount, incomeTax, totalDeductions, netSalary);
|
| 506 |
+
|
| 507 |
+
if (calcSOS < minSOS_Iraq) {
|
| 508 |
+
sosMinNote.textContent = `Applied minimum: ${formatCurrency(minSOS_Iraq)}/month`;
|
| 509 |
+
sosMinNote.classList.remove('hidden');
|
| 510 |
+
} else { sosMinNote.classList.add('hidden'); }
|
| 511 |
+
}
|
| 512 |
+
|
| 513 |
+
function calculateKRI(baseSalary, totalAllowances, totalIncome) {
|
| 514 |
+
const pct = Number(kriPercentage?.value || 70) / 100;
|
| 515 |
+
const kriBase = baseSalary * pct;
|
| 516 |
+
const calcSOS = kriBase * 0.05;
|
| 517 |
+
const minSOS_KRI = 450000 * 0.05; // 37,500
|
| 518 |
+
const sos = Math.max(calcSOS, minSOS_KRI);
|
| 519 |
+
|
| 520 |
+
let taxableAmount = Math.max(0, kriBase - 1000000) + totalAllowances;
|
| 521 |
+
const incomeTax = taxableAmount * 0.05;
|
| 522 |
+
|
| 523 |
+
const totalDeductions = sos + incomeTax;
|
| 524 |
+
const netSalary = totalIncome - totalDeductions;
|
| 525 |
+
|
| 526 |
+
updateResults(baseSalary, totalAllowances, totalIncome, sos, taxableAmount, incomeTax, totalDeductions, netSalary);
|
| 527 |
+
|
| 528 |
+
if (calcSOS < minSOS_KRI) {
|
| 529 |
+
sosMinNote.textContent = `Applied minimum: ${formatCurrency(minSOS_KRI)}/month`;
|
| 530 |
+
sosMinNote.classList.remove('hidden');
|
| 531 |
+
} else { sosMinNote.classList.add('hidden'); }
|
| 532 |
+
}
|
| 533 |
+
|
| 534 |
+
function updateResults(baseSalary, totalAllowances, totalIncome, sos, taxableAmount, incomeTax, totalDeductions, netSalary) {
|
| 535 |
+
setText('baseSalaryResult', formatCurrency(baseSalary));
|
| 536 |
+
setText('totalAllowances', formatCurrency(totalAllowances));
|
| 537 |
+
setText('totalIncome', formatCurrency(totalIncome));
|
| 538 |
+
setText('sos', formatCurrency(sos));
|
| 539 |
+
setText('taxableAmount', formatCurrency(taxableAmount));
|
| 540 |
+
setText('incomeTax', formatCurrency(incomeTax));
|
| 541 |
+
setText('totalDeductions', formatCurrency(totalDeductions));
|
| 542 |
+
setText('netSalary', formatCurrency(netSalary));
|
| 543 |
+
}
|
| 544 |
+
|
| 545 |
+
function setText(id, text) { const el = document.getElementById(id); if (el) el.textContent = text; }
|
| 546 |
+
function formatCurrency(amount) { return new Intl.NumberFormat('en-IQ', { style: 'currency', currency: 'IQD', maximumFractionDigits: 0 }).format(amount); }
|
| 547 |
+
|
| 548 |
+
// Kick off
|
| 549 |
+
calculateBtn.addEventListener('click', calculateSalary);
|
| 550 |
+
calculateSalary();
|
| 551 |
+
});
|
| 552 |
+
</script>
|
| 553 |
+
</body>
|
| 554 |
+
</html>
|
salary-search.html
ADDED
|
@@ -0,0 +1,200 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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.0">
|
| 6 |
+
<title>Salary Search - Iraq Salary Transparency Portal</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 9 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<style>
|
| 13 |
+
:root {
|
| 14 |
+
--primary: #6c5ce7;
|
| 15 |
+
--secondary: #a29bfe;
|
| 16 |
+
--bg: #e0e5ec;
|
| 17 |
+
--shadow-light: #ffffff;
|
| 18 |
+
--shadow-dark: #a3b1c6;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
body {
|
| 22 |
+
background-color: var(--bg);
|
| 23 |
+
font-family: 'Inter', sans-serif;
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
.neumorphic {
|
| 27 |
+
border-radius: 20px;
|
| 28 |
+
background: var(--bg);
|
| 29 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 30 |
+
-8px -8px 16px var(--shadow-light);
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.neumorphic-inset {
|
| 34 |
+
border-radius: 20px;
|
| 35 |
+
background: var(--bg);
|
| 36 |
+
box-shadow: inset 8px 8px 16px var(--shadow-dark),
|
| 37 |
+
inset -8px -8px 16px var(--shadow-light);
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
input, select {
|
| 41 |
+
border-radius: 15px;
|
| 42 |
+
background: var(--bg);
|
| 43 |
+
box-shadow: inset 5px 5px 10px var(--shadow-dark),
|
| 44 |
+
inset -5px -5px 10px var(--shadow-light);
|
| 45 |
+
border: none;
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
nav {
|
| 49 |
+
border-radius: 0 0 20px 20px;
|
| 50 |
+
background: var(--bg);
|
| 51 |
+
box-shadow: 8px 8px 16px var(--shadow-dark),
|
| 52 |
+
-8px -8px 16px var(--shadow-light);
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
button {
|
| 56 |
+
border-radius: 15px;
|
| 57 |
+
background: var(--bg);
|
| 58 |
+
box-shadow: 5px 5px 10px var(--shadow-dark),
|
| 59 |
+
-5px -5px 10px var(--shadow-light);
|
| 60 |
+
transition: all 0.2s ease;
|
| 61 |
+
}
|
| 62 |
+
|
| 63 |
+
button:hover {
|
| 64 |
+
box-shadow: 2px 2px 5px var(--shadow-dark),
|
| 65 |
+
-2px -2px 5px var(--shadow-light);
|
| 66 |
+
}
|
| 67 |
+
|
| 68 |
+
button:active {
|
| 69 |
+
box-shadow: inset 2px 2px 5px var(--shadow-dark),
|
| 70 |
+
inset -2px -2px 5px var(--shadow-light);
|
| 71 |
+
}
|
| 72 |
+
</style>
|
| 73 |
+
</head>
|
| 74 |
+
<body class="font-sans">
|
| 75 |
+
<!-- Navigation -->
|
| 76 |
+
<nav class="py-4">
|
| 77 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 78 |
+
<div class="flex justify-between h-16">
|
| 79 |
+
<div class="flex items-center">
|
| 80 |
+
<i data-feather="bar-chart-2" class="text-blue-600 mr-2"></i>
|
| 81 |
+
<span class="text-xl font-bold text-blue-600">Iraq Salary Portal</span>
|
| 82 |
+
</div>
|
| 83 |
+
<div class="hidden md:flex items-center space-x-8">
|
| 84 |
+
<a href="index.html" class="text-gray-700 hover:text-blue-600 font-medium">Home</a>
|
| 85 |
+
<a href="#" class="text-gray-700 hover:text-blue-600 font-medium">Submit Salary</a>
|
| 86 |
+
<a href="salary-search.html" class="text-blue-600 font-medium">Search Data</a>
|
| 87 |
+
<a href="salary-calculator.html" class="text-gray-700 hover:text-blue-600 font-medium">Calculator</a>
|
| 88 |
+
<a href="company-culture.html" class="text-gray-700 hover:text-blue-600 font-medium">Company Culture</a>
|
| 89 |
+
<a href="contact.html" class="text-gray-700 hover:text-blue-600 font-medium">Contact</a>
|
| 90 |
+
<button class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Login</button>
|
| 91 |
+
</div>
|
| 92 |
+
<button class="md:hidden">
|
| 93 |
+
<i data-feather="menu"></i>
|
| 94 |
+
</button>
|
| 95 |
+
</div>
|
| 96 |
+
</div>
|
| 97 |
+
</nav>
|
| 98 |
+
|
| 99 |
+
<!-- Search Section -->
|
| 100 |
+
<div class="py-16">
|
| 101 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 102 |
+
<div class="text-center mb-12" data-aos="fade-up">
|
| 103 |
+
<h1 class="text-4xl font-bold text-gray-800 mb-4">Salary Search</h1>
|
| 104 |
+
<p class="text-xl text-gray-600">Find salary data by job title, company, or location</p>
|
| 105 |
+
</div>
|
| 106 |
+
|
| 107 |
+
<div class="neumorphic p-8 rounded-xl mb-12" data-aos="fade-up">
|
| 108 |
+
<div class="grid md:grid-cols-4 gap-4">
|
| 109 |
+
<div>
|
| 110 |
+
<label class="block text-gray-700 mb-2">Job Title</label>
|
| 111 |
+
<input type="text" placeholder="e.g. Software Engineer" class="w-full px-4 py-3">
|
| 112 |
+
</div>
|
| 113 |
+
<div>
|
| 114 |
+
<label class="block text-gray-700 mb-2">Company</label>
|
| 115 |
+
<input type="text" placeholder="e.g. Zain Iraq" class="w-full px-4 py-3">
|
| 116 |
+
</div>
|
| 117 |
+
<div>
|
| 118 |
+
<label class="block text-gray-700 mb-2">Location</label>
|
| 119 |
+
<select class="w-full px-4 py-3">
|
| 120 |
+
<option value="">All Locations</option>
|
| 121 |
+
<option value="Baghdad">Baghdad</option>
|
| 122 |
+
<option value="Basra">Basra</option>
|
| 123 |
+
<option value="Mosul">Mosul</option>
|
| 124 |
+
<option value="Erbil">Erbil</option>
|
| 125 |
+
<option value="Sulaymaniyah">Sulaymaniyah</option>
|
| 126 |
+
<option value="Kirkuk">Kirkuk</option>
|
| 127 |
+
<option value="Najaf">Najaf</option>
|
| 128 |
+
<option value="Karbala">Karbala</option>
|
| 129 |
+
<option value="Nasiriyah">Nasiriyah</option>
|
| 130 |
+
<option value="Ramadi">Ramadi</option>
|
| 131 |
+
<option value="Samawa">Samawa</option>
|
| 132 |
+
<option value="Diyala">Diyala</option>
|
| 133 |
+
<option value="Dohuk">Dohuk</option>
|
| 134 |
+
<option value="Halabja">Halabja</option>
|
| 135 |
+
</select>
|
| 136 |
+
</div>
|
| 137 |
+
<div class="flex items-end">
|
| 138 |
+
<button class="bg-blue-600 text-white px-6 py-3 w-full hover:bg-blue-700 transition">
|
| 139 |
+
<i data-feather="search" class="mr-2 inline"></i> Search
|
| 140 |
+
</button>
|
| 141 |
+
</div>
|
| 142 |
+
</div>
|
| 143 |
+
</div>
|
| 144 |
+
|
| 145 |
+
<!-- Filters -->
|
| 146 |
+
<div class="flex flex-wrap gap-4 mb-8" data-aos="fade-up">
|
| 147 |
+
<div>
|
| 148 |
+
<label class="block text-gray-700 mb-2">Experience Level</label>
|
| 149 |
+
<select class="px-4 py-2">
|
| 150 |
+
<option value="">All Levels</option>
|
| 151 |
+
<option>Entry Level (0-2 years)</option>
|
| 152 |
+
<option>Mid Level (3-5 years)</option>
|
| 153 |
+
<option>Senior Level (6+ years)</option>
|
| 154 |
+
</select>
|
| 155 |
+
</div>
|
| 156 |
+
<div>
|
| 157 |
+
<label class="block text-gray-700 mb-2">Industry</label>
|
| 158 |
+
<select class="px-4 py-2">
|
| 159 |
+
<option value="">All Industries</option>
|
| 160 |
+
<option value="Automotive">Automotive</option>
|
| 161 |
+
<option value="Oil & Gas">Oil & Gas</option>
|
| 162 |
+
<option value="NGO">NGO</option>
|
| 163 |
+
<option value="Construction">Construction</option>
|
| 164 |
+
<option value="Pharmaceutical">Pharmaceutical</option>
|
| 165 |
+
<option value="Telecommunications">Telecommunications</option>
|
| 166 |
+
<option value="Banking & Finance">Banking & Finance</option>
|
| 167 |
+
<option value="Education">Education</option>
|
| 168 |
+
<option value="Healthcare">Healthcare</option>
|
| 169 |
+
<option value="Retail">Retail</option>
|
| 170 |
+
<option value="Hospitality & Tourism">Hospitality & Tourism</option>
|
| 171 |
+
<option value="Agriculture">Agriculture</option>
|
| 172 |
+
<option value="Manufacturing">Manufacturing</option>
|
| 173 |
+
<option value="Government">Government</option>
|
| 174 |
+
<option value="Information Technology">Information Technology</option>
|
| 175 |
+
</select>
|
| 176 |
+
</div>
|
| 177 |
+
<div>
|
| 178 |
+
<label class="block text-gray-700 mb-2">Salary Range</label>
|
| 179 |
+
<select class="px-4 py-2">
|
| 180 |
+
<option value="">All Ranges</option>
|
| 181 |
+
<option>500,000 - 1,000,000 IQD</option>
|
| 182 |
+
<option>1,000,000 - 2,000,000 IQD</option>
|
| 183 |
+
<option>2,000,000 - 3,000,000 IQD</option>
|
| 184 |
+
<option>3,000,000+ IQD</option>
|
| 185 |
+
</select>
|
| 186 |
+
</div>
|
| 187 |
+
<div class="flex items-end">
|
| 188 |
+
<button class="text-blue-600 hover:text-blue-800 flex items-center">
|
| 189 |
+
<i data-feather="filter" class="mr-2"></i> More Filters
|
| 190 |
+
</button>
|
| 191 |
+
</div>
|
| 192 |
+
</div>
|
| 193 |
+
|
| 194 |
+
<!-- Results -->
|
| 195 |
+
<div class="neumorphic p-6 rounded-xl" data-aos="fade-up">
|
| 196 |
+
<div class="flex justify-between items-center mb-6">
|
| 197 |
+
<h2 class="text-2xl font-bold text-gray-800">1,245 Results Found</h2>
|
| 198 |
+
<div class="flex items-center">
|
| 199 |
+
<span class="text-gray-600 mr-2">Sort by:</span>
|
| 200 |
+
<select class="px-3 py
|