|
<!DOCTYPE html> |
|
<html lang="ar"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>معهد مدينة العلوم العصرية</title> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<link href="https://fonts.googleapis.com/css?family=Cairo:400,600,700&display=swap" rel="stylesheet"> |
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script> |
|
<style> |
|
* { |
|
box-sizing: border-box; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
body { |
|
font-family: 'Cairo', sans-serif; |
|
background: linear-gradient(135deg, #f5f7fa, #c3cfe2); |
|
color: #334155; |
|
direction: rtl; |
|
text-align: center; |
|
overflow-x: hidden; |
|
line-height: 1.6; |
|
} |
|
|
|
header { |
|
background: rgba(255,255,255,0.85); |
|
padding: 40px 20px; |
|
margin-bottom: 40px; |
|
box-shadow: 0 4px 20px rgba(0,0,0,0.1); |
|
animation: fadeInDown 1s ease-in-out; |
|
border-bottom: 5px solid #3b82f6; |
|
} |
|
|
|
header img { |
|
max-width: 150px; |
|
margin-bottom: 15px; |
|
border-radius: 10px; |
|
box-shadow: 0 4px 8px rgba(0,0,0,0.1); |
|
transition: transform 0.3s ease; |
|
} |
|
|
|
header img:hover { |
|
transform: scale(1.05); |
|
} |
|
|
|
header h1 { |
|
margin: 10px 0; |
|
font-size: 2.8rem; |
|
font-weight: bold; |
|
background: linear-gradient(45deg, #3b82f6, #2563eb); |
|
-webkit-background-clip: text; |
|
background-clip: text; |
|
color: transparent; |
|
text-shadow: 1px 1px 2px rgba(0,0,0,0.1); |
|
} |
|
|
|
.container { |
|
max-width: 900px; |
|
margin: auto; |
|
padding: 20px; |
|
animation: fadeIn 1.5s ease-in-out; |
|
} |
|
|
|
.description { |
|
margin-bottom: 40px; |
|
font-size: 1.5rem; |
|
font-weight: 500; |
|
padding: 15px; |
|
color: #334155; |
|
border-bottom: 3px solid rgba(59, 130, 246, 0.3); |
|
border-radius: 5px; |
|
background-color: rgba(255, 255, 255, 0.7); |
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); |
|
} |
|
|
|
.link-button { |
|
display: block; |
|
margin: 30px auto; |
|
padding: 18px 25px; |
|
width: 85%; |
|
max-width: 380px; |
|
font-size: 1.3rem; |
|
font-weight: bold; |
|
color: #fff; |
|
background: linear-gradient(45deg, #3b82f6, #2563eb); |
|
border: none; |
|
border-radius: 50px; |
|
cursor: pointer; |
|
transition: all 0.3s ease; |
|
text-decoration: none; |
|
box-shadow: 0 4px 10px rgba(59, 130, 246, 0.4); |
|
} |
|
|
|
.link-button:hover { |
|
background: linear-gradient(45deg, #2563eb, #1d4ed8); |
|
transform: translateY(-5px); |
|
box-shadow: 0 8px 15px rgba(59, 130, 246, 0.5); |
|
} |
|
|
|
.info-section { |
|
margin: 50px auto; |
|
padding: 25px; |
|
max-width: 800px; |
|
background: linear-gradient(45deg, rgba(255, 255, 255, 0.9), rgba(240, 249, 255, 0.9)); |
|
border-radius: 15px; |
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); |
|
animation: fadeInUp 1.2s ease-in-out; |
|
border-right: 5px solid #3b82f6; |
|
} |
|
|
|
.info-section p { |
|
margin: 15px 0; |
|
font-size: 1.3rem; |
|
color: #1e3a8a; |
|
} |
|
|
|
.highlight { |
|
display: inline-block; |
|
background: rgba(59, 130, 246, 0.15); |
|
padding: 3px 8px; |
|
border-radius: 5px; |
|
font-weight: 600; |
|
} |
|
|
|
footer { |
|
margin-top: 60px; |
|
padding: 30px; |
|
font-size: 1rem; |
|
background: rgba(59, 130, 246, 0.1); |
|
animation: fadeIn 1.5s ease-in-out; |
|
color: #1e3a8a; |
|
border-top: 1px solid rgba(59, 130, 246, 0.3); |
|
} |
|
|
|
footer a { |
|
color: #2563eb; |
|
text-decoration: none; |
|
font-weight: 600; |
|
transition: all 0.3s ease; |
|
} |
|
|
|
footer a:hover { |
|
color: #1d4ed8; |
|
text-decoration: underline; |
|
} |
|
|
|
@keyframes fadeInDown { |
|
from { opacity: 0; transform: translateY(-30px); } |
|
to { opacity: 1; transform: translateY(0); } |
|
} |
|
|
|
@keyframes fadeInUp { |
|
from { opacity: 0; transform: translateY(30px); } |
|
to { opacity: 1; transform: translateY(0); } |
|
} |
|
|
|
@keyframes fadeIn { |
|
from { opacity: 0; } |
|
to { opacity: 1; } |
|
} |
|
|
|
|
|
.info-section:hover { |
|
transform: scale(1.02); |
|
transition: transform 0.3s ease; |
|
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15); |
|
} |
|
|
|
|
|
.icon { |
|
font-size: 1.8rem; |
|
margin-left: 5px; |
|
color: #3b82f6; |
|
} |
|
|
|
|
|
.link-button:active { |
|
transform: scale(0.98); |
|
} |
|
|
|
|
|
@media (max-width: 768px) { |
|
header h1 { |
|
font-size: 2.2rem; |
|
} |
|
|
|
.description { |
|
font-size: 1.2rem; |
|
} |
|
|
|
.link-button { |
|
width: 92%; |
|
font-size: 1.1rem; |
|
} |
|
|
|
.info-section p { |
|
font-size: 1.1rem; |
|
} |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<header> |
|
<img src="https://ufastpro.com/wp-content/uploads/2025/04/476234917_1002033431973236_2935522081755714863_n.jpg" alt="شعار المعهد"> |
|
<h1>معهد مدينة العلوم العصرية</h1> |
|
</header> |
|
|
|
<div class="container"> |
|
<div class="description"> |
|
مرحباً بكم في بوابة أنظمة المعهد، حيث نرتقي بالتعليم عبر تقنيات وأنظمة متطورة. |
|
</div> |
|
|
|
|
|
<a class="link-button" href="#" onclick="validateAndRedirect('exports')"> |
|
سيستم الصادرات والواردات |
|
</a> |
|
|
|
<a class="link-button" href="#" onclick="validateAndRedirect('firstYear')"> |
|
سيستم طلاب سنة أولى |
|
</a> |
|
|
|
<a class="link-button" href="#" onclick="validateAndRedirect('secondYear')"> |
|
سيستم طلاب سنة ثانية |
|
</a> |
|
|
|
|
|
<div class="info-section"> |
|
<p><span class="icon">✅</span> <span class="highlight">ترخيص وزارة التربية والتعليم ووزارة الاتصالات</span></p> |
|
<p><span class="icon">✅</span> <span class="highlight">المعهد يؤجل التجنيد</span></p> |
|
<p><span class="icon">✅</span> <span class="highlight">خدمات تعليمية متميزة ومناهج متطورة</span></p> |
|
</div> |
|
</div> |
|
|
|
<footer> |
|
<p>من تصميم شركة <a href="https://ufastpro.com/" target="_blank">فاست برو للبرمجيات والذكاء الاصطناعي</a></p> |
|
<p>© 2025 معهد مدينة العلوم العصرية. جميع الحقوق محفوظة.</p> |
|
</footer> |
|
|
|
<script> |
|
|
|
const links = { |
|
exports: "https://quintadb.com/apps/czxmk0CjezOddKXD1gCop/portals/bxWQJcImjdeiopW4JcRCon/widget", |
|
firstYear: "https://quintadb.com/apps/cgvmoeW55dI43dTNDJW7WH/portals/coWOO0W7vdPykeWQboW71s/widget", |
|
secondYear: "#" |
|
}; |
|
|
|
|
|
|
|
const hashedPassword = "ab9e7e43b882fa3d5b9b1e8d652fca38d1b90a3dc90a28bbdcf742728a5a1a7f"; |
|
|
|
function validateAndRedirect(system) { |
|
const userPass = prompt("أدخل كلمة المرور للدخول:"); |
|
if (userPass === null) return; |
|
|
|
const userHash = CryptoJS.SHA256(userPass).toString(); |
|
|
|
if (userHash === hashedPassword) { |
|
const url = links[system]; |
|
if(url !== "#") { |
|
window.location.href = url; |
|
} else { |
|
alert("الرابط غير متوفر حالياً، سيتم إضافته قريباً."); |
|
} |
|
} else { |
|
alert("كلمة مرور غير صحيحة! الرجاء المحاولة مرة أخرى."); |
|
} |
|
} |
|
|
|
|
|
window.addEventListener('DOMContentLoaded', () => { |
|
const observer = new IntersectionObserver((entries) => { |
|
entries.forEach(entry => { |
|
if (entry.isIntersecting) { |
|
entry.target.style.opacity = 1; |
|
entry.target.style.transform = 'translateY(0)'; |
|
} |
|
}); |
|
}); |
|
|
|
document.querySelectorAll('.link-button, .info-section').forEach(el => { |
|
observer.observe(el); |
|
}); |
|
}); |
|
</script> |
|
</body> |
|
</html> |
