توظيف
تواصل معنا
للتسجيل
زيارة الحرم الجامعي
توظيف تواصل معنا
القبول في برامج جامعة المعرفة * { margin: 0; padding: 0; box-sizing: border-box; } :root { –primary: #009CBF; –secondary: #54585A; –accent: #CF9E60; –bg: #f5f7fa; –white: #ffffff; –text-main: #222222; –text-muted: #666666; } body { font-family: ‘Cairo’, ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%); color: var(–text-main); line-height: 1.7; min-height: 100vh; } .admission-wrapper { min-height: 100vh; padding-bottom: 50px; } /* Header */ .admission-header { background: linear-gradient(135deg, #1e3a5f 0%, var(–primary) 50%, var(–accent) 100%); color: white; padding: 80px 20px; text-align: center; position: relative; overflow: hidden; } .admission-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(‘data:image/svg+xml,%3Csvg width=”60″ height=”60″ xmlns=”http://www.w3.org/2000/svg”%3E%3Cpath d=”M30 0L60 30 30 60 0 30z” fill=”%23ffffff” opacity=”0.05″/%3E%3C/svg%3E’); opacity: 0.3; } .admission-header h1 { font-size: 2.8rem; font-weight: 800; margin-bottom: 15px; position: relative; z-index: 1; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); color: #ffffff !important; } .admission-header p { font-size: 1.3rem; opacity: 0.95; position: relative; z-index: 1; color: #ffffff !important; } /* Container */ .admission-container { max-width: 1200px; margin: 0 auto; padding: 50px 20px; } /* Program Boxes */ .programs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-top: 20px; } .program-box { background: var(–white); border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); overflow: hidden; transition: all 0.4s ease; position: relative; } .program-box:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); } .program-box-header { padding: 30px; text-align: center; position: relative; } .program-box:nth-child(1) .program-box-header { background: linear-gradient(135deg, #009CBF, #0077a3); } .program-box:nth-child(2) .program-box-header { background: linear-gradient(135deg, #CF9E60, #b8864a); } .program-box:nth-child(3) .program-box-header { background: linear-gradient(135deg, #54585A, #3d4042); } .program-box-icon { width: 80px; height: 80px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .program-box-icon svg { width: 40px; height: 40px; stroke: white; } .program-box-header h2 { color: white; font-size: 1.5rem; font-weight: 700; margin: 0; } .program-box-content { padding: 30px; } /* Action Buttons */ .action-buttons { display: flex; flex-direction: column; gap: 15px; } .action-btn { display: flex; align-items: center; gap: 15px; padding: 18px 20px; background: var(–bg); border-radius: 12px; text-decoration: none; color: var(–text-main); transition: all 0.3s ease; cursor: pointer; border: 2px solid transparent; } .action-btn:hover { background: white; border-color: var(–primary); transform: translateX(-5px); } .program-box:nth-child(2) .action-btn:hover { border-color: var(–accent); } .program-box:nth-child(3) .action-btn:hover { border-color: var(–secondary); } .action-btn-icon { width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .program-box:nth-child(1) .action-btn-icon { background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05)); } .program-box:nth-child(1) .action-btn-icon svg { stroke: var(–primary); } .program-box:nth-child(2) .action-btn-icon { background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05)); } .program-box:nth-child(2) .action-btn-icon svg { stroke: var(–accent); } .program-box:nth-child(3) .action-btn-icon { background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05)); } .program-box:nth-child(3) .action-btn-icon svg { stroke: var(–secondary); } .action-btn-icon svg { width: 24px; height: 24px; } .action-btn-text { flex: 1; } .action-btn-text h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 3px; } .action-btn-text p { font-size: 0.85rem; color: var(–text-muted); margin: 0; } .action-btn-arrow { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .action-btn-arrow svg { width: 16px; height: 16px; stroke: var(–text-muted); transform: rotate(180deg); } /* Modal */ .modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 1000; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(5px); } .modal-overlay.active { display: flex; } .modal { background: white; border-radius: 20px; max-width: 600px; width: 100%; max-height: 80vh; overflow: hidden; animation: modalSlide 0.3s ease; } @keyframes modalSlide { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } .modal-header { padding: 25px 30px; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; } .modal-header.bachelor { background: linear-gradient(135deg, #009CBF, #0077a3); } .modal-header.master { background: linear-gradient(135deg, #CF9E60, #b8864a); } .modal-header.bridge { background: linear-gradient(135deg, #54585A, #3d4042); } .modal-header h2 { color: #ffffff !important; font-size: 1.4rem; font-weight: 700; position: relative; z-index: 1; } .modal-header::before { display: none !important; } .modal-close { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; background: rgba(0, 0, 0, 0.25) !important; border: none !important; border-radius: 50% !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s !important; position: relative !important; z-index: 2 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; outline: none !important; } .modal-close:hover { background: rgba(0, 0, 0, 0.4) !important; transform: rotate(90deg) !important; } .modal-close::before, .modal-close::after { display: none !important; content: none !important; } .modal-close svg { width: 16px !important; height: 16px !important; stroke: #ffffff !important; stroke-width: 2.5 !important; display: block !important; fill: none !important; } .modal-body { padding: 20px 30px 30px; max-height: 60vh; overflow-y: auto; } .program-list { list-style: none; } .program-list li { margin-bottom: 10px; } .program-list li:last-child { margin-bottom: 0; } .program-list li a { padding: 15px 20px; background: var(–bg); border-radius: 10px; display: flex; align-items: center; gap: 15px; transition: all 0.3s; cursor: pointer; text-decoration: none; color: var(–text-main); } .program-list li a:hover { background: white; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transform: translateX(-5px); } .program-list-icon { width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .modal-header.bachelor + .modal-body .program-list-icon { background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(0, 156, 191, 0.05)); } .modal-header.bachelor + .modal-body .program-list-icon svg { stroke: var(–primary); } .modal-header.master + .modal-body .program-list-icon { background: linear-gradient(135deg, rgba(207, 158, 96, 0.15), rgba(207, 158, 96, 0.05)); } .modal-header.master + .modal-body .program-list-icon svg { stroke: var(–accent); } .modal-header.bridge + .modal-body .program-list-icon { background: linear-gradient(135deg, rgba(84, 88, 90, 0.15), rgba(84, 88, 90, 0.05)); } .modal-header.bridge + .modal-body .program-list-icon svg { stroke: var(–secondary); } .program-list-icon svg { width: 22px; height: 22px; } .program-list span { font-size: 1.05rem; font-weight: 500; flex: 1; } .program-list-arrow svg { width: 18px; height: 18px; stroke: var(–text-muted); transform: rotate(180deg); } /* Responsive */ @media (max-width: 768px) { .admission-header h1 { font-size: 2rem; } .admission-header p { font-size: 1.1rem; } .programs-grid { grid-template-columns: 1fr; } .program-box-header h2 { font-size: 1.3rem; } .modal { margin: 10px; } }

القبول في برامج جامعة المعرفة

اختر البرنامج المناسب لك وابدأ رحلتك الأكاديمية

القبول في برامج البكالوريوس

الاطلاع على معلومات البرامج

تعرف على تفاصيل البرامج المتاحة

الاطلاع على شروط القبول

تعرف على متطلبات القبول

التسجيل في البرامج

قدم طلبك الآن

القبول في برامج الماجستير

الاطلاع على معلومات البرامج

تعرف على تفاصيل البرامج المتاحة

الاطلاع على شروط القبول

تعرف على متطلبات القبول

التسجيل في البرامج

قدم طلبك الآن

القبول في برامج التجسير

الاطلاع على معلومات البرامج

تعرف على تفاصيل البرامج المتاحة

الاطلاع على شروط القبول

تعرف على متطلبات القبول

التسجيل في البرامج

قدم طلبك الآن
function openModal(type) { if (type === ‘bachelor’) { document.getElementById(‘bachelorModal’).classList.add(‘active’); } else if (type === ‘master’) { document.getElementById(‘masterModal’).classList.add(‘active’); } else if (type === ‘bridge’) { document.getElementById(‘bridgeModal’).classList.add(‘active’); } else if (type === ‘bridgeConditions’) { document.getElementById(‘bridgeConditionsModal’).classList.add(‘active’); } document.body.style.overflow = ‘hidden’; } function closeModal(type) { if (type === ‘bachelor’) { document.getElementById(‘bachelorModal’).classList.remove(‘active’); } else if (type === ‘master’) { document.getElementById(‘masterModal’).classList.remove(‘active’); } else if (type === ‘bridge’) { document.getElementById(‘bridgeModal’).classList.remove(‘active’); } else if (type === ‘bridgeConditions’) { document.getElementById(‘bridgeConditionsModal’).classList.remove(‘active’); } document.body.style.overflow = ‘auto’; } // إغلاق المودال عند النقر خارجه document.querySelectorAll(‘.modal-overlay’).forEach(overlay => { overlay.addEventListener(‘click’, function(e) { if (e.target === this) { this.classList.remove(‘active’); document.body.style.overflow = ‘auto’; } }); }); // إغلاق المودال بزر Escape document.addEventListener(‘keydown’, function(e) { if (e.key === ‘Escape’) { document.querySelectorAll(‘.modal-overlay’).forEach(overlay => { overlay.classList.remove(‘active’); }); document.body.style.overflow = ‘auto’; } });