It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://meuc.edu.iq

  1. <!DOCTYPE html>
  2. <html lang="ar" dir="rtl">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
  6.    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  7.    
  8.    <!-- Dynamic Title and Meta Tags -->
  9.    <title>كلية الشرق الاوسط الجامعة</title>
  10.    <meta name="description" content="كلية الشرق الاوسط الجامعة" />
  11.    <meta name="keywords" content="كلية, الشرق, الاوسط, الجامعة, تعليم, عراق" />
  12.    <meta name="author" content="كلية الشرق الاوسط الجامعة" />
  13.    
  14.    <!-- Open Graph Meta Tags -->
  15.    <meta property="og:title" content="كلية الشرق الاوسط الجامعة" />
  16.    <meta property="og:description" content="كلية الشرق الاوسط الجامعة" />
  17.    <meta property="og:image" content="https://meuc.edu.iq/uploads/favicon.png" />
  18.    <meta property="og:url" content="https://meuc.edu.iq" />
  19.    <meta property="og:type" content="website" />
  20.    
  21.    <!-- Twitter Card Meta Tags -->
  22.    <meta name="twitter:card" content="summary_large_image">
  23.    <meta name="twitter:title" content="كلية الشرق الاوسط الجامعة">
  24.    <meta name="twitter:description" content="كلية الشرق الاوسط الجامعة">
  25.    <meta name="twitter:image" content="https://meuc.edu.iq/uploads/favicon.png">
  26.    
  27.    <!-- Favicon -->
  28.    <link rel="icon" type="image/png" href="https://meuc.edu.iq/uploads/favicon.png">
  29.    
  30.    <!-- Stylesheets -->
  31.    <!-- All CSS -->
  32.  
  33.  
  34. <link href="https://meuc.edu.iq/new_assets/css/bootstrap-rtl.min.css" rel="stylesheet" type="text/css">
  35. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/jquery-ui.css">
  36. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/animate.min.css">
  37. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/magnific-popup.css">
  38. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/owl.carousel.min.css">
  39. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/select2.min.css">
  40. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/select2-bootstrap.min.css">
  41. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/sweetalert2.min.css">
  42. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/iziToast.min.css">
  43. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/spacing.css">
  44. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/font_awesome_5_free.min.css">
  45. <link rel="stylesheet" href="https://meuc.edu.iq/dist-front/css/style.css">
  46. <link href="https://meuc.edu.iq/template_assets/css/bootstrap-rtl.min.css" rel="stylesheet"/>
  47. <link href="https://meuc.edu.iq/template_assets/css/animate.min.css" rel="stylesheet" type="text/css">
  48. <link href="https://meuc.edu.iq/css/javascript-plugins-bundle.css" rel="stylesheet"/>
  49.  
  50. <!-- CSS | menuzord megamenu skins -->
  51. <link href="https://meuc.edu.iq/new_assets/js/menuzord/css/menuzord.css" rel="stylesheet"/>
  52.  
  53.  
  54.  
  55. <link href="https://meuc.edu.iq/template_assets/css/pe-icon-7-stroke.css" rel="stylesheet"/>
  56.  
  57. <!-- CSS | Main style file -->
  58. <link href="https://meuc.edu.iq/new_assets/css/style-main-rtl.css" rel="stylesheet" type="text/css">
  59. <link href="https://meuc.edu.iq/new_assets/css/style-main-rtl-extra.css" rel="stylesheet" type="text/css">
  60. <link id="menuzord-menu-skins" href="https://meuc.edu.iq/new_assets/css/menuzord-skins/menuzord-rounded-boxed.css" rel="stylesheet"/>
  61.  
  62. <!-- CSS | Responsive media queries -->
  63. <link href="https://meuc.edu.iq/new_assets/css/responsive.css" rel="stylesheet" type="text/css">
  64. <!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. -->
  65.  
  66.  
  67. <!-- CSS | Theme Color -->
  68. <link href="https://meuc.edu.iq/new_assets/css/colors/theme-skin-color-set1.css" rel="stylesheet" type="text/css">
  69.  
  70. <!-- CSS | Google Fonts -->
  71. <link rel="preconnect" href="https://fonts.googleapis.com">
  72. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  73. <link href="https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap" rel="stylesheet">
  74.  
  75. <!-- Fancybox CSS -->
  76. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0.33/dist/fancybox/fancybox.css" />
  77.  
  78. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  79. <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.css'>
  80. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  81. <!-- REVOLUTION STYLE SHEETS -->
  82.  
  83. <!-- REVOLUTION LAYERS STYLES -->
  84.  
  85.  
  86. <style>
  88. .swiper {
  89.      width: 100%;
  90.      height: 100%;
  91.      position: relative;
  92.    }
  93.  
  94.    .swiper-slide {
  95.      background-position: center;
  96.      background-size: cover;
  97.      position: relative;
  98.    }
  99.  
  100.    .swiper-slide img {
  101.      display: block;
  102.      width: 100%;
  103.      height: 100%;
  104.      object-fit: cover;
  105.      transition: transform 1s ease, opacity 1s ease; /* Smooth transform and opacity */
  106.      opacity: 0; /* Start with opacity 0 */
  107.    }
  108.  
  109.    /* Smooth alternating zoom animation */
  110.    @keyframes zoomInOut {
  111.      0% {
  112.        transform: scale(1);
  113.      }
  114.      50% {
  115.        transform: scale(1.1);
  116.      }
  117.      100% {
  118.        transform: scale(1);
  119.      }
  120.    }
  121.  
  122.    .zoom {
  123.      animation: zoomInOut 8s infinite ease-in-out; /* Continuous zoom animation */
  124.    }
  125.  
  126.    .gradient-overlay {
  127.    position: absolute;
  128.    bottom: 0;
  129.    left: 0;
  130.    width: 100%;
  131.    height: 100%;
  132.    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%);
  133.    z-index: 1;
  134.  }
  135.  
  136.  .swiper-slide img {
  137.    position: relative;
  138.    z-index: 0;
  139.  }
  140.  
  141.    /* Parallax text */
  142.    .swiper-slide .slide-title {
  143.      position: absolute;
  144.      bottom: 20%;
  145.      left: 50%;
  146.      transform: translate(-50%, -50%);
  147.      color: white;
  148.      font-size: 28px;
  149.      font-weight: medium;
  150.      text-align: center;
  151.      line-height: 5vh;
  152.      text-shadow: 1px 2px 5px rgba(0, 0, 0, 1);
  153.      z-index: 10;
  154.      opacity: 0;
  155.      transition: transform 1s ease, opacity 1s ease;
  156.    }
  157.  
  158.  
  159.    .swiper-slide-active .slide-title {
  160.      opacity: 1;
  161.      transform: translate(-50%, -50%) scale(1.1);
  162.    }
  163.  
  164.    /* Custom elegant arrow styles */
  165.    .swiper-button-next,
  166.  .swiper-button-prev {
  167.    width: 50px;
  168.    height: 50px;
  169.    border-radius: 50%;
  170.    background-color: rgba(255, 255, 255, 0.8);
  171.    display: flex;
  172.    justify-content: center;
  173.    align-items: center;
  174.    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  175.    transition: background-color 0.3s, transform 0.8s;
  176.  }
  177.  
  178.  .swiper-button-next:hover,
  179.  .swiper-button-prev:hover {
  180.    background-color: #fff;
  181.    transform: scale(1.1);
  182.  }
  183.  
  184.  .swiper-button-next::after,
  185.  .swiper-button-prev::after {
  186.    font-size: 20px;
  187.    color: #000;
  188.  }
  189.  
  190.  .swiper-button-next::after {
  191.    content: '→';
  192.  }
  193.  
  194.  .swiper-button-prev::after {
  195.    content: '←';
  196.  }
  197.  
  198.  /* Swiper pagination styles */
  199.  .swiper-pagination-bullet {
  200.    background: rgba(255, 255, 255, 0.7);
  201.  }
  202.  
  203.  .swiper-pagination-bullet-active {
  204.    background: #fff;
  205.  }
  206.  
  207.  /* Ensure default Swiper arrows are hidden if they still appear */
  208.  .swiper-button-default {
  209.    display: none;
  210.  }
  211.  
  212.  .my-custom-next,
  213.  .my-custom-prev {
  214.    width: 50px;
  215.    height: 50px;
  216.    border-radius: 50%;
  217.    background-color: rgba(255, 255, 255, 0.8);
  218.    display: flex;
  219.    justify-content: center;
  220.    align-items: center;
  221.    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  222.    transition: background-color 0.3s, transform 0.8s;
  223.    position: absolute;
  224.    top: 50%;
  225.    transform: translateY(-50%);
  226.    z-index: 10;
  227.  }
  228.  
  229.  .my-custom-next {
  230.    right: 10px;
  231.  }
  232.  
  233.  .my-custom-prev {
  234.    left: 10px;
  235.  }
  236.  
  237.  .my-custom-next:hover,
  238.  .my-custom-prev:hover {
  239.    background-color: #fff;
  240.    transform: scale(1.1);
  241.  }
  242.  
  243.  .my-custom-next::after,
  244.  .my-custom-prev::after {
  245.    font-size: 20px;
  246.    color: #000;
  247.  }
  248.  
  249.  .my-custom-next::after {
  250.    content: '→';
  251.  }
  252.  
  253.  .my-custom-prev::after {
  254.    content: '←';
  255.  }
  256.  
  257.  
  258. </style>
  259.  
  260.    <style>
  261.    .website-menu,
  262.    .website-menu .bg-primary,
  263.    .acme-news-ticker-label,
  264.    .search-section button[type="submit"],
  265.    .home-content .left .news-total-item .see-all a,
  266.    .video-content,
  267.    .footer ul.social li a,
  268.    .footer input[type="submit"],
  269.    .scroll-top,
  270.    .widget .poll button,
  271.    .nav-pills .nav-link.active,
  272.    .related-news .owl-nav .owl-prev,
  273.    .related-news .owl-nav .owl-next,
  274.    .bg-website,
  275.    .page-item.active .page-link {
  276.        background: #1F3A93 !important;
  277.    }
  278.  
  279.    .acme-news-ticker,
  280.    .page-item.active .page-link {
  281.        border-color: #1F3A93 !important;
  282.    }
  283.  
  284.    ul.my-news-ticker li a,
  285.    .home-content .left .news-total-item .left-side h3 a:hover,
  286.    .home-content .left .news-total-item .right-side-item .right h2 a:hover,
  287.    .home-content .left .news-total-item .left-side .date-user .user a:hover,
  288.    .home-content .left .news-total-item .left-side .date-user .date a:hover,
  289.    .home-content .left .news-total-item .right-side-item .right .date-user .user a:hover,
  290.    .home-content .left .news-total-item .right-side-item .right .date-user .date a:hover,
  291.    .widget .news-item .right h2 a:hover,
  292.    .widget .news-item .right .date-user .user a:hover,
  293.    .widget .news-item .right .date-user .date a:hover,
  294.    .nav-pills .nav-link,
  295.    .video-carousel .owl-nav .owl-prev,
  296.    .video-carousel .owl-nav .owl-next,
  297.    li.breadcrumb-item a,
  298.    .category-page-post-item h3 a:hover,
  299.    .category-page-post-item .date-user .user a:hover,
  300.    .category-page-post-item .date-user .date a:hover,
  301.    .related-news .item h3 a:hover,
  302.    .related-news .item .date-user .user a:hover,
  303.    .related-news .item .date-user .date a:hover,
  304.    .accordion-button:not(.collapsed),
  305.    .login-form a,
  306.    ul.pagination .page-link {
  307.        color: #1F3A93 !important;
  308.    }
  309.  
  310.    .main-nav .nav-link .active {
  311.        background-color: red !important
  312.    }
  313.  
  314.    .dropdown-item {
  315.        text-align: right !important;
  316.    }
  317.  
  318.    .dropdown-menu[data-bs-popper] {
  319.        right: 0 !important;
  320.    }
  321.  
  322.    /* New CSS for active link */
  323.    .nav-link.active {
  324.        font-weight: bolder;
  325.        color: #1F3A93
  326.        /* Make text bold */
  327.    }
  328.  
  329.    .home-main .inner .text-inner .category span,
  330.    .home-main .inner .text-inner .category span a,
  331.    .home-content .left .news-total-item .left-side .category span,
  332.    .home-content .left .news-total-item .left-side .category span a,
  333.    .home-content .left .news-total-item .right-side-item .right .category span,
  334.    .home-content .left .news-total-item .right-side-item .right .category span a,
  335.    .widget .news-item .right .category span,
  336.    .widget .news-item .right .category span a,
  337.    .category-page-post-item .category span,
  338.    .category-page-post-item .category span a,
  339.    .tag-section-content span {
  340.        background: #D4AF37 !important;
  341.    }
  342.  
  343.    .nav-pills .nav-link.active,
  344.    .page-item.active .page-link {
  345.        color: #fff !important;
  346.    }
  347.  
  348.    .related-news .item .category span {
  349.        background: #D4AF37 !important;
  350.    }
  351.  
  352.  
  353.    element.style {}
  354.  
  355.    .top ul {
  356.        margin-bottom: 0;
  357.        padding-right: 0;
  358.    }
  359.  
  360.    .justify-content-end {
  361.        justify-content: flex-end !important;
  362.    }
  363.  
  364.    .flex-row {
  365.        flex-direction: row !important;
  366.    }
  367.  
  368.    .d-flex {
  369.        display: flex !important;
  370.    }
  371.  
  372.    dl,
  373.    ol,
  374.    ul {
  375.        margin-top: 0;
  376.        margin-bottom: 1rem;
  377.    }
  378.  
  379.    ol,
  380.    ul {
  381.        padding-left: 0px !important;
  382.    }
  383.  
  384.    .dropdown-menu {
  385.        min-width: fit-content !important;
  386.    }
  387.  
  388.    .translated-ltr {
  389.        margin-top: -40px;
  390.    }
  391.  
  392.    .translated-rtl {
  393.        margin-top: -40px;
  394.    }
  395.  
  396.    .goog-te-banner-frame {
  397.        display: none;
  398.        margin-top: -20px;
  399.    }
  400.  
  401.    .goog-logo-link {
  402.        display: none !important;
  403.    }
  404.  
  405.    .goog-te-gadget {
  406.        color: transparent !important;
  407.    }
  408.  
  409.    #goog-gt-tt {
  410.        display: none !important;
  411.    }
  412.  
  413.    .VIpgJd-ZVi9od-ORHb-OEVmcd,
  414.    .VIpgJd-ZVi9od-l4eHX-hSRGPd img {
  415.        display: none !important;
  416.    }
  417.  
  418.  
  419.    .VIpgJd-ZVi9od-l4eHX-hSRGPd,
  420.    .VIpgJd-ZVi9od-l4eHX-hSRGPd:link,
  421.    .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited,
  422.    .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover,
  423.    .VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
  424.        display: none !important;
  425.    }
  426.  
  427.    #google_translate_element .goog-te-combo {
  428.        display: none;
  429.    }
  430.  
  431.    #flag-ar {
  432.        display: none;
  433.    }
  434.  
  435.    .clickable-flag:hover {
  436.        cursor: pointer;
  437.    }
  438.  
  439.    .navbar-light .navbar-nav .nav-link {
  440.        font-size: 13px !important;
  441.    }
  442.  
  443.    .layer-overlay {
  444.        /* .overlay-theme-colored2 */
  445.    }
  446.  
  447.    .layer-overlay.overlay-theme-colored2::before {
  448.        background-color: rgba(212, 175, 55, 0.8) !important;
  449.    }
  450.  
  451.    .layer-overlay.overlay-theme-colored2-1::before {
  452.        background-color: rgba(212, 175, 55, 0.1);
  453.    }
  454.  
  455.    .layer-overlay.overlay-theme-colored2-2::before {
  456.        background-color: rgba(212, 175, 55, 0.2);
  457.    }
  458.  
  459.    .layer-overlay.overlay-theme-colored2-3::before {
  460.        background-color: rgba(212, 175, 55, 0.3);
  461.    }
  462.  
  463.    .layer-overlay.overlay-theme-colored2-4::before {
  464.        background-color: rgba(212, 175, 55, 0.4);
  465.    }
  466.  
  467.    .layer-overlay.overlay-theme-colored2-5::before {
  468.        background-color: rgba(212, 175, 55, 0.5);
  469.    }
  470.  
  471.    .layer-overlay.overlay-theme-colored2-6::before {
  472.        background-color: rgba(212, 175, 55, 0.6);
  473.    }
  474.  
  475.    .layer-overlay.overlay-theme-colored2-7::before {
  476.        background-color: rgba(212, 175, 55, 0.7);
  477.    }
  478.  
  479.    .layer-overlay.overlay-theme-colored2-8::before {
  480.        background-color: rgba(212, 175, 55, 0.8);
  481.    }
  482.  
  483.    .layer-overlay.overlay-theme-colored2-9::before {
  484.        background-color: rgba(212, 175, 55, 0.9);
  485.    
  486.    }
  487.  
  488.    .btn-theme-colored2 {
  489.        color: #000;
  490.        background-color: #D4AF37;
  491.        border-color: #D4AF37;
  492.    }
  493.  
  494.    /* Add smooth transition for the date */
  495.  .owl-item p {
  496.    transition: color 0.5s ease; /* Adjust duration and easing as needed */
  497.  }
  498.  
  499.  /* Add smooth transition for the title */
  500.  .owl-item h6 {
  501.    transition: color 0.5s ease; /* Adjust duration and easing as needed */
  502.  }
  503.  
  504.  /* Change the color of the date on hover */
  505.  .owl-item a:hover p {
  506.    color: #D4AF37; /* Replace with the dynamic color */
  507.  }
  508.  
  509.  /* Change the color of the title on hover */
  510.  .owl-item a:hover h6 {
  511.    color: #D4AF37; /* Replace with the dynamic color */
  512.  }
  513.  
  514.    .btn-theme-colored2:hover {
  515.        color: #000;
  516.        background-color: #D4AF37;
  517.        border-color: #D4AF37;
  518.    }
  519.  
  520.    .btn-check:focus+.btn-theme-colored2,
  521.    .btn-theme-colored2:focus {
  522.        color: #000;
  523.        background-color: #D4AF37;
  524.        border-color: #D4AF37;
  525.        box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.5);
  526.    }
  527.  
  528.    .btn-check:checked+.btn-theme-colored2,
  529.    .btn-check:active+.btn-theme-colored2,
  530.    .btn-theme-colored2:active,
  531.    .btn-theme-colored2.active,
  532.    .show>.btn-theme-colored2.dropdown-toggle {
  533.        color: #000;
  534.        background-color: #D4AF37;
  535.        border-color: #D4AF37;
  536.    }
  537.  
  538.    .btn-check:checked+.btn-theme-colored2:focus,
  539.    .btn-check:active+.btn-theme-colored2:focus,
  540.    .btn-theme-colored2:active:focus,
  541.    .btn-theme-colored2.active:focus,
  542.    .show>.btn-theme-colored2.dropdown-toggle:focus {
  543.        box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.5);
  544.    }
  545.  
  546.    .btn-theme-colored2:disabled,
  547.    .btn-theme-colored2.disabled {
  548.        color: #000;
  549.        background-color: #D4AF37;
  550.        border-color: #D4AF37;
  551.    }
  552.  
  553.    /* Basic Styles */
  554. .funfact-item-container {
  555.  position: relative;
  556.  overflow: hidden;
  557.  transition: transform 0.3s ease, box-shadow 0.3s ease;
  558.  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* No shadow initially */
  559. }
  560.  
  561. .funfact-item i,
  562. .funfact-item h2 {
  563.  transition: all 0.5s ease;
  564. }
  565.  
  566. /* Animation on Hover */
  567. .funfact-item-container:hover {
  568.  transform: scale(1.05);
  569.  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2); /* Shadow on hover */
  570. }
  571.  
  572. /* Slide in icon on hover */
  573. .funfact-item:hover i {
  574.  transform: translateX(20px);
  575. }
  576.  
  577. /* Slide in title from opposite direction */
  578. .funfact-item:hover h2 {
  579.  transform: translateX(-20px);
  580. }
  581.  
  582. .translate_text{
  583.    color: #D4AF37 !important ;
  584. }
  585.  
  586. /* Optional: Adjust floating or positioning issues */
  587. .menuzord-menu li {
  588.    float:  right !important;
  589. }
  590.  
  591. .parallax-section {
  592.  height: 500px; /* Adjust the height as needed */
  593.  background-repeat: no-repeat;
  594.  background-position: center center;
  595.  background-size: cover;
  596.  background-attachment: fixed; /* This makes the parallax effect */
  597. }
  598. </style>
  599.    <link href="https://meuc.edu.iq/css/app.css" rel="stylesheet">
  600.    
  601.     <style>
  602.        .main-text img {
  603.            width: 100%;
  604.            aspect-ratio: 16 / 9;
  605.            object-fit: contain;
  606.            display: block;
  607.        }
  608.  </style>
  609. </head>
  610.  
  611.  
  612. <body class="tm-container-1340px has-side-panel side-panel-right">
  613.            <div class="website-menu d-none d-md-block">
  614.            <div class="container">
  615.                <div class="row">
  616.                    <div class="col-md-12">
  617.                        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
  618.                            <div class="col-6">
  619.                                <ul class="navbar-nav mb-2 mb-lg-0 p-0">
  620.                                    <li class="nav-item">
  621.                                        <span class="contact-phone nav-link">
  622.                                            <i class="fa fa-phone font-icon sm-display-block"></i> Tel: 6722
  623.                                        </span>
  624.                                    </li>
  625.                                                                            <li class="nav-item">
  626.                                            <span class="contact-email nav-link">
  627.                                                <i class="fa fa-envelope font-icon sm-display-block"></i> info@meuc.edu.iq
  628.                                            </span>
  629.                                        </li>
  630.                                                                    </ul>
  631.                            </div>
  632.                            <div class="col-6">
  633.                                <div class="d-flex justify-content-end">
  634.                                                                            <ul class="navbar-nav mb-2 mb-lg-0 p-0">
  635.                                            <li class="nav-item d-flex flex-row">
  636.                                                <a target="_blank" class="nav-link" href="https://facebook.com/meuc.edu.iq/">
  637.                                                    <i class="fab fa-facebook"></i>
  638.                                                </a>
  639.                                                <a target="_blank" class="nav-link" href="https://www.instagram.com/middle.e.u.c">
  640.                                                    <i class="fab fa-instagram"></i>
  641.                                                </a>
  642.                                                <a target="_blank" class="nav-link" href="https://www.youtube.com/watch?v=Ogs5hpEJvKg">
  643.                                                    <i class="fab fa-youtube"></i>
  644.                                                </a>
  645.                                            </li>
  646.                                        </ul>
  647.                                                                    </div>
  648.                            </div>
  649.                        </nav>
  650.                    </div>
  651.                </div>
  652.            </div>
  653.        </div>
  654.    
  655.    <!-- Preloader -->
  656.    <div id="preloader">
  657.        <div id="spinner">
  658.            <div class="preloader-dot-loading">
  659.                <div class="cssload-loading"><i></i><i></i><i></i><i></i></div>
  660.            </div>
  661.        </div>
  662.        <div id="disable-preloader" class="btn btn-default btn-sm bg-white-f5">Disable Preloader</div>
  663.    </div>
  664.    <div class="side-panel-body-overlay"></div>
  665.    
  666.    <div id="wrapper" class="clearfix">
  667.        <!-- Header -->
  668.        <header id="header" class="header header-layout-type-header-2rows" style="padding-bottom:12px; padding-top:0px; direction: rtl">
  669.            <div class="header-nav tm-enable-navbar-hide-on-scroll">
  670.                <div class="header-nav-wrapper navbar-scrolltofixed">
  671.                    <div class="menuzord-container header-nav-container">
  672.                        <div class="container position-relative">
  673.                            <div class="row header-nav-col-row">
  674.                                <div class="col-sm-auto align-self-center" style="padding:unset;">
  675.                                    <a class="menuzord-brand site-brand" href="https://meuc.edu.iq">
  676.                                        <div class="d-flex flex-row align-items-center" style="display: flex !important;">
  677.                                            <img src="https://meuc.edu.iq/uploads/logo.png" alt="">
  678.                                            <h4 style="font-size:1rem !important; margin:0 8px; color: #1F3A93;" class="h4 logo_title fw-bold">
  679.                                                كلية الشرق الاوسط الجامعة
  680.                                            </h4>
  681.                                        </div>
  682.                                    </a>
  683.                                </div>
  684.                                <div class="col-sm-auto ms-sm-0 ms-auto pr-0 align-self-center">
  685.                                    <nav id="top-primary-nav" class="menuzord theme-color1" data-effect="slide" data-animation="none" data-align="left" dir="" >
  686.    <ul id="main-nav" class="menuzord-menu" >
  687.      <li class="active menu-item">
  688.        <li class="nav-item" >
  689.            <a style="background-color: #1F3A93" class=" homepage main-nav nav-link active" aria-current="page" href="https://meuc.edu.iq">الرئيسية</a>
  690.        </li>
  691.      </li>
  692.  
  693.                    <li class="nav-item">
  694.                <a class="main-nav nav-link " aria-current="page" href="https://meuc.edu.iq/about" style="font-size:small;">عن الكلية</a>
  695.            </li>
  696.        
  697.                    <li class="nav-item">
  698.            <a class="main-nav nav-link " aria-current="page" href="https://meuc.edu.iq/faq" style="font-size:small;">الاسئلة الشائعة</a>
  699.            </li>
  700.        
  701.        
  702.                <style>
  703.            .dropdown-item{text-align: right !important}
  704.            .dropdown-menu[data-bs-popper] {
  705.                right:0 !important;
  706.            }
  707.        </style>
  708.        
  709.        <li class="menu-item" ><a href="#" style="font-size:small;">الاقسام الاكاديمية</a>
  710.            <ul class="dropdown">
  711.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/1" style="font-size:small;">قسم الصيدلة</a></li>
  712.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/33" style="font-size:small;">قسم هندسة تقنيات الحاسوب</a></li>
  713.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/34" style="font-size:small;">قسم علوم الحياة</a></li>
  714.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/35" style="font-size:small;">قسم القانون</a></li>
  715.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/36" style="font-size:small;">قسم اللغة العربية</a></li>
  716.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/37" style="font-size:small;">قسم طب الاسنان</a></li>
  717.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/38" style="font-size:small;">قسم التخدير</a></li>
  718.                                <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/39" style="font-size:small;">قسم هندسة تقنيات الاجهزة الطبية</a></li>
  719.                            </ul>
  720.        </li>
  721.  
  722.                    <li class="menu-item" ><a href="#" style="font-size:small;">الاقسام الادارية</a>
  723.                <ul class="dropdown">
  724.                                        <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/29" style="font-size:small;">شعبة التعليم المستمر</a></li>
  725.                                        <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/30" style="font-size:small;">شعبة التسجيل</a></li>
  726.                                        <li><a class="dropdown-item" href="https://meuc.edu.iq/departs/40" style="font-size:small;">شعبة تكنولوجيا المعلومات</a></li>
  727.                                    </ul>
  728.            </li>
  729.        
  730.        <!-- New Lecturer Menu -->
  731.        <li class="menu-item"><a href="#" style="font-size:small;">التدريسيون</a>
  732.            <ul class="dropdown">
  733.                <li><a class="dropdown-item" href="https://academic.meuc.edu.iq/" style="font-size:medium;">البروفايل الأكاديمي للتدريسيين</a></li>
  734.                <li><a class="dropdown-item" href="https://academic.meuc.edu.iq/showlectures" style="font-size:medium;">المحاضرات الدراسية</a></li>
  735.                <li><a class="dropdown-item" href="https://academic.meuc.edu.iq/showvideos" style="font-size:medium;">المحاضرات الفديوية</a></li>
  736.                <li><a class="dropdown-item" href="https://academic.meuc.edu.iq/showresearchs" style="font-size:medium;">النتاجات البحثية</a></li>
  737.                <li><a class="dropdown-item" href="https://accounts.google.com/signin/v2/identifier?continue=https%3A%2F%2Fmail.google.com%2Fmail%2F&service=mail&hd=meuc.edu.iq&sacu=1&flowName=GlifWebSignIn&flowEntry=AddSession" style="font-size:medium;">البريد الالكتروني</a></li>
  738.                                     <li><a class="dropdown-item" href="https://meuc.edu.iq/uploads/file_upload_1730763618.pdf" style="font-size:medium;">تعليمات الترقيات العلمية</a></li>
  739.                            </ul>
  740.        </li>
  741.  
  742.        <!-- New Students Menu -->
  743.        <!--<li class="menu-item"><a href="#" style="font-size:small;">الطلبة</a>-->
  744.        <!--    <ul class="dropdown">-->
  745.        <!--        <li><a class="dropdown-item" href="https://accounts.google.com/signin/v2/identifier?continue=https%3A%2F%2Fmail.google.com%2Fmail%2F&service=mail&hd=meuc.edu.iq&sacu=1&flowName=GlifWebSignIn&flowEntry=AddSession" style="font-size:medium;">البريد الالكتروني</a></li>-->
  746.        <!--        <li><a class="dropdown-item" href="https://classroom.google.com/" style="font-size:medium;">التعليم الالكتروني</a></li>-->
  747.        <!--        <li><a class="dropdown-item" href="https://meuc.edu.iq/news-detail/219" style="font-size:medium;">التقويم الجامعي</a></li>-->
  748.        <!--        <li><a class="dropdown-item" href="https://meuc.edu.iq/news-detail/220" style="font-size:medium;">تعليمات انضباط الطلبة</a></li>-->
  749.        <!--        <li><a class="dropdown-item" href="https://meuc.edu.iq/news-detail/198" style="font-size:medium;">الطلبة الأوائل</a></li>-->
  750.        <!--        <li><a class="dropdown-item" href="https://meuc.edu.iq/news-detail/222" style="font-size:medium;">دليل اجراءات شؤون الطلبة وضوابط القبول وشروطه</a></li>-->
  751.        <!--        <li><a class="dropdown-item" href="https://meuc.edu.iq/news-detail/223" style="font-size:medium;">دليل قبول الطالب</a></li>-->
  752.        <!--    </ul>-->
  753.        <!--</li>-->
  754.  
  755.        <li class="menu-item" ><a href="#" style="font-size:small;">الملتيميديا</a>
  756.            <ul class="dropdown">
  757.                <li><a class="dropdown-item" href="https://meuc.edu.iq/album-gallery" style="font-size:medium;">مكتبة الصور</a></li>
  758.                <li><a class="dropdown-item" href="https://meuc.edu.iq/video-gallery" style="font-size:medium;">مكتبة الفيديو</a></li>
  759.            </ul>
  760.        </li>
  761.        <li class="menu-item" ><a href="https://erp.meuc.edu.iq/jobs" style="font-size:small;">الوظائف</a>
  762.            
  763.        </li>
  764.  
  765.        <li class="nav-item">
  766.            <form action="https://meuc.edu.iq/language/switch" method="post" id="lang_form" >
  767.                <input type="hidden" name="_token" value="O9eIlw8Z4R2L5w2tiYyuuP6dcKUpFAA3zlvCpmeR">                <input type="hidden" name="short_name" value="en" >
  768.                <a style="cursor: pointer;" class="nav-link" onclick="getElementById('lang_form').submit(); " >English</a>
  769.            </form>
  770.        </li>
  771.    </ul>
  772. </nav>                                </div>
  773.                                <div class="col-sm-auto align-self-center pt-3 nav-side-icon-parent" style="padding:unset; margin:inherit;">
  774.                                    <ul class="list-inline nav-side-icon-list">
  775.                                        <li class="hidden-mobile-mode">
  776.                                            <a href="#" id="top-nav-search-btn">
  777.                                                <i class="search-icon fa fa-search"></i>
  778.                                            </a>
  779.                                        </li>
  780.                                    </ul>
  781.                                    <div id="top-nav-search-form" class="clearfix">
  782.                                        <!--<form action="#" method="GET">-->
  783.                                        <form action="https://meuc.edu.iq/search/result" method="post">
  784.                                              <input type="hidden" name="_token" value="O9eIlw8Z4R2L5w2tiYyuuP6dcKUpFAA3zlvCpmeR">                                            <input type="text" name="text_item" placeholder="Type and Press Enter..." autocomplete="off" />
  785.                                        </form>
  786.                                        <a href="#" id="close-search-btn">
  787.                                            <i class="fa fa-times"></i>
  788.                                        </a>
  789.                                    </div>
  790.                                </div>
  791.                            </div>
  792.                            <div class="row d-block d-xl-none">
  793.                                <div class="col-12">
  794.                                    <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">
  795.                                        <ul id="main-nav-clone" class="menuzord-menu menuzord-right menuzord-indented scrollable">
  796.                                        </ul>
  797.                                    </nav>
  798.                                </div>
  799.                            </div>
  800.                        </div>
  801.                    </div>
  802.                </div>
  803.            </div>
  804.        </header>
  805.        
  806.        <!-- Main Content -->
  807.        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
  808. <style>
  809.  
  810. .block-link {
  811.    display: block;
  812.    text-decoration: none;
  813.    color: inherit;
  814.    cursor: pointer;
  815. }
  816.  
  817. .block-link:hover {
  818.    background-color: #f9f9f9; /* Example hover effect */
  819. }
  820.  
  821.  /* NEW Tag Styles */
  822. .new-tag {
  823.  position: absolute;
  824.  top: 10px;
  825.  left: 10px;
  826.  background-color: #ff5a5f;
  827.  color: #fff;
  828.  font-size: 12px;
  829.  font-weight: bold;
  830.  padding: 5px 10px;
  831.  border-radius: 4px;
  832.  animation: pulse 1s infinite;
  833. }
  834.  
  835. /* Animation */
  836. @keyframes pulse {
  837.  0%, 100% {
  838.    transform: scale(1);
  839.  }
  840.  50% {
  841.    transform: scale(1.1);
  842.  }
  843. }
  844.  
  845. </style>          
  846.  
  847. <div class="main-content-area">
  848.  
  849.    <!-- Section: Home -->
  850.    <section class="" style="min-height: 90vh; margin-top:-16px; z-Index:0" >
  851.  
  852.        <div class="swiper mySwiper" style="height: 90vh; margin-top:-16px">
  853.          <div class="swiper-wrapper">
  854.            <div class="swiper-slide">
  855.              <img src="https://meuc.edu.iq/new_assets/images/v1/3.jpg" />
  856.              
  857.              <div class="slide-title fs-1 fw-bold" style="bottom:60vh" >كلية الشرق الاوسط الجامعة</div>
  858.              <div class="slide-title" style="bottom:50vh" >نغرس العلم، لنحصد التميز</div>
  859.              <div class="slide-title" style="bottom:40vh">نمهد الطريق لمستقبل مشرق</div>
  860.            
  861.            </div>
  862.            
  863.            <style>
  864.                .swiper-slide {
  865.                    position: relative;
  866.                }
  867.                
  868.                .swiper-slide .slide-title {
  869.                    position: absolute;
  870.                    bottom: 15%; /* Moved higher */
  871.                  
  872.                    color: white;
  873.                    padding: 15px;
  874.                    font-size: 22px !important;
  875.                    line-height: 1.4;
  876.                    text-align: center;
  877.                    z-index: 2;
  878.                    text-shadow: 2px 2px 4px rgba(0,0,0,0.5); /* Added for better readability */
  879.                }
  880.                
  881.                @media screen and (max-width: 768px) {
  882.                    .swiper-slide .slide-title {
  883.                        bottom: 15%; /* Slightly adjusted for mobile */
  884.                        font-size: 16px !important;
  885.                        padding: 10px;
  886.                        line-height: 1.2;
  887.                    }
  888.                }
  889.                
  890.                @media screen and (max-width: 480px) {
  891.                    .swiper-slide .slide-title {
  892.                        bottom: 15%;
  893.                        font-size: 16px !important;
  894.                        padding: 8px;
  895.                    }
  896.                }
  897.            
  898.                .gradient-overlay {
  899.                    position: absolute;
  900.                    bottom: 0;
  901.                    left: 0;
  902.                    right: 0;
  903.                    height: 100%;
  904.                    background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.7));
  905.                    z-index: 1;
  906.                }
  907.            </style>
  908.            
  909.                                                                        
  910.                                <div class="swiper-slide">
  911.                    <a href="https://meuc.edu.iq/news-detail/645">
  912.                        <img src="https://meuc.edu.iq/uploads/post_photo_1752394028.jpg" />
  913.                        <div class="gradient-overlay"></div>
  914.                        <div class="slide-title">كلية الشرق الأوسط الجامعة تزور الشركة العامة للصناعات الكهربائية والإلكترونية لب...</div>
  915.                    </a>
  916.                </div>
  917.                                                            
  918.                                <div class="swiper-slide">
  919.                    <a href="https://meuc.edu.iq/news-detail/644">
  920.                        <img src="https://meuc.edu.iq/uploads/post_photo_1752045687.jpg" />
  921.                        <div class="gradient-overlay"></div>
  922.                        <div class="slide-title">محاضرة تدريبية نوعية في اللغة الإنجليزية تشهد تفاعلًا واسعًا بمشاركة أكثر من 90...</div>
  923.                    </a>
  924.                </div>
  925.                                                            
  926.                                <div class="swiper-slide">
  927.                    <a href="https://meuc.edu.iq/news-detail/643">
  928.                        <img src="https://meuc.edu.iq/uploads/post_photo_1751820753.jpg" />
  929.                        <div class="gradient-overlay"></div>
  930.                        <div class="slide-title">كلية الشرق الأوسط الجامعة تعزّي الأمة الإسلامية بذكرى استشهاد الإمام الحسين (علي...</div>
  931.                    </a>
  932.                </div>
  933.                                                            
  934.                                <div class="swiper-slide">
  935.                    <a href="https://meuc.edu.iq/news-detail/642">
  936.                        <img src="https://meuc.edu.iq/uploads/post_photo_1751617135.jpg" />
  937.                        <div class="gradient-overlay"></div>
  938.                        <div class="slide-title">دعوة عامة لحضور محاضرة تدريبية مميزة بعنوان: &quot;أساسيات اللغة الإنجليزية&quot;</div>
  939.                    </a>
  940.                </div>
  941.                                                            
  942.                                <div class="swiper-slide">
  943.                    <a href="https://meuc.edu.iq/news-detail/641">
  944.                        <img src="https://meuc.edu.iq/uploads/post_photo_1751615425.jpg" />
  945.                        <div class="gradient-overlay"></div>
  946.                        <div class="slide-title">الفرق بين الحلم والواقع… هو &quot;العمل&quot;!</div>
  947.                    </a>
  948.                </div>
  949.                                                            
  950.                                <div class="swiper-slide">
  951.                    <a href="https://meuc.edu.iq/news-detail/640">
  952.                        <img src="https://meuc.edu.iq/uploads/post_photo_1751351903.jpg" />
  953.                        <div class="gradient-overlay"></div>
  954.                        <div class="slide-title">شلون تختار تخصصك الجامعي المناسب؟</div>
  955.                    </a>
  956.                </div>
  957.                                                            
  958.                                    
  959.            <!---->
  960.            <!---->
  961.            <!--                                    -->
  962.            <!--    -->
  963.            <!--    <div  class="swiper-slide">-->
  964.            <!--      <a href="https://meuc.edu.iq/news-detail/645">-->
  965.            <!--        <img href="https://meuc.edu.iq/news-detail/645" src="https://meuc.edu.iq/uploads/post_photo_1752394028.jpg" />-->
  966.                     <!-- Gradient overlay -->
  967.            <!--        <div class="gradient-overlay"></div>-->
  968.            <!--        <div class="slide-title">كلية الشرق الأوسط الجامعة تزور الشركة العامة للصناعات الكهربائية والإلكترونية لبحث التعاون المشترك</div>-->
  969.            <!--      </a>-->
  970.                  
  971.            <!--    </div>-->
  972.            <!--</a>-->
  973.            <!---->
  974.            <!--                                    -->
  975.            <!--    -->
  976.            <!--    <div  class="swiper-slide">-->
  977.            <!--      <a href="https://meuc.edu.iq/news-detail/644">-->
  978.            <!--        <img href="https://meuc.edu.iq/news-detail/644" src="https://meuc.edu.iq/uploads/post_photo_1752045687.jpg" />-->
  979.                     <!-- Gradient overlay -->
  980.            <!--        <div class="gradient-overlay"></div>-->
  981.            <!--        <div class="slide-title">محاضرة تدريبية نوعية في اللغة الإنجليزية تشهد تفاعلًا واسعًا بمشاركة أكثر من 90 متدربًا</div>-->
  982.            <!--      </a>-->
  983.                  
  984.            <!--    </div>-->
  985.            <!--</a>-->
  986.            <!---->
  987.            <!--                                    -->
  988.            <!--    -->
  989.            <!--    <div  class="swiper-slide">-->
  990.            <!--      <a href="https://meuc.edu.iq/news-detail/643">-->
  991.            <!--        <img href="https://meuc.edu.iq/news-detail/643" src="https://meuc.edu.iq/uploads/post_photo_1751820753.jpg" />-->
  992.                     <!-- Gradient overlay -->
  993.            <!--        <div class="gradient-overlay"></div>-->
  994.            <!--        <div class="slide-title">كلية الشرق الأوسط الجامعة تعزّي الأمة الإسلامية بذكرى استشهاد الإمام الحسين (عليه السلام)</div>-->
  995.            <!--      </a>-->
  996.                  
  997.            <!--    </div>-->
  998.            <!--</a>-->
  999.            <!---->
  1000.            <!--                                    -->
  1001.            <!--    -->
  1002.            <!--    <div  class="swiper-slide">-->
  1003.            <!--      <a href="https://meuc.edu.iq/news-detail/642">-->
  1004.            <!--        <img href="https://meuc.edu.iq/news-detail/642" src="https://meuc.edu.iq/uploads/post_photo_1751617135.jpg" />-->
  1005.                     <!-- Gradient overlay -->
  1006.            <!--        <div class="gradient-overlay"></div>-->
  1007.            <!--        <div class="slide-title">دعوة عامة لحضور محاضرة تدريبية مميزة بعنوان: &quot;أساسيات اللغة الإنجليزية&quot;</div>-->
  1008.            <!--      </a>-->
  1009.                  
  1010.            <!--    </div>-->
  1011.            <!--</a>-->
  1012.            <!---->
  1013.            <!--                                    -->
  1014.            <!--    -->
  1015.            <!--    <div  class="swiper-slide">-->
  1016.            <!--      <a href="https://meuc.edu.iq/news-detail/641">-->
  1017.            <!--        <img href="https://meuc.edu.iq/news-detail/641" src="https://meuc.edu.iq/uploads/post_photo_1751615425.jpg" />-->
  1018.                     <!-- Gradient overlay -->
  1019.            <!--        <div class="gradient-overlay"></div>-->
  1020.            <!--        <div class="slide-title">الفرق بين الحلم والواقع… هو &quot;العمل&quot;!</div>-->
  1021.            <!--      </a>-->
  1022.                  
  1023.            <!--    </div>-->
  1024.            <!--</a>-->
  1025.            <!---->
  1026.            <!--                                    -->
  1027.            <!--    -->
  1028.            <!--    <div  class="swiper-slide">-->
  1029.            <!--      <a href="https://meuc.edu.iq/news-detail/640">-->
  1030.            <!--        <img href="https://meuc.edu.iq/news-detail/640" src="https://meuc.edu.iq/uploads/post_photo_1751351903.jpg" />-->
  1031.                     <!-- Gradient overlay -->
  1032.            <!--        <div class="gradient-overlay"></div>-->
  1033.            <!--        <div class="slide-title">شلون تختار تخصصك الجامعي المناسب؟</div>-->
  1034.            <!--      </a>-->
  1035.                  
  1036.            <!--    </div>-->
  1037.            <!--</a>-->
  1038.            <!---->
  1039.            <!--                                    -->
  1040.            <!--    -->
  1041.            <!--        -->
  1042.  
  1043.            
  1044.          </div>
  1045.          <!-- Navigation buttons -->
  1046.          <div class="my-custom-next"></div>
  1047.          <div class="my-custom-prev"></div>
  1048.          
  1049.          <!-- Pagination -->
  1050.          <div class="swiper-pagination"></div>
  1051.  
  1052.      </div>
  1053.    </section>
  1054.  
  1055.    
  1056.  
  1057.  
  1058.    <!-- Section: Counters -->
  1059.    <section class="" style="margin-top: -100px" >
  1060.      <div class="container pt-0 pb-0">
  1061.        <div class="section-content">
  1062.          <div class="row d-flex justify-content-center align-items-center g-0 ">
  1063.            <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2">
  1064.              
  1065.             <div data-tm-bg-color="#14276D" >
  1066.                <div class="text-center pt-40 pb-30">
  1067.                  <i class="fa fa-users text-white font-36 mb-10"></i>
  1068.                  <h2 data-animation-duration="2000" data-value="1473" class="text-white counter animate-number mt-0 mb-10">0</h2>
  1069.                  <h4 class="text-uppercase mt-20"><a href="#" class="text-white"> طالب و طالبة</a></h4>
  1070.                </div>
  1071.              </div>
  1072.            </div>
  1073.            
  1074.            <!--<div class="col-sm-12 col-md-6 col-lg-3 col-xl-2">-->
  1075.              
  1076.            <!-- <div data-tm-bg-color="#162D7C" >-->
  1077.            <!--    <div class="text-center pt-40 pb-30">-->
  1078.            <!--      <i class="fa fa-user-friends text-white font-36 mb-10"></i>-->
  1079.            <!--      <h2 data-animation-duration="2000" data-value="211" class="text-white counter animate-number mt-0 mb-10">0</h2>-->
  1080.            <!--      <h4 class="text-uppercase mt-20"><a href="#" class="text-white">طلبة جدد</a></h4>-->
  1081.            <!--    </div>-->
  1082.            <!--  </div>-->
  1083.            <!--</div>-->
  1084.            
  1085.            <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2">
  1086.             <div data-tm-bg-color="#2A3F85" >
  1087.                <div class="text-center pt-40 pb-30">
  1088.                  <i class="fa fa-user-tie text-white font-36 mb-10"></i>
  1089.                  <h2 data-animation-duration="2000" data-value="46" class="text-white counter animate-number mt-0 mb-10">0</h2>
  1090.                  <h4 class="text-uppercase mt-20"><a href="#" class="text-white">تدريسي</a></h4>
  1091.                </div>
  1092.              </div>
  1093.            </div>
  1094.  
  1095.            <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2">
  1096.             <div data-tm-bg-color="#394E9A" >
  1097.                <div class="text-center pt-40 pb-30">
  1098.                  <i class="fa fa-university text-white font-36 mb-10"></i>
  1099.                  <h2 data-animation-duration="2000" data-value="9" class="text-white counter animate-number mt-0 mb-10">0</h2>
  1100.                  <h4 class="text-uppercase mt-20"><a href="#" class="text-white">قسم علمي و انساني</a></h4>
  1101.                </div>
  1102.              </div>
  1103.            </div>
  1104.  
  1105.            <div class="col-sm-12 col-md-6 col-lg-3 col-xl-2">
  1106.             <div data-tm-bg-color="#4E65B0" >
  1107.                <div class="text-center pt-40 pb-30">
  1108.                  <i class="fa fa-vials text-white font-36 mb-10"></i>
  1109.                  <h2 data-animation-duration="2000" data-value="29" class="text-white counter animate-number mt-0 mb-10">0</h2>
  1110.                  <h4 class="text-uppercase mt-20"><a href="#" class="text-white">مختبر</a></h4>
  1111.                </div>
  1112.              </div>
  1113.            </div>
  1114.            
  1115.  
  1116.            
  1117.  
  1118.            
  1119.          </div>
  1120.        </div>
  1121.      </div>
  1122.    </section>
  1123.  
  1124.    <!-- Section: Why Choose Us -->
  1125.    <section class="mt-60">
  1126.      <div class="container pb-60">
  1127.        <div class="section-title text-center">
  1128.          <div class="row justify-content-md-center">
  1129.            <div class="col-md-6">
  1130.              <h2 class="text-uppercase mt-0 line-height-1">لماذا تختار كلية الشرق الاوسط الجامعة</h2>
  1131.              
  1132.            </div>
  1133.          </div>
  1134.        </div>
  1135.        <div class="section-content">
  1136.                        <div class="row">
  1137.                <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;">
  1138.                  <div class="text-center mb-30 p-10">
  1139.                    <a href="#" class="">
  1140.                      <img src="images/flaticon-png/small/6.png" width="70" alt="">
  1141.                    </a>
  1142.                    <h4 class="font-weight-600 mt-20">الحرم الجامعي</h4>
  1143.                    <p class="mb-0" style="text-align: justify; ">في كلية الشرق الأوسط الجامعة في بغداد، تمتد التجربة الجامعية لتكون أكثر من مجرد حضور المحاضرات والدروس، فهي عالم من الفرص التي تسهم في بناء المهارات الأكاديمية وصقل الجوانب الاجتماعية والشخصية للطلاب. توفر الجامعة مجموعة واسعة من التخصصات التي تفتح آفاق المستقبل، مدعومة بمرافق تعليمية حديثة تم تصميمها بعناية لتتماشى مع أرقى المعايير العالمية.<br></p>
  1144.                  </div>
  1145.                </div>
  1146.                <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;">
  1147.                  <div class="text-center mb-30 p-10">
  1148.                    <a href="#" class="">
  1149.                      <img src="images/flaticon-png/small/5.png" width="70" alt="">
  1150.                    </a>
  1151.                    <h4 class="font-weight-600 mt-20">البيئة الجامعية</h4>
  1152.                    <p class="mb-0" style="text-align: justify; ">تتميز كلية الشرق الأوسط الجامعة بتقديم مرافق متكاملة تم تصميمها بعناية لتثري التجربة التعليمية للطلاب خارج حدود القاعات الدراسية، بما يلبي اهتماماتهم ويدعم تطلعاتهم و تمنح الكلية الطلاب حياة جامعية متوازنة وشاملة تساهم في صقل شخصياتهم وتحقيق التناغم بين الجوانب الأكاديمية والاجتماعية.<br></p>
  1153.                  </div>
  1154.                </div>
  1155.                <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;">
  1156.                  <div class="text-center mb-30 p-10">
  1157.                    <a href="#" class="">
  1158.                      <img src="images/flaticon-png/small/4.png" width="70" alt="">
  1159.                    </a>
  1160.                    <h4 class="font-weight-600 mt-20">إدارة ذكية لمستقبلك&nbsp;<br></h4>
  1161.                    <p class="mb-0" style="text-align: justify; ">&nbsp;بفضل الخدمات الإلكترونية، يمكن للطلاب متابعة تسجيل المقررات، الاطلاع على نتائج الامتحانات، وإدارة جداولهم الدراسية بكل سهولة ويسر حيث&nbsp;<span style="color: var(--bs-card-color);">تمنح التطبيقات الإلكترونية المبتكرة الطلاب الفرصة لتقديم الطلبات والاستفسارات الأكاديمية والإدارية عبر منصات ذكية، مما يوفر وقتهم ويسهل عليهم الوصول إلى الدعم المطلوب.</span><br></p>
  1162.                  </div>
  1163.                </div>
  1164.              </div>
  1165.                  </div>
  1166.      </div>
  1167.    </section>
  1168.  
  1169.    <!-- Section: News -->
  1170.    <section class="bg-silver-light">
  1171.            <div class="container">
  1172.        
  1173.        <div class="section-title text-center">
  1174.          <div class="row">
  1175.           <div class="col"></div>
  1176.            <div class="col-md-8">
  1177.              <div class="mb-5">
  1178.                <div class="tm-sc tm-sc-section-title section-title">
  1179.                  <div class="title-wrapper">
  1180.                    <h2 class="text-uppercase ">اخبار</h2>
  1181.                </div>
  1182.              </div>
  1183.            </div>
  1184.            
  1185.          </div>
  1186.            <div class="col"></div>
  1187.          </div>
  1188.        </div>
  1189.  
  1190.  
  1191.        
  1192.  
  1193.          <div class="section-content">
  1194.            <div class="row">
  1195.              <div class="col-lg-12">
  1196.                <div class="owl-carousel tm-owl-carousel-4col" data-dots="true" data-loop="false" dir="rtl" >
  1197.                                                      <a href="https://meuc.edu.iq/news-detail/645"
  1198.                    class="wow fadeInRight"
  1199.                    data-wow-duration="1s"
  1200.                    data-wow-delay="0.3s"
  1201.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.3s;">
  1202.                      <div class="campaign bg-white mb-30 shadow-sm">
  1203.                        <div class="thumb">
  1204.                          
  1205.                          <img src="https://meuc.edu.iq/uploads/post_photo_1752394028.jpg" alt="كلية الشرق الأوسط الجامعة تزور الشركة العامة للصناعات الكهربائية والإلكترونية لبحث التعاون المشترك" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1206.                        </div>
  1207.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1208.                                                    <p class="m-0 text-gray">13 July, 2025 </p>
  1209.                          <h6 class=" font-weight-500 mb-15 text-justify">كلية الشرق الأوسط الجامعة تزور الشركة العامة للصناعات الكهربائية والإلكترونية لبحث التعاون المشترك</h6>
  1210.                        </div>
  1211.                      </div>
  1212.                    </a>
  1213.                                                        <a href="https://meuc.edu.iq/news-detail/644"
  1214.                    class="wow fadeInRight"
  1215.                    data-wow-duration="1s"
  1216.                    data-wow-delay="0.8s"
  1217.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.8s;">
  1218.                      <div class="campaign bg-white mb-30 shadow-sm">
  1219.                        <div class="thumb">
  1220.                          
  1221.                          <img src="https://meuc.edu.iq/uploads/post_photo_1752045687.jpg" alt="محاضرة تدريبية نوعية في اللغة الإنجليزية تشهد تفاعلًا واسعًا بمشاركة أكثر من 90 متدربًا" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1222.                        </div>
  1223.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1224.                                                    <p class="m-0 text-gray">09 July, 2025 </p>
  1225.                          <h6 class=" font-weight-500 mb-15 text-justify">محاضرة تدريبية نوعية في اللغة الإنجليزية تشهد تفاعلًا واسعًا بمشاركة أكثر من 90 متدربًا</h6>
  1226.                        </div>
  1227.                      </div>
  1228.                    </a>
  1229.                                                        <a href="https://meuc.edu.iq/news-detail/643"
  1230.                    class="wow fadeInRight"
  1231.                    data-wow-duration="1s"
  1232.                    data-wow-delay="1.3s"
  1233.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 1.3s;">
  1234.                      <div class="campaign bg-white mb-30 shadow-sm">
  1235.                        <div class="thumb">
  1236.                          
  1237.                          <img src="https://meuc.edu.iq/uploads/post_photo_1751820753.jpg" alt="كلية الشرق الأوسط الجامعة تعزّي الأمة الإسلامية بذكرى استشهاد الإمام الحسين (عليه السلام)" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1238.                        </div>
  1239.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1240.                                                    <p class="m-0 text-gray">06 July, 2025 </p>
  1241.                          <h6 class=" font-weight-500 mb-15 text-justify">كلية الشرق الأوسط الجامعة تعزّي الأمة الإسلامية بذكرى استشهاد الإمام الحسين (عليه السلام)</h6>
  1242.                        </div>
  1243.                      </div>
  1244.                    </a>
  1245.                                                        <a href="https://meuc.edu.iq/news-detail/642"
  1246.                    class="wow fadeInRight"
  1247.                    data-wow-duration="1s"
  1248.                    data-wow-delay="1.8s"
  1249.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 1.8s;">
  1250.                      <div class="campaign bg-white mb-30 shadow-sm">
  1251.                        <div class="thumb">
  1252.                          
  1253.                          <img src="https://meuc.edu.iq/uploads/post_photo_1751617135.jpg" alt="دعوة عامة لحضور محاضرة تدريبية مميزة بعنوان: &quot;أساسيات اللغة الإنجليزية&quot;" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1254.                        </div>
  1255.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1256.                                                    <p class="m-0 text-gray">04 July, 2025 </p>
  1257.                          <h6 class=" font-weight-500 mb-15 text-justify">دعوة عامة لحضور محاضرة تدريبية مميزة بعنوان: &quot;أساسيات اللغة الإنجليزية&quot;</h6>
  1258.                        </div>
  1259.                      </div>
  1260.                    </a>
  1261.                                                        <a href="https://meuc.edu.iq/news-detail/641"
  1262.                    class="wow fadeInRight"
  1263.                    data-wow-duration="1s"
  1264.                    data-wow-delay="2.3s"
  1265.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 2.3s;">
  1266.                      <div class="campaign bg-white mb-30 shadow-sm">
  1267.                        <div class="thumb">
  1268.                          
  1269.                          <img src="https://meuc.edu.iq/uploads/post_photo_1751615425.jpg" alt="الفرق بين الحلم والواقع… هو &quot;العمل&quot;!" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1270.                        </div>
  1271.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1272.                                                    <p class="m-0 text-gray">04 July, 2025 </p>
  1273.                          <h6 class=" font-weight-500 mb-15 text-justify">الفرق بين الحلم والواقع… هو &quot;العمل&quot;!</h6>
  1274.                        </div>
  1275.                      </div>
  1276.                    </a>
  1277.                                                        <a href="https://meuc.edu.iq/news-detail/640"
  1278.                    class="wow fadeInRight"
  1279.                    data-wow-duration="1s"
  1280.                    data-wow-delay="2.8s"
  1281.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 2.8s;">
  1282.                      <div class="campaign bg-white mb-30 shadow-sm">
  1283.                        <div class="thumb">
  1284.                          
  1285.                          <img src="https://meuc.edu.iq/uploads/post_photo_1751351903.jpg" alt="شلون تختار تخصصك الجامعي المناسب؟" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1286.                        </div>
  1287.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1288.                                                    <p class="m-0 text-gray">01 July, 2025 </p>
  1289.                          <h6 class=" font-weight-500 mb-15 text-justify">شلون تختار تخصصك الجامعي المناسب؟</h6>
  1290.                        </div>
  1291.                      </div>
  1292.                    </a>
  1293.                                                        <a href="https://meuc.edu.iq/news-detail/639"
  1294.                    class="wow fadeInRight"
  1295.                    data-wow-duration="1s"
  1296.                    data-wow-delay="3.3s"
  1297.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 3.3s;">
  1298.                      <div class="campaign bg-white mb-30 shadow-sm">
  1299.                        <div class="thumb">
  1300.                          
  1301.                          <img src="https://meuc.edu.iq/uploads/post_photo_1750889899.jpg" alt="بمناسبة العام الهجري الجديد 1447 هجري" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1302.                        </div>
  1303.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1304.                                                    <p class="m-0 text-gray">25 June, 2025 </p>
  1305.                          <h6 class=" font-weight-500 mb-15 text-justify">بمناسبة العام الهجري الجديد 1447 هجري</h6>
  1306.                        </div>
  1307.                      </div>
  1308.                    </a>
  1309.                                                        <a href="https://meuc.edu.iq/news-detail/638"
  1310.                    class="wow fadeInRight"
  1311.                    data-wow-duration="1s"
  1312.                    data-wow-delay="3.8s"
  1313.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 3.8s;">
  1314.                      <div class="campaign bg-white mb-30 shadow-sm">
  1315.                        <div class="thumb">
  1316.                          
  1317.                          <img src="https://meuc.edu.iq/uploads/post_photo_1750794186.jpg" alt="&quot;وراء كل نجاح فريق لا يعرف التوقف&quot;" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1318.                        </div>
  1319.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1320.                                                    <p class="m-0 text-gray">24 June, 2025 </p>
  1321.                          <h6 class=" font-weight-500 mb-15 text-justify">&quot;وراء كل نجاح فريق لا يعرف التوقف&quot;</h6>
  1322.                        </div>
  1323.                      </div>
  1324.                    </a>
  1325.                                                      </div>
  1326.              </div>
  1327.            </div>
  1328.          </div>
  1329.  
  1330.                    <div class="text-right mt-4 mb-4">
  1331.            <a href="https://meuc.edu.iq/category/42" class="btn btn-sm btn-theme-colored1 btn-flat">مشاهدة كافة  الاخبار</a>
  1332.          </div>
  1333.              </div>
  1334.            <div class="container">
  1335.        
  1336.        <div class="section-title text-center">
  1337.          <div class="row">
  1338.           <div class="col"></div>
  1339.            <div class="col-md-8">
  1340.              <div class="mb-5">
  1341.                <div class="tm-sc tm-sc-section-title section-title">
  1342.                  <div class="title-wrapper">
  1343.                    <h2 class="text-uppercase ">اعلانات</h2>
  1344.                </div>
  1345.              </div>
  1346.            </div>
  1347.            
  1348.          </div>
  1349.            <div class="col"></div>
  1350.          </div>
  1351.        </div>
  1352.  
  1353.  
  1354.        
  1355.  
  1356.          <div class="section-content">
  1357.            <div class="row">
  1358.              <div class="col-lg-12">
  1359.                <div class="owl-carousel tm-owl-carousel-4col" data-dots="true" data-loop="false" dir="rtl" >
  1360.                                                      <a href="https://meuc.edu.iq/news-detail/600"
  1361.                    class="wow fadeInRight"
  1362.                    data-wow-duration="1s"
  1363.                    data-wow-delay="0.3s"
  1364.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.3s;">
  1365.                      <div class="campaign bg-white mb-30 shadow-sm">
  1366.                        <div class="thumb">
  1367.                          
  1368.                          <img src="https://meuc.edu.iq/uploads/post_photo_1743345436.jpg" alt="تعطيل الدوام الرسمي بمناسبة عيد الفطر المبارك" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1369.                        </div>
  1370.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1371.                                                    <p class="m-0 text-gray">30 March, 2025 </p>
  1372.                          <h6 class=" font-weight-500 mb-15 text-justify">تعطيل الدوام الرسمي بمناسبة عيد الفطر المبارك</h6>
  1373.                        </div>
  1374.                      </div>
  1375.                    </a>
  1376.                                                        <a href="https://meuc.edu.iq/news-detail/590"
  1377.                    class="wow fadeInRight"
  1378.                    data-wow-duration="1s"
  1379.                    data-wow-delay="0.8s"
  1380.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.8s;">
  1381.                      <div class="campaign bg-white mb-30 shadow-sm">
  1382.                        <div class="thumb">
  1383.                          
  1384.                          <img src="https://meuc.edu.iq/uploads/post_photo_1741597153.jpg" alt="وحدة الإعلام والعلاقات العامة المسابقة الرمضانية لحفظ (سورة الكهف) لطلبة الكلية من مختلف الأقسام." class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1385.                        </div>
  1386.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1387.                                                    <p class="m-0 text-gray">10 March, 2025 </p>
  1388.                          <h6 class=" font-weight-500 mb-15 text-justify">وحدة الإعلام والعلاقات العامة المسابقة الرمضانية لحفظ (سورة الكهف) لطلبة الكلية من مختلف الأقسام.</h6>
  1389.                        </div>
  1390.                      </div>
  1391.                    </a>
  1392.                                                        <a href="https://meuc.edu.iq/news-detail/561"
  1393.                    class="wow fadeInRight"
  1394.                    data-wow-duration="1s"
  1395.                    data-wow-delay="1.3s"
  1396.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 1.3s;">
  1397.                      <div class="campaign bg-white mb-30 shadow-sm">
  1398.                        <div class="thumb">
  1399.                          
  1400.                          <img src="https://meuc.edu.iq/uploads/post_photo_1739040691.jpg" alt="اعلان وظائف - قسم تقنيات التخدير في كلية الشرق الأوسط الجامعة" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1401.                        </div>
  1402.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1403.                                                    <p class="m-0 text-gray">08 February, 2025 </p>
  1404.                          <h6 class=" font-weight-500 mb-15 text-justify">اعلان وظائف - قسم تقنيات التخدير في كلية الشرق الأوسط الجامعة</h6>
  1405.                        </div>
  1406.                      </div>
  1407.                    </a>
  1408.                                                        <a href="https://meuc.edu.iq/news-detail/560"
  1409.                    class="wow fadeInRight"
  1410.                    data-wow-duration="1s"
  1411.                    data-wow-delay="1.8s"
  1412.                    style="visibility: visible; animation-duration: 0.5s; animation-delay: 1.8s;">
  1413.                      <div class="campaign bg-white mb-30 shadow-sm">
  1414.                        <div class="thumb">
  1415.                          
  1416.                          <img src="https://meuc.edu.iq/uploads/post_photo_1738615904.jpg" alt="اعلان وظائف في قسم هندسة تقنيات الاجهزة الطبية" class="img-fluid bg-light" style="height:200px; width:100%; object-fit: cover;" >
  1417.                        </div>
  1418.                        <div class="campaign-details clearfix p-15 pt-10 pb-15" style="min-height: 150px" >
  1419.                                                    <p class="m-0 text-gray">03 February, 2025 </p>
  1420.                          <h6 class=" font-weight-500 mb-15 text-justify">اعلان وظائف في قسم هندسة تقنيات الاجهزة الطبية</h6>
  1421.                        </div>
  1422.                      </div>
  1423.                    </a>
  1424.                                                      </div>
  1425.              </div>
  1426.            </div>
  1427.          </div>
  1428.  
  1429.                </div>
  1430.            
  1431.    </section>
  1432.  
  1433.    <!-- Section: Links -->
  1434.    
  1435.        <section class="layer-overlay overlay-theme-colored2-8 bg-no-repeat bg-pos-center-center" data-tm-bg-img="https://meuc.edu.iq/new_assets/images/v1/texture.jpg">
  1436.      <div class="container pt-50 pb-50">
  1437.        <div class="section-content">
  1438.          <div class="container">
  1439.            <div class="section-title text-center mb-4">
  1440.              <div class="row justify-content-md-center">
  1441.                <div class="col-md-6">
  1442.                  <h2 class="text-uppercase mt-0 line-height-1">روابط مهمة</h2>
  1443.                  
  1444.                </div>
  1445.              </div>
  1446.            </div>
  1447.            
  1448.            <div class="row justify-content-around">
  1449.  
  1450.              <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1451.                  data-wow-duration="1s"
  1452.                  data-wow-delay="0.3s"
  1453.                  style="visibility: visible; animation-delay: 0.3s;">
  1454.                  <!-- NEW Tag -->
  1455.                  <span class="new-tag">NEW</span>
  1456.  
  1457.                  <a href="https://meuc.edu.iq/sis/home" class="p-2">
  1458.                      <div class="funfact-item text-center mb-md-60">
  1459.                          <i class="funfact-icon pe-7s-study text-theme-colored1"></i>
  1460.                          <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">بوابة التفاعل الأكاديمي للطلبة</h2>
  1461.                      </div>
  1462.                  </a>
  1463.              </div>
  1464.  
  1465.  
  1466.                                                        <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1467.                     data-wow-duration="1s"
  1468.                     data-wow-delay="0.3s"
  1469.                     style="visibility: visible; animation-delay: 0.3s;">
  1470.                    <a href="https://meuc.edu.iq/page-detail/51" class="p-2">
  1471.                        <div class="funfact-item text-center mb-md-60">
  1472.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1473.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">الرؤيا والرسالة والاهداف</h2>
  1474.                        </div>
  1475.                    </a>
  1476.                </div>
  1477.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1478.                     data-wow-duration="1s"
  1479.                     data-wow-delay="0.3s"
  1480.                     style="visibility: visible; animation-delay: 0.3s;">
  1481.                    <a href="https://meuc.edu.iq/page-detail/52" class="p-2">
  1482.                        <div class="funfact-item text-center mb-md-60">
  1483.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1484.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">كلمة السيد العميد</h2>
  1485.                        </div>
  1486.                    </a>
  1487.                </div>
  1488.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1489.                     data-wow-duration="1s"
  1490.                     data-wow-delay="0.3s"
  1491.                     style="visibility: visible; animation-delay: 0.3s;">
  1492.                    <a href="https://meuc.edu.iq/page-detail/69" class="p-2">
  1493.                        <div class="funfact-item text-center mb-md-60">
  1494.                                                            <img src="https://meuc.edu.iq/uploads/page_icon_1731104939.png"
  1495.                                     alt="مسار بولونيا"
  1496.                                     class="funfact-icon custom-icon"
  1497.                                     style="width: 64px; height: 64px; object-fit: contain;">
  1498.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">مسار بولونيا</h2>
  1499.                        </div>
  1500.                    </a>
  1501.                </div>
  1502.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1503.                     data-wow-duration="1s"
  1504.                     data-wow-delay="0.3s"
  1505.                     style="visibility: visible; animation-delay: 0.3s;">
  1506.                    <a href="https://meuc.edu.iq/page-detail/72" class="p-2">
  1507.                        <div class="funfact-item text-center mb-md-60">
  1508.                                                            <img src="https://meuc.edu.iq/uploads/page_icon_1732118390.png"
  1509.                                     alt="مدخلات القبول للعام الدراسي 2024 - 2025"
  1510.                                     class="funfact-icon custom-icon"
  1511.                                     style="width: 64px; height: 64px; object-fit: contain;">
  1512.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">مدخلات القبول للعام الدراسي 2024 - 2025</h2>
  1513.                        </div>
  1514.                    </a>
  1515.                </div>
  1516.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1517.                     data-wow-duration="1s"
  1518.                     data-wow-delay="0.3s"
  1519.                     style="visibility: visible; animation-delay: 0.3s;">
  1520.                    <a href="https://meuc.edu.iq/page-detail/76" class="p-2">
  1521.                        <div class="funfact-item text-center mb-md-60">
  1522.                                                            <img src="https://meuc.edu.iq/uploads/page_icon_1732183383.png"
  1523.                                     alt="النماذج الادارية"
  1524.                                     class="funfact-icon custom-icon"
  1525.                                     style="width: 64px; height: 64px; object-fit: contain;">
  1526.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">النماذج الادارية</h2>
  1527.                        </div>
  1528.                    </a>
  1529.                </div>
  1530.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1531.                     data-wow-duration="1s"
  1532.                     data-wow-delay="0.3s"
  1533.                     style="visibility: visible; animation-delay: 0.3s;">
  1534.                    <a href="https://meuc.edu.iq/page-detail/81" class="p-2">
  1535.                        <div class="funfact-item text-center mb-md-60">
  1536.                                                            <img src="https://meuc.edu.iq/uploads/page_icon_1739697491.jpg"
  1537.                                     alt="مؤتمر العلوم السياسية والقانون الدولي الاول"
  1538.                                     class="funfact-icon custom-icon"
  1539.                                     style="width: 64px; height: 64px; object-fit: contain;">
  1540.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">مؤتمر العلوم السياسية والقانون الدولي الاول</h2>
  1541.                        </div>
  1542.                    </a>
  1543.                </div>
  1544.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1545.                     data-wow-duration="1s"
  1546.                     data-wow-delay="0.3s"
  1547.                     style="visibility: visible; animation-delay: 0.3s;">
  1548.                    <a href="https://meuc.edu.iq/page-detail/82" class="p-2">
  1549.                        <div class="funfact-item text-center mb-md-60">
  1550.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1551.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">الوصف الاكاديمي للمقررات الدراسية</h2>
  1552.                        </div>
  1553.                    </a>
  1554.                </div>
  1555.                            
  1556.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1557.                     data-wow-duration="1s"
  1558.                     data-wow-delay="0.3s"
  1559.                     style="visibility: visible; animation-delay: 0.3s;">
  1560.                    <a href="https://meuc.edu.iq/uploads/file_upload_1728075793.png" target="_blank" class="p-2">
  1561.                        <div class="funfact-item text-center mb-md-60">
  1562.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1563.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">الهيكل التنظيمي</h2>
  1564.                        </div>
  1565.                    </a>
  1566.                </div>
  1567.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1568.                     data-wow-duration="1s"
  1569.                     data-wow-delay="0.3s"
  1570.                     style="visibility: visible; animation-delay: 0.3s;">
  1571.                    <a href="https://meuc.edu.iq/uploads/file_upload_1732129214.pdf" target="_blank" class="p-2">
  1572.                        <div class="funfact-item text-center mb-md-60">
  1573.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1574.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">وثيقة الاعتراف بالكلية</h2>
  1575.                        </div>
  1576.                    </a>
  1577.                </div>
  1578.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1579.                     data-wow-duration="1s"
  1580.                     data-wow-delay="0.3s"
  1581.                     style="visibility: visible; animation-delay: 0.3s;">
  1582.                    <a href="https://meuc.edu.iq/uploads/file_upload_1730723791.jpg" target="_blank" class="p-2">
  1583.                        <div class="funfact-item text-center mb-md-60">
  1584.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1585.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">التقويم الجامعي</h2>
  1586.                        </div>
  1587.                    </a>
  1588.                </div>
  1589.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1590.                     data-wow-duration="1s"
  1591.                     data-wow-delay="0.3s"
  1592.                     style="visibility: visible; animation-delay: 0.3s;">
  1593.                    <a href="https://meuc.edu.iq/uploads/file_upload_1730737895.pdf" target="_blank" class="p-2">
  1594.                        <div class="funfact-item text-center mb-md-60">
  1595.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1596.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">دليل مهارات الخريجين</h2>
  1597.                        </div>
  1598.                    </a>
  1599.                </div>
  1600.                                <div class="col-md-6 col-lg-2 col-xl-2 bg-white rounded-3 m-2 funfact-item-container wow fadeInUp"
  1601.                     data-wow-duration="1s"
  1602.                     data-wow-delay="0.3s"
  1603.                     style="visibility: visible; animation-delay: 0.3s;">
  1604.                    <a href="https://meuc.edu.iq/uploads/file_upload_1730738007.pdf" target="_blank" class="p-2">
  1605.                        <div class="funfact-item text-center mb-md-60">
  1606.                                                            <i class="funfact-icon pe-7s-link text-theme-colored1"></i>
  1607.                                                        <h2 class="text-theme-colored1 mt-0 mb-10 fs-5 mt-2">تعليمات انضباط الطلبة</h2>
  1608.                        </div>
  1609.                    </a>
  1610.                </div>
  1611.                                        
  1612.            <style>
  1613.            .funfact-icon.custom-icon {
  1614.                width: 64px;
  1615.                height: 64px;
  1616.                object-fit: contain;
  1617.                display: inline-block;
  1618.                margin-bottom: 10px;
  1619.                transition: transform 0.3s ease;
  1620.            }
  1621.            
  1622.            .funfact-item:hover .funfact-icon.custom-icon {
  1623.                transform: scale(1.1);
  1624.            }
  1625.            
  1626.            .funfact-item-container {
  1627.                transition: transform 0.3s ease, box-shadow 0.3s ease;
  1628.            }
  1629.            
  1630.            .funfact-item-container:hover {
  1631.                transform: translateY(-5px);
  1632.                box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  1633.            }
  1634.            
  1635.            .funfact-item {
  1636.                display: flex;
  1637.                flex-direction: column;
  1638.                align-items: center;
  1639.                justify-content: center;
  1640.                height: 100%;
  1641.                padding: 15px;
  1642.            }
  1643.            
  1644.            .funfact-item h2 {
  1645.                text-align: center;
  1646.                margin-top: 10px;
  1647.                font-size: 1rem;
  1648.                line-height: 1.4;
  1649.                color: #333;
  1650.                transition: color 0.3s ease;
  1651.            }
  1652.            
  1653.            .funfact-item:hover h2 {
  1654.                color: #007bff; /* Or your theme color */
  1655.            }
  1656.            </style>
  1657.              
  1658.            
  1659.            </div>
  1660.          </div>
  1661.        </div>
  1662.      </div>
  1663.    </section>
  1664.      <!-- Section: Upcoming Event -->
  1665.  <section>
  1666.    <div class="container " dir="rtl">
  1667.      <div class="section-content">
  1668.        <div class="row">
  1669.          <div class="col-sm-12 col-md-12 col-lg-7 col-xl-7">
  1670.            <div class="tm-sc-gallery tm-sc-gallery-grid gallery-style1-current-theme mb-md-40">
  1671.  
  1672.              <h4 class="lh-lg" style="text-align:justify" >
  1673.                                    <h1 style="margin: 0.67em 0px; line-height: normal; font-size: 2em; font-family: &quot;ibm plex sans arabic&quot;, 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;"><h6 style="text-align: justify; margin-bottom: 30px; line-height: 24px;">تأسست كلية الشرق الأوسط الجامعة عام ٢٠١٧ بموجب الامر الوزاري 1106 في ۲۱ / ۱۱ / ۲۰۱۷ و التي باتت صرحا علميا متميزا يسهم في احداث التطوير الكمي والنوعي في الحركة العلمية والثقافية والتربوية وحركة البحث العلمي في بلدنا العزيز .&nbsp;<span style="text-align: var(--bs-body-text-align);">تضم الكلية 8 أقسام علمية متميزة في طلب الاسنان ، الصيدلة ، هندسة تقنيات الحاسبات، هندسة تقنيات الاجهزة الطبية ، تقنيات التخدير، القانون ، علوم الحياة ، قسم اللغة العربية.&nbsp;</span><span style="text-align: var(--bs-body-text-align);">تقع الكلية خلف كلية الزراعة سابقا على طريق العامرية أبوغريب ضمن موقع فريد عند تقاطع طرق خالية من الازدحامات المرورية التي تعاني منها معظم مناطق عاصمتنا الحبيبة .&nbsp;</span><span style="text-align: var(--bs-body-text-align);">من أهم أهداف الكلية هو تخريج كوادرعلمية متخصصة مؤهلة لساحات العمل ولمختلف الاختصاصات يشرف عليهم نخبة من الاساتذة المتميزين المشهود لهم بالكفاءة العلمية و الذين أمضوا معظم حياتهم في التدريس في الجامعات العراقية .</span></h6></h1>
  1674.                            </h4>
  1675.              <a href="https://www.youtube.com/watch?v=wH3okmrfQDg" class="col-md-12 col-lg-6 col-xl-6 video-button ">
  1676.                <div class="box-hover-effect tm-sc-video-popup tm-sc-video-popup-button-over-image mt-3">
  1677.                  <div class="effect-wrapper">
  1678.                    
  1679.                    <div class="thumb">
  1680.                      <img class="w-100" src="https://meuc.edu.iq/template_assets/images/home_page/univ.jpeg" alt="" style="height: 55vh;">
  1681.                    </div>
  1682.                    <div class="animated-css-play-button"><span class="play-icon"><i class="fa fa-play"></i></span></div>
  1683.                    
  1684.                  </div>
  1685.                </div>
  1686.              </a>
  1687.            </div>
  1688.          </div>
  1689.                 </div>
  1690.      </div>
  1691.    </div>
  1692.  </section>
  1693.  
  1694.  
  1695.  <!-- Section: Ranking -->
  1696.  <section class="bg-silver-light" dir="rtl">
  1697.    <div class="container">
  1698.      <div class="section-title">
  1699.        <div class="row">
  1700.          <div class="col-md-8">
  1701.            <div class="mb-60">
  1702.              <div class="tm-sc tm-sc-section-title section-title">
  1703.                <div class="title-wrapper">
  1704.                  <h2 class="text-uppercase">ارقام عن كلية الشرق الاوسط الجامعة</h2>
  1705.                </div>
  1706.              </div>
  1707.            </div>
  1708.          </div>
  1709.        </div>
  1710.      </div>
  1711.      <div class="section-content">
  1712.        <div class="row">
  1713.          <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;">
  1714.            <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1715.              <article class="post clearfix mb-sm-30">
  1716.                <div class="entry-content p-20">
  1717.                  <h3 class="entry-title mt-0 pt-0 h4 fw-700"><a  class="h4 fw-700" >التصانيف العالمية</a></h3>
  1718.                  <p class="text-left mb-10 mt-15 font-13 ">                     <p><span style="color: rgb(0, 0, 0); font-family: &quot;Open Sans&quot;, Arial, sans-serif; text-align: justify;">حصلت الكلية على العديد من التصنيفات العالمية</span><br></p>
  1719.                  </p>
  1720.                </div>
  1721.              </article>
  1722.            </div>
  1723.          </div>
  1724.  
  1725.          <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;">
  1726.            <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1727.              <article class="post clearfix mb-sm-30">
  1728.                <div class="entry-content p-20">
  1729.                  <h3 class="entry-title mt-0 pt-0 h4 fw-700"><a  class="h4 fw-700" >التصانيف على مستوى المنطقة العربية</a></h3>
  1730.                  <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>
  1731.                </p>
  1732.                </div>
  1733.              </article>
  1734.            </div>
  1735.          </div>
  1736.  
  1737.          <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;">
  1738.            <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1739.              <article class="post clearfix mb-sm-30">
  1740.                <div class="entry-content p-20">
  1741.                  <h3 class="mt-0 pt-0 h4 fw-700"><a  class="h3 fw-700" >التصانيف المحلية</a></h3>
  1742.                  <p class="text-left mb-10 mt-15 font-13">                   <p><span style="color: rgb(0, 0, 0); font-family: &quot;Open Sans&quot;, Arial, sans-serif; text-align: justify;">تمتاز الكلية بحصولها على المراتب المتقدمة ضمن التصنيفات العربية</span><br></p>
  1743.                </p>
  1744.                </div>
  1745.              </article>
  1746.            </div>
  1747.          </div>
  1748.  
  1749.  
  1750.        </div>
  1751.      </div>
  1752.    </div>
  1753.  </section>
  1754.  
  1755.  
  1756.  
  1757. <!-- Section: Top -->
  1758. <section class="layer-overlay overlay-theme-colored2-8 bg-no-repeat bg-pos-center-center" data-tm-bg-img="https://meuc.edu.iq/new_assets/images/pattern/p7.png">
  1759.  <div class="container">
  1760.    <div class="section-title">
  1761.      <div class="row">
  1762.        <div class="col-md-8">
  1763.          <div class="mb-60">
  1764.            <div class="tm-sc tm-sc-section-title section-title">
  1765.              <div class="title-wrapper">
  1766.                <h2 class="text-uppercase line-bottom line-bottom-theme-colored1">الطلبة الأوائل </h2>
  1767.              </div>
  1768.            </div>
  1769.          </div>
  1770.        </div>
  1771.      </div>
  1772.    </div>
  1773.    <div class="section-content">
  1774.      <div class="row">
  1775.        <!-- نور عمار -->
  1776.        <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">
  1777.          <a href="https://meuc.edu.iq/images/top/نور%20عمار.png" target="_blank" style="text-decoration: none;">
  1778.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1779.            <article class="post clearfix mb-sm-30">
  1780.              <div class="entry-header">
  1781.                <div class="post-thumb thumb">
  1782.                    <img src="https://meuc.edu.iq/images/top/نور%20عمار.png" alt="نور عمار" class="img-responsive w-100">
  1783.                </div>
  1784.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1785.                <!--  <div class="display-table">-->
  1786.                <!--    <div class="display-table-cell">-->
  1787.                <!--      <ul>-->
  1788.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1789.                <!--      </ul>-->
  1790.                <!--    </div>-->
  1791.                <!--  </div>-->
  1792.                <!--</div>-->
  1793.              </div>
  1794.              <div class="entry-content p-20">
  1795.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">نور عمار عبدالواحد</span></h4>
  1796.              </div>
  1797.            </article>
  1798.          </div>
  1799.          </a>
  1800.        </div>
  1801.  
  1802.        <!-- ميس محمد -->
  1803.        <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">
  1804.          <a href="https://meuc.edu.iq/images/top/ميس%20محمد.png" target="_blank" style="text-decoration: none;">
  1805.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1806.            <article class="post clearfix mb-sm-30">
  1807.              <div class="entry-header">
  1808.                <div class="post-thumb thumb">
  1809.                    <img src="https://meuc.edu.iq/images/top/ميس%20محمد.png" alt="ميس محمد" class="img-responsive w-100">
  1810.                </div>
  1811.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1812.                <!--  <div class="display-table">-->
  1813.                <!--    <div class="display-table-cell">-->
  1814.                <!--      <ul>-->
  1815.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1816.                <!--      </ul>-->
  1817.                <!--    </div>-->
  1818.                <!--  </div>-->
  1819.                <!--</div>-->
  1820.              </div>
  1821.              <div class="entry-content p-20">
  1822.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">ميس محمد</span></h4>
  1823.              </div>
  1824.            </article>
  1825.          </div>
  1826.          </a>
  1827.        </div>
  1828.  
  1829.        <!-- ملاك عماد حاتم -->
  1830.        <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">
  1831.          <a href="https://meuc.edu.iq/images/top/ملاك%20عماد%20حاتم.png" target="_blank" style="text-decoration: none;">
  1832.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1833.            <article class="post clearfix mb-sm-30">
  1834.              <div class="entry-header">
  1835.                <div class="post-thumb thumb">
  1836.                    <img src="https://meuc.edu.iq/images/top/ملاك%20عماد%20حاتم.png" alt="ملاك عماد حاتم" class="img-responsive w-100">
  1837.                </div>
  1838.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1839.                <!--  <div class="display-table">-->
  1840.                <!--    <div class="display-table-cell">-->
  1841.                <!--      <ul>-->
  1842.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1843.                <!--      </ul>-->
  1844.                <!--    </div>-->
  1845.                <!--  </div>-->
  1846.                <!--</div>-->
  1847.              </div>
  1848.              <div class="entry-content p-20">
  1849.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">ملاك عماد حاتم</span></h4>
  1850.              </div>
  1851.            </article>
  1852.          </div>
  1853.          </a>
  1854.        </div>
  1855.  
  1856.        <!-- مظهر محمد اسماعيل -->
  1857.        <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">
  1858.          <a href="https://meuc.edu.iq/images/top/مظهر%20محمد%20اسماعيل.png" target="_blank" style="text-decoration: none;">
  1859.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1860.            <article class="post clearfix mb-sm-30">
  1861.              <div class="entry-header">
  1862.                <div class="post-thumb thumb">
  1863.                    <img src="https://meuc.edu.iq/images/top/مظهر%20محمد%20اسماعيل.png" alt="مظهر محمد اسماعيل" class="img-responsive w-100">
  1864.                </div>
  1865.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1866.                <!--  <div class="display-table">-->
  1867.                <!--    <div class="display-table-cell">-->
  1868.                <!--      <ul>-->
  1869.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1870.                <!--      </ul>-->
  1871.                <!--    </div>-->
  1872.                <!--  </div>-->
  1873.                <!--</div>-->
  1874.              </div>
  1875.              <div class="entry-content p-20">
  1876.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">مظهر محمد اسماعيل</span></h4>
  1877.              </div>
  1878.            </article>
  1879.          </div>
  1880.          </a>
  1881.        </div>
  1882.  
  1883.        <!-- سجى خميس عباس -->
  1884.        <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
  1885.          <a href="https://meuc.edu.iq/images/top/سجى%20خميس%20عباس.png" target="_blank" style="text-decoration: none;">
  1886.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1887.            <article class="post clearfix mb-sm-30">
  1888.              <div class="entry-header">
  1889.                <div class="post-thumb thumb">
  1890.                    <img src="https://meuc.edu.iq/images/top/سجى%20خميس%20عباس.png" alt="سجى خميس عباس" class="img-responsive w-100">
  1891.                </div>
  1892.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1893.                <!--  <div class="display-table">-->
  1894.                <!--    <div class="display-table-cell">-->
  1895.                <!--      <ul>-->
  1896.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1897.                <!--      </ul>-->
  1898.                <!--    </div>-->
  1899.                <!--  </div>-->
  1900.                <!--</div>-->
  1901.              </div>
  1902.              <div class="entry-content p-20">
  1903.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">سجى خميس عباس</span></h4>
  1904.              </div>
  1905.            </article>
  1906.          </div>
  1907.          </a>
  1908.        </div>
  1909.  
  1910.        <!-- زيد متعب عليوي -->
  1911.        <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.8s">
  1912.          <a href="https://meuc.edu.iq/images/top/زيد%20متعب%20عليوي.png" target="_blank" style="text-decoration: none;">
  1913.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1914.            <article class="post clearfix mb-sm-30">
  1915.              <div class="entry-header">
  1916.                <div class="post-thumb thumb">
  1917.                    <img src="https://meuc.edu.iq/images/top/زيد%20متعب%20عليوي.png" alt="زيد متعب عليوي" class="img-responsive w-100">
  1918.                </div>
  1919.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1920.                <!--  <div class="display-table">-->
  1921.                <!--    <div class="display-table-cell">-->
  1922.                <!--      <ul>-->
  1923.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1924.                <!--      </ul>-->
  1925.                <!--    </div>-->
  1926.                <!--  </div>-->
  1927.                <!--</div>-->
  1928.              </div>
  1929.              <div class="entry-content p-20">
  1930.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">زيد متعب عليوي</span></h4>
  1931.              </div>
  1932.            </article>
  1933.          </div>
  1934.          </a>
  1935.        </div>
  1936.  
  1937.        <!-- زهراء عمر حميد -->
  1938.        <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.1s">
  1939.          <a href="https://meuc.edu.iq/images/top/زهراء%20عمر%20حميد.jpg" target="_blank" style="text-decoration: none;">
  1940.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1941.            <article class="post clearfix mb-sm-30">
  1942.              <div class="entry-header">
  1943.                <div class="post-thumb thumb">
  1944.                    <img src="https://meuc.edu.iq/images/top/زهراء%20عمر%20حميد.jpg" alt="زهراء عمر حميد" class="img-responsive w-100">
  1945.                </div>
  1946.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1947.                <!--  <div class="display-table">-->
  1948.                <!--    <div class="display-table-cell">-->
  1949.                <!--      <ul>-->
  1950.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1951.                <!--      </ul>-->
  1952.                <!--    </div>-->
  1953.                <!--  </div>-->
  1954.                <!--</div>-->
  1955.              </div>
  1956.              <div class="entry-content p-20">
  1957.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">زهراء عمر حميد</span></h4>
  1958.              </div>
  1959.            </article>
  1960.          </div>
  1961.          </a>
  1962.        </div>
  1963.  
  1964.        <!-- دعاء محمود صلبوخ -->
  1965.        <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.4s">
  1966.          <a href="https://meuc.edu.iq/images/top/دعاء%20محمود%20صلبوخ.png" target="_blank" style="text-decoration: none;">
  1967.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1968.            <article class="post clearfix mb-sm-30">
  1969.              <div class="entry-header">
  1970.                <div class="post-thumb thumb">
  1971.                    <img src="https://meuc.edu.iq/images/top/دعاء%20محمود%20صلبوخ.png" alt="دعاء محمود صلبوخ" class="img-responsive w-100">
  1972.                </div>
  1973.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  1974.                <!--  <div class="display-table">-->
  1975.                <!--    <div class="display-table-cell">-->
  1976.                <!--      <ul>-->
  1977.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  1978.                <!--      </ul>-->
  1979.                <!--    </div>-->
  1980.                <!--  </div>-->
  1981.                <!--</div>-->
  1982.              </div>
  1983.              <div class="entry-content p-20">
  1984.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">دعاء محمود صلبوخ</span></h4>
  1985.              </div>
  1986.            </article>
  1987.          </div>
  1988.          </a>
  1989.        </div>
  1990.  
  1991.        <!-- حفصة قحطان جاسم -->
  1992.        <div class="col-sm-12 col-md-4 col-lg-3 col-xl-3 wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.7s">
  1993.          <a href="https://meuc.edu.iq/images/top/حفصة%20قحطان%20جاسم.jpg" target="_blank" style="text-decoration: none;">
  1994.          <div class="tm-sc tm-sc-blog tm-sc-blog-masonry bg-silver-light blog-style2-current-theme mb-lg-30">
  1995.            <article class="post clearfix mb-sm-30">
  1996.              <div class="entry-header">
  1997.                <div class="post-thumb thumb">
  1998.                    <img src="https://meuc.edu.iq/images/top/حفصة%20قحطان%20جاسم.jpg" alt="حفصة قحطان جاسم" class="img-responsive w-100">
  1999.                </div>
  2000.                <!--<div class="entry-meta meta-absolute text-center pl-15 pr-15">-->
  2001.                <!--  <div class="display-table">-->
  2002.                <!--    <div class="display-table-cell">-->
  2003.                <!--      <ul>-->
  2004.                <!--        <li><span class="text-white"><i class="far fa-calendar mt-4 fs-4"></i> 2024</span></li>-->
  2005.                <!--      </ul>-->
  2006.                <!--    </div>-->
  2007.                <!--  </div>-->
  2008.                <!--</div>-->
  2009.              </div>
  2010.              <div class="entry-content p-20">
  2011.                <h4 class="entry-title mt-0 pt-0 fs-5"><span style="color: #333;">حفصة قحطان جاسم</span></h4>
  2012.              </div>
  2013.            </article>
  2014.          </div>
  2015.          </a>
  2016.        </div>
  2017.  
  2018.      </div>
  2019.    </div>
  2020.  </div>
  2021. </section>
  2022.  
  2023.  
  2024.  <!-- Section: Videos -->
  2025.     <div class="video-content">
  2026.        <div class="container">
  2027.            <div class="row">
  2028.                <div class="col-md-12">
  2029.                    <div class="video-heading">
  2030.                        <h2 class="text-white ">الفيديوهات</h2>
  2031.                    </div>
  2032.                </div>
  2033.            </div>
  2034.            <div class="row">
  2035.                <div class="col-md-12">
  2036.                  <div class="owl-carousel tm-owl-carousel-4col" data-dots="true" data-loop="false" dir="rtl" >
  2037.                                                            <div class="item">
  2038.                      <div class="video-thumb">
  2039.                          <img src="http://img.youtube.com/vi/26cdXOxwBoo/0.jpg" alt="">
  2040.                          <div class="bg"></div>
  2041.                          <div class="icon">
  2042.                              <a href="http://www.youtube.com/watch?v=26cdXOxwBoo" class="video-button"><i class="fas fa-play"></i></a>
  2043.                          </div>
  2044.                      </div>
  2045.                      <div class="video-caption">
  2046.                          <a href="javascript:void;">كلية الشرق الأوسط الجامعة هنا تبدأ القصة ....</a>
  2047.                      </div>
  2048.                      <div class="video-date">
  2049.                                                    <i class="fas fa-calendar-alt"></i> 21 April, 2025
  2050.                      </div>
  2051.                  </div>
  2052.                                                              <div class="item">
  2053.                      <div class="video-thumb">
  2054.                          <img src="http://img.youtube.com/vi/cKiu4vC9EAY/0.jpg" alt="">
  2055.                          <div class="bg"></div>
  2056.                          <div class="icon">
  2057.                              <a href="http://www.youtube.com/watch?v=cKiu4vC9EAY" class="video-button"><i class="fas fa-play"></i></a>
  2058.                          </div>
  2059.                      </div>
  2060.                      <div class="video-caption">
  2061.                          <a href="javascript:void;">امتحانات مشتركة بأنسيابية عالية في كلية الشرق الأوسط الجامعة بالتعاون مع الجامعات الحكومية</a>
  2062.                      </div>
  2063.                      <div class="video-date">
  2064.                                                    <i class="fas fa-calendar-alt"></i> 15 April, 2025
  2065.                      </div>
  2066.                  </div>
  2067.                                                              <div class="item">
  2068.                      <div class="video-thumb">
  2069.                          <img src="http://img.youtube.com/vi/e-ZHTRrBPLI/0.jpg" alt="">
  2070.                          <div class="bg"></div>
  2071.                          <div class="icon">
  2072.                              <a href="http://www.youtube.com/watch?v=e-ZHTRrBPLI" class="video-button"><i class="fas fa-play"></i></a>
  2073.                          </div>
  2074.                      </div>
  2075.                      <div class="video-caption">
  2076.                          <a href="javascript:void;">جانب من أعمال المؤتمر الدولي الأول للعلوم السياسية والقانون في أربيل</a>
  2077.                      </div>
  2078.                      <div class="video-date">
  2079.                                                    <i class="fas fa-calendar-alt"></i> 15 April, 2025
  2080.                      </div>
  2081.                  </div>
  2082.                                                              <div class="item">
  2083.                      <div class="video-thumb">
  2084.                          <img src="http://img.youtube.com/vi/M5c_fgqNDtY/0.jpg" alt="">
  2085.                          <div class="bg"></div>
  2086.                          <div class="icon">
  2087.                              <a href="http://www.youtube.com/watch?v=M5c_fgqNDtY" class="video-button"><i class="fas fa-play"></i></a>
  2088.                          </div>
  2089.                      </div>
  2090.                      <div class="video-caption">
  2091.                          <a href="javascript:void;">اختتام المسابقة الرمضانية لحفظ سورة الكهف في كلية الشرق الأوسط الجامعة</a>
  2092.                      </div>
  2093.                      <div class="video-date">
  2094.                                                    <i class="fas fa-calendar-alt"></i> 27 March, 2025
  2095.                      </div>
  2096.                  </div>
  2097.                                                              <div class="item">
  2098.                      <div class="video-thumb">
  2099.                          <img src="http://img.youtube.com/vi/aZaw5-qVEfQ/0.jpg" alt="">
  2100.                          <div class="bg"></div>
  2101.                          <div class="icon">
  2102.                              <a href="http://www.youtube.com/watch?v=aZaw5-qVEfQ" class="video-button"><i class="fas fa-play"></i></a>
  2103.                          </div>
  2104.                      </div>
  2105.                      <div class="video-caption">
  2106.                          <a href="javascript:void;">كلية الشرق الأوسط الجامعة تحتفي بالمرأة العراقية في يومها العالمي</a>
  2107.                      </div>
  2108.                      <div class="video-date">
  2109.                                                    <i class="fas fa-calendar-alt"></i> 21 March, 2025
  2110.                      </div>
  2111.                  </div>
  2112.                                                              <div class="item">
  2113.                      <div class="video-thumb">
  2114.                          <img src="http://img.youtube.com/vi/Ti1aKy_VKGc/0.jpg" alt="">
  2115.                          <div class="bg"></div>
  2116.                          <div class="icon">
  2117.                              <a href="http://www.youtube.com/watch?v=Ti1aKy_VKGc" class="video-button"><i class="fas fa-play"></i></a>
  2118.                          </div>
  2119.                      </div>
  2120.                      <div class="video-caption">
  2121.                          <a href="javascript:void;">حملة الخير لأهل الخير: كلية الشرق الأوسط الجامعة</a>
  2122.                      </div>
  2123.                      <div class="video-date">
  2124.                                                    <i class="fas fa-calendar-alt"></i> 21 March, 2025
  2125.                      </div>
  2126.                  </div>
  2127.                                                              <div class="item">
  2128.                      <div class="video-thumb">
  2129.                          <img src="http://img.youtube.com/vi/SksAdQAYuLE/0.jpg" alt="">
  2130.                          <div class="bg"></div>
  2131.                          <div class="icon">
  2132.                              <a href="http://www.youtube.com/watch?v=SksAdQAYuLE" class="video-button"><i class="fas fa-play"></i></a>
  2133.                          </div>
  2134.                      </div>
  2135.                      <div class="video-caption">
  2136.                          <a href="javascript:void;">ندوة توعوية حول مخاطر التطرف العنيف في كلية الشرق الأوسط الجامعة</a>
  2137.                      </div>
  2138.                      <div class="video-date">
  2139.                                                    <i class="fas fa-calendar-alt"></i> 10 March, 2025
  2140.                      </div>
  2141.                  </div>
  2142.                                                              <div class="item">
  2143.                      <div class="video-thumb">
  2144.                          <img src="http://img.youtube.com/vi/A_8ccCR-5tU/0.jpg" alt="">
  2145.                          <div class="bg"></div>
  2146.                          <div class="icon">
  2147.                              <a href="http://www.youtube.com/watch?v=A_8ccCR-5tU" class="video-button"><i class="fas fa-play"></i></a>
  2148.                          </div>
  2149.                      </div>
  2150.                      <div class="video-caption">
  2151.                          <a href="javascript:void;">بطولة الشرق الأوسط الجامعة-الصيدلة يتوج بلقب بطولة أبطال الشرق الأوسط لكرة القدم بين الأقسام</a>
  2152.                      </div>
  2153.                      <div class="video-date">
  2154.                                                    <i class="fas fa-calendar-alt"></i> 05 March, 2025
  2155.                      </div>
  2156.                  </div>
  2157.                                                              <div class="item">
  2158.                      <div class="video-thumb">
  2159.                          <img src="http://img.youtube.com/vi/6USh_jU47es/0.jpg" alt="">
  2160.                          <div class="bg"></div>
  2161.                          <div class="icon">
  2162.                              <a href="http://www.youtube.com/watch?v=6USh_jU47es" class="video-button"><i class="fas fa-play"></i></a>
  2163.                          </div>
  2164.                      </div>
  2165.                      <div class="video-caption">
  2166.                          <a href="javascript:void;">برعاية كلية الشرق الأوسط الجامعة: كلية العلوم في جامعة النهرين تقيم مهرجانها السنوي الثاني تحت شعار &quot;العلوم الخضراء جسر نحو التنمية المستدامة&quot;</a>
  2167.                      </div>
  2168.                      <div class="video-date">
  2169.                                                    <i class="fas fa-calendar-alt"></i> 05 March, 2025
  2170.                      </div>
  2171.                  </div>
  2172.                                                              <div class="item">
  2173.                      <div class="video-thumb">
  2174.                          <img src="http://img.youtube.com/vi/rXfu0u4qHpc/0.jpg" alt="">
  2175.                          <div class="bg"></div>
  2176.                          <div class="icon">
  2177.                              <a href="http://www.youtube.com/watch?v=rXfu0u4qHpc" class="video-button"><i class="fas fa-play"></i></a>
  2178.                          </div>
  2179.                      </div>
  2180.                      <div class="video-caption">
  2181.                          <a href="javascript:void;">كلية الشرق الأوسط الجامعة تختتم ورشتها العلمية حول التقاليد والأعراف الجامعية</a>
  2182.                      </div>
  2183.                      <div class="video-date">
  2184.                                                    <i class="fas fa-calendar-alt"></i> 02 March, 2025
  2185.                      </div>
  2186.                  </div>
  2187.                                                              <div class="item">
  2188.                      <div class="video-thumb">
  2189.                          <img src="http://img.youtube.com/vi/2D3Z2vtDiFA/0.jpg" alt="">
  2190.                          <div class="bg"></div>
  2191.                          <div class="icon">
  2192.                              <a href="http://www.youtube.com/watch?v=2D3Z2vtDiFA" class="video-button"><i class="fas fa-play"></i></a>
  2193.                          </div>
  2194.                      </div>
  2195.                      <div class="video-caption">
  2196.                          <a href="javascript:void;">ندوة توعوية حول الدفع الإلكتروني في كلية الشرق الأوسط الجامعة</a>
  2197.                      </div>
  2198.                      <div class="video-date">
  2199.                                                    <i class="fas fa-calendar-alt"></i> 19 February, 2025
  2200.                      </div>
  2201.                  </div>
  2202.                                                              <div class="item">
  2203.                      <div class="video-thumb">
  2204.                          <img src="http://img.youtube.com/vi/BTVafwQdmDw/0.jpg" alt="">
  2205.                          <div class="bg"></div>
  2206.                          <div class="icon">
  2207.                              <a href="http://www.youtube.com/watch?v=BTVafwQdmDw" class="video-button"><i class="fas fa-play"></i></a>
  2208.                          </div>
  2209.                      </div>
  2210.                      <div class="video-caption">
  2211.                          <a href="javascript:void;">مشاركة كلية الشرق الأوسط الجامعة في اجتماع لجنة عمداء كليات الصيدلة</a>
  2212.                      </div>
  2213.                      <div class="video-date">
  2214.                                                    <i class="fas fa-calendar-alt"></i> 19 February, 2025
  2215.                      </div>
  2216.                  </div>
  2217.                                                              <div class="item">
  2218.                      <div class="video-thumb">
  2219.                          <img src="http://img.youtube.com/vi/DdriKiz41bY/0.jpg" alt="">
  2220.                          <div class="bg"></div>
  2221.                          <div class="icon">
  2222.                              <a href="http://www.youtube.com/watch?v=DdriKiz41bY" class="video-button"><i class="fas fa-play"></i></a>
  2223.                          </div>
  2224.                      </div>
  2225.                      <div class="video-caption">
  2226.                          <a href="javascript:void;">مهرجان الشعر الشعبي في كلية الشرق الأوسط الجامعة</a>
  2227.                      </div>
  2228.                      <div class="video-date">
  2229.                                                    <i class="fas fa-calendar-alt"></i> 19 February, 2025
  2230.                      </div>
  2231.                  </div>
  2232.                                                              <div class="item">
  2233.                      <div class="video-thumb">
  2234.                          <img src="http://img.youtube.com/vi/crhLIjIFYVg/0.jpg" alt="">
  2235.                          <div class="bg"></div>
  2236.                          <div class="icon">
  2237.                              <a href="http://www.youtube.com/watch?v=crhLIjIFYVg" class="video-button"><i class="fas fa-play"></i></a>
  2238.                          </div>
  2239.                      </div>
  2240.                      <div class="video-caption">
  2241.                          <a href="javascript:void;">كلية الشرق الأوسط الجامعة تقيم ندوة علمية حول مهارات اللغة العربية</a>
  2242.                      </div>
  2243.                      <div class="video-date">
  2244.                                                    <i class="fas fa-calendar-alt"></i> 13 February, 2025
  2245.                      </div>
  2246.                  </div>
  2247.                                                              <div class="item">
  2248.                      <div class="video-thumb">
  2249.                          <img src="http://img.youtube.com/vi/w0cliEcBKk8/0.jpg" alt="">
  2250.                          <div class="bg"></div>
  2251.                          <div class="icon">
  2252.                              <a href="http://www.youtube.com/watch?v=w0cliEcBKk8" class="video-button"><i class="fas fa-play"></i></a>
  2253.                          </div>
  2254.                      </div>
  2255.                      <div class="video-caption">
  2256.                          <a href="javascript:void;">بازار للأعمال اليدوية في كلية الشرق الأوسط الجامعة يبرز إبداعات الطلبة</a>
  2257.                      </div>
  2258.                      <div class="video-date">
  2259.                                                    <i class="fas fa-calendar-alt"></i> 09 February, 2025
  2260.                      </div>
  2261.                  </div>
  2262.                                                              <div class="item">
  2263.                      <div class="video-thumb">
  2264.                          <img src="http://img.youtube.com/vi/3m_7i_dpiD4/0.jpg" alt="">
  2265.                          <div class="bg"></div>
  2266.                          <div class="icon">
  2267.                              <a href="http://www.youtube.com/watch?v=3m_7i_dpiD4" class="video-button"><i class="fas fa-play"></i></a>
  2268.                          </div>
  2269.                      </div>
  2270.                      <div class="video-caption">
  2271.                          <a href="javascript:void;">ندوة حوارية حول مكافحة المخدرات بالتعاون مع جهاز الأمن الوطني</a>
  2272.                      </div>
  2273.                      <div class="video-date">
  2274.                                                    <i class="fas fa-calendar-alt"></i> 08 February, 2025
  2275.                      </div>
  2276.                  </div>
  2277.                                                              <div class="item">
  2278.                      <div class="video-thumb">
  2279.                          <img src="http://img.youtube.com/vi/-x41ps6EO00/0.jpg" alt="">
  2280.                          <div class="bg"></div>
  2281.                          <div class="icon">
  2282.                              <a href="http://www.youtube.com/watch?v=-x41ps6EO00" class="video-button"><i class="fas fa-play"></i></a>
  2283.                          </div>
  2284.                      </div>
  2285.                      <div class="video-caption">
  2286.                          <a href="javascript:void;">الهجرة غير المشروعة وآليات مكافحتها - كلية الشرق الأوسط الجامعة</a>
  2287.                      </div>
  2288.                      <div class="video-date">
  2289.                                                    <i class="fas fa-calendar-alt"></i> 03 February, 2025
  2290.                      </div>
  2291.                  </div>
  2292.                                                              <div class="item">
  2293.                      <div class="video-thumb">
  2294.                          <img src="http://img.youtube.com/vi/cqWZ_6-DXdU/0.jpg" alt="">
  2295.                          <div class="bg"></div>
  2296.                          <div class="icon">
  2297.                              <a href="http://www.youtube.com/watch?v=cqWZ_6-DXdU" class="video-button"><i class="fas fa-play"></i></a>
  2298.                          </div>
  2299.                      </div>
  2300.                      <div class="video-caption">
  2301.                          <a href="javascript:void;">ملتقى مكوناتنا اعمدة الوطن كلمة الاستاذ براء الحديثي -المفوضية العليا لحقوق الانسان</a>
  2302.                      </div>
  2303.                      <div class="video-date">
  2304.                                                    <i class="fas fa-calendar-alt"></i> 03 February, 2025
  2305.                      </div>
  2306.                  </div>
  2307.                                                              <div class="item">
  2308.                      <div class="video-thumb">
  2309.                          <img src="http://img.youtube.com/vi/G2nmeL7XsRs/0.jpg" alt="">
  2310.                          <div class="bg"></div>
  2311.                          <div class="icon">
  2312.                              <a href="http://www.youtube.com/watch?v=G2nmeL7XsRs" class="video-button"><i class="fas fa-play"></i></a>
  2313.                          </div>
  2314.                      </div>
  2315.                      <div class="video-caption">
  2316.                          <a href="javascript:void;">إثر الإرشاد النفسي على سلوك الطلبة - كلية الشرق الإوسط الجامعة</a>
  2317.                      </div>
  2318.                      <div class="video-date">
  2319.                                                    <i class="fas fa-calendar-alt"></i> 02 February, 2025
  2320.                      </div>
  2321.                  </div>
  2322.                                                              <div class="item">
  2323.                      <div class="video-thumb">
  2324.                          <img src="http://img.youtube.com/vi/B-kLuV3S2Fs/0.jpg" alt="">
  2325.                          <div class="bg"></div>
  2326.                          <div class="icon">
  2327.                              <a href="http://www.youtube.com/watch?v=B-kLuV3S2Fs" class="video-button"><i class="fas fa-play"></i></a>
  2328.                          </div>
  2329.                      </div>
  2330.                      <div class="video-caption">
  2331.                          <a href="javascript:void;">احتفالية يوم الضاد اليوم العالمي للغة العربية - كلية الشرق الأوسط الجامعة</a>
  2332.                      </div>
  2333.                      <div class="video-date">
  2334.                                                    <i class="fas fa-calendar-alt"></i> 02 February, 2025
  2335.                      </div>
  2336.                  </div>
  2337.                                                              <div class="item">
  2338.                      <div class="video-thumb">
  2339.                          <img src="http://img.youtube.com/vi/_wMtj5sushE/0.jpg" alt="">
  2340.                          <div class="bg"></div>
  2341.                          <div class="icon">
  2342.                              <a href="http://www.youtube.com/watch?v=_wMtj5sushE" class="video-button"><i class="fas fa-play"></i></a>
  2343.                          </div>
  2344.                      </div>
  2345.                      <div class="video-caption">
  2346.                          <a href="javascript:void;">كلية الشرق الأوسط الجامعة تشارك الجامعة العراقية في مؤتمر علمي</a>
  2347.                      </div>
  2348.                      <div class="video-date">
  2349.                                                    <i class="fas fa-calendar-alt"></i> 02 February, 2025
  2350.                      </div>
  2351.                  </div>
  2352.                                                              <div class="item">
  2353.                      <div class="video-thumb">
  2354.                          <img src="http://img.youtube.com/vi/qFCObQD8lrQ/0.jpg" alt="">
  2355.                          <div class="bg"></div>
  2356.                          <div class="icon">
  2357.                              <a href="http://www.youtube.com/watch?v=qFCObQD8lrQ" class="video-button"><i class="fas fa-play"></i></a>
  2358.                          </div>
  2359.                      </div>
  2360.                      <div class="video-caption">
  2361.                          <a href="javascript:void;">نهج المؤسسات العسكرية في إطار القانون الدولي الإنساني - كلية الشرق الأوسط الجامعة</a>
  2362.                      </div>
  2363.                      <div class="video-date">
  2364.                                                    <i class="fas fa-calendar-alt"></i> 02 February, 2025
  2365.                      </div>
  2366.                  </div>
  2367.                                                              <div class="item">
  2368.                      <div class="video-thumb">
  2369.                          <img src="http://img.youtube.com/vi/Hp8rWo44o_M/0.jpg" alt="">
  2370.                          <div class="bg"></div>
  2371.                          <div class="icon">
  2372.                              <a href="http://www.youtube.com/watch?v=Hp8rWo44o_M" class="video-button"><i class="fas fa-play"></i></a>
  2373.                          </div>
  2374.                      </div>
  2375.                      <div class="video-caption">
  2376.                          <a href="javascript:void;">اختتام الدورة التدريبية &quot; نهج المؤسسات العسكرية في اطار القانون الدولي &quot; - كلية الشرق الأوسط الجامعة</a>
  2377.                      </div>
  2378.                      <div class="video-date">
  2379.                                                    <i class="fas fa-calendar-alt"></i> 02 February, 2025
  2380.                      </div>
  2381.                  </div>
  2382.                                                              <div class="item">
  2383.                      <div class="video-thumb">
  2384.                          <img src="http://img.youtube.com/vi/_Ef-oPNPric/0.jpg" alt="">
  2385.                          <div class="bg"></div>
  2386.                          <div class="icon">
  2387.                              <a href="http://www.youtube.com/watch?v=_Ef-oPNPric" class="video-button"><i class="fas fa-play"></i></a>
  2388.                          </div>
  2389.                      </div>
  2390.                      <div class="video-caption">
  2391.                          <a href="javascript:void;">مكونات العراق تجتمع في ضيافة كلية الشرق الأوسط الجامعة</a>
  2392.                      </div>
  2393.                      <div class="video-date">
  2394.                                                    <i class="fas fa-calendar-alt"></i> 02 February, 2025
  2395.                      </div>
  2396.                  </div>
  2397.                                                              <div class="item">
  2398.                      <div class="video-thumb">
  2399.                          <img src="http://img.youtube.com/vi/ONy3OhI3zNw/0.jpg" alt="">
  2400.                          <div class="bg"></div>
  2401.                          <div class="icon">
  2402.                              <a href="http://www.youtube.com/watch?v=ONy3OhI3zNw" class="video-button"><i class="fas fa-play"></i></a>
  2403.                          </div>
  2404.                      </div>
  2405.                      <div class="video-caption">
  2406.                          <a href="javascript:void;">كلمات ممثلي الأقليات العراقية في ربوع كلية الشرق الأوسط الجامعة</a>
  2407.                      </div>
  2408.                      <div class="video-date">
  2409.                                                    <i class="fas fa-calendar-alt"></i> 02 February, 2025
  2410.                      </div>
  2411.                  </div>
  2412.                                                              <div class="item">
  2413.                      <div class="video-thumb">
  2414.                          <img src="http://img.youtube.com/vi/roJ2QQP8bc0/0.jpg" alt="">
  2415.                          <div class="bg"></div>
  2416.                          <div class="icon">
  2417.                              <a href="http://www.youtube.com/watch?v=roJ2QQP8bc0" class="video-button"><i class="fas fa-play"></i></a>
  2418.                          </div>
  2419.                      </div>
  2420.                      <div class="video-caption">
  2421.                          <a href="javascript:void;">كملت الدراسة الإعدادية ؟ كلية الشرق الأوسط الجامعة بإنتظارك</a>
  2422.                      </div>
  2423.                      <div class="video-date">
  2424.                                                    <i class="fas fa-calendar-alt"></i> 20 November, 2024
  2425.                      </div>
  2426.                  </div>
  2427.                                                              <div class="item">
  2428.                      <div class="video-thumb">
  2429.                          <img src="http://img.youtube.com/vi/Ogs5hpEJvKg/0.jpg" alt="">
  2430.                          <div class="bg"></div>
  2431.                          <div class="icon">
  2432.                              <a href="http://www.youtube.com/watch?v=Ogs5hpEJvKg" class="video-button"><i class="fas fa-play"></i></a>
  2433.                          </div>
  2434.                      </div>
  2435.                      <div class="video-caption">
  2436.                          <a href="javascript:void;">قصة نجاح الطالبة ملاك عماد - كلية الشرق الأوسط الجامعة</a>
  2437.                      </div>
  2438.                      <div class="video-date">
  2439.                                                    <i class="fas fa-calendar-alt"></i> 20 November, 2024
  2440.                      </div>
  2441.                  </div>
  2442.                                                              <div class="item">
  2443.                      <div class="video-thumb">
  2444.                          <img src="http://img.youtube.com/vi/S8RNc7422eQ/0.jpg" alt="">
  2445.                          <div class="bg"></div>
  2446.                          <div class="icon">
  2447.                              <a href="http://www.youtube.com/watch?v=S8RNc7422eQ" class="video-button"><i class="fas fa-play"></i></a>
  2448.                          </div>
  2449.                      </div>
  2450.                      <div class="video-caption">
  2451.                          <a href="javascript:void;">مستقبل مشرق في كلية الشرق الأوسط الجامعة</a>
  2452.                      </div>
  2453.                      <div class="video-date">
  2454.                                                    <i class="fas fa-calendar-alt"></i> 20 November, 2024
  2455.                      </div>
  2456.                  </div>
  2457.                                                              <div class="item">
  2458.                      <div class="video-thumb">
  2459.                          <img src="http://img.youtube.com/vi/eRX5ZOmMk30/0.jpg" alt="">
  2460.                          <div class="bg"></div>
  2461.                          <div class="icon">
  2462.                              <a href="http://www.youtube.com/watch?v=eRX5ZOmMk30" class="video-button"><i class="fas fa-play"></i></a>
  2463.                          </div>
  2464.                      </div>
  2465.                      <div class="video-caption">
  2466.                          <a href="javascript:void;">تحت شعار لمستقبل خال من المخدرات - كلية الشرق الأوسط الجامعة</a>
  2467.                      </div>
  2468.                      <div class="video-date">
  2469.                                                    <i class="fas fa-calendar-alt"></i> 20 November, 2024
  2470.                      </div>
  2471.                  </div>
  2472.                                                            </div>
  2473.                </div>
  2474.            </div>
  2475.        </div>
  2476.    </div>
  2477.  
  2478.  
  2479.  </div>
  2480.  
  2481.  
  2482.        <!-- End Main Content -->
  2483.        
  2484.        <!-- Footer -->
  2485.        <footer id="footer" class="footer bg-dark pb-0" dir="rtl">
  2486.            <div class="footer-widget-area">
  2487.                <div class="container">
  2488.                    <div class="row">
  2489.                        <div class="col-md-3">
  2490.                            <div class="item">
  2491.                                <div style="width: 100%">
  2492.                                    <iframe width="400" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
  2493.                                            src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;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%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%88%D8%B3%D8%B7%20%D8%AC%D8%A7%D9%85%D8%B9%D8%A9)&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=B&amp;output=embed">
  2494.                                    </iframe>
  2495.                                </div>
  2496.                            </div>
  2497.                        </div>
  2498.                        <div class="col-md-3">
  2499.                            <div class="item">
  2500.                                <h2 class="heading text-light">روابط مفيدة</h2>
  2501.                                <ul class="useful-links">
  2502.                                    <li><a href="https://meuc.edu.iq">الرئيسية</a></li>
  2503.                                                                                                                <li><a href="https://meuc.edu.iq/faq" style="font-size:small;">الاسئلة الشائعة</a></li>
  2504.                                                                                                                <li><a href="https://meuc.edu.iq/privacy-policy">سياسة الخصوصية</a></li>
  2505.                                                                        <li><a href="https://meuc.edu.iq/uploads/file_upload_1728075793.png">الهيكل التنظيمي</a></li>
  2506.                                                                            <li><a href="https://meuc.edu.iq/contact">صندوق الشكاوي والمقترحات</a></li>
  2507.                                                                        <li><a href="https://meuc.edu.iq/page-detail/64">مواقع ذات صلة</a></li>
  2508.                                </ul>
  2509.                            </div>
  2510.                        </div>
  2511.                        <div class="col-md-3">
  2512.                            <div class="item">
  2513.                                <h2 class="heading text-light">اتصل بنا</h2>
  2514.                                <div class="list-item">
  2515.                                    <div class="left">
  2516.                                        <i class="fas fa-map-marker-alt"></i>
  2517.                                    </div>
  2518.                                    <div class="right">
  2519.                                        بغداد ، العراق
  2520.                                    </div>
  2521.                                </div>
  2522.                                <div class="list-item">
  2523.                                    <div class="left">
  2524.                                        <i class="far fa-envelope"></i>
  2525.                                    </div>
  2526.                                    <div class="right">
  2527.                                        info@meuc.edu.iq
  2528.                                    </div>
  2529.                                </div>
  2530.                                <div class="list-item">
  2531.                                    <div class="left">
  2532.                                        <i class="fas fa-phone-alt"></i>
  2533.                                    </div>
  2534.                                    <div class="right">
  2535.                                        6722
  2536.                                    </div>
  2537.                                </div>
  2538.                                <ul class="social">
  2539.                                    <li><a target="_blank" href="https://facebook.com/meuc.edu.iq/"><i class="fab fa-facebook"></i></a></li>
  2540.                                    <li><a target="_blank" href="https://www.instagram.com/middle.e.u.c"><i class="fab fa-instagram"></i></a></li>
  2541.                                    <li><a target="_blank" href="https://www.youtube.com/watch?v=Ogs5hpEJvKg"><i class="fab fa-youtube"></i></a></li>
  2542.                                </ul>
  2543.                            </div>
  2544.                        </div>
  2545.                        <div class="col-md-3">
  2546.                            <div class="item">
  2547.                                <h2 class="heading text-light"> النشرة الاخبارية</h2>
  2548.                                <p>من أجل الحصول على آخر الأخبار و النشاطات الأخرى ، يرجى الاشتراك من هنا:</p>
  2549.                                <form action="https://meuc.edu.iq/subscriber" method="post" class="form_subscribe_ajax">
  2550.                                    <input type="hidden" name="_token" value="O9eIlw8Z4R2L5w2tiYyuuP6dcKUpFAA3zlvCpmeR">                                    <div class="form-group">
  2551.                                        <input type="text" name="email" class="form-control" placeholder="عنوان البريد الالكتروني">
  2552.                                        <span class="text-danger error-text email_error"></span>
  2553.                                    </div>
  2554.                                    <div class="form-group">
  2555.                                        <input type="submit" class="btn btn-primary" value="اشترك معنا">
  2556.                                    </div>
  2557.                                </form>
  2558.                            </div>
  2559.                        </div>
  2560.                    </div>
  2561.                </div>
  2562.                <div class="footer-bottom mt-5 mb-0" data-tm-bg-color="#2A2A2A">
  2563.                    <div class="container">
  2564.                        <div class="row pt-20 pb-20">
  2565.                            <div class="col-sm-6">
  2566.                                <div class="footer-paragraph">
  2567.                                    كلية الشرق الاوسط الجامعة © <span id="current-year"></span>
  2568.                                </div>
  2569.                                <script>
  2570.                                    document.getElementById('current-year').textContent = new Date().getFullYear();
  2571.                                </script>
  2572.                            </div>
  2573.                        </div>
  2574.                    </div>
  2575.                </div>
  2576.            </div>
  2577.        </footer>
  2578.        <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
  2579.        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  2580.  
  2581.  
  2582. <!-- Initialize Swiper with Smooth Zoom Animation -->
  2583. <script>
  2584.    var swiper = new Swiper(".mySwiper", {
  2585.      spaceBetween: 30,
  2586.      effect: "fade",
  2587.      fadeEffect: {
  2588.        crossFade: true,
  2589.        duration: 1500, // Increased fade duration
  2590.      },
  2591.        navigation: {
  2592.        nextEl: '.my-custom-next', // Your custom class for next button
  2593.        prevEl: '.my-custom-prev', // Your custom class for previous button
  2594.        },
  2595.      pagination: {
  2596.        el: ".swiper-pagination",
  2597.        clickable: true,
  2598.      },
  2599.      autoplay: {
  2600.        delay: 8000, // Autoplay delay
  2601.        disableOnInteraction: false,
  2602.      },
  2603.      on: {
  2604.        init: function () {
  2605.          this.slides.forEach(slide => {
  2606.            let img = slide.querySelector('img');
  2607.            img.classList.add('zoom'); // Add zoom class to all slides
  2608.            img.style.opacity = 1; // Set opacity to 1 after initialization
  2609.          });
  2610.        },
  2611.        slideChangeTransitionEnd: function () {
  2612.          let activeSlide = this.slides[this.activeIndex];
  2613.          let activeTitle = activeSlide.querySelector('.slide-title');
  2614.          activeTitle.style.opacity = 1;
  2615.          activeTitle.style.transform = 'translate(-50%, -50%) scale(1.1)';
  2616.        },
  2617.        slideChangeTransitionStart: function () {
  2618.          // Reset title opacity for the previous slide
  2619.          let previousSlide = this.slides[this.previousIndex];
  2620.          let previousTitle = previousSlide.querySelector('.slide-title');
  2621.          previousTitle.style.opacity = 0;
  2622.          previousTitle.style.transform = 'translate(-50%, -50%) scale(1)';
  2623.          
  2624.          // Fade out previous image
  2625.          let previousImage = previousSlide.querySelector('img');
  2626.          previousImage.style.opacity = 0; // Fade out the previous image
  2627.          
  2628.          // Fade in current image
  2629.          let currentImage = this.slides[this.activeIndex].querySelector('img');
  2630.          currentImage.style.opacity = 1; // Ensure current image is visible
  2631.        }
  2632.      }
  2633.    });
  2634.  </script>
  2635.  
  2636.  <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0.33/dist/fancybox/fancybox.umd.js"></script>
  2637. <script>
  2638.    // Initialize Fancybox with simpler configuration
  2639.    Fancybox.bind("[data-fancybox='gallery']", {
  2640.        compact: false,
  2641.        idle: false,
  2642.        animated: false,
  2643.        showClass: false,
  2644.        hideClass: false,
  2645.        dragToClose: false,
  2646.        contentClick: "iterateZoom",
  2647.        Images: {
  2648.            zoom: true,
  2649.        },
  2650.        Toolbar: {
  2651.            display: {
  2652.                left: ["prev"],
  2653.                middle: ["zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY"],
  2654.                right: ["next"],
  2655.            },
  2656.        },
  2657.    });
  2658. </script>
  2659.  
  2660.      </div>
  2661.    <!-- End Wrapper -->
  2662.    
  2663.    <!-- Footer Scripts -->
  2664.    <!-- All Javascripts -->
  2665. <script src="https://meuc.edu.iq/dist-front/js/jquery-3.6.0.min.js"></script>
  2666. <script src="https://meuc.edu.iq/dist-front/js/bootstrap.min.js"></script>
  2667. <script src="https://meuc.edu.iq/dist-front/js/jquery-ui.js"></script>
  2668. <script src="https://meuc.edu.iq/dist-front/js/jquery.magnific-popup.min.js"></script>
  2669. <script src="https://meuc.edu.iq/dist-front/js/owl.carousel.min.js"></script>
  2670. <script src="https://meuc.edu.iq/dist-front/js/wow.min.js"></script>
  2671. <script src="https://meuc.edu.iq/dist-front/js/select2.full.js"></script>
  2672. <script src="https://meuc.edu.iq/dist-front/js/sweetalert2.min.js"></script>
  2673. <script src="https://meuc.edu.iq/dist-front/js/iziToast.min.js"></script>
  2674. <script src="https://meuc.edu.iq/dist-front/js/jquery.waypoints.min.js"></script>
  2675. <script src="https://meuc.edu.iq/dist-front/js/acmeticker.js"></script>
  2676.  
  2677.  
  2678.  
  2679. <script src="https://meuc.edu.iq/new_assets/js/popper.min.js"></script>
  2680.  
  2681.  
  2682. <!-- Footer Scripts -->
  2683.  
  2684.  
  2685.  
  2686. <script src="https://meuc.edu.iq/new_assets/js/javascript-plugins-bundle.js"></script>
  2687. <script src="https://meuc.edu.iq/new_assets/js/menuzord/js/menuzord.js"></script>
  2688.  
  2689.  
  2690. <!-- REVOLUTION JS FILES -->
  2691. <script src="https://meuc.edu.iq/new_assets/js/revolution-slider/js/revolution.tools.min.js"></script>
  2692. <script src="https://meuc.edu.iq/new_assets/js/revolution-slider/js/rs6.min.js"></script>
  2693. <script src="https://meuc.edu.iq/new_assets/js/revolution-slider/extra-rev-slider1.js"></script>
  2694.  
  2695. <!-- JS | Custom script for all pages -->
  2696. <script src="https://meuc.edu.iq/new_assets/js/custom.js"></script>
  2697.  
  2698.  
  2699.  
  2700.  
  2701.  
  2702. </body>
  2703. </html>
  2704.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda