Update index.html
Browse files- index.html +48 -0
index.html
CHANGED
|
@@ -252,6 +252,38 @@
|
|
| 252 |
transform: translateY(-2px);
|
| 253 |
}
|
| 254 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 255 |
@media (max-width: 768px) {
|
| 256 |
.login-container {
|
| 257 |
margin: 1.5rem 1rem;
|
|
@@ -417,6 +449,22 @@
|
|
| 417 |
</div>
|
| 418 |
</div>
|
| 419 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 420 |
</div>
|
| 421 |
</div>
|
| 422 |
</div>
|
|
|
|
| 252 |
transform: translateY(-2px);
|
| 253 |
}
|
| 254 |
|
| 255 |
+
/* تنسيق خاص لبطاقة الشكاوى */
|
| 256 |
+
.complaints-card {
|
| 257 |
+
background: linear-gradient(135deg, #dc3545, #c82333);
|
| 258 |
+
color: white;
|
| 259 |
+
}
|
| 260 |
+
|
| 261 |
+
.complaints-card .card-icon {
|
| 262 |
+
background-color: rgba(255, 255, 255, 0.2);
|
| 263 |
+
color: white;
|
| 264 |
+
}
|
| 265 |
+
|
| 266 |
+
.complaints-card:hover .card-icon {
|
| 267 |
+
background-color: rgba(255, 255, 255, 0.3);
|
| 268 |
+
}
|
| 269 |
+
|
| 270 |
+
.complaints-card .card-title,
|
| 271 |
+
.complaints-card .card-text {
|
| 272 |
+
color: white;
|
| 273 |
+
}
|
| 274 |
+
|
| 275 |
+
.complaints-card .btn-primary {
|
| 276 |
+
background-color: white;
|
| 277 |
+
color: #dc3545;
|
| 278 |
+
border-color: white;
|
| 279 |
+
}
|
| 280 |
+
|
| 281 |
+
.complaints-card .btn-primary:hover {
|
| 282 |
+
background-color: #f8f9fa;
|
| 283 |
+
color: #c82333;
|
| 284 |
+
border-color: #f8f9fa;
|
| 285 |
+
}
|
| 286 |
+
|
| 287 |
@media (max-width: 768px) {
|
| 288 |
.login-container {
|
| 289 |
margin: 1.5rem 1rem;
|
|
|
|
| 449 |
</div>
|
| 450 |
</div>
|
| 451 |
</div>
|
| 452 |
+
|
| 453 |
+
<!-- نظام الشكاوى -->
|
| 454 |
+
<div class="col">
|
| 455 |
+
<div class="card h-100 system-card complaints-card">
|
| 456 |
+
<div class="card-body text-center p-4">
|
| 457 |
+
<div class="card-icon">
|
| 458 |
+
<i class="fas fa-exclamation-triangle"></i>
|
| 459 |
+
</div>
|
| 460 |
+
<h4 class="card-title">نظام الشكاوى</h4>
|
| 461 |
+
<p class="card-text">تسجيل ومتابعة الشكاوى والاقتراحات من الطلاب والموظفين</p>
|
| 462 |
+
<a href="https://quintadb.com/cpWblW6" class="btn btn-primary w-100" target="_blank">
|
| 463 |
+
<i class="fas fa-external-link-alt me-1"></i> الدخول للنظام
|
| 464 |
+
</a>
|
| 465 |
+
</div>
|
| 466 |
+
</div>
|
| 467 |
+
</div>
|
| 468 |
</div>
|
| 469 |
</div>
|
| 470 |
</div>
|