<!DOCTYPE html><!DOCTYPE html><html lang="ar" dir="rtl" ><head> <!-- Meta Tags --><meta name="viewport" content="width=device-width,initial-scale=1.0"/><meta http-equiv="content-type" content="text/html; charset=UTF-8"/><meta name="description" content="كلية الشرق الاوسط الجامعة" /><meta name="keywords" content="كلية, الشرق, الاوسط, الجامعة, تعليم, عراق" /> <meta name="author" content="كلية الشرق الاوسط الجامعة" /> <!-- Page Title --><title>كلية الشرق الاوسط الجامعة</title> <link rel="icon" type="image/png" href="https://meuc.edu.iq/uploads/favicon.png"><!-- Favicon and Touch Icons --> <!-- All CSS --> <link href="https://meuc.edu.iq/new_assets/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/jquery-ui.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/animate.min.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/magnific-popup.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/owl.carousel.min.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/select2.min.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/select2-bootstrap.min.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/sweetalert2.min.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/iziToast.min.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/spacing.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/font_awesome_5_free.min.css"><link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/style.css"><link href="https://meuc.edu.iq/template_assets/css/bootstrap-rtl.min.css" rel="stylesheet" /><link href="https://meuc.edu.iq/template_assets/css/animate.min.css" rel="stylesheet" type="text/css"><link href="https://meuc.edu.iq/css/javascript-plugins-bundle.css" rel="stylesheet" /> <!-- CSS | menuzord megamenu skins --><link href="https://meuc.edu.iq/new_assets/js/menuzord/css/menuzord.css" rel="stylesheet" /> <link href="https://meuc.edu.iq/template_assets/css/pe-icon-7-stroke.css" rel="stylesheet" /> <!-- CSS | Main style file --><link href="https://meuc.edu.iq/new_assets/css/style-main-rtl.css" rel="stylesheet" type="text/css"><link href="https://meuc.edu.iq/new_assets/css/style-main-rtl-extra.css" rel="stylesheet" type="text/css"><link id="menuzord-menu-skins" href="https://meuc.edu.iq/new_assets/css/menuzord-skins/menuzord-rounded-boxed.css" rel="stylesheet" /> <!-- CSS | Responsive media queries --><link href="https://meuc.edu.iq/new_assets/css/responsive.css" rel="stylesheet" type="text/css"><!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. --> <!-- CSS | Theme Color --><link href="https://meuc.edu.iq/new_assets/css/colors/theme-skin-color-set1.css" rel="stylesheet" type="text/css"> <!-- CSS | Google Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.css'><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /><!-- REVOLUTION STYLE SHEETS --> <!-- REVOLUTION LAYERS STYLES --> <style> .swiper { width: 100%; height: 100%; position: relative; } .swiper-slide { background-position: center; background-size: cover; position: relative; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1s ease, opacity 1s ease; /* Smooth transform and opacity */ opacity: 0; /* Start with opacity 0 */ } /* Smooth alternating zoom animation */ @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .zoom { animation: zoomInOut 8s infinite ease-in-out; /* Continuous zoom animation */ } .gradient-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%); z-index: 1; } .swiper-slide img { position: relative; z-index: 0; } /* Parallax text */ .swiper-slide .slide-title { position: absolute; bottom: 20%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 28px; font-weight: medium; text-align: center; line-height: 5vh; text-shadow: 1px 2px 5px rgba(0, 0, 0, 1); z-index: 10; opacity: 0; transition: transform 1s ease, opacity 1s ease; } .swiper-slide-active .slide-title { opacity: 1; transform: translate(-50%, -50%) scale(1.1); } /* Custom elegant arrow styles */ .swiper-button-next, .swiper-button-prev { width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); transition: background-color 0.3s, transform 0.8s; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #fff; transform: scale(1.1); } .swiper-button-next::after, .swiper-button-prev::after { font-size: 20px; color: #000; } .swiper-button-next::after { content: '→'; } .swiper-button-prev::after { content: '←'; } /* Swiper pagination styles */ .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.7); } .swiper-pagination-bullet-active { background: #fff; } /* Ensure default Swiper arrows are hidden if they still appear */ .swiper-button-default { display: none; } .my-custom-next, .my-custom-prev { width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); transition: background-color 0.3s, transform 0.8s; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } .my-custom-next { right: 10px; } .my-custom-prev { left: 10px; } .my-custom-next:hover, .my-custom-prev:hover { background-color: #fff; transform: scale(1.1); } .my-custom-next::after, .my-custom-prev::after { font-size: 20px; color: #000; } .my-custom-next::after { content: '→'; } .my-custom-prev::after { content: '←'; } </style> <style> .website-menu, .website-menu .bg-primary, .acme-news-ticker-label, .search-section button[type="submit"], .home-content .left .news-total-item .see-all a, .video-content, .footer ul.social li a, .footer input[type="submit"], .scroll-top, .widget .poll button, .nav-pills .nav-link.active, .related-news .owl-nav .owl-prev, .related-news .owl-nav .owl-next, .bg-website, .page-item.active .page-link { background: #1F3A93 !important; } .acme-news-ticker, .page-item.active .page-link { border-color: #1F3A93 !important; } ul.my-news-ticker li a, .home-content .left .news-total-item .left-side h3 a:hover, .home-content .left .news-total-item .right-side-item .right h2 a:hover, .home-content .left .news-total-item .left-side .date-user .user a:hover, .home-content .left .news-total-item .left-side .date-user .date a:hover, .home-content .left .news-total-item .right-side-item .right .date-user .user a:hover, .home-content .left .news-total-item .right-side-item .right .date-user .date a:hover, .widget .news-item .right h2 a:hover, .widget .news-item .right .date-user .user a:hover, .widget .news-item .right .date-user .date a:hover, .nav-pills .nav-link, .video-carousel .owl-nav .owl-prev, .video-carousel .owl-nav .owl-next, li.breadcrumb-item a, .category-page-post-item h3 a:hover, .category-page-post-item .date-user .user a:hover, .category-page-post-item .date-user .date a:hover, .related-news .item h3 a:hover, .related-news .item .date-user .user a:hover, .related-news .item .date-user .date a:hover, .accordion-button:not(.collapsed), .login-form a, ul.pagination .page-link { color: #1F3A93 !important; } .main-nav .nav-link .active { background-color: red !important } .dropdown-item { text-align: right !important; } .dropdown-menu[data-bs-popper] { right: 0 !important; } /* New CSS for active link */ .nav-link.active { font-weight: bolder; color: #1F3A93 /* Make text bold */ } .home-main .inner .text-inner .category span, .home-main .inner .text-inner .category span a, .home-content .left .news-total-item .left-side .category span, .home-content .left .news-total-item .left-side .category span a, .home-content .left .news-total-item .right-side-item .right .category span, .home-content .left .news-total-item .right-side-item .right .category span a, .widget .news-item .right .category span, .widget .news-item .right .category span a, .category-page-post-item .category span, .category-page-post-item .category span a, .tag-section-content span { background: #D4AF37 !important; } .nav-pills .nav-link.active, .page-item.active .page-link { color: #fff !important; } .related-news .item .category span { background: #D4AF37 !important; } element.style {} .top ul { margin-bottom: 0; padding-right: 0; } .justify-content-end { justify-content: flex-end !important; } .flex-row { flex-direction: row !important; } .d-flex { display: flex !important; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol, ul { padding-left: 0px !important; } .dropdown-menu { min-width: fit-content !important; } .translated-ltr { margin-top: -40px; } .translated-rtl { margin-top: -40px; } .goog-te-banner-frame { display: none; margin-top: -20px; } .goog-logo-link { display: none !important; } .goog-te-gadget { color: transparent !important; } #goog-gt-tt { display: none !important; } .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-l4eHX-hSRGPd img { display: none !important; } .VIpgJd-ZVi9od-l4eHX-hSRGPd, .VIpgJd-ZVi9od-l4eHX-hSRGPd:link, .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited, .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover, .VIpgJd-ZVi9od-l4eHX-hSRGPd:active { display: none !important; } #google_translate_element .goog-te-combo { display: none; } #flag-ar { display: none; } .clickable-flag:hover { cursor: pointer; } .navbar-light .navbar-nav .nav-link { font-size: 13px !important; } .layer-overlay { /* .overlay-theme-colored2 */ } .layer-overlay.overlay-theme-colored2::before { background-color: rgba(212, 175, 55, 0.8) !important; } .layer-overlay.overlay-theme-colored2-1::before { background-color: rgba(212, 175, 55, 0.1); } .layer-overlay.overlay-theme-colored2-2::before { background-color: rgba(212, 175, 55, 0.2); } .layer-overlay.overlay-theme-colored2-3::before { background-color: rgba(212, 175, 55, 0.3); } .layer-overlay.overlay-theme-colored2-4::before { background-color: rgba(212, 175, 55, 0.4); } .layer-overlay.overlay-theme-colored2-5::before { background-color: rgba(212, 175, 55, 0.5); } .layer-overlay.overlay-theme-colored2-6::before { background-color: rgba(212, 175, 55, 0.6); } .layer-overlay.overlay-theme-colored2-7::before { background-color: rgba(212, 175, 55, 0.7); } .layer-overlay.overlay-theme-colored2-8::before { background-color: rgba(212, 175, 55, 0.8); } .layer-overlay.overlay-theme-colored2-9::before { background-color: rgba(212, 175, 55, 0.9); } .btn-theme-colored2 { color: #000; background-color: #D4AF37; border-color: #D4AF37; } /* Add smooth transition for the date */ .owl-item p { transition: color 0.5s ease; /* Adjust duration and easing as needed */ } /* Add smooth transition for the title */ .owl-item h6 { transition: color 0.5s ease; /* Adjust duration and easing as needed */ } /* Change the color of the date on hover */ .owl-item a:hover p { color: #D4AF37; /* Replace with the dynamic color */ } /* Change the color of the title on hover */ .owl-item a:hover h6 { color: #D4AF37; /* Replace with the dynamic color */ } .btn-theme-colored2:hover { color: #000; background-color: #D4AF37; border-color: #D4AF37; } .btn-check:focus+.btn-theme-colored2, .btn-theme-colored2:focus { color: #000; background-color: #D4AF37; border-color: #D4AF37; box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.5); } .btn-check:checked+.btn-theme-colored2, .btn-check:active+.btn-theme-colored2, .btn-theme-colored2:active, .btn-theme-colored2.active, .show>.btn-theme-colored2.dropdown-toggle { color: #000; background-color: #D4AF37; border-color: #D4AF37; } .btn-check:checked+.btn-theme-colored2:focus, .btn-check:active+.btn-theme-colored2:focus, .btn-theme-colored2:active:focus, .btn-theme-colored2.active:focus, .show>.btn-theme-colored2.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.5); } .btn-theme-colored2:disabled, .btn-theme-colored2.disabled { color: #000; background-color: #D4AF37; border-color: #D4AF37; } /* Basic Styles */.funfact-item-container { position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* No shadow initially */} .funfact-item i, .funfact-item h2 { transition: all 0.5s ease;} /* Animation on Hover */.funfact-item-container:hover { transform: scale(1.05); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2); /* Shadow on hover */} /* Slide in icon on hover */.funfact-item:hover i { transform: translateX(20px);} /* Slide in title from opposite direction */.funfact-item:hover h2 { transform: translateX(-20px);} .translate_text{ color: #D4AF37 !important ;} /* Optional: Adjust floating or positioning issues */.menuzord-menu li { float: right !important;} .parallax-section { height: 500px; /* Adjust the height as needed */ background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; /* This makes the parallax effect */}</style> <link href="https://meuc.edu.iq/css/app.css" rel="stylesheet"> </head> <body class="tm-container-1340px has-side-panel side-panel-right"> <div class="website-menu d-none d-md-block" style=""> <div class="container" style=""> <div class="row"> <div class="col-md-12 "> <nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <div class="col-6"> <ul class="navbar-nav mb-2 mb-lg-0 p-0 "> <li class="nav-item"> <li class="contact-phone nav-link "> <i class="fa fa-phone font-icon sm-display-block"></i> Tel: 6722 </li> </li> <li class="nav-item"> <li class="contact-email nav-link"> <i class="fa fa-envelope font-icon sm-display-block"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b7ded9d1d8f7dad2c2d499d2d3c299dec6">[email protected]</a> </li> </li> </ul> </div> <div class="col-6"> <div class=" d-flex justify-content-end"> <ul class="navbar-nav mb-2 mb-lg-0 p-0"> <li class="nav-item"> <li><a target="_blank" class="nav-link" href="https://facebook.com/https://www.facebook.com/meuc.edu.iq/"><i class="fab fa-facebook"></i></a></li> <li><a target="_blank" class="nav-link" href="https://www.instagram.com/https://instagram.com/middle.e.u.c?igshid=MzRlODBiNWFlZA=="><i class="fab fa-instagram"></i></a></li> <li><a target="_blank" class="nav-link" href="https://www.youtube.com/https://www.youtube.com/@%D9%83%D9%84%D9%8A%D8%A9%D8%A7%D9%84%D8%B4%D8%B1%D9%82%D8%A7%D9%84%D8%A7%D9%88%D8%B3%D8%B7%D8%A7%D9%84%D8%AC%D8%A7%D9%85%D8%B9%D8%A9"><i class="fab fa-youtube"></i></a></li> </ul> </li> </ul> </div> </nav> </div> </div> </div> </div> <!-- preloader --><div id="preloader"> <div id="spinner"> <div class="preloader-dot-loading"> <div class="cssload-loading"><i></i><i></i><i></i><i></i></div> </div> </div> <div id="disable-preloader" class="btn btn-default btn-sm bg-white-f5">Disable Preloader</div></div><div class="side-panel-body-overlay"></div> <div id="wrapper" class="clearfix"> <!-- Header --> <header id="header" class="header header-layout-type-header-2rows" style="padding-bottom:12px; padding-top:0px; direction: rtl" > <div class="header-nav tm-enable-navbar-hide-on-scroll"> <div class="header-nav-wrapper navbar-scrolltofixed"> <div class="menuzord-container header-nav-container"> <div class="container position-relative"> <div class="row header-nav-col-row"> <div class="col-sm-auto align-self-center"> <a class="menuzord-brand site-brand" href="https://meuc.edu.iq"> <div class="d-flex flex-row align-items-center" style=" display: flex !important;"> <img src="https://meuc.edu.iq/uploads/logo.png" alt="" style="display: block !important;"> <h4 style=" font-size:1rem !important; margin-right:8px; margin-left:8px; color: #1F3A93;" class="h4 logo_title fw-bold">كلية الشرق الاوسط الجامعة</h4> </div> </a> </div> <div class="col-sm-auto ms-sm-0 ms-auto pr-0 align-self-center"> <nav id="top-primary-nav" class="menuzord theme-color1" data-effect="slide" data-animation="none" data-align="left" dir="" > <ul id="main-nav" class="menuzord-menu" > <li class="active menu-item"> <li class="nav-item" > <a style="background-color: #1F3A93" class=" homepage main-nav nav-link active" aria-current="page" href="https://meuc.edu.iq">الرئيسية</a> </li> </li> <li class="nav-item"> <a class="main-nav nav-link " aria-current="page" href="https://meuc.edu.iq/about" style="font-size:small;">عن الكلية</a> </li> <li class="nav-item"> <a class="main-nav nav-link " aria-current="page" href="https://meuc.edu.iq/faq" style="font-size:small;">الاسئلة الشائعة</a> </li> <style> .dropdown-item{text-align: right !important} .dropdown-menu[data-bs-popper] { right:0 !important; } </style> <li class="menu-item" ><a href="#" style="font-size:small;">الاقسام الاكاديمية</a> <ul class="dropdown"> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/1" style="font-size:small;">قسم الصيدلة</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/33" style="font-size:small;">قسم هندسة تقنيات الحاسوب</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/34" style="font-size:small;">قسم علوم الحياة</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/35" style="font-size:small;">قسم القانون</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/36" style="font-size:small;">قسم اللغة العربية</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/37" style="font-size:small;">قسم طب الاسنان</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/38" style="font-size:small;">قسم التخدير</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/39" style="font-size:small;">قسم هندسة تقنيات الاجهزة الطبية</a></li> </ul> </li> <li class="menu-item" ><a href="#" style="font-size:small;">الاقسام الادارية</a> <ul class="dropdown"> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/29" style="font-size:small;">شعبة التعليم المستمر</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/30" style="font-size:small;">شعبة التسجيل</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/40" style="font-size:small;">شعبة تكنولوجيا المعلومات</a></li> </ul> </li> <li class="menu-item" ><a href="#" style="font-size:small;">الملتيميديا</a> <ul class="dropdown"> <li><a class="dropdown-item" href="https://meuc.edu.iq/photo-gallery" style="font-size:medium;">مكتبة الصور</a></li> <li><a class="dropdown-item" href="https://meuc.edu.iq/video-gallery" style="font-size:medium;">مكتبة الفيديو</a></li> </ul> </li> <li class="nav-item"> <form action="https://meuc.edu.iq/language/switch" method="post" id="lang_form"> <input type="hidden" name="_token" value="eMAyabyI98UMQqH6IyNRbAPPuRuIyiF080nm4ssn"> <input type="hidden" name="short_name" value="en" > <a style="cursor: pointer;" class="nav-link" onclick="getElementById('lang_form').submit(); " >English</a> </form> </li> </ul> </nav> </div> <div class="col-sm-auto align-self-center pt-3 nav-side-icon-parent"> <ul class="list-inline nav-side-icon-list"> <li class="hidden-mobile-mode"><a href="#" id="top-nav-search-btn"><i class="search-icon fa fa-search"></i></a></li> </ul> <div id="top-nav-search-form" class="clearfix"> <form action="#" method="GET"> <input type="text" name="s" value="" placeholder="Type and Press Enter..." autocomplete="off" /> </form> <a href="#" id="close-search-btn"><i class="fa fa-times"></i></a> </div> </div> </div> <div class="row d-block d-xl-none"> <div class="col-12"> <nav id="top-primary-nav-clone" class="menuzord d-block d-xl-none default menuzord-color-default menuzord-border-boxed menuzord-responsive" data-effect="slide" data-animation="none" data-align="right"> <ul id="main-nav-clone" class="menuzord-menu menuzord-right menuzord-indented scrollable"> </ul> </nav> </div> </div> </div> </div> </div> </div> </header> <!-- Start main-content --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"> <div class="main-content-area"> <!-- Section: Home --> <section class="" style="min-height: 90vh; margin-top:-16px; z-Index:0" > <div class="swiper mySwiper" style="height: 90vh; margin-top:-16px"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="https://meuc.edu.iq/new_assets/images/v1/3.jpg" /> <div class="slide-title fs-1 fw-bold" style="bottom:60vh" >كلية الشرق الاوسط الجامعة</div> <div class="slide-title" style="bottom:50vh" >نغرس العلم، لنحصد التميز</div> <div class="slide-title" style="bottom:40vh">نمهد الطريق لمستقبل مشرق</div> </div> <div class="swiper-slide"> <a href="https://meuc.edu.iq/news-detail/488"> <img href="http://meuc.edu.iq/news-detail/488" src="https://meuc.edu.iq/uploads/post_photo_1728811737.jpg" /> <!-- Gradient overlay --> <div class="gradient-overlay"></div> <div class="slide-title">كلية الشرق الأوسط الجامعة تشارك في ورشة لهيئة النزاهة النيابية.</div> </a> </div> </a> <div class="swiper-slide"> <a href="https://meuc.edu.iq/news-detail/485"> <img href="http://meuc.edu.iq/news-detail/485" src="https://meuc.edu.iq/uploads/post_photo_1728073257.jpg" /> <!-- Gradient overlay --> <div class="gradient-overlay"></div> <div class="slide-title">عجز المنظومة الامنية في حماية المرأة</div> </a> </div> </a> <div class="swiper-slide"> <a href="https://meuc.edu.iq/news-detail/484"> <img href="http://meuc.edu.iq/news-detail/484" src="https://meuc.edu.iq/uploads/post_photo_1728073213.jpg" /> <!-- Gradient overlay --> <div class="gradient-overlay"></div> <div class="slide-title">معرض العراق الدولي للكتاب ٢٠٢٢</div> </a> </div> </a> <div class="swiper-slide"> <a href="https://meuc.edu.iq/news-detail/483"> <img href="http://meuc.edu.iq/news-detail/483" src="https://meuc.edu.iq/uploads/post_photo_1728073146.jpg" /> <!-- Gradient overlay --> <div class="gradient-overlay"></div> <div class="slide-title">اختتام بطولة (أبطال الشرق الأوسط)</div> </a> </div> </a> <div class="swiper-slide"> <a href="https://meuc.edu.iq/news-detail/482"> <img href="http://meuc.edu.iq/news-detail/482" src="https://meuc.edu.iq/uploads/post_photo_1728073096.jpg" /> <!-- Gradient overlay --> <div class="gradient-overlay"></div> <div class="slide-title">التوقيع على اتفاقية التوأمة بين الجامعة التقنية الوسطى وكلية الشرق الأوسط الجامعة لقسم تقنيات التخدي...</div> </a> </div> </a> </div> <!-- Navigation buttons --> <div class="my-custom-next"></div> <div class="my-custom-prev"></div> <!-- Pagination --> <div class="swiper-pagination"></div> </div> </section> <!-- Section: Counters --> <section class="" style="margin-top: -100px" > <div class="container pt-0 pb-0"> <div class="section-content"> <div class="row d-flex justify-content-center align-items-center g-0 "> <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2"> <div data-tm-bg-color="#162D7C" > <div class="text-center pt-40 pb-30"> <i class="fa fa-users text-white font-36 mb-10"></i> <h2 data-animation-duration="2000" data-value="8356" class="text-white counter animate-number mt-0 mb-10">0</h2> <h4 class="text-uppercase mt-20"><a href="#" class="text-white"> طالب و طالبة</a></h4> </div> </div> </div> <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2"> <div data-tm-bg-color="#2A3F85" > <div class="text-center pt-40 pb-30"> <i class="fa fa-user-tie text-white font-36 mb-10"></i> <h2 data-animation-duration="2000" data-value="200" class="text-white counter animate-number mt-0 mb-10">0</h2> <h4 class="text-uppercase mt-20"><a href="#" class="text-white">تدريسي</a></h4> </div> </div> </div> <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2"> <div data-tm-bg-color="#394E9A" > <div class="text-center pt-40 pb-30"> <i class="fa fa-university text-white font-36 mb-10"></i> <h2 data-animation-duration="2000" data-value="28" class="text-white counter animate-number mt-0 mb-10">0</h2> <h4 class="text-uppercase mt-20"><a href="#" class="text-white">قسم علمي و انساني</a></h4> </div> </div> </div> <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2"> <div data-tm-bg-color="#4E65B0" > <div class="text-center pt-40 pb-30"> <i class="fa fa-vials text-white font-36 mb-10"></i> <h2 data-animation-duration="2000" data-value="30" class="text-white counter animate-number mt-0 mb-10">0</h2> <h4 class="text-uppercase mt-20"><a href="#" class="text-white">مختبر</a></h4> </div> </div> </div> </div> </div> </div> </section> <!-- Section: Why Choose Us --> <!--<section class="mt-60">--> <!-- <div class="container pb-60">--> <!-- <div class="section-title text-center">--> <!-- <div class="row justify-content-md-center">--> <!-- <div class="col-md-6">--> <!-- <h2 class="text-uppercase mt-0 line-height-1">لماذا تختار كلية الشرق الاوسط الجامعة</h2>--> <!-- --> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="section-content">--> <!-- --> <!-- <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" style="visibility: visible; animation-duration: 05s; animation-delay: 0.3s;"> <div class="text-center mb-30 p-10"> <a href="#" class=""> <img src="images/flaticon-png/small/6.png" width="70" alt=""> </a> <h4 class="font-weight-600 mt-20">الحرم الجامعي</h4> <p class="mb-0" style="text-align: justify; ">في كلية الشرق الأوسط الجامعة في بغداد، تمتد التجربة الجامعية لتكون أكثر من مجرد حضور المحاضرات والدروس، فهي عالم من الفرص التي تسهم في بناء المهارات الأكاديمية وصقل الجوانب الاجتماعية والشخصية للطلاب. توفر الجامعة مجموعة واسعة من التخصصات التي تفتح آفاق المستقبل، مدعومة بمرافق تعليمية حديثة تم تصميمها بعناية لتتماشى مع أرقى المعايير العالمية.<br></p> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 05s; animation-delay: 0.3s;"> <div class="text-center mb-30 p-10"> <a href="#" class=""> <img src="images/flaticon-png/small/5.png" width="70" alt=""> </a> <h4 class="font-weight-600 mt-20">البيئة الجامعية</h4> <p class="mb-0" style="text-align: justify; ">تتميز كلية الشرق الأوسط الجامعة بتقديم مرافق متكاملة تم تصميمها بعناية لتثري التجربة التعليمية للطلاب خارج حدود القاعات الدراسية، بما يلبي اهتماماتهم ويدعم تطلعاتهم و تمنح الكلية الطلاب حياة جامعية متوازنة وشاملة تساهم في صقل شخصياتهم وتحقيق التناغم بين الجوانب الأكاديمية والاجتماعية.<br></p> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 05s; animation-delay: 0.3s;"> <div class="text-center mb-30 p-10"> <a href="#" class=""> <img src="images/flaticon-png/small/4.png" width="70" alt=""> </a> <h4 class="font-weight-600 mt-20">إدارة ذكية لمستقبلك <br></h4> <p class="mb-0" style="text-align: justify; "> بفضل الخدمات الإلكترونية، يمكن للطلاب متابعة تسجيل المقررات، الاطلاع على نتائج الامتحانات، وإدارة جداولهم الدراسية بكل سهولة ويسر حيث <span style="color: var(--bs-card-color);">تمنح التطبيقات الإلكترونية المبتكرة الطلاب الفرصة لتقديم الطلبات والاستفسارات الأكاديمية والإدارية عبر منصات ذكية، مما يوفر وقتهم ويسهل عليهم الوصول إلى الدعم المطلوب.</span><br></p> </div> </div> </div>--> <!-- --> <!-- </div>--> <!-- </div>--> <!--</section>--> <style> .why-choose-us { background-color: #f8f9fa; padding: 80px 0; position: relative; overflow: hidden; } .why-choose-us::before { content: ''; position: absolute; top: -50px; left: -50px; width: 200px; height: 200px; background-color: rgba(0, 123, 255, 0.1); border-radius: 50%; z-index: 0; } .why-choose-us::after { content: ''; position: absolute; bottom: -50px; right: -50px; width: 200px; height: 200px; background-color: rgba(0, 123, 255, 0.1); border-radius: 50%; z-index: 0; } .section-title h2 { font-size: 1.9rem; color: #333; margin-bottom: 30px; position: relative; display: inline-block; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background-color: #007bff; } .content-card { background-color: white; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 30px; margin-top: 30px; transition: all 0.3s ease; position: relative; z-index: 1; } .content-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); } .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; } .fade-in.active { opacity: 1; transform: translateY(0); } </style> <section class="why-choose-us mt-60"> <div class="container pb-60"> <div class="section-title text-center"> <div class="row justify-content-md-center"> <div class="col-md-8"> <h2 class="text-uppercase mt-0 line-height-1 fade-in">لماذا تختار كلية الشرق الاوسط الجامعة</h2> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="content-card fade-in"> <div class="section-content"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" style="visibility: visible; animation-duration: 05s; animation-delay: 0.3s;"> <div class="text-center mb-30 p-10"> <a href="#" class=""> <img src="images/flaticon-png/small/6.png" width="70" alt=""> </a> <h4 class="font-weight-600 mt-20">الحرم الجامعي</h4> <p class="mb-0" style="text-align: justify; ">في كلية الشرق الأوسط الجامعة في بغداد، تمتد التجربة الجامعية لتكون أكثر من مجرد حضور المحاضرات والدروس، فهي عالم من الفرص التي تسهم في بناء المهارات الأكاديمية وصقل الجوانب الاجتماعية والشخصية للطلاب. توفر الجامعة مجموعة واسعة من التخصصات التي تفتح آفاق المستقبل، مدعومة بمرافق تعليمية حديثة تم تصميمها بعناية لتتماشى مع أرقى المعايير العالمية.<br></p> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 05s; animation-delay: 0.3s;"> <div class="text-center mb-30 p-10"> <a href="#" class=""> <img src="images/flaticon-png/small/5.png" width="70" alt=""> </a> <h4 class="font-weight-600 mt-20">البيئة الجامعية</h4> <p class="mb-0" style="text-align: justify; ">تتميز كلية الشرق الأوسط الجامعة بتقديم مرافق متكاملة تم تصميمها بعناية لتثري التجربة التعليمية للطلاب خارج حدود القاعات الدراسية، بما يلبي اهتماماتهم ويدعم تطلعاتهم و تمنح الكلية الطلاب حياة جامعية متوازنة وشاملة تساهم في صقل شخصياتهم وتحقيق التناغم بين الجوانب الأكاديمية والاجتماعية.<br></p> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 05s; animation-delay: 0.3s;"> <div class="text-center mb-30 p-10"> <a href="#" class=""> <img src="images/flaticon-png/small/4.png" width="70" alt=""> </a> <h4 class="font-weight-600 mt-20">إدارة ذكية لمستقبلك <br></h4> <p class="mb-0" style="text-align: justify; "> بفضل الخدمات الإلكترونية، يمكن للطلاب متابعة تسجيل المقررات، الاطلاع على نتائج الامتحانات، وإدارة جداولهم الدراسية بكل سهولة ويسر حيث <span style="color: var(--bs-card-color);">تمنح التطبيقات الإلكترونية المبتكرة الطلاب الفرصة لتقديم الطلبات والاستفسارات الأكاديمية والإدارية عبر منصات ذكية، مما يوفر وقتهم ويسهل عليهم الوصول إلى الدعم المطلوب.</span><br></p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> document.addEventListener('DOMContentLoaded', function() { const fadeElements = document.querySelectorAll('.fade-in'); const fadeInObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('active'); fadeInObserver.unobserve(entry.target); } }); }, { threshold: 0.1 }); fadeElements.forEach(element => { fadeInObserver.observe(element); }); }); </script> <!-- Section: News --> <section class="bg-silver-light"> <div class="container"> <div class="section-title text-center"> <div class="row"> <div class="col"></div> <div class="col-md-8"> <div class="mb-5"> <div class="tm-sc tm-sc-section-title section-title"> <div class="title-wrapper"> <h2 class="text-uppercase ">اخبار</h2> </div> </div> </div> </div> <div class="col"></div> </div> </div> <div class="section-content"> <div class="row"> <div class="col-lg-12"> <div class="owl-carousel tm-owl-carousel-4col" data-dots="true" data-loop="false" dir="rtl" > <a href="https://meuc.edu.iq/news-detail/495" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1729008234.jpg" alt="استمرار الدوام اليومي في كلية الشرق الأوسط الجامعة" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">15 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">استمرار الدوام اليومي في كلية الشرق الأوسط الجامعة</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/494" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.8s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.8s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1729007689.jpg" alt="لماذا نختار كلية الشرق الأوسط الجامعة؟" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">15 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">لماذا نختار كلية الشرق الأوسط الجامعة؟</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/493" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="1.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 1.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1729007442.jpg" alt="استعدوا للإنضمام إلى أقسام كلية الشرق الأوسط الجامعة حيث نقدم لكم أقساماً متنوعة تتوافق مع أحلامكم وطموحاتكم" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">15 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">استعدوا للإنضمام إلى أقسام كلية الشرق الأوسط الجامعة حيث نقدم لكم أقساماً متنوعة تتوافق مع أحلامكم و...</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/492" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="1.8s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 1.8s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1729006621.jpg" alt="المهارات القيادية للمرأة وانعكاسها على المناخ التنظيمي في العمل." class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">15 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">المهارات القيادية للمرأة وانعكاسها على المناخ التنظيمي في العمل.</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/491" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="2.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 2.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1729006322.jpg" alt="طرق التعامل مع الحيوانات بشكل آمن أثناء اعطائها العلاج عنوان محاضرة عملية في قسم الصيدلة." class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">15 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">طرق التعامل مع الحيوانات بشكل آمن أثناء اعطائها العلاج عنوان محاضرة عملية في قسم الصيدلة.</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/490" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="2.8s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 2.8s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728812987.jpg" alt="طلبة المرحلة الثانية في قسم الصيدلة يواصلون تعليمهم العملي في مختبرات كلية الشرق الأوسط الجامعة." class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">13 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">طلبة المرحلة الثانية في قسم الصيدلة يواصلون تعليمهم العملي في مختبرات كلية الشرق الأوسط الجامعة.</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/489" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="3.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 3.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728812453.jpg" alt="كلية الشرق الأوسط الجامعة تشارك في معرض ومؤتمر الصحة الدولي السنوي" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">13 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">كلية الشرق الأوسط الجامعة تشارك في معرض ومؤتمر الصحة الدولي السنوي</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/488" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="3.8s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 3.8s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728811737.jpg" alt="كلية الشرق الأوسط الجامعة تشارك في ورشة لهيئة النزاهة النيابية." class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">13 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">كلية الشرق الأوسط الجامعة تشارك في ورشة لهيئة النزاهة النيابية.</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/487" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="4.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 4.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728809640.jpg" alt="كلية الشرق الاوسط الجامعة تشارك في المؤتمر العلمي الدولي الثالث الذي اقيم في كلية الأمام الاعظم" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">13 October, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">كلية الشرق الاوسط الجامعة تشارك في المؤتمر العلمي الدولي الثالث الذي اقيم في كلية الأمام الاعظم</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/485" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="4.8s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 4.8s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728073257.jpg" alt="عجز المنظومة الامنية في حماية المرأة" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">24 September, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">عجز المنظومة الامنية في حماية المرأة</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/484" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="5.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 5.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728073213.jpg" alt="معرض العراق الدولي للكتاب ٢٠٢٢" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">24 September, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">معرض العراق الدولي للكتاب ٢٠٢٢</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/483" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="5.8s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 5.8s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728073146.jpg" alt="اختتام بطولة (أبطال الشرق الأوسط)" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">24 September, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">اختتام بطولة (أبطال الشرق الأوسط)</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/482" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="6.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 6.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728073096.jpg" alt="التوقيع على اتفاقية التوأمة بين الجامعة التقنية الوسطى وكلية الشرق الأوسط الجامعة لقسم تقنيات التخدير" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">22 September, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">التوقيع على اتفاقية التوأمة بين الجامعة التقنية الوسطى وكلية الشرق الأوسط الجامعة لقسم تقنيات التخدي...</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/481" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="6.8s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 6.8s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1728073013.jpg" alt="مبادرة توزيع السلات الغذائية" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">22 September, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">مبادرة توزيع السلات الغذائية</h6> </div> </div> </a> <a href="https://meuc.edu.iq/news-detail/480" class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="7.3s" style="visibility: visible; animation-duration: 0.5s; animation-delay: 7.3s;"> <div class="campaign bg-white mb-30 shadow-sm"> <div class="thumb"> <img src="https://meuc.edu.iq/uploads/post_photo_1727024101.jpg" alt="حملة توعوية ضد اضرار التدخين اطلقها طلبة كلية الشرق الاوسط بالتعاون مع شعبة الاعلام والعلاقات العامة" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;"> </div> <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" > <p class="m-0 text-gray">22 September, 2024 </p> <h6 class=" font-weight-500 mb-15 text-justify">حملة توعوية ضد اضرار التدخين اطلقها طلبة كلية الشرق الاوسط بالتعاون مع شعبة الاعلام والعلاقات العامة</h6> </div> </div> </a> </div> </div> </div> </div> </div> </section> <!-- Section: Links --> <section class="layer-overlay overlay-theme-colored2-8 bg-no-repeat bg-pos-center-center" data-tm-bg-img="http://meuc.edu.iq/new_assets/images/v1/texture.jpg"> <div class="container pt-50 pb-50"> <div class="section-content"> <div class="container"> <div class="section-title text-center mb-4"> <div class="row justify-content-md-center"> <div class="col-md-6"> <h2 class="text-uppercase mt-0 line-height-1">روابط مهمة</h2> </div> </div> </div> <div class="row justify-content-around"> <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s;"> <a href="https://meuc.edu.iq/page-detail/51" class="p-2"> <div class="funfact-item text-center mb-md-60"> <i class="funfact-icon pe-7s-link text-theme-colored1"></i> <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">الرؤيا والرسالة والاهداف</h2> </div> </a> </div> <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s;"> <a href="https://meuc.edu.iq/page-detail/52" class="p-2"> <div class="funfact-item text-center mb-md-60"> <i class="funfact-icon pe-7s-link text-theme-colored1"></i> <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">كلمة السيد العميد</h2> </div> </a> </div> <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s;"> <a href="https://meuc.edu.iq/uploads/file_upload_1728075793.png" target="_blank" class="p-2"> <div class="funfact-item text-center mb-md-60"> <i class="funfact-icon pe-7s-link text-theme-colored1"></i> <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">الهيكل التنظيمي</h2> </div> </a> </div> <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s;"> <a href="https://meuc.edu.iq/uploads/file_upload_1727209560.pdf" target="_blank" class="p-2"> <div class="funfact-item text-center mb-md-60"> <i class="funfact-icon pe-7s-link text-theme-colored1"></i> <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">وثيقة الاعتراف بالكلية</h2> </div> </a> </div> </div> </div> </div> </div> </section> <!-- Section: Upcoming Event --> <section> <style> .read-more-content { display: none; } .read-more-btn { color: blue; cursor: pointer; text-decoration: underline; } </style> <div class="container " dir="rtl"> <div class="section-content"> <div class="row"> <div class="col-sm-12 col-md-12 col-lg-7 col-xl-7"> <div class="tm-sc-gallery tm-sc-gallery-grid gallery-style1-current-theme mb-md-40"> <h4 class="lh-lg" style="text-align:justify"> <div id="missionText"> <h1 style="margin: 0.67em 0px; line-height: normal; font-size: 2em; font-family: "ibm plex sans arabic", sans-serif; color: rgb(51, 51, 51);"></h1><h2 style="margin-bottom: 30px; line-height: normal; text-align: justify;"></h2><h5 style=""></h5><h1 style="margin: 0.67em 0px; line-height: normal; font-size: 2em; font-family: "Noto Kufi Arabic"; color: rgb(51, 51, 51);"><p class="font-italic justify-content-start" style="margin-bottom: 30px; font-size: 15px; line-height: 24px; font-family: main; color: rgb(68, 68, 68); font-style: italic !important;">تأسست كلية الشرق الأوسط الجامعة عام ٢٠١٧ بموجب الامر الوزاري 1106 في ۲۱ / ۱۱ / ۲۰۱۷ و التي باتت صرحا علميا متميزا يسهم في احداث التطوير الكمي والنوعي في الحركة العلمية والثقافية والتربوية وحركة البحث العلمي في بلدنا العزيز . <span style="text-align: var(--bs-body-text-align);">تضم الكلية 9 أقسام علمية متميزة في طلب الاسنان ، الصيدلة ، هندسة تقنيات الحاسبات، هندسة تقنيات الاجهزة الطبية ، تقنيات التخدير، القانون ، علوم الحياة ، قسم اللغة العربية و قسم التربية البدنية وعلوم الرياضة . </span><span style="text-align: var(--bs-body-text-align);">تقع الكلية خلف كلية الزراعة سابقا على طريق العامرية أبوغريب ضمن موقع فريد عند تقاطع طرق خالية من الازدحامات المرورية التي تعاني منها معظم مناطق عاصمتنا الحبيبة . </span><span style="text-align: var(--bs-body-text-align);">من أهم أهداف الكلية هو تخريج كوادرعلمية متخصصة مؤهلة لساحات العمل ولمختلف الاختصاصات يشرف عليهم نخبة من الاساتذة المتميزين المشهود لهم بالكفاءة العلمية و الذين أمضوا معظم حياتهم في التدريس في الجامعات العراقية .</span></p></h1> </div> <span id="readMoreBtn" class="read-more-btn" onclick="toggleReadMore()"> عرض المزيد </span> </h4> <a href="https://www.youtube.com/watch?v=wH3okmrfQDg" class="col-md-12 col-lg-6 col-xl-6 video-button "> <div class="box-hover-effect tm-sc-video-popup tm-sc-video-popup-button-over-image mt-3"> <div class="effect-wrapper"> <div class="thumb"> <img class="w-100" src="https://meuc.edu.iq/template_assets/images/home_page/univ.jpeg" alt="" style="height: 55vh;"> </div> <div class="animated-css-play-button"><span class="play-icon"><i class="fa fa-play"></i></span></div> </div> </div> </a> </div> </div> <div class="col-sm-12 col-md-12 col-lg-5 col-xl-5"> <h2 class="">الاحداث القادمة </h2> <div class="bxslider-current-style2"> <div class="bxslider bx-nav-top" > </div> </div> </div> </div> </div> </div> </section> <!-- Section: Ranking --> <section class="bg-silver-light" dir="rtl"> <div class="container"> <div class="section-title"> <div class="row"> <div class="col-md-8"> <div class="mb-60"> <div class="tm-sc tm-sc-section-title section-title"> <div class="title-wrapper"> <h2 class="text-uppercase">ارقام عن كلية الشرق الاوسط الجامعة</h2> </div> </div> </div> </div> </div> </div> <div class="section-content"> <div class="row"> <div class="col-sm-12 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-duration: 1s; animation-name: fadeInUp;"> <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30"> <article class="post clearfix mb-sm-30"> <div class="entry-content p-20"> <h3 class="entry-title mt-0 pt-0 h4 fw-700"><a class="h4 fw-700" >التصانيف العالمية</a></h3> <p class="text-left mb-10 mt-15 font-13 "> <p><span style="color: rgb(0, 0, 0); font-family: "Open Sans", Arial, sans-serif; text-align: justify;">حصلت الكلية على العديد من التصنيفات العالمية</span><br></p> </p> </div> </article> </div> </div> <div class="col-sm-12 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.3s; animation-duration: 1s; animation-name: fadeInUp;"> <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30"> <article class="post clearfix mb-sm-30"> <div class="entry-content p-20"> <h3 class="entry-title mt-0 pt-0 h4 fw-700"><a class="h4 fw-700" >التصانيف على مستوى المنطقة العربية</a></h3> <p class="text-left mb-10 mt-15 font-13"> <div style="text-align: justify;"><span style="text-align: var(--bs-body-text-align);"><font color="#000000" face="Open Sans, Arial, sans-serif">تقدمت كلية الشرق الاوسط الجامعة على الكثير من الجامعات في التصنيفات العربية</font></span></div> </p> </div> </article> </div> </div> <div class="col-sm-12 col-md-4 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.3s; animation-duration: 1s; animation-name: fadeInUp;"> <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30"> <article class="post clearfix mb-sm-30"> <div class="entry-content p-20"> <h3 class="mt-0 pt-0 h4 fw-700"><a class="h3 fw-700" >التصانيف المحلية</a></h3> <p class="text-left mb-10 mt-15 font-13"> <p><span style="color: rgb(0, 0, 0); font-family: "Open Sans", Arial, sans-serif; text-align: justify;">تمتاز الكلية بحصولها على المراتب المتقدمة ضمن التصنيفات العربية</span><br></p> </p> </div> </article> </div> </div> </div> </div> </div> </section> <!-- Section: Top --><!--<section class="layer-overlay overlay-theme-colored2-8 bg-no-repeat bg-pos-center-center" data-tm-bg-img="http://meuc.edu.iq/new_assets/images/pattern/p7.png">--><!-- <div class="container">--><!-- <div class="section-title">--><!-- <div class="row">--><!-- <div class="col-md-8">--><!-- <div class="mb-60">--><!-- <div class="tm-sc tm-sc-section-title section-title">--><!-- <div class="title-wrapper">--><!-- <h2 class="text-uppercase line-bottom line-bottom-theme-colored1">الطلبة الأوائل </h2>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- <div class="section-content">--><!-- <div class="row">--> <!-- <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-duration: 1s; animation-name: fadeInLeft;">--><!-- <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">--><!-- <article class="post clearfix mb-sm-30">--><!-- <div class="entry-header">--><!-- <div class="post-thumb thumb"> <img src="http://meuc.edu.iq/new_assets/images/bg/bg4.jpg" alt="" class="img-responsive w-100"> </div>--><!-- <div class="entry-meta meta-absolute text-center pl-15 pr-15">--><!-- <div class="display-table">--><!-- <div class="display-table-cell">--><!-- <ul>--> <!-- <li><a class="text-white " href="#"><i class="far fa-calendar mt-4 fs-4"></i> 2024</a></li>--><!-- <li class="mt-20"><a class="text-white" href="#"><i class="fa fa-graduation-cap fs-4"></i> 91.5 </li>--><!-- </ul>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- <div class="entry-content p-20">--><!-- <h5 class="entry-title mt-0 pt-0"><a href="#">احمد علي</a></h5>--><!-- <p class="text-left mb-10 mt-15 font-13">قسم هندسة تقنيات الحاسوب</p>--> <!-- </div>--><!-- </article>--><!-- </div>--><!-- </div>--> <!-- <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.3s; animation-duration: 1s; animation-name: fadeInLeft;">--><!-- <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">--><!-- <article class="post clearfix mb-sm-30">--><!-- <div class="entry-header">--><!-- <div class="post-thumb thumb"> <img src="http://meuc.edu.iq/new_assets/images/bg/bg4.jpg" alt="" class="img-responsive w-100"> </div>--><!-- <div class="entry-meta meta-absolute text-center pl-15 pr-15">--><!-- <div class="display-table">--><!-- <div class="display-table-cell">--><!-- <ul>--> <!-- <li><a class="text-white " href="#"><i class="far fa-calendar mt-4 fs-4"></i> 2024</a></li>--><!-- <li class="mt-20"><a class="text-white" href="#"><i class="fa fa-graduation-cap fs-4"></i> 91.5 </li>--><!-- </ul>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- <div class="entry-content p-20">--><!-- <h5 class="entry-title mt-0 pt-0"><a href="#">احمد علي</a></h5>--><!-- <p class="text-left mb-10 mt-15 font-13">قسم هندسة تقنيات الحاسوب</p>--> <!-- </div>--><!-- </article>--><!-- </div>--><!-- </div>--> <!-- <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" style="visibility: visible; animation-delay: 0.3s; animation-duration: 1s; animation-name: fadeInLeft;">--><!-- <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">--><!-- <article class="post clearfix mb-sm-30">--><!-- <div class="entry-header">--><!-- <div class="post-thumb thumb"> <img src="http://meuc.edu.iq/new_assets/images/bg/bg4.jpg" alt="" class="img-responsive w-100"> </div>--><!-- <div class="entry-meta meta-absolute text-center pl-15 pr-15">--><!-- <div class="display-table">--><!-- <div class="display-table-cell">--><!-- <ul>--> <!-- <li><a class="text-white " href="#"><i class="far fa-calendar mt-4 fs-4"></i> 2024</a></li>--><!-- <li class="mt-20"><a class="text-white" href="#"><i class="fa fa-graduation-cap fs-4"></i> 91.5 </li>--><!-- </ul>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- <div class="entry-content p-20">--><!-- <h5 class="entry-title mt-0 pt-0"><a href="#">احمد علي</a></h5>--><!-- <p class="text-left mb-10 mt-15 font-13">قسم هندسة تقنيات الحاسوب</p>--> <!-- </div>--><!-- </article>--><!-- </div>--><!-- </div>--> <!-- <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.2s" style="visibility: visible; animation-delay: 0.3s; animation-duration: 1s; animation-name: fadeInLeft;">--><!-- <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">--><!-- <article class="post clearfix mb-sm-30">--><!-- <div class="entry-header">--><!-- <div class="post-thumb thumb"> <img src="http://meuc.edu.iq/new_assets/images/bg/bg4.jpg" alt="" class="img-responsive w-100"> </div>--><!-- <div class="entry-meta meta-absolute text-center pl-15 pr-15">--><!-- <div class="display-table">--><!-- <div class="display-table-cell">--><!-- <ul>--> <!-- <li><a class="text-white " href="#"><i class="far fa-calendar mt-4 fs-4"></i> 2024</a></li>--><!-- <li class="mt-20"><a class="text-white" href="#"><i class="fa fa-graduation-cap fs-4"></i> 91.5 </li>--><!-- </ul>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- <div class="entry-content p-20">--><!-- <h5 class="entry-title mt-0 pt-0"><a href="#">احمد علي</a></h5>--><!-- <p class="text-left mb-10 mt-15 font-13">قسم هندسة تقنيات الحاسوب</p>--> <!-- </div>--><!-- </article>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!-- </div>--><!--</section>--> <!-- Section: Videos --> </div> <script> document.addEventListener('DOMContentLoaded', function() { const missionText = document.getElementById('missionText'); const readMoreBtn = document.getElementById('readMoreBtn'); const fullText = missionText.innerHTML; const maxWords = 36; function stripHtml(html) { let tmp = document.createElement("DIV"); tmp.innerHTML = html; return tmp.textContent || tmp.innerText || ""; } function truncateHtml(html, limit) { const tmp = document.createElement("DIV"); tmp.innerHTML = html; const words = stripHtml(html).trim().split(/\s+/); if (words.length <= limit) { readMoreBtn.style.display = 'none'; return html; } let count = 0; let result = ''; let lastIndex = 0; function traverse(node) { if (count >= limit) return; if (node.nodeType === Node.TEXT_NODE) { const words = node.textContent.trim().split(/\s+/); for (let i = 0; i < words.length; i++) { if (count >= limit) break; result += words[i] + ' '; count++; lastIndex = result.length; } } else if (node.nodeType === Node.ELEMENT_NODE) { result += '<' + node.nodeName.toLowerCase(); for (let i = 0; i < node.attributes.length; i++) { result += ' ' + node.attributes[i].name + '="' + node.attributes[i].value + '"'; } result += '>'; for (let i = 0; i < node.childNodes.length; i++) { traverse(node.childNodes[i]); } result += '</' + node.nodeName.toLowerCase() + '>'; } } traverse(tmp); const visibleText = result.substring(0, lastIndex); const hiddenText = fullText.substring(lastIndex); return visibleText + '<span id="dots">...</span><span id="more" style="display:none;">' + hiddenText + '</span>'; } missionText.innerHTML = truncateHtml(fullText, maxWords); }); function toggleReadMore() { const dots = document.getElementById("dots"); const moreText = document.getElementById("more"); const btnText = document.getElementById("readMoreBtn"); const isEnglish = 'ar' === 'en'; if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = isEnglish ? "Read More" : "عرض المزيد"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = isEnglish ? "Read Less" : "عرض أقل"; moreText.style.display = "inline"; } } </script> <!-- end main-content --> <!-- Footer --> <footer id="footer" class="footer bg-dark pb-0" dir="rtl" > <div class="footer-widget-area"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="item"> <div style="width: 100%"><iframe width="400" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&height=600&hl=en&q=%D8%A8%D8%BA%D8%AF%D8%A7%D8%AF%20%D8%8C%20%D9%83%D9%84%D9%8A%D8%A9%20%D8%A7%D9%84%D8%B4%D8%B1%D9%82%20%D8%A7%D9%84%D8%A7%D9%88%D8%B3%D8%B7%20+(%D9%83%D9%84%D9%8A%D8%A9%20%D8%A7%D9%84%D8%B4%D8%B1%D9%82%20%D8%A7%D9%84%D8%A7%D9%88%D8%B3%D8%B7%20%D8%A7%D9%84%D8%AC%D8%A7%D9%85%D8%B9%D8%A9)&t=&z=15&ie=UTF8&iwloc=B&output=embed"></iframe></div> </div> </div> <div class="col-md-3"> <div class="item"> <h2 class="heading text-light">روابط مفيدة</h2> <ul class="useful-links"> <li><a href="https://meuc.edu.iq">الرئيسية</a></li> <li> <a " aria-current="page" href="https://meuc.edu.iq/faq" style="font-size:small;">الاسئلة الشائعة</a> </li> <li><a href="https://meuc.edu.iq/privacy-policy">سياسة الخصوصية</a></li> <li><a href="https://www.meuc.edu.iq/news-detail/317">الهيكل التنظيمي</a></li> <li><a href="https://meuc.edu.iq/contact">صندوق الشكاوي والمقترحات</a></li> <li><a href="https://www.meuc.edu.iq/news-detail/216">البريد الالكتروني للأقسام</a></li> <li><a href="https://www.meuc.edu.iq/news-detail/218">مواقع ذات صلة</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="item"> <h2 class="heading text-light">اتصل بنا</h2> <div class="list-item"> <div class="left"> <i class="fas fa-map-marker-alt"></i> </div> <div class="right"> بغداد ، العراق </div> </div> <div class="list-item"> <div class="left"> <i class="far fa-envelope"></i> </div> <div class="right"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="98f1f6fef7d8f5fdedfbb6fdfcedb6f1e9">[email protected]</a> </div> </div> <div class="list-item"> <div class="left"> <i class="fas fa-phone-alt"></i> </div> <div class="right"> 6722 </div> </div> <ul class="social"> <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li><a href="https://www.twitter.com" target="_blank"><i class="fab fa-twitter"></i></a></li> <li><a href="https://www.linkedin.com" target="_blank"><i class="fab fa-linkedin-in"></i></a></li> <li><a href="https://www.pinterest.com" target="_blank"><i class="fab fa-pinterest-p"></i></a></li> <li><a href="https://www.instagram.com" target="_blank"><i class="fab fa-instagram"></i></a></li> </ul> </div> </div> <div class="col-md-3"> <div class="item"> <h2 class="heading text-light"> النشرة الاخبارية</h2> <p> من أجل الحصول على آخر الأخبار و النشاطات الأخرى ، يرجى الاشتراك من هنا: </p> <form action="https://meuc.edu.iq/subscriber" method="post" class="form_subscribe_ajax"> <input type="hidden" name="_token" value="eMAyabyI98UMQqH6IyNRbAPPuRuIyiF080nm4ssn"> <div class="form-group"> <input type="text" name="email" class="form-control" placeholder="عنوان البريد الالكتروني"> <span class="text-danger error-text email_error"></span> </div> <div class="form-group"> <input type="submit" class="btn btn-primary" value="اشترك معنا"> </div> </form> </div> </div> </div> </div> <div class="footer-bottom mt-5 mb-0 " data-tm-bg-color="#2A2A2A"> <div class="container"> <div class="row pt-20 pb-20"> <div class="col-sm-6"> <div class="footer-paragraph"> كلية الشرق الاوسط الجامعة © <span id="current-year"></span> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> document.getElementById('current-year').textContent = new Date().getFullYear(); </script> </div> </div> </div> </div> </div> </footer> <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <!-- Initialize Swiper with Smooth Zoom Animation --><script> var swiper = new Swiper(".mySwiper", { spaceBetween: 30, effect: "fade", fadeEffect: { crossFade: true, duration: 1500, // Increased fade duration }, navigation: { nextEl: '.my-custom-next', // Your custom class for next button prevEl: '.my-custom-prev', // Your custom class for previous button }, pagination: { el: ".swiper-pagination", clickable: true, }, autoplay: { delay: 8000, // Autoplay delay disableOnInteraction: false, }, on: { init: function () { this.slides.forEach(slide => { let img = slide.querySelector('img'); img.classList.add('zoom'); // Add zoom class to all slides img.style.opacity = 1; // Set opacity to 1 after initialization }); }, slideChangeTransitionEnd: function () { let activeSlide = this.slides[this.activeIndex]; let activeTitle = activeSlide.querySelector('.slide-title'); activeTitle.style.opacity = 1; activeTitle.style.transform = 'translate(-50%, -50%) scale(1.1)'; }, slideChangeTransitionStart: function () { // Reset title opacity for the previous slide let previousSlide = this.slides[this.previousIndex]; let previousTitle = previousSlide.querySelector('.slide-title'); previousTitle.style.opacity = 0; previousTitle.style.transform = 'translate(-50%, -50%) scale(1)'; // Fade out previous image let previousImage = previousSlide.querySelector('img'); previousImage.style.opacity = 0; // Fade out the previous image // Fade in current image let currentImage = this.slides[this.activeIndex].querySelector('img'); currentImage.style.opacity = 1; // Ensure current image is visible } } }); </script></div><!-- end wrapper --> <!-- Footer Scripts --><!-- All Javascripts --><script src="https://meuc.edu.iq/dist-front/js/jquery-3.6.0.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/bootstrap.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/jquery-ui.js"></script><script src="https://meuc.edu.iq/dist-front/js/jquery.magnific-popup.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/owl.carousel.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/wow.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/select2.full.js"></script><script src="https://meuc.edu.iq/dist-front/js/sweetalert2.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/iziToast.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/jquery.waypoints.min.js"></script><script src="https://meuc.edu.iq/dist-front/js/acmeticker.js"></script> <script src="https://meuc.edu.iq/new_assets/js/popper.min.js"></script> <!-- Footer Scripts --> <script src="https://meuc.edu.iq/new_assets/js/javascript-plugins-bundle.js"></script><script src="https://meuc.edu.iq/new_assets/js/menuzord/js/menuzord.js"></script> <!-- REVOLUTION JS FILES --><script src="https://meuc.edu.iq/new_assets/js/revolution-slider/js/revolution.tools.min.js"></script><script src="https://meuc.edu.iq/new_assets/js/revolution-slider/js/rs6.min.js"></script><script src="https://meuc.edu.iq/new_assets/js/revolution-slider/extra-rev-slider1.js"></script> <!-- JS | Custom script for all pages --><script src="https://meuc.edu.iq/new_assets/js/custom.js"></script> </body></html> 
