{"id":143348,"date":"2023-12-17T10:44:16","date_gmt":"2023-12-17T10:44:16","guid":{"rendered":"https:\/\/um-edu.online\/almaarefa\/?page_id=143348"},"modified":"2025-11-30T19:36:17","modified_gmt":"2025-11-30T19:36:17","slug":"computer-science","status":"publish","type":"page","link":"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science-2\/","title":{"rendered":"Department of Computer Science and Information Systems"},"content":{"rendered":"\n\n\n\n \n \n Computer Science and Information Systems Department<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Reset \u0644\u0644\u0643\u0648\u062f \u0641\u0642\u0637 - \u0644\u0627 \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 WordPress *\/\n .uqu-cs-dept-wrapper * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --uqu-cs-primary: #009CBF;\n --uqu-cs-secondary: #54585A;\n --uqu-cs-accent: #CF9E60;\n --uqu-cs-bg: #f5f7fa;\n --uqu-cs-light-bg: #eef3f7;\n --uqu-cs-text-main: #222222;\n --uqu-cs-text-muted: #666666;\n --uqu-cs-white: #ffffff;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(to bottom, #f5f7fa 0%, #ffffff 100%);\n color: var(--uqu-cs-text-main);\n line-height: 1.7;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n .uqu-cs-dept-wrapper {\n min-height: 100vh;\n }\n\n .uqu-cs-dept-nav {\n background-color: var(--uqu-cs-white);\n border-bottom: 1px solid #e0e0e0;\n padding: 10px 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n position: sticky;\n top: 0;\n z-index: 10;\n }\n\n .uqu-cs-dept-nav a {\n color: var(--uqu-cs-secondary);\n text-decoration: none;\n font-size: 0.95rem;\n font-weight: 500;\n padding: 4px 6px;\n border-radius: 4px;\n transition: background-color 0.2s, color 0.2s;\n }\n\n .uqu-cs-dept-nav a:hover {\n color: var(--uqu-cs-primary);\n background-color: rgba(0, 156, 191, 0.08);\n }\n\n \/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 *\/\n .uqu-cs-dept-dropdown {\n position: relative !important;\n display: inline-block !important;\n }\n\n .uqu-cs-dept-dropdown-btn {\n color: var(--uqu-cs-secondary) !important;\n text-decoration: none !important;\n font-size: 0.95rem !important;\n font-weight: 500 !important;\n padding: 4px 6px !important;\n border-radius: 4px !important;\n transition: background-color 0.2s, color 0.2s !important;\n background: none !important;\n border: none !important;\n cursor: pointer !important;\n font-family: inherit !important;\n display: flex !important;\n align-items: center !important;\n gap: 4px !important;\n }\n\n .uqu-cs-dept-dropdown-btn:hover {\n color: var(--uqu-cs-primary) !important;\n background-color: rgba(0, 156, 191, 0.08) !important;\n }\n\n .uqu-cs-dept-dropdown-content {\n display: none !important;\n position: absolute !important;\n background-color: var(--uqu-cs-white) !important;\n min-width: 200px !important;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;\n border-radius: 8px !important;\n padding: 8px 0 !important;\n z-index: 100 !important;\n top: 100% !important;\n right: 0 !important;\n margin-top: 5px !important;\n }\n\n .uqu-cs-dept-dropdown:hover .uqu-cs-dept-dropdown-content {\n display: block !important;\n }\n\n .uqu-cs-dept-dropdown-content a {\n color: var(--uqu-cs-secondary) !important;\n padding: 10px 20px !important;\n text-decoration: none !important;\n display: block !important;\n font-size: 0.9rem !important;\n transition: all 0.2s !important;\n }\n\n .uqu-cs-dept-dropdown-content a:hover {\n background-color: rgba(0, 156, 191, 0.08) !important;\n color: var(--uqu-cs-primary) !important;\n }\n\n .uqu-cs-dept-dropdown-arrow {\n width: 12px !important;\n height: 12px !important;\n transition: transform 0.2s !important;\n }\n\n .uqu-cs-dept-dropdown:hover .uqu-cs-dept-dropdown-arrow {\n transform: rotate(180deg) !important;\n }\n\n .uqu-cs-dept-lang-btn {\n background: linear-gradient(135deg, var(--uqu-cs-primary), var(--uqu-cs-secondary)) !important;\n color: white !important;\n border: none !important;\n padding: 8px 16px !important;\n border-radius: 20px !important;\n cursor: pointer !important;\n font-size: 0.9rem !important;\n font-weight: 600 !important;\n transition: all 0.3s !important;\n display: flex !important;\n align-items: center !important;\n gap: 6px !important;\n font-family: inherit !important;\n }\n\n .uqu-cs-dept-lang-btn:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 4px 12px rgba(0, 156, 191, 0.3) !important;\n }\n\n .uqu-cs-dept-lang-btn svg {\n width: 16px !important;\n height: 16px !important;\n }\n\n .uqu-cs-dept-banner {\n background: linear-gradient(135deg, #1e3a5f 0%, var(--uqu-cs-primary) 50%, var(--uqu-cs-accent) 100%) !important;\n color: var(--uqu-cs-white) !important;\n padding: 90px 20px 85px !important;\n text-align: center !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n .uqu-cs-dept-banner::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,%3Csvg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cpath d=\"M0 0h100v100H0z\" fill=\"none\"\/%3E%3Cpath d=\"M50 0L100 50 50 100 0 50z\" fill=\"%23ffffff\" opacity=\"0.03\"\/%3E%3C\/svg%3E');\n opacity: 0.1;\n }\n\n .uqu-cs-dept-banner h1 {\n font-size: 2.8rem !important;\n margin-bottom: 12px !important;\n font-weight: 800 !important;\n position: relative !important;\n z-index: 1 !important;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) !important;\n color: #ffffff !important;\n }\n\n .uqu-cs-dept-banner p {\n font-size: 1.3rem !important;\n opacity: 0.95 !important;\n position: relative !important;\n z-index: 1 !important;\n font-weight: 500 !important;\n color: #ffffff !important;\n }\n\n .uqu-cs-dept-container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .uqu-cs-dept-welcome-box {\n background: var(--uqu-cs-white);\n background: radial-gradient(circle at top left, rgba(0, 156, 191, 0.03), transparent 70%);\n padding: 35px 30px;\n border-radius: 12px;\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\n margin-top: 50px;\n margin-bottom: 30px;\n border-left: 5px solid var(--uqu-cs-primary);\n text-align: left;\n }\n\n .uqu-cs-dept-welcome-box h2 {\n color: var(--uqu-cs-primary);\n margin-bottom: 18px;\n font-size: 1.9rem;\n font-weight: 700;\n }\n\n .uqu-cs-dept-text p {\n color: var(--uqu-cs-text-main);\n line-height: 1.9;\n font-size: 1.05rem;\n text-align: justify;\n text-align-last: left;\n }\n\n .uqu-cs-dept-hod-box {\n background: var(--uqu-cs-light-bg);\n padding: 28px 36px 26px;\n margin-top: 40px;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n border: 1px solid #dfe4e8;\n text-align: left;\n }\n\n .uqu-cs-dept-hod-label {\n font-size: 0.85rem;\n color: var(--uqu-cs-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .uqu-cs-dept-hod-name {\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--uqu-cs-secondary);\n }\n\n .uqu-cs-dept-tabs-container {\n margin-top: 50px;\n }\n\n .uqu-cs-dept-tabs {\n display: flex;\n gap: 8px;\n border-bottom: 2px solid #e0e0e0;\n margin-bottom: 0;\n flex-wrap: wrap;\n }\n\n .uqu-cs-dept-tab {\n padding: 14px 28px !important;\n background: transparent !important;\n border: none !important;\n color: var(--uqu-cs-text-muted) !important;\n font-size: 1.05rem !important;\n font-weight: 600 !important;\n cursor: pointer !important;\n transition: all 0.3s !important;\n border-bottom: 3px solid transparent !important;\n position: relative !important;\n font-family: inherit !important;\n }\n\n .uqu-cs-dept-tab:hover {\n color: var(--uqu-cs-primary) !important;\n background: rgba(0, 156, 191, 0.05) !important;\n }\n\n .uqu-cs-dept-tab.active {\n color: var(--uqu-cs-primary) !important;\n border-bottom-color: var(--uqu-cs-primary) !important;\n }\n\n .uqu-cs-dept-tab-content {\n display: none !important;\n padding: 32px 28px !important;\n background: var(--uqu-cs-white) !important;\n border-radius: 0 0 12px 12px !important;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;\n animation: fadeIn 0.4s !important;\n }\n\n .uqu-cs-dept-tab-content.active {\n display: block !important;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .uqu-cs-dept-tab-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n }\n\n .uqu-cs-dept-tab-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(207, 158, 96, 0.15));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--uqu-cs-primary);\n }\n\n .uqu-cs-dept-tab-title {\n font-size: 1.5rem;\n color: var(--uqu-cs-secondary);\n font-weight: 700;\n }\n\n .uqu-cs-dept-tab-text {\n color: var(--uqu-cs-text-main);\n line-height: 1.9;\n font-size: 1.05rem;\n text-align: left;\n }\n\n .uqu-cs-dept-vm-card {\n background: var(--uqu-cs-white);\n padding: 32px 28px;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n border-right: 4px solid var(--uqu-cs-primary);\n transition: transform 0.2s, box-shadow 0.2s;\n position: relative;\n overflow: hidden;\n }\n\n .uqu-cs-dept-vm-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, var(--uqu-cs-primary), var(--uqu-cs-accent));\n }\n\n .uqu-cs-dept-vm-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\n }\n\n .uqu-cs-dept-vm-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.15), rgba(207, 158, 96, 0.15));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 18px;\n color: var(--uqu-cs-primary);\n box-shadow: 0 2px 8px rgba(0, 156, 191, 0.2);\n }\n\n .uqu-cs-dept-vm-title {\n font-size: 1.4rem;\n color: var(--uqu-cs-secondary);\n margin-bottom: 14px;\n font-weight: 700;\n position: relative;\n padding-bottom: 10px;\n }\n\n .uqu-cs-dept-vm-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 50px;\n height: 3px;\n background: var(--uqu-cs-accent);\n border-radius: 2px;\n }\n\n .uqu-cs-dept-vm-text {\n color: var(--uqu-cs-text-main);\n line-height: 1.9;\n font-size: 1.02rem;\n text-align: right;\n font-weight: 400;\n }\n\n .uqu-cs-dept-objectives-list {\n list-style: none;\n padding-left: 0;\n }\n\n .uqu-cs-dept-objectives-list li {\n padding: 12px 0 12px 30px;\n position: relative;\n color: var(--uqu-cs-text-main);\n line-height: 1.8;\n font-size: 1.02rem;\n text-align: left;\n }\n\n .uqu-cs-dept-objectives-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--uqu-cs-primary);\n font-weight: bold;\n font-size: 0.8rem;\n }\n\n .uqu-cs-dept-programs-layout {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n margin-top: 30px;\n margin-bottom: 50px;\n }\n\n .uqu-cs-dept-prog-item {\n background: var(--uqu-cs-white);\n padding: 28px 20px;\n border-radius: 8px;\n text-align: center;\n border-top: 3px solid var(--uqu-cs-primary);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n transition: transform 0.2s, box-shadow 0.2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n }\n\n .uqu-cs-dept-prog-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n }\n\n .uqu-cs-dept-prog-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.1), rgba(207, 158, 96, 0.1));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n }\n\n .uqu-cs-dept-prog-icon svg {\n width: 36px;\n height: 36px;\n color: var(--uqu-cs-primary);\n }\n\n .uqu-cs-dept-badge {\n display: inline-block;\n background-color: #e3f2fd;\n color: #1565c0;\n padding: 4px 12px;\n border-radius: 12px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n .uqu-cs-dept-prog-item h3 {\n color: var(--uqu-cs-secondary);\n font-size: 1.15rem;\n font-weight: 600;\n margin-top: 4px;\n }\n\n .uqu-cs-dept-faculty-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 24px;\n margin-top: 40px;\n margin-bottom: 60px;\n }\n\n .uqu-cs-dept-faculty-card {\n background: var(--uqu-cs-white);\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n transition: transform 0.2s, box-shadow 0.2s;\n display: flex;\n flex-direction: column;\n }\n\n .uqu-cs-dept-faculty-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n }\n\n .uqu-cs-dept-faculty-header {\n background: linear-gradient(135deg, var(--uqu-cs-primary), var(--uqu-cs-secondary));\n padding: 24px 20px 20px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n\n .uqu-cs-dept-faculty-avatar {\n width: 70px;\n height: 70px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--uqu-cs-white);\n border: 3px solid rgba(255, 255, 255, 0.3);\n }\n\n .uqu-cs-dept-faculty-name {\n color: var(--uqu-cs-white);\n font-size: 1.1rem;\n font-weight: 600;\n }\n\n .uqu-cs-dept-faculty-body {\n padding: 15px 20px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n gap: 8px;\n font-size: 0.9rem;\n text-align: center;\n }\n\n .uqu-cs-dept-faculty-role {\n color: var(--uqu-cs-accent);\n font-weight: 600;\n font-size: 0.85rem;\n background: #fff8e1;\n padding: 2px 8px;\n border-radius: 4px;\n align-self: center;\n }\n\n .uqu-cs-dept-faculty-email {\n color: var(--uqu-cs-text-muted);\n font-size: 0.8rem;\n word-break: break-all;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n margin-top: auto;\n }\n\n .uqu-cs-dept-section-title {\n text-align: center;\n color: var(--uqu-cs-secondary);\n font-size: 2.2rem;\n margin-top: 70px;\n margin-bottom: 40px;\n position: relative;\n font-weight: 800;\n }\n\n .uqu-cs-dept-section-title::after {\n content: '';\n display: block;\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, var(--uqu-cs-primary), var(--uqu-cs-accent));\n margin: 14px auto 0;\n border-radius: 4px;\n }\n\n .uqu-cs-dept-footer {\n background: var(--uqu-cs-secondary);\n color: var(--uqu-cs-white);\n padding: 40px 20px 35px;\n text-align: center;\n margin-top: 60px;\n }\n\n .uqu-cs-dept-footer h3 {\n margin-bottom: 14px;\n font-size: 1.4rem;\n }\n\n .uqu-cs-dept-footer p {\n font-size: 0.95rem;\n opacity: 0.9;\n line-height: 1.8;\n }\n\n .uqu-cs-dept-contact-section {\n background: var(--uqu-cs-white);\n padding: 40px 32px;\n margin-top: 60px;\n margin-bottom: 40px;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n }\n\n .uqu-cs-dept-contact-form {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .uqu-cs-dept-form-group {\n margin-bottom: 20px;\n }\n\n .uqu-cs-dept-form-label {\n display: block;\n margin-bottom: 8px;\n color: var(--uqu-cs-secondary);\n font-weight: 600;\n font-size: 0.95rem;\n text-align: right;\n }\n\n .uqu-cs-dept-form-input,\n .uqu-cs-dept-form-textarea {\n width: 100%;\n padding: 12px 16px;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 1rem;\n font-family: inherit;\n transition: border-color 0.3s;\n text-align: right;\n }\n\n .uqu-cs-dept-form-input:focus,\n .uqu-cs-dept-form-textarea:focus {\n outline: none;\n border-color: var(--uqu-cs-primary);\n }\n\n .uqu-cs-dept-form-textarea {\n min-height: 120px;\n resize: vertical;\n }\n\n .uqu-cs-dept-form-button {\n background: linear-gradient(135deg, var(--uqu-cs-primary), var(--uqu-cs-secondary));\n color: white;\n padding: 14px 40px;\n border: none;\n border-radius: 8px;\n font-size: 1.05rem;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n font-family: inherit;\n width: 100%;\n }\n\n .uqu-cs-dept-form-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0, 156, 191, 0.3);\n }\n\n .uqu-cs-dept-contact-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .uqu-cs-dept-contact-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 16px;\n background: var(--uqu-cs-light-bg);\n border-radius: 8px;\n text-align: right;\n }\n\n .uqu-cs-dept-contact-icon {\n width: 40px;\n height: 40px;\n background: var(--uqu-cs-primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .uqu-cs-dept-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 80px 0 80px 0;\n max-width: 1100px;\n padding: 50px 20px;\n position: relative;\n z-index: 5;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n margin-left: auto;\n margin-right: auto;\n }\n \n .uqu-cs-dept-stats::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100vw;\n height: 100%;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n z-index: -1;\n }\n\n .uqu-cs-dept-stat-card {\n background: var(--uqu-cs-white);\n padding: 28px 20px;\n border-radius: 12px;\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s, box-shadow 0.3s;\n border-top: 4px solid var(--uqu-cs-primary);\n }\n\n .uqu-cs-dept-stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n }\n\n .uqu-cs-dept-stat-number {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--uqu-cs-primary);\n margin-bottom: 8px;\n line-height: 1;\n }\n\n .uqu-cs-dept-stat-label {\n font-size: 1.05rem;\n color: var(--uqu-cs-secondary);\n font-weight: 600;\n }\n\n .uqu-cs-dept-stat-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, rgba(0, 156, 191, 0.1), rgba(207, 158, 96, 0.1));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 12px;\n color: var(--uqu-cs-primary);\n }\n\n \/* \u0627\u0633\u062a\u062c\u0627\u0628\u0629 *\/\n @media (min-width: 768px) {\n .uqu-cs-dept-hod-box {\n flex-direction: row-reverse;\n text-align: right;\n justify-content: space-between;\n padding: 32px 48px 30px;\n align-items: center;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"uqu-cs-dept-wrapper\">\n\n <nav class=\"uqu-cs-dept-nav\">\n <a href=\"#welcome\">Welcome<\/a>\n <a href=\"#programs\">Programs<\/a>\n <div class=\"uqu-cs-dept-dropdown\">\n <button class=\"uqu-cs-dept-dropdown-btn\">\n Department Activities\n <svg class=\"uqu-cs-dept-dropdown-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/button>\n <div class=\"uqu-cs-dept-dropdown-content\">\n <a href=\"https:\/\/www.um.edu.sa\/en\/pdfviewer\/annual-report-department-computer\/\" target=\"_blank\">Annual Report<\/a>\n <a href=\"https:\/\/www.um.edu.sa\/en\/pdfviewer\/student-participation-outstanding-conferences-hackathons\/\" target=\"_blank\">Student Participation<\/a>\n <\/div>\n <\/div>\n <a href=\"#faculty\">Faculty Members<\/a>\n <a href=\"#contact\">Contact Us<\/a>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science-2\/\" target=\"_blank\" class=\"uqu-cs-dept-lang-btn\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <span>\u0639\u0631\u0628\u064a<\/span>\n <\/a>\n <\/nav>\n\n <div class=\"uqu-cs-dept-banner\">\n <h1>Computer Science and Information Systems Department<\/h1>\n <p>Excellence in Education and Technical Research<\/p>\n <\/div>\n\n <div class=\"uqu-cs-dept-container\">\n\n <div class=\"uqu-cs-dept-welcome-box\" id=\"welcome\">\n <div style=\"display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 2px solid #e0e0e0;\">\n <div style=\"width: 70px; height: 70px; background: linear-gradient(135deg, rgba(0, 156, 191, 0.1), rgba(207, 158, 96, 0.1)); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n <svg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--uqu-cs-primary)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <div style=\"flex: 1; padding-top: 5px;\">\n <h2 style=\"margin: 0 0 18px 0; color: var(--uqu-cs-primary); font-size: 1.8rem; line-height: 1.3;\">Head of Department Message<\/h2>\n <div style=\"font-size: 1.3rem; font-weight: 600; color: var(--uqu-cs-secondary); line-height: 1.4;\">Dr. Mohammed AlGabri<\/div>\n <\/div>\n <\/div>\n <div class=\"uqu-cs-dept-text\">\n <p style=\"line-height: 2; color: #2c3e50; font-size: 1.05rem;\">\n The Computer Science and Information Systems Department is pleased to welcome visitors to its website.\n The department offers Bachelor’s programs in Computer Science.\n It also provides a Bachelor’s program in Information Systems.\n Additionally, it includes a Bachelor’s program in Health Information Systems.\n Furthermore, it offers a Master’s program in Cybersecurity.\n <\/p>\n <p style=\"line-height: 2; color: #2c3e50; font-size: 1.05rem;\">\n The department adopts an academic approach that combines theoretical fundamentals.\n This approach is linked to practical applications across various courses.\n It also focuses on developing research capabilities among students.\n It works on enhancing technical skills related to modern fields.\n The website presents the structure of programs and their requirements to provide a clear vision of academic tracks.\n <\/p>\n <\/div>\n <\/div>\n\n <h3 id=\"programs\" style=\"margin-top: 80px; margin-bottom: 20px; color: var(--uqu-cs-secondary); text-align: center;\">\n Available Academic Programs\n <\/h3>\n <div class=\"uqu-cs-dept-programs-layout\">\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d8%a8\/\" target=\"_blank\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"uqu-cs-dept-prog-item\">\n <div class=\"uqu-cs-dept-prog-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n <\/svg>\n <\/div>\n <span class=\"uqu-cs-dept-badge\">Bachelor’s<\/span>\n <h3>Computer Science<\/h3>\n <\/div>\n <\/a>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/information-systems-program\/\" target=\"_blank\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"uqu-cs-dept-prog-item\">\n <div class=\"uqu-cs-dept-prog-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n <\/svg>\n <\/div>\n <span class=\"uqu-cs-dept-badge\">Bachelor’s<\/span>\n <h3>Information Systems<\/h3>\n <\/div>\n <\/a>\n <a href=\"https:\/\/www.um.edu.sa\/en\/applied-sciences\/computer-science\/health-information-systems\/\" target=\"_blank\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"uqu-cs-dept-prog-item\">\n <div class=\"uqu-cs-dept-prog-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n <\/svg>\n <\/div>\n <span class=\"uqu-cs-dept-badge\">Bachelor’s<\/span>\n <h3>Health Information Systems<\/h3>\n <\/div>\n <\/a>\n <a href=\"https:\/\/www.um.edu.sa\/en\/graduate-studies\/%d9%85%d8%a7%d8%ac%d8%b3%d8%aa%d9%8a%d8%b1-%d8%a7%d9%84%d8%a3%d9%85%d9%86-%d8%a7%d9%84%d8%b3%d9%8a%d8%a8%d8%b1%d8%a7%d9%86%d9%8a\/\" target=\"_blank\" style=\"text-decoration: none; color: inherit;\">\n <div class=\"uqu-cs-dept-prog-item\" style=\"border-top-color: var(--uqu-cs-accent);\">\n <div class=\"uqu-cs-dept-prog-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n <\/svg>\n <\/div>\n <span class=\"uqu-cs-dept-badge\"\n style=\"background-color: #fff3cd; color: #856404;\">Master’s<\/span>\n <h3>Cybersecurity<\/h3>\n <\/div>\n <\/a>\n <\/div>\n\n <\/div>\n\n <div class=\"uqu-cs-dept-stats\">\n <div class=\"uqu-cs-dept-stat-card\">\n <div class=\"uqu-cs-dept-stat-icon\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"uqu-cs-dept-stat-number\">298<\/div>\n <div class=\"uqu-cs-dept-stat-label\">Male Students<\/div>\n <\/div>\n\n <div class=\"uqu-cs-dept-stat-card\">\n <div class=\"uqu-cs-dept-stat-icon\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"uqu-cs-dept-stat-number\">232<\/div>\n <div class=\"uqu-cs-dept-stat-label\">Female Students<\/div>\n <\/div>\n\n <div class=\"uqu-cs-dept-stat-card\">\n <div class=\"uqu-cs-dept-stat-icon\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"uqu-cs-dept-stat-number\">4<\/div>\n <div class=\"uqu-cs-dept-stat-label\">Academic Programs<\/div>\n <\/div>\n <\/div>\n\n <div class=\"uqu-cs-dept-container\">\n\n <h2 class=\"uqu-cs-dept-section-title\" id=\"faculty\">Faculty Members<\/h2>\n <div class=\"uqu-cs-dept-faculty-grid\">\n\n <!-- Member 1 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Dr. Mohammed AlGabri<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Department Head<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n mgabri@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 2 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Ms. Mona Al Ahmari<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Assistant Department Head<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n mahmari@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 3 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Prof. Ashit Dotta<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Professor<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n adotta@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 4 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Dr. Nasriah Zakaria<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Associate Professor<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n nzakaria@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 5 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Dr. Nisreen Innab<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Associate Professor<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n ninnab@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 6 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Dr. Ismail Mohamed<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Associate Professor<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n imohamed@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 7 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Ms. Eman Allubadi<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Lecturer<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n elubadi@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 8 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Mr. Raed Alhamarneh<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Lecturer<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n rhamarne@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 9 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Dr. Rasha Allam<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Assistant Professor<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n rallam@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 10 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Dr. Saleh AlAbdulwahab<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Assistant Professor<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n sabdulwahab@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 11 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Ms. Nouf Alrubayyi<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Lecturer<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n nrubayyi@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 12 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Ms. Sara AlKharaan<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Lecturer<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n skharaan@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Member 13 -->\n <div class=\"uqu-cs-dept-faculty-card\">\n <div class=\"uqu-cs-dept-faculty-header\">\n <div class=\"uqu-cs-dept-faculty-avatar\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0 4 4v2\"><\/path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/div>\n <h3 class=\"uqu-cs-dept-faculty-name\">Mr. Mohammed Raheemuddin<\/h3>\n <\/div>\n <div class=\"uqu-cs-dept-faculty-body\">\n <div class=\"uqu-cs-dept-faculty-role\">Teaching Assistant<\/div>\n <div class=\"uqu-cs-dept-faculty-email\">\n <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\n <\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n mraheemuddin@um.edu.sa\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"uqu-cs-dept-contact-section\" id=\"contact\">\n <h2 class=\"uqu-cs-dept-section-title\">Contact Us<\/h2>\n \n <div class=\"uqu-cs-dept-contact-info\">\n <div class=\"uqu-cs-dept-contact-item\">\n <div class=\"uqu-cs-dept-contact-icon\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n <\/svg>\n <\/div>\n <div>\n <strong>Address<\/strong>\n <p style=\"margin: 4px 0 0 0; color: #666;\">Knowledge University – Diriyah<\/p>\n <\/div>\n <\/div>\n <div class=\"uqu-cs-dept-contact-item\">\n <div class=\"uqu-cs-dept-contact-icon\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n <\/div>\n <div>\n <strong>Email<\/strong>\n <p style=\"margin: 4px 0 0 0; color: #666;\">csis.dir@um.edu.sa<\/p>\n <\/div>\n <\/div>\n <div class=\"uqu-cs-dept-contact-item\">\n <div class=\"uqu-cs-dept-contact-icon\">\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <strong>Phone<\/strong>\n <p style=\"margin: 4px 0 0 0; color: #666;\">920011909 – Ext: 2727<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <form class=\"uqu-cs-dept-contact-form\" onsubmit=\"return handleSubmit(event)\" action=\"\">\n <div class=\"uqu-cs-dept-form-group\">\n <label class=\"uqu-cs-dept-form-label\">Full Name<\/label>\n <input type=\"text\" class=\"uqu-cs-dept-form-input\" required placeholder=\"Enter your full name\">\n <\/div>\n <div class=\"uqu-cs-dept-form-group\">\n <label class=\"uqu-cs-dept-form-label\">Email<\/label>\n <input type=\"email\" class=\"uqu-cs-dept-form-input\" required placeholder=\"example@email.com\">\n <\/div>\n <div class=\"uqu-cs-dept-form-group\">\n <label class=\"uqu-cs-dept-form-label\">Subject<\/label>\n <input type=\"text\" class=\"uqu-cs-dept-form-input\" required placeholder=\"Message subject\">\n <\/div>\n <div class=\"uqu-cs-dept-form-group\">\n <label class=\"uqu-cs-dept-form-label\">Message<\/label>\n <textarea class=\"uqu-cs-dept-form-textarea\" required placeholder=\"Write your message here...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"uqu-cs-dept-form-button\">Send Message<\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <script>\n function openTab(evt, tabName) {\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0627\u062a\n var tabContents = document.getElementsByClassName(\"uqu-cs-dept-tab-content\");\n for (var i = 0; i < tabContents.length; i++) {\n tabContents[i].classList.remove(\"active\");\n }\n\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0637\u0629 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0627\u0628\u0627\u062a\n var tabs = document.getElementsByClassName(\"uqu-cs-dept-tab\");\n for (var i = 0; i < tabs.length; i++) {\n tabs[i].classList.remove(\"active\");\n }\n\n \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u062a\u0627\u0628 \u0627\u0644\u0645\u062d\u062f\u062f \u0648\u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0632\u0631\n document.getElementById(tabName).classList.add(\"active\");\n evt.currentTarget.classList.add(\"active\");\n }\n\n function handleSubmit(event) {\n event.preventDefault();\n alert('Thank you for contacting us! We will respond to you as soon as possible.');\n event.target.reset();\n return false;\n }\n\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Computer Science and Information Systems Department Welcome Programs Department Activities Annual Report Student Participation Faculty Members Contact Us \u0639\u0631\u0628\u064a Computer Science and Information Systems Department Excellence in Education and Technical Research Head of Department Message Dr. Mohammed AlGabri The Computer … <\/p>","protected":false},"author":33,"featured_media":0,"parent":143813,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-143348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages\/143348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/comments?post=143348"}],"version-history":[{"count":0,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages\/143348\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/pages\/143813"}],"wp:attachment":[{"href":"https:\/\/www.um.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=143348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}