1 <!DOCTYPE html> 2 3 <html 4 dir="rtl" lang="ar" dir="rtl" 5 > 6 7 <head> 8 9 <meta charset="UTF-8"> 10 11 <meta 12 name="viewport" 13 content="width=device-width, initial-scale=1.0" 14 > 15 16 <title> 17 ÙØ¨Ø°Ø© Ø¹Ù Ø§ÙØ¬Ø§Ù عة | جا٠عة ØªÙØ¯ÙÙ 18 </title> 19 20 <title>ÙØ¨Ø°Ø© Ø¹Ù Ø§ÙØ¬Ø§Ù عة – جا٠عة ØªÙØ¯ÙÙ</title> 21<meta name='robots' content='max-image-preview:large' /> 22<link rel='dns-prefetch' href='//cdn.canvasjs.com' /> 23<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 24<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 25<link rel='dns-prefetch' href='//www.fontstatic.com' /> 26<link rel="alternate" type="application/rss+xml" title="جا٠عة ØªÙØ¯ÙÙ « Ø§ÙØ®Ùاصة" href="https://univ-tindouf.dz/feed/" /> 27<link rel="alternate" type="application/rss+xml" title="جا٠عة ØªÙØ¯ÙÙ « Ø®ÙØ§ØµØ© Ø§ÙØªØ¹ÙÙÙØ§Øª" href="https://univ-tindouf.dz/comments/feed/" /> 28<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://univ-tindouf.dz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Funiv-tindouf.dz%2Fpresentation-universite-tindouf%2F" /> 29<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://univ-tindouf.dz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Funiv-tindouf.dz%2Fpresentation-universite-tindouf%2F&format=xml" /> 30<style id="wp-img-auto-sizes-contain-inline-css"> 31img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 32/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 33</style> 34 35<link rel='stylesheet' id='sgdg_block-css' href='https://univ-tindouf.dz/wp-content/plugins/skaut-google-drive-gallery/frontend/css/block.min.css?ver=1787888383' media='all' /> 36<style id="wp-emoji-styles-inline-css"> 37 38 img.wp-smiley, img.emoji { 39 display: inline !important; 40 border: none !important; 41 box-shadow: none !important; 42 height: 1em !important; 43 width: 1em !important; 44 margin: 0 0.07em !important; 45 vertical-align: -0.1em !important; 46 background: none !important; 47 padding: 0 !important; 48 } 49/*# sourceURL=wp-emoji-styles-inline-css */ 50</style> 51<style id="tiptip-category-posts-block-style-inline-css"> 52.wp-block-tiptip-category-posts-block{border-color:var(--wp-admin-theme-color);padding:2px}.wp-block-tiptip-category-posts-block.aligncenter{width:fit-content}.wp-block-tiptip-category-posts-block .cat-post-no-match{display:block}.category-posts-block-list a:before{content:"";display:block} 53 54/*# sourceURL=https://univ-tindouf.dz/wp-content/plugins/category-posts/build/style-index.css */ 55</style> 56<style id="pdfemb-pdf-embedder-viewer-style-inline-css"> 57.wp-block-pdfemb-pdf-embedder-viewer{max-width:none} 58 59/*# sourceURL=https://univ-tindouf.dz/wp-content/plugins/pdf-embedder/block/build/style-index.css */ 60</style> 61<link rel='stylesheet' id='flipbox_builder_flip_bootstrap_css-css' href='https://univ-tindouf.dz/wp-content/plugins/flipbox-builder/admin/assets/css/bootstrap.css?ver=7.1.3' media='all' /> 62<link rel='stylesheet' id='flipbox_builder_flip_font_osm-css' href='https://univ-tindouf.dz/wp-content/plugins/flipbox-builder/admin/assets/css/font-awesome/css/font-awesome.min.css?ver=7.1.3' media='all' /> 63<link rel='stylesheet' id='simple-banner-style-css' href='https://univ-tindouf.dz/wp-content/plugins/simple-banner/simple-banner.css?ver=3.3.2' media='all' /> 64<link rel='stylesheet' id='dashicons-css' href='https://univ-tindouf.dz/wp-includes/css/dashicons.min.css?ver=7.1.3' media='all' /> 65<link rel='stylesheet' id='admin-bar-rtl-css' href='https://univ-tindouf.dz/wp-includes/css/admin-bar-rtl.min.css?ver=7.1.3' media='all' /> 66<style id="admin-bar-inline-css"> 67 68 .canvasjs-chart-credit{ 69 display: none !important; 70 } 71 #vtrtsFreeChart canvas { 72 border-radius: 6px; 73} 74 75.vtrts-free-adminbar-weekly-title { 76 font-weight: bold; 77 font-size: 14px; 78 color: #fff; 79 margin-bottom: 6px; 80} 81 82 #wpadminbar #wp-admin-bar-vtrts_free_top_button .ab-icon:before { 83 content: "\f185"; 84 color: #1DAE22; 85 top: 3px; 86 } 87 #wp-admin-bar-vtrts_pro_top_button .ab-item { 88 min-width: 180px; 89 } 90 .vtrts-free-adminbar-dropdown { 91 min-width: 420px ; 92 padding: 18px 18px 12px 18px; 93 background: #23282d; 94 color: #fff; 95 border-radius: 8px; 96 box-shadow: 0 4px 24px rgba(0,0,0,0.15); 97 margin-top: 10px; 98 } 99 .vtrts-free-adminbar-grid { 100 display: grid; 101 grid-template-columns: 1fr 1fr; 102 gap: 18px 18px; /* row-gap column-gap */ 103 margin-bottom: 18px; 104 } 105 .vtrts-free-adminbar-card { 106 background: #2c3338; 107 border-radius: 8px; 108 padding: 18px 18px 12px 18px; 109 box-shadow: 0 2px 8px rgba(0,0,0,0.07); 110 display: flex; 111 flex-direction: column; 112 align-items: flex-start; 113 } 114 /* Extra margin for the right column */ 115 .vtrts-free-adminbar-card:nth-child(2), 116 .vtrts-free-adminbar-card:nth-child(4) { 117 margin-left: 10px !important; 118 padding-left: 10px !important; 119 padding-top: 6px !important; 120 121 margin-right: 10px !important; 122 padding-right : 10px !important; 123 margin-top: 10px !important; 124 } 125 .vtrts-free-adminbar-card:nth-child(1), 126 .vtrts-free-adminbar-card:nth-child(3) { 127 margin-left: 10px !important; 128 padding-left: 10px !important; 129 padding-top: 6px !important; 130 131 margin-top: 10px !important; 132 padding-right : 10px !important; 133 134 } 135 /* Extra margin for the bottom row */ 136 .vtrts-free-adminbar-card:nth-child(3), 137 .vtrts-free-adminbar-card:nth-child(4) { 138 margin-top: 6px !important; 139 padding-top: 6px !important; 140 margin-top: 10px !important; 141 } 142 .vtrts-free-adminbar-card-title { 143 font-size: 14px; 144 font-weight: 800; 145 margin-bottom: 6px; 146 color: #fff; 147 } 148 .vtrts-free-adminbar-card-value { 149 font-size: 22px; 150 font-weight: bold; 151 color: #1DAE22; 152 margin-bottom: 4px; 153 } 154 .vtrts-free-adminbar-card-sub { 155 font-size: 12px; 156 color: #aaa; 157 } 158 .vtrts-free-adminbar-btn-wrap { 159 text-align: center; 160 margin-top: 8px; 161 } 162 163 #wp-admin-bar-vtrts_free_top_button .ab-item{ 164 min-width: 80px !important; 165 padding: 0px !important; 166 .vtrts-free-adminbar-btn { 167 display: inline-block; 168 background: #1DAE22; 169 color: #fff !important; 170 font-weight: bold; 171 padding: 8px 28px; 172 border-radius: 6px; 173 text-decoration: none; 174 font-size: 15px; 175 transition: background 0.2s; 176 margin-top: 8px; 177 } 178 .vtrts-free-adminbar-btn:hover { 179 background: #15991b; 180 color: #fff !important; 181 } 182 183 .vtrts-free-adminbar-dropdown-wrap { min-width: 0; padding: 0; } 184 #wpadminbar #wp-admin-bar-vtrts_free_top_button .vtrts-free-adminbar-dropdown { display: none; position: absolute; left: 0; top: 100%; z-index: 99999; } 185 #wpadminbar #wp-admin-bar-vtrts_free_top_button:hover .vtrts-free-adminbar-dropdown { display: block; } 186 187 .ab-empty-item #wp-admin-bar-vtrts_free_top_button-default .ab-empty-item{ 188 height:0px !important; 189 padding :0px !important; 190 } 191 #wpadminbar .quicklinks .ab-empty-item{ 192 padding:0px !important; 193 } 194 .vtrts-free-adminbar-dropdown { 195 min-width: 420px; 196 padding: 18px 18px 12px 18px; 197 background: #23282d; 198 color: #fff; 199 border-radius: 12px; /* more rounded */ 200 box-shadow: 0 8px 32px rgba(0,0,0,0.25); /* deeper shadow */ 201 margin-top: 10px; 202} 203 204.vtrts-free-adminbar-btn-wrap { 205 text-align: center; 206 margin-top: 18px; /* more space above */ 207} 208 209.vtrts-free-adminbar-btn { 210 display: inline-block; 211 background: #1DAE22; 212 color: #fff !important; 213 font-weight: bold; 214 padding: 5px 22px; 215 border-radius: 8px; 216 text-decoration: none; 217 font-size: 17px; 218 transition: background 0.2s, box-shadow 0.2s; 219 margin-top: 8px; 220 box-shadow: 0 2px 8px rgba(29,174,34,0.15); 221 text-align: center; 222 line-height: 1.6; 223 224} 225.vtrts-free-adminbar-btn:hover { 226 background: #15991b; 227 color: #fff !important; 228 box-shadow: 0 4px 16px rgba(29,174,34,0.25); 229} 230 231 232 233/*# sourceURL=admin-bar-inline-css */ 234</style> 235<link rel='stylesheet' id='ut-foss-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap' media='all' /> 236<link rel='stylesheet' id='arabic-webfonts-css' href='//www.fontstatic.com/f=geeza-pro-bold,' media='all' /> 237<link rel='stylesheet' id='awsm-team-css' href='https://univ-tindouf.dz/wp-content/plugins/awsm-team/css/team.min.css?ver=1.3.5' media='all' /> 238<link rel='stylesheet' id='newsup-fonts-css' href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C500%2C700%2C800%7CWork%2BSans%3A300%2C400%2C500%2C600%2C700%2C800%2C900%26display%3Dswap&subset=latin%2Clatin-ext' media='all' /> 239<link rel='stylesheet' id='bootstrap-rtl-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/bootstrap-rtl.css?ver=7.1.3' media='all' /> 240<link rel='stylesheet' id='newsup-style-rtl-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/style-rtl.css?ver=7.1.3' media='all' /> 241<link rel='stylesheet' id='newsup-default-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/colors/default.css?ver=7.1.3' media='all' /> 242<link rel='stylesheet' id='font-awesome-5-all-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/font-awesome/css/all.min.css?ver=7.1.3' media='all' /> 243<link rel='stylesheet' id='font-awesome-4-shim-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/font-awesome/css/v4-shims.min.css?ver=7.1.3' media='all' /> 244<link rel='stylesheet' id='owl-carousel-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/owl.carousel.css?ver=7.1.3' media='all' /> 245<link rel='stylesheet' id='smartmenus-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/jquery.smartmenus.bootstrap.css?ver=7.1.3' media='all' />
246<link rel='stylesheet' id='newsup-custom-css-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/inc/ansar/customize/css/customizer.css?ver=1.0' media='all' /> 247<link rel='stylesheet' id='ekit-widget-common-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/common.css?ver=4.0.7' media='all' /> 248<link rel='stylesheet' id='ekit-nav-menu-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/nav-menu.css?ver=4.0.7' media='all' /> 249<link rel='stylesheet' id='ekit-header-search-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-search.css?ver=4.0.7' media='all' /> 250<link rel='stylesheet' id='ekit-header-offcanvas-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-offcanvas.css?ver=4.0.7' media='all' /> 251<link rel='stylesheet' id='ekit-header-info-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-info.css?ver=4.0.7' media='all' /> 252<link rel='stylesheet' id='elementskit-rtl-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/rtl.css?ver=4.0.7' media='all' /> 253<!--n2css--><!--n2js-->
253<script type='text/javascript'> 254 var elementskit = { 255 resturl: 'https://univ-tindouf.dz/wp-json/elementskit/v1/', 256 } 257 258 </script>
258<script id="jquery-core-js" src="https://univ-tindouf.dz/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 258
258
259<script id="jquery-migrate-js" src="https://univ-tindouf.dz/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 259
259
260<script id="simple-banner-script-js-before"> 261const simpleBannerScriptParams = {"pro_version_enabled":"","debug_mode":false,"id":15743,"version":"3.3.2","banner_params":[{"hide_simple_banner":"yes","simple_banner_prepend_element":false,"simple_banner_position":"static","header_margin":"","header_padding":"","wp_body_open_enabled":"","wp_body_open":true,"simple_banner_z_index":false,"disabled_on_current_page":false,"disabled_pages_array":[],"is_current_page_a_post":false,"disabled_on_posts":"","simple_banner_disabled_page_paths":false,"simple_banner_font_size":"","simple_banner_color":"#e2e9ee","simple_banner_text_color":"","simple_banner_link_color":"","simple_banner_close_color":"#ffffff","simple_banner_text":"\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062c\u0627\u0645\u0639\u064a \u0639\u0644\u064a \u0643\u0627\u0641\u064a \u062a\u0646\u062f\u0648\u0641 \u064a\u0631\u062d\u0628 \u0628\u0643\u0645","simple_banner_custom_css":"","simple_banner_scrolling_custom_css":"","simple_banner_text_custom_css":"","simple_banner_button_css":"","site_custom_css":"","keep_site_custom_css":"","site_custom_js":"","keep_site_custom_js":"","close_button_enabled":"","close_button_expiration":"","close_button_cookie_set":false,"current_date":{"date":"2026-10-09 17:07:17.944304","timezone_type":3,"timezone":"UTC"},"start_date":{"date":"2026-10-09 17:07:17.944309","timezone_type":3,"timezone":"UTC"},"end_date":{"date":"2026-10-09 17:07:17.944311","timezone_type":3,"timezone":"UTC"},"simple_banner_start_after_date":false,"simple_banner_remove_after_date":false,"simple_banner_insert_inside_element":false}]} 262//# sourceURL=simple-banner-script-js-before 263</script>
vendor: 1 bytes, line 263
263
264<script id="simple-banner-script-js" src="https://univ-tindouf.dz/wp-content/plugins/simple-banner/simple-banner.js?ver=3.3.2"></script>
vendor: 1 bytes, line 264
264
265<script id="wonderplugin-videoembed-script-js" src="https://univ-tindouf.dz/wp-content/plugins/wonderplugin-video-embed/engine/wonderpluginvideoembed.js?ver=2.4"></script>
vendor: 1 bytes, line 265
265
266<script id="newsup-navigation-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/navigation.js?ver=7.1.3"></script>
vendor: 1 bytes, line 266
266
267<script id="bootstrap-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/bootstrap.js?ver=7.1.3"></script>
vendor: 1 bytes, line 267
267
268<script id="owl-carousel-min-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/owl.carousel.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 268
268
269<script id="smartmenus-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/jquery.smartmenus.js?ver=7.1.3"></script>
vendor: 1 bytes, line 269
269
270<script id="bootstrap-smartmenus-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/jquery.smartmenus.bootstrap.js?ver=7.1.3"></script>
vendor: 1 bytes, line 270
270
271<script id="newsup-marquee-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/jquery.marquee.js?ver=7.1.3"></script>
vendor: 1 bytes, line 271
271
272<script id="newsup-main-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/main.js?ver=7.1.3"></script>
272 273<link rel="https://api.w.org/" href="https://univ-tindouf.dz/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://univ-tindouf.dz/wp-json/wp/v2/pages/15743" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://univ-tindouf.dz/xmlrpc.php?rsd" /> 274<meta name="generator" content="WordPress 7.1.3" /> 275<link rel="canonical" href="https://univ-tindouf.dz/presentation-universite-tindouf/" /> 276<link rel='shortlink' href='https://univ-tindouf.dz/?p=15743' /> 277<style id="simple-banner-hide" type="text/css">.simple-banner{display:none;}</style><style id="simple-banner-position" type="text/css">.simple-banner{position:static;}</style><style id="simple-banner-background-color" type="text/css">.simple-banner{background:#e2e9ee;}</style><style id="simple-banner-text-color" type="text/css">.simple-banner .simple-banner-text{color: #ffffff;}</style><style id="simple-banner-link-color" type="text/css">.simple-banner .simple-banner-text a{color:#f16521;}</style><style id="simple-banner-z-index" type="text/css">.simple-banner{z-index: 99999;}</style><style id="simple-banner-close-color" type="text/css">.simple-banner .simple-banner-button{color:#ffffff;}</style><style id="simple-banner-site-custom-css-dummy" type="text/css"></style>
277<script id="simple-banner-site-custom-js-dummy" type="text/javascript"></script>
277 <style id="ut-global-university-shell-css"> 278 279 body.ut-global-university-shell .site-header, 280 body.ut-global-university-shell header.site-header, 281 body.ut-global-university-shell #masthead, 282 body.ut-global-university-shell .main-header, 283 body.ut-global-university-shell .header-main, 284 body.ut-global-university-shell .main-navigation, 285 body.ut-global-university-shell .primary-navigation, 286 body.ut-global-university-shell .site-navigation, 287 body.ut-global-university-shell .navbar{ 288 display:none !important; 289 } 290 291 body.ut-global-university-shell .site-footer, 292 body.ut-global-university-shell footer.site-footer, 293 body.ut-global-university-shell #colophon, 294 body.ut-global-university-shell .footer-widgets, 295 body.ut-global-university-shell .footer-navigation{ 296 display:none !important; 297 } 298 299 body.ut-global-university-shell #secondary, 300 body.ut-global-university-shell aside, 301 body.ut-global-university-shell .sidebar, 302 body.ut-global-university-shell .widget-area{ 303 display:none !important; 304 } 305 306 html, 307 body.ut-global-university-shell{ 308 margin:0 !important; 309 padding:0 !important; 310 width:100% !important; 311 max-width:none !important; 312 overflow-x:hidden !important; 313 } 314 315 body.ut-global-university-shell #page, 316 body.ut-global-university-shell .site, 317 body.ut-global-university-shell .site-content, 318 body.ut-global-university-shell .content-area, 319 body.ut-global-university-shell .site-main{ 320 width:100% !important; 321 max-width:none !important; 322 margin:0 !important; 323 padding:0 !important; 324 } 325 326 </style> 327 <!-- Start arabic-webfonts v1.4.6 styles --> <style id='arabic-webfonts' type='text/css'> 328 body.rtl p { 329 font-family: 'geeza-pro-bold' !important; 330 font-size: 25px !important; 331 } 332 </style> 333 <!-- /End arabic-webfonts styles --> 334<style type="text/css" id="custom-background-css"> 335 .wrapper { background-color: ededed; } 336</style> 337<meta name="generator" content="Elementor 4.3.4; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 338 <style> 339 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 340 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 341 background-image: none !important; 342 } 343 @media screen and (max-height: 1024px) { 344 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 345 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 346 background-image: none !important; 347 } 348 } 349 @media screen and (max-height: 640px) { 350 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 351 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 352 background-image: none !important; 353 } 354 } 355 </style> 356 <style type="text/css"> 357 .site-title, 358 .site-description { 359 position: absolute; 360 clip: rect(1px, 1px, 1px, 1px); 361 } 362 </style> 363 <style id="custom-background-css"> 364body.custom-background { background-color: #ededed; } 365</style> 366<link rel="icon" href="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-32x32.png" sizes="32x32" /> 367<link rel="icon" href="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-192x192.png" sizes="192x192" /> 368<link rel="apple-touch-icon" href="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-180x180.png" /> 369<meta name="msapplication-TileImage" content="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-270x270.png" /> 370 371
371<script id="ut-hero-links-manager"> 372 373 window.UT_HERO_LINKS = {"discover_university":"https://univ-tindouf.dz/presentation-universite-tindouf/","media_coverage":"https://univ-tindouf.dz/medias/","photo_gallery":"https://univ-tindouf.dz/galerie/","virtual_visit":"https://univ-tindouf.dz/structure-organisationnelle-universite/","digital_services":"https://univ-tindouf.dz/structure-organisationnelle-universite/"}; 374 375 </script>
375 376 377 <style id="wp-custom-css"> 378.secondary-menu { 379 background: #2E5A88; 380 padding: 5px 100px; 381 text-align: center; 382} 383 384.secondary-menu-list { 385 list-style: none; 386 margin: 0; 387 padding: 0; 388 display: flex; 389 justify-content: right; 390 gap: 20px; 391 position: relative; 392} 393 394.secondary-menu-list li { 395 position: relative; 396} 397 398.secondary-menu-list li a { 399 color: #fff; 400 font-size: 14px; 401 text-decoration: none; 402 padding: 5px 10px; 403 display: block; 404 font-weight: 600 405} 406 407.secondary-menu-list li a:hover { 408 color: #C5A059; 409} 410 411/* Dropdown menu */ 412.secondary-menu-list li ul { 413 display: none; /* Ù Ø®ÙÙ Ø§ÙØªØ±Ø§Ø¶Ùا٠*/ 414 position: absolute; 415 top: 100%; 416 left: 0; 417 background: #F5F5DC; 418 list-style: none; 419 padding: 0; 420 margin: 0; 421 min-width: 180px; 422 z-index: 9999; 423} 424 425.secondary-menu-list li:hover > ul { 426 display: block; /* ÙØ¸Ùر Ø¹ÙØ¯ Ù Ø±ÙØ± اÙÙØ£Ø±Ø© */ 427} 428 429.secondary-menu-list li ul li a { 430 padding: 8px 15px; 431 font-size: 13px; 432 color: #000; 433} 434 435.secondary-menu-list li ul li a:hover { 436 background: #C5A059; 437 color: #000; 438} 439 440</style> 441 442 <style> 443 444 html, 445 body { 446 447 margin: 0 !important; 448 449 padding: 0 !important; 450 451 width: 100% !important; 452 453 overflow-x: hidden !important; 454 455 background: #ffffff !important; 456 } 457 458 *, 459 *::before, 460 *::after { 461 box-sizing: border-box; 462 } 463 464 body { 465 466 font-family: 467 "Cairo", 468 "Segoe UI", 469 Arial, 470 sans-serif; 471 } 472 473 .ut-page-builder-content { 474 475 width: 100%; 476 477 margin: 0; 478 479 padding: 480 38px 481 5vw 482 55px; 483 484 background: 485 linear-gradient( 486 180deg, 487 #ffffff 0%, 488 #f5f9fb 100% 489 ); 490 491 min-height: 340px; 492 } 493 494 .ut-page-builder-content-inner { 495 496 width: 100%; 497 498 max-width: 1450px; 499 500 margin: 501 0 502 auto; 503 504 color: #173b57; 505 506 font-family: 507 "Cairo", 508 "Segoe UI", 509 Arial, 510 sans-serif; 511 512 font-size: 18px; 513 514 line-height: 1.95; 515 } 516 517 .ut-page-builder-content-inner h1, 518 .ut-page-builder-content-inner h2, 519 .ut-page-builder-content-inner h3, 520 .ut-page-builder-content-inner h4 { 521 522 color: #123b5d; 523 524 font-weight: 800; 525 526 line-height: 1.4; 527 } 528 529 .ut-page-builder-content-inner img { 530 531 max-width: 100%; 532 533 height: auto; 534 535 border-radius: 12px; 536 } 537 538 .ut-page-builder-content-inner a { 539 540 color: #116f9c; 541 } 542 543 .ut-page-builder-content-inner table { 544 545 width: 100%; 546 547 border-collapse: collapse; 548 549 margin: 550 20px 551 0; 552 } 553 554 .ut-page-builder-content-inner th, 555 .ut-page-builder-content-inner td { 556 557 padding: 10px; 558 559 border: 560 1px 561 solid 562 #d8e3ea; 563 } 564 565 @media (max-width: 700px) { 566 567 .ut-page-builder-content { 568 569 padding: 570 28px 571 14px 572 40px; 573 } 574
575 .ut-page-builder-content-inner { 576 577 font-size: 16px; 578 579 line-height: 1.85; 580 } 581 } 582 583 </style> 584 585 </head> 586 587 588 <body> 589 590 591 <header id="ut-header"> 592 593 <div class="ut-header-inner"> 594 595 <!-- ===================================== 596 Ø§ÙØ´Ø¹Ø§Ø± ÙØ§Ø³Ù Ø§ÙØ¬Ø§Ù عة 597 ====================================== --> 598 599 <div class="ut-brand"> 600 601 <div class="ut-logo"> 602 603 <img 604 src="https://univ-tindouf.dz/wp-content/uploads/2026/02/cropped-LOGO-UT-300x300-1.png" 605 alt="جا٠عة ØªÙØ¯ÙÙ"> 606 607 </div> 608 609 <div class="ut-university-name"> 610 611 <div class="ut-name-ar"> 612 جا٠عة ØªÙØ¯ÙÙ 613 </div> 614 615 <div class="ut-name-en"> 616 UNIVERSITY OF TINDOUF 617 </div> 618 619 </div> 620 621 </div> 622 623 624 <!-- ===================================== 625 Ø§ÙØªØ§Ø±ÙØ® ÙØ§Ùساعة 626 ====================================== --> 627 628 <div class="ut-center-info"> 629 630 <!-- Ø§ÙØªØ§Ø±ÙØ® اÙÙ ÙÙØ§Ø¯Ù --> 631 632 <div class="ut-date"> 633 634 <span class="ut-date-icon"> 635 â· 636 </span> 637 638 <span id="ut-gregorian-date"></span> 639 640 </div> 641 642 643 <!-- Ø§ÙØ³Ø§Ø¹Ø© --> 644 645 <div class="ut-clock"> 646 647 <span class="ut-clock-icon"> 648 â 649 </span> 650 651 <span id="ut-clock"> 652 00:00:00 653 </span> 654 655 </div> 656 657 658 <!-- Ø§ÙØªØ§Ø±ÙØ® اÙÙØ¬Ø±Ù --> 659 660 <div class="ut-date ut-hijri"> 661 662 <span class="ut-date-icon"> 663 â¾ 664 </span> 665 666 <span id="ut-hijri-date"></span> 667 668 </div> 669 670 </div> 671 672 673 <!-- ===================================== 674 Ø§ÙØ£Ø¯Ùات 675 ====================================== --> 676 677 <div class="ut-tools"> 678 679 680 <!-- اÙÙØºØ© --> 681 682 <div class="ut-language"> 683 684 <button 685 type="button" 686 class="ut-language-button"> 687 688 Ø§ÙØ¹Ø±Ø¨ÙØ© 689 690 <span class="ut-language-arrow"> 691 â¾ 692 </span> 693 694 </button> 695 696 <div class="ut-language-menu"> 697 698 <a href="#"> 699 Ø§ÙØ¹Ø±Ø¨ÙØ© 700 </a> 701 702 <a href="#"> 703 Français 704 </a> 705 706 <a href="#"> 707 English 708 </a> 709 710 </div> 711 712 </div> 713 714 715 <!-- Ø§ÙØ´Ø¨Ùات Ø§ÙØ§Ø¬ØªÙ Ø§Ø¹ÙØ© --> 716 717 <div class="ut-social"> 718 719 <a 720 href="#" 721 class="facebook" 722 title="Facebook"> 723 f 724 </a> 725 726 <a 727 href="#" 728 class="youtube" 729 title="YouTube"> 730 â¶ 731 </a> 732 733 <a 734 href="#" 735 class="instagram" 736 title="Instagram"> 737 â 738 </a> 739 740 <a 741 href="#" 742 class="telegram" 743 title="Telegram"> 744 ⤠745 </a> 746 747 </div> 748 749 750 <!-- Ù ÙØ§ÙÙØª Ø§ÙØµÙاة --> 751 752 <a 753 href="https://www.islamicfinder.org/world/algeria/2476301/tindouf-wilaya-de-tindouf-dz-prayer-times/" 754 target="_blank" 755 rel="noopener" 756 class="ut-prayer" 757 title="Ù ÙØ§ÙÙØª Ø§ÙØµÙاة ÙÙ ØªÙØ¯ÙÙ"> 758 759 â¾ 760 761 </a> 762 763 </div> 764 765 </div> 766 767 </header> 768 769 770 <!-- ============================================= 771 اÙÙØ§ØµÙ اÙÙØ§Ø®Ø± بÙÙ Header ÙØ§ÙÙØ§Ø¦Ù Ø© 772 ============================================== --> 773 774 <div class="ut-header-menu-divider"> 775
776 <span></span> 777 778 </div> 779 780 781 <style> 782 783 /* ================================================= 784 HEADER 785 ================================================= */ 786 787 #ut-header { 788 789 width: 100% !important; 790 791 margin: 0 !important; 792 793 padding: 0 !important; 794 795 direction: rtl; 796 797 font-family: 798 "Cairo", 799 "Segoe UI", 800 Arial, 801 sans-serif; 802 803 background: 804 805 linear-gradient( 806 135deg, 807 #e9f5fa 0%, 808 #f8fbfc 48%, 809 #e5f2f7 100% 810 ); 811 812 border-top: 813 3px solid #08759f; 814 815 position: relative; 816 817 z-index: 200; 818 819 box-shadow: 820 0 2px 10px 821 rgba(20,70,90,.08); 822 823 } 824 825 826 /* ================================================= 827 Ø®ÙÙÙØ© Ø®ÙÙÙØ© 828 ================================================= */ 829 830 #ut-header::before { 831 832 content: ""; 833 834 position: absolute; 835 836 inset: 0; 837 838 pointer-events: none; 839 840 background: 841 842 radial-gradient( 843 circle at 10% 50%, 844 rgba(7,117,159,.07), 845 transparent 25% 846 ), 847 848 radial-gradient( 849 circle at 90% 30%, 850 rgba(7,117,159,.05), 851 transparent 25% 852 ); 853 854 } 855 856 857 /* ================================================= 858 INNER 859 ================================================= */ 860 861 #ut-header .ut-header-inner { 862 863 position: relative; 864 865 z-index: 2; 866 867 width: 100%; 868 869 min-height: 72px; 870 871 padding: 872 5px 28px; 873 874 display: flex; 875 876 align-items: center; 877 878 justify-content: space-between; 879 880 gap: 16px; 881 882 } 883 884 885 /* ================================================= 886 BRAND 887 ================================================= */ 888 889 #ut-header .ut-brand { 890 891 display: flex; 892 893 align-items: center; 894 895 gap: 12px; 896 897 min-width: 285px; 898 899 } 900 901 902 /* ================================================= 903 LOGO 904 ================================================= */ 905 906 #ut-header .ut-logo { 907 908 width: 57px; 909 910 height: 57px; 911 912 flex-shrink: 0; 913 914 padding: 3px; 915 916 border-radius: 50%; 917 918 background: #ffffff; 919 920 border: 921 1px solid #d2e1e7; 922 923 box-shadow: 924 0 3px 9px 925 rgba(0,0,0,.10); 926 927 } 928 929 930 #ut-header .ut-logo img { 931 932 width: 100%; 933 934 height: 100%; 935 936 display: block; 937 938 object-fit: contain; 939 940 border-radius: 50%; 941 942 } 943 944 945 /* ================================================= 946 Ø§Ø³Ù Ø§ÙØ¬Ø§Ù عة 947 ================================================= */ 948 949 #ut-header .ut-university-name { 950 951 text-align: right; 952 953 line-height: 1.05; 954 955 } 956 957 958 #ut-header .ut-name-ar { 959 960 font-family: 961 "Amiri", 962 "Noto Naskh Arabic", 963 "Times New Roman", 964 serif; 965 966 font-size: 25px; 967 968 font-weight: 700; 969 970 color: #173f58; 971 972 white-space: nowrap; 973 974 margin-bottom: 4px; 975 976 } 977 978 979 #ut-header .ut-name-en { 980 981 font-family: 982 "Segoe UI", 983 Arial, 984 sans-serif; 985 986 font-size: 10px; 987 988 font-weight: 700; 989 990 letter-spacing: 1px; 991 992 color: #477086; 993 994 white-space: nowrap; 995 996 } 997 998 999 /* ================================================= 1000 CENTRE 1001 ================================================= */ 1002 1003 #ut-header .ut-center-info { 1004 1005 display: flex; 1006 1007 align-items: center; 1008 1009 justify-content: center; 1010 1011 gap: 9px; 1012 1013 flex: 1; 1014 1015 } 1016 1017 1018 /* ================================================= 1019 Ø§ÙØªØ§Ø±ÙØ® 1020 ================================================= */ 1021 1022 #ut-header .ut-date { 1023 1024 display: flex; 1025 1026 align-items: center; 1027 1028 gap: 6px; 1029 1030 padding: 1031 6px 10px; 1032 1033 border-radius: 8px; 1034 1035 background: 1036 rgba(255,255,255,.78); 1037 1038 border: 1039 1px solid #d5e3e9; 1040 1041 color: #315b70; 1042 1043 font-size: 10.5px; 1044 1045 font-weight: 700; 1046 1047 white-space: nowrap; 1048 1049 box-shadow: 1050 0 2px 7px 1051 rgba(30,80,100,.05); 1052 1053 } 1054 1055 1056 /* ================================================= 1057 Ø£ÙÙÙÙØ© Ø§ÙØªØ§Ø±ÙØ® 1058 ================================================= */ 1059 1060 #ut-header .ut-date-icon { 1061 1062 display: flex; 1063 1064 align-items: center; 1065 1066 justify-content: center; 1067 1068 width: 23px; 1069 1070 height: 23px; 1071 1072 flex-shrink: 0; 1073 1074 border-radius: 50%; 1075 1076 background: #e1f0f6; 1077 1078 color: #08739e; 1079 1080 font-size: 13px; 1081 1082 } 1083 1084 1085 /* ================================================= 1086 Ø§ÙØ³Ø§Ø¹Ø© 1087 ================================================= */ 1088 1089 #ut-header .ut-clock { 1090 1091 display: flex; 1092 1093 align-items: center; 1094 1095 justify-content: center; 1096 1097 gap: 7px; 1098 1099 min-width: 132px; 1100 1101 padding: 1102 6px 11px; 1103 1104 border-radius: 9px; 1105 1106 background: 1107 1108 linear-gradient( 1109 135deg, 1110 #ffffff, 1111 #edf7fa 1112 ); 1113 1114 border: 1115 1px solid #c7dce5; 1116 1117 box-shadow: 1118 1119 0 3px 11px 1120 rgba(20,80,105,.10); 1121 1122 } 1123 1124 1125 #ut-header .ut-clock-icon { 1126 1127 display: flex; 1128 1129 align-items: center; 1130 1131 justify-content: center; 1132 1133 width: 25px; 1134 1135 height: 25px; 1136 1137 flex-shrink: 0; 1138 1139 border-radius: 50%; 1140 1141 background: #0878a5; 1142 1143 color: #ffffff; 1144 1145 font-size: 10px; 1146 1147 box-shadow: 1148 0 2px 6px 1149 rgba(8,120,165,.20); 1150 1151 } 1152 1153 1154 #ut-header #ut-clock { 1155 1156 color: #173f58; 1157 1158 font-family: 1159 "Segoe UI", 1160 Arial, 1161 sans-serif; 1162 1163 font-size: 17px; 1164 1165 font-weight: 800; 1166 1167 letter-spacing: 1.2px; 1168 1169 font-variant-numeric: 1170 tabular-nums; 1171 1172 } 1173 1174 1175 /* ================================================= 1176 Ø§ÙØ£Ø¯Ùات 1177 ================================================= */ 1178 1179 #ut-header .ut-tools { 1180 1181 display: flex; 1182 1183 align-items: center; 1184 1185 justify-content: flex-end; 1186 1187 gap: 8px; 1188 1189 min-width: 285px; 1190 1191 } 1192 1193 1194 /* ================================================= 1195 اÙÙØºØ© 1196 ================================================= */ 1197 1198 #ut-header .ut-language { 1199 1200 position: relative; 1201 1202 } 1203 1204 1205 #ut-header .ut-language-button { 1206 1207 display: flex; 1208 1209 align-items: center; 1210 1211 gap: 4px; 1212 1213 padding: 1214 7px 10px; 1215 1216 border: 1217 1px solid #cbdde5; 1218 1219 border-radius: 6px; 1220 1221 background: #ffffff; 1222 1223 color: #315b70; 1224 1225 font-family: inherit; 1226 1227 font-size: 11px; 1228 1229 font-weight: 700; 1230 1231 cursor: pointer; 1232 1233 } 1234 1235 1236 #ut-header .ut-language-arrow { 1237 1238 color: #0878a5; 1239 1240 } 1241 1242 1243 /* ================================================= 1244 LANGUAGE MENU 1245 ================================================= */ 1246 1247 #ut-header .ut-language-menu { 1248 1249 position: absolute; 1250 1251 top: 1252 calc(100% + 7px); 1253 1254 right: 0; 1255 1256 min-width: 115px; 1257 1258 padding: 5px; 1259 1260 background: #ffffff; 1261 1262 border: 1263 1px solid #dce7ec; 1264 1265 border-radius: 7px; 1266 1267 box-shadow: 1268 0 8px 22px 1269 rgba(0,0,0,.14); 1270 1271 opacity: 0; 1272 1273 visibility: hidden; 1274 1275 transform: 1276 translateY(-5px); 1277 1278 transition: .2s ease; 1279 1280 } 1281 1282 1283 #ut-header .ut-language:hover 1284 .ut-language-menu { 1285 1286 opacity: 1; 1287 1288 visibility: visible; 1289 1290 transform: 1291 translateY(0); 1292 1293 } 1294 1295 1296 #ut-header .ut-language-menu a { 1297 1298 display: block; 1299 1300 padding: 7px 9px; 1301 1302 color: #244c62; 1303 1304 text-decoration: none; 1305 1306 font-size: 11px; 1307 1308 font-weight: 600; 1309 1310 border-radius: 4px; 1311 1312 } 1313 1314 1315 #ut-header .ut-language-menu a:hover { 1316 1317 background: #eef7fa; 1318 1319 color: #0878a5; 1320 1321 } 1322 1323 1324 /* ================================================= 1325 SOCIAL 1326 ================================================= */ 1327 1328 #ut-header .ut-social { 1329 1330 display: flex; 1331 1332 align-items: center; 1333 1334 gap: 5px; 1335 1336 } 1337 1338 1339 #ut-header .ut-social a { 1340 1341 display: flex; 1342 1343 align-items: center; 1344 1345 justify-content: center; 1346 1347 width: 28px; 1348 1349 height: 28px; 1350 1351 border-radius: 50%; 1352 1353 color: #ffffff; 1354 1355 text-decoration: none; 1356 1357 font-family: Arial, sans-serif; 1358 1359 font-size: 13px; 1360 1361 font-weight: 700; 1362 1363 transition: 1364 transform .25s ease, 1365 opacity .25s ease; 1366 1367 } 1368 1369 1370 #ut-header .ut-social a:hover { 1371 1372 transform: 1373 translateY(-2px); 1374 1375 opacity: .85; 1376 1377 } 1378 1379 1380 #ut-header .facebook { 1381 background: #1877f2; 1382 } 1383 1384 1385 #ut-header .youtube { 1386 background: #ff0000; 1387 } 1388 1389 1390 #ut-header .instagram { 1391 1392 background: 1393 1394 linear-gradient( 1395 135deg, 1396 #833ab4, 1397 #fd1d1d, 1398 #fcb045 1399 ); 1400 1401 } 1402 1403 1404 #ut-header .telegram { 1405 background: #229ed9; 1406 } 1407 1408 1409 /* ================================================= 1410 ر٠ز Ø§ÙØµÙاة 1411 ================================================= */ 1412 1413 #ut-header .ut-prayer { 1414 1415 display: flex; 1416 1417 align-items: center; 1418 1419 justify-content: center; 1420 1421 width: 31px; 1422 1423 height: 31px; 1424 1425 border-radius: 50%; 1426 1427 background: #0878a5; 1428 1429 color: #ffffff; 1430 1431 text-decoration: none; 1432 1433 font-family: 1434 "Times New Roman", 1435 serif; 1436 1437 font-size: 18px; 1438 1439 transition: 1440 transform .25s ease, 1441 background .25s ease; 1442 1443 } 1444 1445 1446 #ut-header .ut-prayer:hover { 1447 1448 background: #075f84; 1449 1450 color: #ffffff; 1451 1452 transform: 1453 translateY(-2px); 1454 1455 } 1456 1457 1458 /* ================================================= 1459 اÙÙØ§ØµÙ اÙÙ Ù ÙØ² ٠ع اÙÙØ§Ø¦Ù Ø© Ø§ÙØ±Ø¦ÙØ³ÙØ© 1460 ================================================= */ 1461 1462 .ut-header-menu-divider { 1463 1464 position: relative; 1465 1466 width: 100%; 1467 1468 height: 5px; 1469 1470 background: #ffffff; 1471 1472 z-index: 250; 1473 1474 } 1475 1476 1477 .ut-header-menu-divider::before { 1478 1479 content: ""; 1480 1481 position: absolute; 1482 1483 left: 0; 1484 1485 right: 0; 1486 1487 top: 2px; 1488 1489 height: 1px; 1490 1491 background: 1492 linear-gradient( 1493 90deg, 1494 transparent, 1495 #0b789f 18%, 1496 #0b789f 82%, 1497 transparent 1498 ); 1499 1500 } 1501 1502 1503 .ut-header-menu-divider span { 1504 1505 position: absolute; 1506 1507 left: 50%; 1508 1509 top: 0; 1510 1511 transform: 1512 translateX(-50%); 1513 1514 width: 90px; 1515 1516 height: 4px; 1517 1518 border-radius: 1519 0 0 5px 5px; 1520 1521 background: 1522 linear-gradient( 1523 90deg, 1524 #b38a35, 1525 #e0c26b, 1526 #b38a35 1527 ); 1528 1529 box-shadow: 1530 0 2px 5px 1531 rgba(0,0,0,.16); 1532 1533 } 1534 1535 1536 /* ================================================= 1537 TABLET 1538 ================================================= */ 1539 1540 @media (max-width: 1150px) { 1541 1542 #ut-header .ut-header-inner { 1543 1544 padding: 1545 5px 18px; 1546 1547 gap: 10px; 1548 1549 } 1550 1551 #ut-header .ut-brand { 1552 1553 min-width: 250px; 1554 1555 } 1556 1557 #ut-header .ut-name-ar { 1558 1559 font-size: 23px; 1560 1561 } 1562 1563 #ut-header .ut-tools { 1564 1565 min-width: auto; 1566 1567 } 1568 1569 } 1570 1571 1572 /* ================================================= 1573 MOBILE 1574 ================================================= */ 1575 1576 @media (max-width: 800px) { 1577 1578 #ut-header .ut-header-inner { 1579 1580 flex-wrap: wrap; 1581 1582 justify-content: center; 1583 1584 padding: 1585 9px 12px; 1586 1587 } 1588 1589 #ut-header .ut-brand { 1590 1591 width: 100%; 1592 1593 justify-content: center; 1594 1595 min-width: 0; 1596 1597 } 1598 1599 #ut-header .ut-center-info { 1600 1601 width: 100%; 1602 1603 flex: none; 1604 1605 } 1606 1607 #ut-header .ut-tools { 1608 1609 width: 100%; 1610 1611 justify-content: center; 1612 1613 } 1614 1615 } 1616 1617 1618 @media (max-width: 500px) { 1619 1620 #ut-header .ut-logo { 1621 1622 width: 52px; 1623 1624 height: 52px; 1625 1626 } 1627 1628 #ut-header .ut-name-ar { 1629 1630 font-size: 21px; 1631 1632 } 1633 1634 #ut-header .ut-name-en { 1635 1636 font-size: 9px; 1637 1638 } 1639 1640 #ut-header .ut-date { 1641 1642 padding: 1643 5px 7px; 1644 1645 font-size: 9px; 1646 1647 } 1648 1649 #ut-header .ut-date-icon { 1650 1651 display: none; 1652 1653 } 1654 1655 #ut-header .ut-clock { 1656 1657 min-width: 115px; 1658 1659 } 1660 1661 #ut-header #ut-clock { 1662 1663 font-size: 15px; 1664 1665 } 1666 1667 } 1668 1669 </style> 1670 1671 1672
1672<script> 1673 1674 document.addEventListener( 1675 'DOMContentLoaded', 1676 function () { 1677 1678 function updateUTDateTime() { 1679 1680 const now = new Date(); 1681 1682 1683 /* ================================= 1684 Ø§ÙØªØ§Ø±ÙØ® اÙÙ ÙÙØ§Ø¯Ù 1685 ================================= */ 1686 1687 const gregorian = 1688 now.toLocaleDateString( 1689 'ar-DZ', 1690 { 1691 weekday: 'long', 1692 year: 'numeric', 1693 month: 'long', 1694 day: 'numeric' 1695 } 1696 ); 1697 1698 1699 const gregorianElement = 1700 document.getElementById( 1701 'ut-gregorian-date' 1702 ); 1703 1704 1705 if (gregorianElement) { 1706 1707 gregorianElement.textContent = 1708 gregorian; 1709 1710 } 1711 1712 1713 /* ================================= 1714 Ø§ÙØªØ§Ø±ÙØ® اÙÙØ¬Ø±Ù 1715 Ø£Ø±ÙØ§Ù ÙØ§ØªÙÙÙØ© 1716 ================================= */ 1717 1718 let hijri = ''; 1719 1720 1721 try { 1722 1723 hijri = 1724 new Intl.DateTimeFormat( 1725 'ar-SA-u-ca-islamic-nu-latn', 1726 { 1727 year: 'numeric', 1728 month: 'long', 1729 day: 'numeric' 1730 } 1731 ).format(now); 1732 1733 } catch (error) { 1734 1735 hijri = ''; 1736 1737 } 1738 1739 1740 const hijriElement = 1741 document.getElementById( 1742 'ut-hijri-date' 1743 ); 1744 1745 1746 if (hijriElement) { 1747 1748 hijriElement.textContent = 1749 hijri; 1750 1751 } 1752 1753 1754 /* ================================= 1755 Ø§ÙØ³Ø§Ø¹Ø© 1756 ================================= */ 1757 1758 const time = 1759 now.toLocaleTimeString( 1760 'fr-FR', 1761 { 1762 hour: '2-digit', 1763 minute: '2-digit', 1764 second: '2-digit' 1765 } 1766 ); 1767 1768 1769 const clockElement = 1770 document.getElementById( 1771 'ut-clock' 1772 ); 1773 1774 1775 if (clockElement) { 1776 1777 clockElement.textContent = 1778 time; 1779 1780 } 1781 1782 } 1783 1784 1785 updateUTDateTime(); 1786 1787 1788 setInterval( 1789 updateUTDateTime, 1790 1000 1791 ); 1792 1793 } 1794 ); 1795 1796 </script>
1796 1797 1798 1799 <nav 1800 id="ut-main-menu" 1801 class="ut-main-menu" 1802 aria-label="اÙÙØ§Ø¦Ù Ø© Ø§ÙØ±Ø¦ÙØ³ÙØ©" 1803 dir="rtl" 1804 > 1805 1806 <div class="ut-navigation"> 1807 1808 1809 1810 <div 1811 class="ut-menu-item" 1812 > 1813 1814 <a 1815 href="https://univ-tindouf.dz/acceuil_site_univ/" 1816 class="ut-menu-link" 1817 > 1818 <span> 1819 Ø§ÙØ±Ø¦ÙØ³ÙØ© </span> 1820 1821 </a> 1822 1823 1824 </div> 1825 1826 1827 1828 <div 1829 class="ut-menu-item active has-submenu" 1830 data-ut-mega="1" 1831 > 1832 1833 <a 1834 href="#" 1835 class="ut-menu-link" 1836 > 1837 <span> 1838 Ø§ÙØ¬Ø§Ù عة </span> 1839 1840 <span class="ut-submenu-caret" aria-hidden="true">â¾</span> 1841 </a> 1842 1843 1844 1845 <div class="ut-mega-menu"> 1846 1847 <div class="ut-mega-grid"> 1848 1849 1850 <section class="ut-mega-column"> 1851 1852 <h3 class="ut-mega-title"> 1853 ØªÙØ¯ÙÙ Ø§ÙØ¬Ø§Ù عة </h3> 1854 1855 <div class="ut-mega-links"> 1856 1857 1858 1859 1860 <a 1861 href="https://univ-tindouf.dz/presentation-universite-tindouf/" 1862 class="ut-mega-link active" 1863 > 1864 ÙØ¨Ø°Ø© Ø¹Ù Ø§ÙØ¬Ø§Ù عة </a> 1865 1866 1867 1868 <a 1869 href="https://univ-tindouf.dz/structure-organisationnelle-universite/" 1870 class="ut-mega-link " 1871 > 1872 اÙÙÙÙÙ Ø§ÙØªÙظÙÙ Ù ÙÙØ¬Ø§Ù عة </a> 1873 1874 1875 1876 <a 1877 href="https://univ-tindouf.dz/universite-en-chiffres/" 1878 class="ut-mega-link " 1879 > 1880 Ø§ÙØ¬Ø§Ù عة ÙÙ Ø£Ø±ÙØ§Ù </a> 1881 1882 1883 1884 </div> 1885 1886 </section> 1887 1888 1889 <section class="ut-mega-column"> 1890 1891 <h3 class="ut-mega-title"> 1892 Ù Ø¯ÙØ±ÙØ© Ø§ÙØ¬Ø§Ù عة </h3> 1893 1894 <div class="ut-mega-links"> 1895 1896 1897 1898 1899 <a 1900 href="https://univ-tindouf.dz/recteur-universite/" 1901 class="ut-mega-link " 1902 > 1903 Ù Ø¯ÙØ± Ø§ÙØ¬Ø§Ù عة </a> 1904 1905 1906 1907 <a 1908 href="https://univ-tindouf.dz/sous-direcction-pedagogie/" 1909 class="ut-mega-link " 1910 > 1911 Ù.Ù Ø§ÙØ¬Ø§Ù عة ÙÙØªÙÙÙÙ ÙÙ Ø§ÙØ·ÙرÙÙ Ø§ÙØ£ÙÙ Ù Ø§ÙØ«Ø§ÙÙ Ø Ø§ÙØªÙÙÙ٠اÙÙ ØªÙØ§ØµÙ Ù Ø§ÙØ´Ùادات </a> 1912 1913 1914 1915 <a 1916 href="#" 1917 class="ut-mega-link " 1918 > 1919 Ù.Ù Ø§ÙØ¬Ø§Ù عة ÙÙØªÙÙÙÙ Ø§ÙØ¹Ø§ÙÙ ÙÙ Ø§ÙØ·Ùر Ø§ÙØ«Ø§ÙØ« Ù Ø§ÙØªØ£ÙÙÙ Ø§ÙØ¬Ø§Ù Ø¹ÙØ Ø§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ Ù Ù Ø§ÙØªÙÙÙÙ ÙÙ٠ا بعد Ø§ÙØªØ¯Ø±Ø¬ </a> 1920 1921 1922 1923 <a 1924 href="#" 1925 class="ut-mega-link " 1926 > 1927 Ù.Ù Ø§ÙØ¬Ø§Ù عة ÙÙØ¹ÙØ§ÙØ§Øª Ø§ÙØ®Ø§Ø±Ø¬ÙØ© Ù Ø§ÙØªØ¹Ø§ÙÙ Ø Ø§ÙØªÙØ´ÙØ· Ù Ø§ÙØªØ¸Ø§Ùرات Ø§ÙØ¹ÙÙ ÙØ© </a> 1928 1929 1930 1931 <a 1932 href="#" 1933 class="ut-mega-link " 1934 > 1935 Ù.Ù Ø§ÙØ¬Ø§Ù عة ÙÙØªØ®Ø·ÙØ· Ù Ø§ÙØªÙÙ ÙØ© Ù Ø§ÙØ§Ø³ØªØ´Ø±Ø§Ù </a> 1936 1937 1938 1939 </div> 1940 1941 </section> 1942 1943 1944 <section class="ut-mega-column"> 1945 1946 <h3 class="ut-mega-title"> 1947 Ø§ÙØ£Ù Ø§ÙØ© Ø§ÙØ¹Ø§Ù Ø© </h3> 1948 1949 <div class="ut-mega-links"> 1950 1951 1952 1953 1954 <a 1955 href="https://univ-tindouf.dz/bureau-secretaire-general/" 1956 class="ut-mega-link " 1957 > 1958 Ù ÙØªØ¨ Ø§ÙØ£Ù ÙÙ Ø§ÙØ¹Ø§Ù </a> 1959 1960 1961 1962 <a 1963 href="https://univ-tindouf.dz/sous-direction-finances-budget/" 1964 class="ut-mega-link " 1965 > 1966 اÙÙ Ø¯ÙØ±ÙØ© اÙÙØ±Ø¹ÙØ© اÙ٠اÙÙØ© ٠اÙÙ ÙØ²Ø§ÙÙØ© </a> 1967 1968 1969 1970 <a 1971 href="https://univ-tindouf.dz/sous-direction-
1971personnels-formation/" 1972 class="ut-mega-link " 1973 > 1974 اÙÙ Ø¯ÙØ±ÙØ© اÙÙØ±Ø¹ÙØ© ÙÙ٠ستخد٠ÙÙ Ù Ø§ÙØªÙÙÙÙ </a> 1975 1976 1977 1978 <a 1979 href="https://univ-tindouf.dz/sous-direction-moyens-maintenance/" 1980 class="ut-mega-link " 1981 > 1982 اÙÙ Ø¯ÙØ±ÙØ© اÙÙØ±Ø¹ÙØ© ÙÙÙØ³Ø§Ø¦Ù Ù Ø§ÙØµÙØ§ÙØ© </a> 1983 1984 1985 1986 <a 1987 href="https://univ-tindouf.dz/sous-direction-activites-culturelles-sportives/" 1988 class="ut-mega-link " 1989 > 1990 اÙÙ Ø¯ÙØ±ÙØ© اÙÙØ±Ø¹ÙØ© ÙÙØ£Ùشطة Ø§ÙØ«ÙاÙÙØ© Ù Ø§ÙØ±ÙØ§Ø¶ÙØ© </a> 1991 1992 1993 1994 </div> 1995 1996 </section> 1997 1998 1999 <section class="ut-mega-column"> 2000 2001 <h3 class="ut-mega-title"> 2002 اÙÙ ØµØ§ÙØ اÙÙ Ø´ØªØ±ÙØ© </h3> 2003 2004 <div class="ut-mega-links"> 2005 2006 2007 2008 2009 <a 2010 href="https://univ-tindouf.dz/centre-reseaux-systemes-information-communication/" 2011 class="ut-mega-link " 2012 > 2013 Ù Ø±ÙØ² Ø§ÙØ´Ø¨Ùات Ù Ø£ÙØ¸Ù Ø© Ø§ÙØ¥Ø¹ÙØ§Ù Ù Ø§ÙØ§ØªØµØ§Ù </a> 2014 2015 2016 2017 <a 2018 href="https://univ-tindouf.dz/centre-enseignement-intensif-langues/" 2019 class="ut-mega-link " 2020 > 2021 Ù Ø±ÙØ² Ø§ÙØªØ¹ÙÙ٠اÙÙ ÙØ«Ù ÙÙØºØ§Øª </a> 2022 2023 2024 2025 <a 2026 href="https://univ-tindouf.dz/centre-medico-audiovisuel/" 2027 class="ut-mega-link " 2028 > 2029 Ù Ø±ÙØ² Ø§ÙØ·Ø¨ Ù Ø§ÙØ³Ù Ø¹Ù Ø§ÙØ¨ØµØ±Ù </a> 2030 2031 2032 2033 <a 2034 href="https://univ-tindouf.dz/securite-universitaire/" 2035 class="ut-mega-link " 2036 > 2037 Ø§ÙØ£Ù Ù Ø§ÙØ¬Ø§Ù ع٠</a> 2038 2039 2040 2041 </div> 2042 2043 </section> 2044 2045 2046 <section class="ut-mega-column"> 2047 2048 <h3 class="ut-mega-title"> 2049 ÙØ§Ø¬Ùات Ø§ÙØ¬Ø§Ù عة </h3> 2050 2051 <div class="ut-mega-links"> 2052 2053 2054 2055 2056 <a 2057 href="https://univ-tindouf.dz/incubateur-universitaire/" 2058 class="ut-mega-link " 2059 > 2060 ØØ§Ø¶ÙØ© Ø§ÙØ£Ø¹Ù Ø§Ù Ø§ÙØ¬Ø§Ù Ø¹ÙØ© </a> 2061 2062 2063 2064 <a 2065 href="https://univ-tindouf.dz/maison-intelligence-artificielle/" 2066 class="ut-mega-link " 2067 > 2068 دار Ø§ÙØ°Ùاء Ø§ÙØ§ØµØ·Ùاع٠</a> 2069 2070 2071 2072 <a 2073 href="https://univ-tindouf.dz/centre-appui-technologie-innovation/" 2074 class="ut-mega-link " 2075 > 2076 Ù Ø±ÙØ² Ø¯Ø¹Ù Ø§ÙØªÙÙÙÙÙØ¬Ùا ÙØ§ÙØ§Ø¨ØªÙØ§Ø± </a> 2077 2078 2079 2080 <a 2081 href="https://univ-tindouf.dz/centre-developpement-entrepreneuriat/" 2082 class="ut-mega-link " 2083 > 2084 Ù Ø±ÙØ² تطÙÙØ± اÙÙ ÙØ§ÙÙØ§ØªÙØ© </a> 2085 2086 2087 2088 <a 2089 href="https://univ-tindouf.dz/bureau-liaison-universite-entreprises/" 2090 class="ut-mega-link " 2091 > 2092 Ù ÙØªØ¨ Ø§ÙØ±Ø¨Ø· بÙÙ Ø§ÙØ¬Ø§Ù عة ÙØ§Ù٠ؤسسات Ø§ÙØ§ÙØªØµØ§Ø¯ÙØ© </a> 2093 2094 2095 2096 </div> 2097 2098 </section> 2099 2100 2101 <section class="ut-mega-column"> 2102 2103 <h3 class="ut-mega-title"> 2104 Ù Ø±Ø§ÙØ² Ù Ø®ÙØ§Ùا Ø§ÙØ¬Ø§Ù عة </h3> 2105 2106 <div class="ut-mega-links"> 2107 2108 2109 2110 2111 <a 2112 href="#" 2113 class="ut-mega-link " 2114 > 2115 Ù Ø¬Ø§ÙØ³ Ø§ÙØ¬Ø§Ù عة </a> 2116 2117 2118 2119 <a 2120 href="https://univ-tindouf.dz/centre-technologies-modernes-information-communication/" 2121 class="ut-mega-link " 2122 > 2123 Ù Ø±ÙØ² Ø§ÙØªÙÙÙÙÙØ¬Ùات Ø§ÙØØ¯ÙØ«Ø© ÙÙØ¥Ø¹ÙØ§Ù ÙØ§Ùاتصا٠Ù٠اÙ٠جاÙÙÙ Ø§ÙØ¨ÙØ¯Ø§ØºÙØ¬Ù ÙØ§ÙØ¨ØØ«Ù </a> 2124 2125 2126 2127 <a 2128 href="https://univ-tindouf.dz/bureau-strategie-numerique/" 2129 class="ut-mega-link " 2130 > 2131 Ù ÙØªØ¨ Ø§Ø³ØªØ±Ø§ØªÙØ¬ÙØ© Ø§ÙØ±ÙÙ ÙØ© </a> 2132 2133 2134 2135 <a 2136 href="https://univ-tindouf.dz/cellule-veille-pedagogique-accompagnement-enseignants/" 2137 class="ut-mega-link " 2138 > 2139 Ø®ÙÙØ© اÙÙÙØ¸Ø© Ø§ÙØ¨ÙØ¯Ø§ØºÙØ¬ÙØ© Ù٠راÙÙØ© Ø§ÙØ£Ø³Ø§ØªØ°Ø© </a> 2140 2141 2142 2143 <a 2144 href="https://univ-tindouf.dz/centre-aide-psychologique/" 2145 class="ut-mega-link " 2146 > 2147 Ù Ø±ÙØ² اÙ٠ساعدة اÙÙÙØ³ÙØ© </a> 2148 2149 2150 2151 <a 2152 href="https://univ-tindouf.dz/commission-locale-enseignement-distance/" 2153 class="ut-mega-link " 2154 > 2155 اÙÙØ¬ÙØ© اÙÙ ØÙÙØ© ÙÙØªØ¹ÙÙ٠ع٠بعد </a> 2156 2157 2158 2159 <a 2160 href="https://univ-tindouf.dz/cellule-assurance-qualite/" 2161 class="ut-mega-link " 2162 > 2163 Ø®ÙÙØ© Ø¶Ù Ø§Ù Ø§ÙØ¬Ùدة </a> 2164 2165 2166 2167 <a 2168 href="https://univ-tindouf.dz/cellule-suivi-formation-anglais/" 2169 class="ut-mega-link " 2170 > 2171 Ø®ÙÙØ© ٠تابعة Ø§ÙØªÙÙÙÙ Ù٠اÙÙØºØ© Ø§ÙØ¥ÙجÙÙØ²ÙØ© </a> 2172 2173 2174 2175 </div> 2176 2177 </section> 2178 2179 2180 <section class="ut-mega-column"> 2181 2182 <h3 class="ut-mega-title"> 2183 ÙØ¬Ø§Ù Ø§ÙØ¬Ø§Ù عة </h3> 2184 2185 <div class="ut-mega-links"> 2186 2187 2188 2189 2190 <a 2191 href="#" 2192 class="ut-mega-link " 2193 > 2194 اÙÙØ¬ÙØ© اÙ٠تساÙÙØ© Ø§ÙØ§Ø¹Ø¶Ø§Ø¡ </a> 2195 2196 2197 2198 <a 2199 href="#" 2200 class="ut-mega-link " 2201 > 2202 ÙØ¬ÙØ© Ø§ÙØ®Ø¯Ù ت Ø§ÙØ§Ø¬ØªÙ Ø§Ø¹ÙØ© </a> 2203 2204 2205 2206 <a 2207 href="#" 2208 class="ut-mega-link " 2209 > 2210 ÙØ¬ÙØ© Ø§ÙØ³ÙÙ </a> 2211 2212 2213 2214 </div> 2215 2216 </section> 2217 2218
2218 2219 </div> 2220 2221 </div> 2222 2223 2224 </div> 2225 2226 2227 2228 <div 2229 class="ut-menu-item has-submenu" 2230 > 2231 2232 <a 2233 href="#" 2234 class="ut-menu-link" 2235 > 2236 <span> 2237 Ø§ÙØªÙÙÙÙ </span> 2238 2239 <span class="ut-submenu-caret" aria-hidden="true">â¾</span> 2240 </a> 2241 2242 2243 <div class="ut-submenu"> 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 <a 2265 href="https://univ-tindouf.dz/offre-de-formation" 2266 class="ut-submenu-item " 2267 > 2268 <span> 2269 Ø¹Ø±ÙØ¶ Ø§ÙØªÙÙÙÙ </span> 2270 </a> 2271 2272 2273 2274 <a 2275 href="#" 2276 class="ut-submenu-item " 2277 > 2278 <span> 2279 ÙØ¸Ø§Ù LMD </span> 2280 </a> 2281 2282 2283 2284 <a 2285 href="#" 2286 class="ut-submenu-item " 2287 > 2288 <span> 2289 ÙØµÙص ØªÙØ¸ÙÙ ÙØ© </span> 2290 </a> 2291 2292 2293 2294 2295 2296 2297 2298 2299 <a 2300 href="#" 2301 class="ut-submenu-item " 2302 > 2303 <span> 2304 Ø§ÙØªØ¹ÙÙÙ Ø§ÙØ¥ÙÙØªØ±ÙÙÙ </span> 2305 </a> 2306 2307 2308 2309 2310 <a 2311 href="#" 2312 class="ut-submenu-item " 2313 > 2314 <span> 2315 Ø¨ÙØ§Ø¨Ø© Ø§ÙØ·Ø§Ùب </span> 2316 </a> 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 </div> 2340 2341 2342 </div> 2343 2344 2345 2346 2347 2348 <div 2349 class="ut-menu-item has-submenu" 2350 > 2351 2352 <a 2353 href="#" 2354 class="ut-menu-link" 2355 >
2356 <span> 2357 Ø§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ Ù </span> 2358 2359 <span class="ut-submenu-caret" aria-hidden="true">â¾</span> 2360 </a> 2361 2362 2363 <div class="ut-submenu"> 2364 2365 2366 2367 2368 2369 2370 2371 <a 2372 href="#" 2373 class="ut-submenu-item " 2374 > 2375 <span> 2376 اÙÙ ÙØªØ¨Ø© اÙÙ Ø±ÙØ²ÙØ© </span> 2377 </a> 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 </div> 2424 2425 2426 </div> 2427 2428 2429 2430 2431 <div 2432 class="ut-menu-item" 2433 > 2434 2435 <a 2436 href="#" 2437 class="ut-menu-link" 2438 > 2439 <span> 2440 Ø§ÙØªØ¹Ø§ÙÙ Ù Ø§ÙØ¹ÙØ§ÙØ§Øª Ø§ÙØ®Ø§Ø±Ø¬ÙØ© </span> 2441 2442 </a> 2443 2444 2445 </div> 2446 2447 2448 2449 2450 <div 2451 class="ut-menu-item has-submenu" 2452 > 2453 2454 <a 2455 href="#" 2456 class="ut-menu-link" 2457 > 2458 <span> 2459 Ø§ÙØ¬Ùاة Ø§ÙØ¬Ø§Ù Ø¹ÙØ© </span> 2460 2461 <span class="ut-submenu-caret" aria-hidden="true">â¾</span> 2462 </a> 2463 2464 2465 <div class="ut-submenu"> 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 <a 2480 href="#" 2481 class="ut-submenu-item " 2482 >
2483 <span> 2484 Ø§ÙØ´Ø±Ùاء Ø§ÙØ§Ø¬ØªÙ اعÙÙÙ </span> 2485 </a> 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 </div> 2526 2527 2528 </div> 2529 2530 2531 2532 2533 2534 <div 2535 class="ut-menu-item" 2536 > 2537 2538 <a 2539 href="#" 2540 class="ut-menu-link" 2541 > 2542 <span> 2543 ÙØ§Ø¬Ùات Ø§ÙØ¯Ø¹Ù </span> 2544 2545 </a> 2546 2547 2548 </div> 2549 2550 2551 2552 2553 2554 2555 <div 2556 class="ut-menu-item" 2557 > 2558 2559 <a 2560 href="#" 2561 class="ut-menu-link" 2562 > 2563 <span> 2564 ÙØ±Ø§Ø±Ø§Øª ÙÙØµÙص ØªÙØ¸ÙÙ ÙØ© </span> 2565 2566 </a> 2567 2568 2569 </div> 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 </div> 2604 2605 </nav> 2606 2607 <style> 2608 2609 #ut-main-menu { 2610 width: 100% !important; 2611 margin: 0 !important; 2612 padding: 0 !important; 2613 background: #ffffff; 2614 border-bottom: 1px solid #e1e6ea; 2615 direction: rtl; 2616 position: relative; 2617 z-index: 1000; 2618 font-family: "Cairo", "Segoe UI", Arial, sans-serif; 2619 } 2620 2621 #ut-main-menu .ut-navigation { 2622 width: 100%; 2623 min-height: 66px; 2624 display: flex; 2625 align-items: stretch; 2626 justify-content: center; 2627 margin: 0; 2628 padding: 0; 2629 overflow: visible !important; 2630 scrollbar-width: none; 2631 } 2632 2633 #ut-main-menu .ut-navigation::-webkit-scrollbar {
2634 display: none; 2635 } 2636 2637 #ut-main-menu .ut-menu-item { 2638 position: relative; 2639 display: flex; 2640 align-items: stretch; 2641 justify-content: center; 2642 min-height: 66px; 2643 flex: 0 0 auto; 2644 } 2645 2646 #ut-main-menu .ut-menu-link { 2647 position: relative; 2648 display: flex; 2649 align-items: center; 2650 justify-content: center; 2651 gap: 6px; 2652 min-height: 66px; 2653 padding: 0 20px; 2654 color: #173b57; 2655 background: #ffffff; 2656 text-decoration: none; 2657 white-space: nowrap; 2658 font-family: "Cairo", "Segoe UI", Arial, sans-serif; 2659 font-size: 15px; 2660 font-weight: 700; 2661 line-height: 1.4; 2662 transition: color .25s ease, background .25s ease; 2663 } 2664 2665 #ut-main-menu .ut-menu-link:hover { 2666 color: #0a638e; 2667 background: #f5f8fa; 2668 } 2669 2670 #ut-main-menu .ut-menu-link::after { 2671 content: ""; 2672 position: absolute; 2673 bottom: 0; 2674 left: 20%; 2675 width: 60%; 2676 height: 3px; 2677 border-radius: 4px 4px 0 0; 2678 background: #c9a34e; 2679 transform: scaleX(0); 2680 transform-origin: center; 2681 transition: transform .3s ease; 2682 } 2683 2684 #ut-main-menu .ut-menu-link:hover::after { 2685 transform: scaleX(1); 2686 } 2687 2688 #ut-main-menu .ut-menu-item.active > .ut-menu-link { 2689 color: #ffffff; 2690 background: linear-gradient(135deg, #123b5d, #17658a); 2691 font-weight: 800; 2692 } 2693 2694 #ut-main-menu .ut-menu-item.active > .ut-menu-link::after { 2695 transform: scaleX(1); 2696 background: #d7b45c; 2697 } 2698 2699 #ut-main-menu .ut-submenu-caret { 2700 font-size: 13px; 2701 line-height: 1; 2702 color: #c49b38; 2703 transform: translateY(-1px); 2704 transition: transform .2s ease; 2705 } 2706 2707 #ut-main-menu .ut-menu-item:hover .ut-submenu-caret, 2708 #ut-main-menu .ut-menu-item:focus-within .ut-submenu-caret { 2709 transform: translateY(-1px) rotate(180deg); 2710 } 2711 2712 /* ========================================================= 2713 اÙÙÙØ§Ø¦Ù Ø§ÙØ¹Ø§Ø¯ÙØ© 2714 ========================================================= */ 2715 #ut-main-menu .ut-submenu { 2716 position: absolute; 2717 top: calc(100% - 1px); 2718 right: 50%; 2719 min-width: 235px; 2720 padding: 8px; 2721 background: #ffffff; 2722 border: 1px solid #dce6ed; 2723 border-radius: 0 0 12px 12px; 2724 box-shadow: 0 15px 35px rgba(18,59,93,.15); 2725 opacity: 0; 2726 visibility: hidden; 2727 pointer-events: none; 2728 transform: translate(50%, -8px); 2729 transition: opacity .22s ease, transform .22s ease, visibility .22s ease; 2730 z-index: 2000; 2731 } 2732 2733 #ut-main-menu .ut-menu-item:hover > .ut-submenu, 2734 #ut-main-menu .ut-menu-item:focus-within > .ut-submenu { 2735 opacity: 1; 2736 visibility: visible; 2737 pointer-events: auto; 2738 transform: translate(50%, 0); 2739 } 2740 2741 #ut-main-menu .ut-submenu-item { 2742 display: flex; 2743 align-items: center; 2744 justify-content: flex-start; 2745 min-height: 46px; 2746 padding: 9px 14px; 2747 border-radius: 9px; 2748 color: #173b57; 2749 background: #ffffff; 2750 text-decoration: none; 2751 font-size: 14px; 2752 font-weight: 700; 2753 line-height: 1.5; 2754 transition: color .2s ease, background .2s ease, padding-right .2s ease; 2755 } 2756 2757 #ut-main-menu .ut-submenu-item:hover { 2758 color: #0a638e; 2759 background: linear-gradient(90deg, #f4f8fb, #eef5f9); 2760 padding-right: 18px; 2761 } 2762 2763 #ut-main-menu .ut-submenu-item.active { 2764 color: #0e668f; 2765 background: #edf5f9; 2766 font-weight: 800; 2767 } 2768 2769 /* ========================================================= 2770 MEGA MENU â Ø§Ùجا٠عة 2771 ========================================================= */ 2772 #ut-main-menu .ut-menu-item[data-ut-mega] > .ut-mega-menu { 2773 position: absolute; 2774 top: calc(100% - 1px); 2775 left: calc(50% - 50vw + 20px); 2776 width: calc(100vw - 40px); 2777 max-width: 1500px; 2778 padding: 22px 24px 26px; 2779 background: #ffffff; 2780 border: 1px solid #d8e1e8;
2781 border-top: 4px solid #0b5f8a; 2782 border-radius: 0 0 14px 14px; 2783 box-shadow: 0 18px 45px rgba(11,63,92,.20), 0 0 0 1px rgba(11,95,138,.08); 2784 opacity: 0; 2785 visibility: hidden; 2786 pointer-events: none; 2787 transform: translateY(-10px); 2788 transition: opacity .22s ease, transform .22s ease, visibility .22s ease; 2789 z-index: 5000; 2790 } 2791 2792 #ut-main-menu .ut-menu-item[data-ut-mega]:hover > .ut-mega-menu, 2793 #ut-main-menu .ut-menu-item[data-ut-mega]:focus-within > .ut-mega-menu { 2794 opacity: 1; 2795 visibility: visible; 2796 pointer-events: auto; 2797 transform: translateY(0); 2798 } 2799 2800 #ut-main-menu .ut-mega-grid { 2801 display: grid; 2802 grid-template-columns: repeat(3, minmax(0, 1fr)); 2803 column-gap: 30px; 2804 row-gap: 34px; 2805 width: 100%; 2806 } 2807 2808 #ut-main-menu .ut-mega-column { 2809 min-width: 0; 2810 padding: 0 18px 10px; 2811 } 2812 2813 #ut-main-menu .ut-mega-title { 2814 position: relative; 2815 margin: 0 0 32px; 2816 padding: 0 28px 12px 0; 2817 color: #173b57; 2818 font-family: "Cairo", "Segoe UI", Arial, sans-serif; 2819 font-size: 22px; 2820 font-weight: 900; 2821 line-height: 1.35; 2822 text-align: right; 2823 border-bottom: 4px solid #1d6f99; 2824 } 2825 2826 #ut-main-menu .ut-mega-title::after { 2827 content: ""; 2828 position: absolute; 2829 right: 14px; 2830 bottom: -4px; 2831 width: 48px; 2832 height: 7px; 2833 border-radius: 999px; 2834 background: linear-gradient(90deg, #0b5f8a, #4a9bbb); 2835 box-shadow: 0 2px 6px rgba(11,95,138,.16); 2836 } 2837 2838 #ut-main-menu .ut-mega-title::before { 2839 content: ""; 2840 position: absolute; 2841 right: 0; 2842 top: 0; 2843 width: 6px; 2844 height: 30px; 2845 border-radius: 0 4px 4px 0; 2846 background: linear-gradient(180deg, #0b5f8a, #2f87ad); 2847 } 2848 2849 #ut-main-menu .ut-mega-links { 2850 display: flex; 2851 flex-direction: column; 2852 gap: 10px; 2853 } 2854 2855 #ut-main-menu .ut-mega-link { 2856 display: block; 2857 padding: 4px 12px 4px 0; 2858 color: #777777; 2859 background: transparent; 2860 text-decoration: none; 2861 font-family: "Cairo", "Segoe UI", Arial, sans-serif; 2862 font-size: 14px; 2863 font-weight: 600; 2864 line-height: 1.85; 2865 transition: color .18s ease, transform .18s ease; 2866 } 2867 2868 #ut-main-menu .ut-mega-link:hover { 2869 color: #0b638d; 2870 transform: translateX(-4px); 2871 } 2872 2873 #ut-main-menu .ut-mega-link.active { 2874 color: #0b638d; 2875 font-weight: 800; 2876 } 2877 2878 #ut-main-menu .ut-mega-empty { 2879 padding: 4px 12px 4px 0; 2880 color: #b7c0c7; 2881 font-family: "Cairo", "Segoe UI", Arial, sans-serif; 2882 font-size: 13px; 2883 font-weight: 600; 2884 line-height: 1.85; 2885 } 2886 2887 @media (max-width: 1250px) { 2888 #ut-main-menu .ut-menu-link { 2889 padding: 0 15px; 2890 font-size: 14px; 2891 } 2892 2893 #ut-main-menu .ut-mega-grid { 2894 column-gap: 20px; 2895 } 2896 2897 #ut-main-menu .ut-mega-column { 2898 padding: 0 10px 4px; 2899 } 2900 2901 #ut-main-menu .ut-mega-title { 2902 font-size: 19px; 2903 } 2904 2905 #ut-main-menu .ut-mega-link { 2906 font-size: 12.5px; 2907 } 2908 } 2909 2910 @media (max-width: 900px) { 2911 #ut-main-menu .ut-menu-item[data-ut-mega] > .ut-mega-menu { 2912 left: 10px; 2913 width: calc(100vw - 20px); 2914 max-height: 75vh; 2915 overflow-y: auto; 2916 padding: 18px 14px 22px; 2917 } 2918 2919 #ut-main-menu .ut-mega-grid { 2920 grid-template-columns: repeat(2, minmax(0, 1fr)); 2921 row-gap: 26px; 2922 } 2923 } 2924 2925 @media (max-width: 700px) { 2926 #ut-main-menu .ut-navigation { 2927 justify-content: flex-start; 2928 overflow: visible !important; 2929 } 2930 2931 #ut-main-menu .ut-menu-link { 2932 min-height: 60px; 2933 padding: 0 14px; 2934 font-size: 14px; 2935 } 2936 2937 #ut-main-menu .ut-menu-item { 2938 min-height: 60px; 2939 } 2940 2941 #ut-main-menu .ut-submenu { 2942 right: 0; 2943 min-width: 215px; 2944 transform: translateY(-8px); 2945 } 2946 2947 #ut-main-menu .ut-menu-item:hover > .ut-submenu, 2948 #ut-main-menu .ut-menu-item:focus-within > .ut-submenu { 2949 transform: translateY(0); 2950 } 2951 2952 #ut-main-menu .ut-menu-item[data-ut-mega] > .ut-mega-menu { 2953 left: 6px; 2954 width: calc(100vw - 12px); 2955 max-height: 76vh; 2956 } 2957 2958 #ut-main-menu .ut-mega-grid { 2959 grid-template-columns: 1fr; 2960 } 2961 2962 #ut-main-menu .ut-mega-title { 2963 font-size: 18px; 2964 } 2965 2966 #ut-main-menu .ut-mega-link { 2967 font-size: 13px; 2968 } 2969 } 2970 2971 </style> 2972 2973 <style id="ut-important-links-style"> 2974 #ut-important-links, 2975 #ut-important-links *{box-sizing:border-box} 2976 2977 #ut-important-links{ 2978 position:relative; 2979 width:100%; 2980 margin:7px 0 8px; 2981 padding:8px 18px 9px; 2982 background: 2983 radial-gradient(circle at 14% 50%,rgba(255,255,255,.08),transparent 24%), 2984 radial-gradient(circle at 86% 50%,rgba(255,214,94,.08),transparent 20%), 2985 linear-gradient(110deg,#000000 0%,#000000 52%,#000000 100%); 2986 border-top:1px solid rgba(255,255,255,.18); 2987 border-bottom:1px solid rgba(0,29,49,.25); 2988 box-shadow:0 4px 13px rgba(0,33,55,.10); 2989 overflow:hidden; 2990 z-index:40; 2991 font-family:"Cairo","Segoe UI",Arial,sans-serif; 2992 } 2993 2994 #ut-important-links:before{ 2995 content:""; 2996 position:absolute; 2997 top:0; 2998 right:11%; 2999 width:170px; 3000 height:2px; 3001 background:linear-gradient(90deg,transparent,#000000,transparent); 3002 box-shadow:0 0 10px rgba(210,164,59,.30); 3003 } 3004 3005 #ut-important-links:after{ 3006 content:""; 3007 position:absolute; 3008 bottom:0; 3009 left:14%; 3010 width:140px; 3011 height:1px; 3012 background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent); 3013 } 3014 3015 .ut-important-links-inner{ 3016 width:min(1540px,98%); 3017 margin:0 auto; 3018 display:flex; 3019 flex-direction:row; 3020 direction:rtl; 3021 align-items:center; 3022 justify-content:flex-start; 3023 gap:20px; 3024 } 3025 3026 .ut-important-links-heading{ 3027 flex:0 0 175px; 3028 min-width:175px; 3029 display:flex; 3030 align-items:center; 3031 justify-content:flex-start; 3032 gap:8px; 3033 text-align:right; 3034 } 3035 3036 .ut-important-links-mark{ 3037 width:25px; 3038 height:25px; 3039 min-width:25px; 3040 border-radius:50%; 3041 display:flex; 3042 align-items:center; 3043 justify-content:center; 3044 color:#fff; 3045 font-size:11px; 3046 background:linear-gradient(145deg,#000000,#a97c1f); 3047 border:1px solid rgba(255,255,255,.82); 3048 box-shadow:0 3px 10px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.35); 3049 flex:0 0 25px; 3050 } 3051 3052 .ut-important-links-heading-copy{ 3053 min-width:0; 3054 } 3055 3056 .ut-important-links-eyebrow{ 3057 display:block; 3058 color:rgba(255,255,255,.66); 3059 font-size:8px; 3060 font-weight:700; 3061 margin-bottom:1px; 3062 line-height:1.1; 3063 } 3064 3065 .ut-important-links-heading h2{ 3066 display:block; 3067 margin:0; 3068 color:#fff; 3069 font-size:18px; 3070 font-weight:900; 3071 line-height:1.15; 3072 white-space:nowrap; 3073 text-shadow:0 1px 3px rgba(0,0,0,.18); 3074 position:relative; 3075 padding-bottom:4px; 3076 } 3077 3078 .ut-important-links-heading h2:after{ 3079 content:""; 3080 position:absolute; 3081 right:0; 3082 bottom:0; 3083 width:46px; 3084 height:2px; 3085 border-radius:20px; 3086 background:#000000; 3087 box-shadow:0 0 8px rgba(210,164,59,.33); 3088 } 3089 3090 .ut-important-links-track{ 3091 flex:1 1 auto; 3092 min-width:0; 3093 display:flex; 3094 flex-wrap:wrap; 3095 align-items:center; 3096 justify-content:center; 3097 gap:7px; 3098 } 3099 3100 .ut-important-link-card{ 3101 --utl-accent:#d2a43b; 3102 position:relative; 3103 width:auto; 3104 min-width:195px; 3105 max-width:245px; 3106 min-height:49px; 3107 display:flex; 3108 align-items:center; 3109 justify-content:center; 3110 gap:6px; 3111 padding:6px 10px; 3112 border-radius:11px; 3113 text-decoration:none !important; 3114 color:#153a53 !important; 3115 background:rgba(255,255,255,.97); 3116 border:1px solid rgba(255,255,255,.76); 3117 box-shadow:0 3px 9px rgba(0,25,45,.13),inset 0 1px 0 #fff; 3118 overflow:hidden; 3119 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; 3120 } 3121 3122 .ut-important-link-card:before{ 3123 content:""; 3124 position:absolute; 3125 inset:0 0 0 auto; 3126 width:3px; 3127 background:var(--utl-accent); 3128 } 3129 3130 .ut-important-link-card:hover{ 3131 transform:translateY(-2px); 3132 border-color:var(--utl-accent); 3133 box-shadow:0 8px 16px rgba(0,25,45,.18); 3134 } 3135 3136 .ut-important-link-icon{ 3137 width:33px; 3138 height:33px; 3139 min-width:33px; 3140 border-radius:9px; 3141 display:flex; 3142 align-items:center; 3143 justify-content:center; 3144 font-size:17px; 3145 background:#f4f8fb; 3146 border:1px solid rgba(20,70,96,.08); 3147 } 3148 3149 .ut-important-link-content{ 3150 min-width:0; 3151 flex:1; 3152 text-align:right; 3153 } 3154 3155 .ut-important-link-content strong{ 3156 display:block; 3157 color:#103d5c; 3158 font-size:13.5px; 3159 font-weight:900; 3160 line-height:1.25; 3161 white-space:nowrap; 3162 overflow:hidden; 3163 text-overflow:ellipsis; 3164 } 3165 3166 .ut-important-link-content small{ 3167 display:block; 3168 margin-top:1px; 3169 color:#718594; 3170 font-size:8.8px; 3171 line-height:1.2; 3172 white-space:nowrap; 3173 overflow:hidden; 3174 text-overflow:ellipsis; 3175 } 3176 3177 .ut-important-link-arrow{ 3178 width:19px; 3179 height:19px; 3180 min-width:19px; 3181 display:flex; 3182 align-items:center; 3183 justify-content:center; 3184 border-radius:50%; 3185 color:var(--utl-accent); 3186 background:#fff; 3187 border:1px solid rgba(20,70,96,.08); 3188 font-size:9px; 3189 font-weight:900; 3190 transition:.18s ease; 3191 } 3192 3193 .ut-important-link-card:hover .ut-important-link-arrow{ 3194 background:var(--utl-accent); 3195 color:#fff; 3196 transform:translateX(-1px); 3197 } 3198 3199 @media(max-width:1050px){ 3200 #ut-important-links{padding:8px 10px 9px;margin:6px 0 8px} 3201 .ut-important-links-inner{gap:12px} 3202 .ut-important-links-heading{flex-basis:150px;min-width:150px} 3203 .ut-important-links-heading h2{font-size:17px} 3204 .ut-important-link-card{min-width:175px;max-width:225px;min-height:46px} 3205 .ut-important-link-content strong{font-size:12.5px} 3206 } 3207 3208 @media(max-width:760px){ 3209 #ut-important-links{padding:9px 8px 10px;margin:6px 0 8px} 3210 .ut-important-links-inner{flex-direction:column;gap:7px} 3211 .ut-important-links-heading{ 3212 flex:0 0 auto; 3213 min-width:0; 3214 width:100%; 3215 justify-content:center; 3216 text-align:center; 3217 } 3218 .ut-important-links-heading h2:after{right:50%;transform:translateX(50%)} 3219 .ut-important-links-eyebrow{text-align:center} 3220 .ut-important-links-track{width:100%} 3221 .ut-important-link-card{min-width:190px;max-width:240px} 3222 } 3223 3224 @media(max-width:500px){ 3225 .ut-important-links-heading h2{font-size:16px} 3226 .ut-important-links-mark{width:22px;height:22px;min-width:22px;font-size:9px} 3227 .ut-important-link-card{min-width:calc(50% - 3px);max-width:none;min-height:45px;padding:5px 7px} 3228 .ut-important-link-icon{width:29px;
3228height:29px;min-width:29px;font-size:15px} 3229 .ut-important-link-content strong{font-size:11.5px} 3230 .ut-important-link-content small{font-size:8px} 3231 .ut-important-link-arrow{width:18px;height:18px;min-width:18px} 3232 } 3233 </style> 3234 3235 <section id="ut-important-links" class="ut-important-links" dir="rtl" aria-label="Ø§ÙØ±Ùابط اÙÙ ÙÙ Ø©"> 3236 <div class="ut-important-links-inner"> 3237 <div class="ut-important-links-heading"> 3238 <div class="ut-important-links-mark">â </div> 3239 <div class="ut-important-links-heading-copy"> 3240 <span class="ut-important-links-eyebrow">اÙÙØµÙÙ Ø§ÙØ³Ø±Ùع</span> 3241 <h2>Ø§ÙØ±Ùابط اÙÙ ÙÙ Ø©</h2> 3242 </div> 3243 </div> 3244 3245 <div class="ut-important-links-track"> 3246 <a 3247 class="ut-important-link-card" 3248 href="https://www.mesrs.dz/plateformes-mesrs-ar/" 3249 style="--utl-accent:#0b5d8e;" 3250 > 3251 <span class="ut-important-link-icon">ð</span> 3252 <span class="ut-important-link-content"> 3253 <strong>Ø¨ÙØ§Ø¨Ø© اÙÙ ÙØµØ§Øª Ø§ÙØ±ÙÙ ÙØ© ÙÙÙØ²Ø§Ø±Ø©</strong> 3254 <small>اÙÙØµÙÙ Ø§ÙØ³Ø±Ùع Ø¥Ù٠خد٠ات Ø§ÙØ¬Ø§Ù عة</small> 3255 </span> 3256 <span class="ut-important-link-arrow">â</span> 3257 </a> 3258 <a 3259 class="ut-important-link-card" 3260 href="https://www.mesrs.dz/wp-content/uploads/2026/04/%D8%B5%D9%81%D8%AD%D8%A9-%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D9%82%D8%B7%D8%A7%D8%B9-%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D8%B9%D8%A7%D9%84%D9%8A.pdf" 3261 style="--utl-accent:#a67925;" 3262 target="_blank" rel="noopener noreferrer" > 3263 <span class="ut-important-link-icon">âï¸</span> 3264 <span class="ut-important-link-content"> 3265 <strong>Ø³ÙØ§Ø³Ø© ØÙ Ø§ÙØ© اÙÙ Ø¹Ø·ÙØ§Øª ذات Ø§ÙØ·Ø§Ø¨Ø¹ Ø§ÙØ´Ø®ØµÙ</strong> 3266 <small>تØÙ ÙÙ Ø§ÙØ¨Ø±Ù Ø¬ÙØ§Øª Ø§ÙØØ±Ø©</small> 3267 </span> 3268 <span class="ut-important-link-arrow">â</span> 3269 </a> 3270 <a 3271 class="ut-important-link-card" 3272 href="https://www.mesrs.dz/ethique-deontologie/" 3273 style="--utl-accent:#0b5d8e;" 3274 target="_blank" rel="noopener noreferrer" > 3275 <span class="ut-important-link-icon">ð</span> 3276 <span class="ut-important-link-content"> 3277 <strong>Ø§ÙØ¢Ø¯Ø§Ø¨ Ù Ø§ÙØ§Ø®ÙاÙÙØ§Øª</strong> 3278 </span> 3279 <span class="ut-important-link-arrow">â</span> 3280 </a> 3281 <a 3282 class="ut-important-link-card" 3283 href="https://univ-tindouf.dz/logiciel-open-source/" 3284 style="--utl-accent:#0b5d8e;" 3285 target="_blank" rel="noopener noreferrer" > 3286 <span class="ut-important-link-icon">ð</span> 3287 <span class="ut-important-link-content"> 3288 <strong>Ø§ÙØ¨Ø±Ù Ø¬ÙØ§Øª Ø§ÙØØ±Ø©</strong> 3289 </span> 3290 <span class="ut-important-link-arrow">â</span> 3291 </a> 3292 <a 3293 class="ut-important-link-card" 3294 href="https://guichet.univ-tindouf.dz/" 3295 style="--utl-accent:#0b5d8e;" 3296 target="_blank" rel="noopener noreferrer" >
3297 <span class="ut-important-link-icon">ð</span> 3298 <span class="ut-important-link-content"> 3299 <strong>Ø§ÙØ´Ø¨Ø§Ù Ø§ÙØ§ÙÙØªØ±ÙÙÙ ÙÙ٠ستخد٠ÙÙ</strong> 3300 <small>Ù ÙØµØ© ØªÙØ§ØµÙ بÙÙ Ø¬Ù ÙØ¹ ÙØ¦Ø§Øª اÙ٠سخد٠ÙÙ Ù Ø§ÙØ·Ùبة ٠ع Ø§ÙØ§Ø¯Ø§Ø±Ø§Ø©</small> 3301 </span> 3302 <span class="ut-important-link-arrow">â</span> 3303 </a> 3304 </div> 3305 </div> 3306 </section> 3307 3308 <section id="ut-hero" class="ut-hero"> 3309 3310 <!-- ================================================= 3311 VIDEO 1 3312 ================================================= --> 3313 3314 <div class="ut-hero-video active" data-video="0"> 3315 3316 <div class="ut-video-container"> 3317 3318 <iframe 3319 src="https://www.youtube.com/embed/hNvyMP_mzLY?autoplay=0&mute=1&controls=0&rel=0&modestbranding=1&playsinline=1&enablejsapi=1" 3320 title="جا٠عة ØªÙØ¯ÙÙ" 3321 frameborder="0" 3322 allow="autoplay; fullscreen" 3323 allowfullscreen> 3324 </iframe> 3325 3326 </div> 3327 3328 </div> 3329 3330 3331 <!-- ================================================= 3332 VIDEO 2 3333 ================================================= --> 3334 3335 <div class="ut-hero-video" data-video="1"> 3336 3337 <div class="ut-video-container"> 3338 3339 <iframe 3340 src="https://www.youtube.com/embed/d8WhSw0C4KQ?autoplay=0&mute=1&controls=0&rel=0&modestbranding=1&playsinline=1&enablejsapi=1" 3341 title="جا٠عة ØªÙØ¯ÙÙ" 3342 frameborder="0" 3343 allow="autoplay; fullscreen" 3344 allowfullscreen> 3345 </iframe> 3346 3347 </div> 3348 3349 </div> 3350 3351 3352 <!-- ================================================= 3353 VIDEO 3 3354 ================================================= --> 3355 3356 <div class="ut-hero-video" data-video="2"> 3357 3358 <div class="ut-video-container"> 3359 3360 <iframe 3361 src="https://www.youtube.com/embed/XPbMhQXFmLY?autoplay=0&mute=1&controls=0&rel=0&modestbranding=1&playsinline=1&enablejsapi=1" 3362 title="جا٠عة ØªÙØ¯ÙÙ" 3363 frameborder="0" 3364 allow="autoplay; fullscreen" 3365 allowfullscreen> 3366 </iframe> 3367 3368 </div> 3369 3370 </div> 3371 3372 3373 <!-- ================================================= 3374 OVERLAY 3375 ================================================= --> 3376 3377 <div class="ut-hero-overlay"></div> 3378 3379 3380 <!-- ================================================= 3381 DESERT 3382 ================================================= --> 3383 3384 <div class="ut-desert-scene"> 3385 3386 <!-- اÙÙØ«Ø¨Ø§Ù Ø§ÙØ®ÙÙÙØ© --> 3387 <svg 3388 class="ut-dunes dunes-back"
3389 viewBox="0 0 1600 300" 3390 preserveAspectRatio="none" 3391 aria-hidden="true"> 3392 3393 <path 3394 d=" 3395 M0 210 3396 C120 160 210 195 330 165 3397 C470 130 555 205 680 175 3398 C800 145 900 105 1030 155 3399 C1150 205 1230 135 1350 160 3400 C1450 180 1510 145 1600 120 3401 L1600 300 3402 L0 300 Z" 3403 /> 3404 3405 </svg> 3406 3407 3408 <!-- اÙÙØ«Ø¨Ø§Ù اÙÙØ³Ø·Ù --> 3409 <svg 3410 class="ut-dunes dunes-middle" 3411 viewBox="0 0 1600 300" 3412 preserveAspectRatio="none" 3413 aria-hidden="true"> 3414 3415 <path 3416 d=" 3417 M0 235 3418 C100 205 180 155 300 190 3419 C410 220 500 135 610 165 3420 C750 205 820 220 930 175 3421 C1050 125 1150 190 1260 175 3422 C1370 160 1480 125 1600 165 3423 L1600 300 3424 L0 300 Z" 3425 /> 3426 3427 </svg> 3428 3429 3430 <!-- اÙÙØ«Ø¨Ø§Ù Ø§ÙØ£Ù Ø§Ù ÙØ© --> 3431 <svg 3432 class="ut-dunes dunes-front"
3433 viewBox="0 0 1600 300" 3434 preserveAspectRatio="none" 3435 aria-hidden="true"> 3436 3437 <path 3438 d=" 3439 M0 255 3440 C120 215 235 235 340 205 3441 C455 170 550 220 660 205 3442 C785 185 850 230 970 210 3443 C1100 185 1180 220 1290 200 3444 C1400 180 1500 210 1600 185 3445 L1600 300 3446 L0 300 Z" 3447 /> 3448 3449 </svg> 3450 3451 3452 <!-- ================================================= 3453 ÙØ®ÙØ© ÙØ§ÙØ¹ÙØ© بشÙÙ silhouette 3454 ================================================= --> 3455 3456 <svg 3457 class="ut-palm-svg" 3458 viewBox="0 0 180 300" 3459 aria-hidden="true"> 3460 3461 <!-- Ø§ÙØ¬Ø°Ø¹ --> 3462 3463 <path 3464 d=" 3465 M82 285 3466 C88 245 88 210 84 170 3467 C81 130 88 96 96 70 3468 L111 75 3469 C103 112 101 139 104 173 3470 C108 215 107 252 104 285 Z" 3471 /> 3472 3473 3474 <!-- سع٠--> 3475 3476 <path 3477 d=" 3478 M99 78 3479 C72 51 42 43 12 47 3480 C38 66 63 76 96 84 Z" 3481 /> 3482 3483 <path 3484 d=" 3485 M100 76 3486 C82 43 69 21 49 8 3487 C78 18 101 35 111 69 Z" 3488 /> 3489 3490 <path 3491 d=" 3492 M108 73 3493 C112 37 126 16 148 2 3494 C143 34 132 59 116 79 Z" 3495 /> 3496 3497 <path 3498 d=" 3499 M110 79 3500 C137 54 159 47 179 50 3501 C159 69 137 79 112 87 Z" 3502 /> 3503 3504 <path 3505 d=" 3506 M105 84 3507 C137 78 159 85 173 99 3508 C145 99 125 94 106 91 Z" 3509 /> 3510 3511 <path 3512 d=" 3513 M96 82 3514 C68 89 48 104 34 122 3515 C61 113 81 102 99 91 Z" 3516 /> 3517 3518 </svg> 3519 3520 3521 <!-- ================================================= 3522 ج٠٠silhouette ØµØºÙØ± 3523 ================================================= --> 3524 3525 <svg 3526 class="ut-camel-svg"
3527 viewBox="0 0 320 180" 3528 aria-hidden="true"> 3529 3530 <!-- Ø§ÙØ¬Ø³Ù --> 3531 3532 <path 3533 d=" 3534 M55 105 3535 C62 76 92 65 126 70 3536 C143 51 164 47 181 69 3537 C196 51 221 59 226 82 3538 C243 83 257 91 265 103 3539 C278 102 291 108 300 119 3540 L281 126 3541 C264 125 246 119 228 117 3542 C205 130 174 132 143 126 3543 C118 135 83 132 55 119 Z" 3544 /> 3545 3546 3547 <!-- Ø§ÙØ±Ùبة --> 3548 3549 <path 3550 d=" 3551 M210 83 3552 C224 63 226 39 220 18 3553 C216 7 222 1 231 8 3554 C242 25 245 52 238 82 3555 L229 102 Z" 3556 /> 3557 3558 3559 <!-- Ø§ÙØ±Ø£Ø³ --> 3560 3561 <path 3562 d=" 3563 M221 17 3564 C232 10 248 13 259 20 3565 L278 22 3566 C285 25 282 31 273 33 3567 L251 31 3568 C242 38 229 34 223 27 Z" 3569 /> 3570 3571 3572 <!-- Ø§ÙØ£Ø±Ø¬Ù --> 3573 3574 <path 3575 d=" 3576 M78 119 3577 L88 119 3578 L83 168 3579 L73 168 Z" 3580 /> 3581 3582 <path 3583 d=" 3584 M112 122 3585 L122 122 3586 L119 169 3587 L109 169 Z" 3588 /> 3589 3590 <path 3591 d=" 3592 M186 121 3593 L196 121 3594 L199 169 3595 L189 169 Z" 3596 /> 3597 3598 <path 3599 d=" 3600 M216 117 3601 L226 117 3602 L232 167 3603 L222 167 Z" 3604 /> 3605 3606 3607 <!-- Ø§ÙØ°ÙÙ --> 3608 3609 <path 3610 d=" 3611 M58 103 3612 C35 88 27 73 32 60 3613 C39 72 48 82 65 87 Z" 3614 /> 3615 3616 </svg> 3617 3618 </div> 3619 3620 3621 <!-- ================================================= 3622 GOLD FRAME 3623 ================================================= --> 3624 3625 <div class="ut-hero-gold-frame"> 3626 3627 <span class="ut-frame-light light-top"></span> 3628 <span class="ut-frame-light light-right"></span> 3629 <span class="ut-frame-light light-bottom"></span> 3630 <span class="ut-frame-light light-left"></span> 3631 3632 </div> 3633 3634 3635 <!-- ================================================= 3636 DEPTH 3637 ================================================= --> 3638 3639 <div class="ut-hero-depth depth-one"></div> 3640 <div class="ut-hero-depth depth-two"></div> 3641 3642 3643 <!-- ================================================= 3644 CONTENT 3645 ================================================= --> 3646 3647 <div class="ut-hero-content"> 3648 3649 3650 <!-- 1 --> 3651 3652 <div 3653 class="ut-hero-message active" 3654 data-video="0" 3655 data-duration="8"> 3656 3657 <div class="ut-hero-kicker"> 3658 جا٠عة ØªÙØ¯ÙÙ 3659 </div> 3660 3661 <h1> 3662 Ù Ø±ØØ¨Ø§Ù بÙÙ Ù٠جا٠عة ØªÙØ¯ÙÙ 3663 </h1> 3664 3665 <div class="ut-desert-title"> 3666 جا٠عة ÙÙ ÙÙØ¨ Ø§ÙØµØØ±Ø§Ø¡ 3667 </div> 3668 3669 <p> 3670 ØÙØ« ÙÙØªÙÙ Ø§ÙØ¹ÙÙ ÙØ§ÙÙ Ø¹Ø±ÙØ© با٠تداد Ø§ÙØµØØ±Ø§Ø¡ ÙØ¢Ùا٠اÙÙ Ø³ØªÙØ¨Ù 3671 </p> 3672 3673 <a href="#" class="ut-hero-button"> 3674 Ø§ÙØªØ´Ù Ø§ÙØ¬Ø§Ù عة 3675 </a> 3676 3677 </div> 3678 3679 3680 <!-- 2 --> 3681 3682 <div 3683 class="ut-hero-message" 3684 data-video="0" 3685 data-duration="8"> 3686 3687 <div class="ut-hero-kicker"> 3688 Ø§ÙØ¥Ø¹ÙØ§Ù Ø§ÙØ¬Ø§Ù ع٠3689 </div> 3690 3691 <h1> 3692 Ø§ÙØªØºØ·Ùات Ø§ÙØ¥Ø¹ÙØ§Ù ÙØ© 3693 </h1> 3694 3695 <p> 3696 تابع أخبار ÙÙØ¹Ø§ÙÙØ§Øª ÙØ£Ùشطة جا٠عة ØªÙØ¯ÙÙ 3697 </p> 3698 3699 <a 3700 href="/couvertures-mediatiques/" 3701 class="ut-hero-button"> 3702 3703 Ù Ø´Ø§ÙØ¯Ø© Ø§ÙØªØºØ·Ùات 3704 3705 </a> 3706 3707 </div> 3708 3709 3710 <!-- 3 --> 3711 3712 <div 3713 class="ut-hero-message" 3714 data-video="1" 3715 data-duration="8"> 3716 3717 <div class="ut-hero-kicker"> 3718 Ø°Ø§ÙØ±Ø© جا٠عة ØªÙØ¯ÙÙ 3719 </div> 3720 3721 <h1> 3722 ٠عرض Ø§ÙØµÙر 3723 </h1> 3724 3725 <p> 3726 Ø§ÙØªØ´Ù ØµÙØ± ÙÙØ¹Ø§ÙÙØ§Øª ÙØ£Ùشطة جا٠عة ØªÙØ¯ÙÙ 3727 </p> 3728 3729 <a href="#" class="ut-hero-button"> 3730 دخÙ٠اÙ٠عرض 3731 </a> 3732 3733 </div> 3734 3735 3736 <!-- 4 --> 3737 3738 <div 3739 class="ut-hero-message" 3740 data-video="1" 3741 data-duration="8"> 3742 3743 <div class="ut-hero-kicker"> 3744 Ø§ÙØªØ´Ù جا٠عة ØªÙØ¯ÙÙ 3745 </div> 3746 3747 <h1> 3748 Ø²ÙØ§Ø±Ø© Ø§ÙØªØ±Ø§Ø¶ÙØ© ÙÙØ¬Ø§Ù عة 3749 </h1> 3750 3751 <p> 3752 Ø§ÙØªØ´Ù ٠راÙÙ Ø§ÙØ¬Ø§Ù عة ÙØªØ¬Ø±Ø¨ØªÙا Ø§ÙØ±ÙÙ ÙØ© 3753 </p> 3754 3755 <a href="#" class="ut-hero-button"> 3756 Ø§ÙØªØ´Ù اÙÙ Ø²ÙØ¯ 3757 </a> 3758 3759 </div> 3760 3761 3762 <!-- 5 --> 3763 3764 <div 3765 class="ut-hero-message" 3766 data-video="2" 3767 data-duration="8"> 3768 3769 <div class="ut-hero-kicker"> 3770 خد٠ات Ø§ÙØ¬Ø§Ù عة 3771 </div> 3772 3773 <h1> 3774 Ø§ÙØ®Ø¯Ù ات Ø§ÙØ±ÙÙ ÙØ© 3775 </h1> 3776 3777 <p>
3778 Ø§Ø³ØªÙØ¯ Ù Ù Ø§ÙØ®Ø¯Ù ات ÙØ§ÙÙ ÙØµØ§Øª Ø§ÙØ±ÙÙ ÙØ© ÙØ¬Ø§Ù عة ØªÙØ¯ÙÙ 3779 </p> 3780 3781 <a href="#" class="ut-hero-button"> 3782 Ø§ÙØªØ´Ù Ø§ÙØ®Ø¯Ù ات 3783 </a> 3784 3785 </div> 3786 3787 </div> 3788 3789 3790 <!-- ================================================= 3791 ARROWS 3792 ================================================= --> 3793 3794 <button 3795 type="button" 3796 class="ut-hero-arrow ut-hero-prev"> 3797 â® 3798 </button> 3799 3800 3801 <button 3802 type="button" 3803 class="ut-hero-arrow ut-hero-next"> 3804 ⯠3805 </button> 3806 3807 3808 <!-- ================================================= 3809 PROGRESS 3810 ================================================= --> 3811 3812 <div class="ut-hero-progress"> 3813 3814 <span class="ut-progress-fill"></span> 3815 3816 </div> 3817 3818 3819 <!-- ================================================= 3820 SOUND BUTTON 3821 ================================================= --> 3822 3823 <button 3824 type="button" 3825 class="ut-hero-sound" 3826 aria-label="تشغÙÙ Ø§ÙØµÙت" 3827 aria-pressed="false"> 3828 3829 <span class="ut-sound-icon ut-sound-muted" aria-hidden="true"> 3830 <svg viewBox="0 0 64 64" role="presentation"> 3831 <path d="M8 25h12l16-13v40L20 39H8z" fill="currentColor"/> 3832 <path d="M44 23l12 18M56 23L44 41" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 3833 </svg> 3834 </span> 3835 3836 <span class="ut-sound-icon ut-sound-on" aria-hidden="true"> 3837 <svg viewBox="0 0 64 64" role="presentation"> 3838 <path d="M8 25h12l16-13v40L20 39H8z" fill="currentColor"/> 3839 <path d="M45 23c5 5 5 13 0 18M52 16c10 9 10 23 0 32" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round"/> 3840 </svg> 3841 </span> 3842 3843 </button> 3844 3845 3846 </section> 3847 3848 3849 <style> 3850 3851 /* ===================================================== 3852 HERO 3853 ===================================================== */ 3854 3855 #ut-hero { 3856 3857 position: relative; 3858 3859 width: 100% !important; 3860 3861 height: 82vh; 3862 3863 min-height: 650px; 3864 3865 margin: 0 !important; 3866 3867 padding: 0 !important; 3868 3869 overflow: hidden; 3870 3871 background: #071d2b; 3872 3873 direction: rtl; 3874 3875 perspective: 1400px; 3876 3877 } 3878 3879 3880 /* ===================================================== 3881 VIDEO 3882 ===================================================== */ 3883 3884 .ut-hero-video { 3885 3886 position: absolute; 3887 3888 inset: 0; 3889 3890 opacity: 0; 3891 3892 visibility: hidden; 3893 3894 transform: scale(1.08); 3895 3896 transition: 3897 opacity 1.5s ease, 3898 transform 5s ease; 3899 3900 } 3901 3902 3903 .ut-hero-video.active { 3904 3905 opacity: 1; 3906 3907 visibility: visible; 3908 3909 transform: scale(1); 3910 3911 z-index: 2; 3912 3913 } 3914 3915 3916 .ut-video-container { 3917 3918 position: absolute; 3919 3920 inset: 0; 3921 3922 overflow: hidden; 3923 3924 } 3925 3926 3927 .ut-video-container iframe { 3928 3929 position: absolute; 3930 3931 top: 50%; 3932 3933 left: 50%; 3934 3935 width: 177.78vh; 3936 3937 height: 100vh; 3938 3939 min-width: 100%; 3940 3941 min-height: 100%; 3942 3943 transform: 3944 translate(-50%, -50%) 3945 scale(1.18); 3946 3947 border: 0; 3948 3949 pointer-events: none; 3950 3951 } 3952 3953 3954 /* ===================================================== 3955 OVERLAY 3956 ===================================================== */ 3957 3958 .ut-hero-overlay { 3959 3960 position: absolute; 3961 3962 inset: 0; 3963 3964 z-index: 4; 3965 3966 background: 3967 3968 radial-gradient( 3969 circle at center, 3970 transparent 12%, 3971 rgba(0,20,35,.08) 55%, 3972 rgba(0,15,25,.52) 100% 3973 ), 3974 3975 linear-gradient( 3976 180deg, 3977 rgba(0,0,0,.04), 3978 rgba(0,0,0,.34) 3979 ); 3980 3981 pointer-events: none; 3982 3983 } 3984 3985 3986 /* ===================================================== 3987 DESERT SCENE 3988 ===================================================== */ 3989 3990 .ut-desert-scene { 3991 3992 position: absolute; 3993 3994 left: 0; 3995 3996 right: 0; 3997 3998 bottom: 0; 3999 4000 height: 18%; 4001 4002 z-index: 5; 4003 4004 overflow: hidden; 4005 4006 pointer-events: none; 4007 4008 } 4009 4010 4011 /* ===================================================== 4012 REALISTIC WAVY DUNES 4013 ===================================================== */ 4014 4015 .ut-dunes { 4016 4017 position: absolute; 4018 4019 left: 0; 4020 4021 bottom: -1px; 4022 4023 width: 100%; 4024 4025 height: 100%; 4026 4027 overflow: visible; 4028 4029 } 4030 4031 4032 .ut-dunes path { 4033 4034 stroke: none; 4035 4036 } 4037 4038 4039 .dunes-back path { 4040 4041 fill: rgba(220,183,112,.18); 4042 4043 } 4044 4045 4046 .dunes-middle path { 4047 4048 fill: rgba(214,170,91,.28); 4049 4050 } 4051 4052 4053 .dunes-front path { 4054 4055 fill: rgba(181,126,51,.36); 4056 4057 } 4058 4059 4060 /* ===================================================== 4061 ØØ±ÙØ© Ø·Ø¨ÙØ¹ÙØ© ÙÙÙØ«Ø¨Ø§Ù 4062 ===================================================== */ 4063 4064 .dunes-back { 4065 4066 animation: 4067 desertWaveBack 20s ease-in-out infinite alternate; 4068 4069 } 4070 4071 4072 .dunes-middle { 4073 4074 animation: 4075 desertWaveMiddle 16s ease-in-out infinite alternate; 4076 4077 } 4078 4079 4080 .dunes-front { 4081 4082 animation: 4083 desertWaveFront 13s ease-in-out infinite alternate; 4084 4085 } 4086 4087 4088 @keyframes desertWaveBack { 4089 4090 from { 4091 transform: 4092 translateX(-2%) 4093 scaleX(1); 4094 } 4095 4096 to { 4097 transform: 4098 translateX(2%) 4099 scaleX(1.025); 4100 } 4101 4102 } 4103 4104 4105 @keyframes desertWaveMiddle { 4106 4107 from { 4108 transform: 4109 translateX(2%) 4110 scaleX(1.015); 4111 } 4112 4113 to { 4114 transform: 4115 translateX(-2%) 4116 scaleX(1.04); 4117 } 4118 4119 } 4120 4121 4122 @keyframes desertWaveFront { 4123 4124 from { 4125 transform: 4126 translateX(-1%) 4127 scaleX(1.02); 4128 } 4129 4130 to { 4131 transform: 4132 translateX(2%) 4133 scaleX(1.05); 4134 } 4135 4136 } 4137 4138 4139 /* ===================================================== 4140 PALM SILHOUETTE 4141 ===================================================== */ 4142 4143 .ut-palm-svg { 4144 4145 position: absolute; 4146 4147 right: 12%; 4148 4149 bottom: 4px; 4150 4151 width: 72px; 4152 4153 height: 120px; 4154 4155 fill: rgba(58,39,22,.55); 4156 4157 filter: 4158 drop-shadow( 4159 0 2px 5px 4160 rgba(0,0,0,.25) 4161 ); 4162 4163 animation: 4164 palmFloat 7s ease-in-out infinite alternate; 4165 4166 } 4167 4168 4169 @keyframes palmFloat {
4170 4171 from { 4172 transform: 4173 rotate(-1deg); 4174 } 4175 4176 to { 4177 transform: 4178 rotate(1deg); 4179 } 4180 4181 } 4182 4183 4184 /* ===================================================== 4185 CAMEL SILHOUETTE 4186 ===================================================== */ 4187 4188 .ut-camel-svg { 4189 4190 position: absolute; 4191 4192 left: 14%; 4193 4194 bottom: 5px; 4195 4196 width: 115px; 4197 4198 height: 68px; 4199 4200 fill: rgba(55,37,20,.55); 4201 4202 filter: 4203 drop-shadow( 4204 0 3px 5px 4205 rgba(0,0,0,.25) 4206 ); 4207 4208 animation: 4209 camelMove 18s ease-in-out infinite alternate; 4210 4211 } 4212 4213 4214 @keyframes camelMove { 4215 4216 from { 4217 4218 transform: 4219 translateX(-12px); 4220 4221 } 4222 4223 to { 4224 4225 transform: 4226 translateX(12px); 4227 4228 } 4229 4230 } 4231 4232 4233 /* ===================================================== 4234 GOLD FRAME 4235 ===================================================== */ 4236 4237 .ut-hero-gold-frame { 4238 4239 position: absolute; 4240 4241 inset: 18px; 4242 4243 z-index: 8; 4244 4245 border: 4246 2px solid 4247 rgba(224,184,61,.78); 4248 4249 border-radius: 12px; 4250 4251 pointer-events: none; 4252 4253 box-shadow: 4254 4255 inset 0 0 0 1px 4256 rgba(255,239,160,.24), 4257 4258 inset 0 0 35px 4259 rgba(212,175,55,.13), 4260 4261 0 0 18px 4262 rgba(212,175,55,.25), 4263 4264 0 0 55px 4265 rgba(212,175,55,.10); 4266 4267 } 4268 4269 4270 .ut-hero-gold-frame::before { 4271 4272 content: ""; 4273 4274 position: absolute; 4275 4276 inset: 12px; 4277 4278 border: 4279 1px solid 4280 rgba(255,225,115,.35); 4281 4282 border-radius: 8px; 4283 4284 } 4285 4286 4287 .ut-hero-gold-frame::after { 4288 4289 content: ""; 4290 4291 position: absolute; 4292 4293 inset: 25px; 4294 4295 border: 4296 1px solid 4297 rgba(255,255,255,.10); 4298 4299 border-radius: 5px; 4300 4301 } 4302 4303 4304 /* ===================================================== 4305 FRAME SHINE 4306 ===================================================== */ 4307 4308 .ut-frame-light { 4309 4310 position: absolute; 4311 4312 display: block; 4313 4314 background: 4315 4316 linear-gradient( 4317 90deg, 4318 transparent, 4319 #fff4a8, 4320 #d4af37, 4321 #fff4a8, 4322 transparent 4323 ); 4324 4325 box-shadow: 4326 4327 0 0 14px 4328 rgba(255,220,100,.95), 4329 4330 0 0 35px 4331 rgba(212,175,55,.65); 4332 4333 } 4334 4335 4336 .light-top { 4337 4338 top: -3px; 4339 4340 left: -10%; 4341 4342 width: 180px; 4343 4344 height: 5px; 4345 4346 animation: 4347 frameTop 5s linear infinite; 4348 4349 } 4350 4351 4352 .light-right { 4353 4354 right: -3px; 4355 4356 top: -10%; 4357 4358 width: 5px; 4359 4360 height: 180px; 4361 4362 animation: 4363 frameRight 5s linear infinite; 4364 4365 } 4366 4367 4368 .light-bottom { 4369 4370 bottom: -3px; 4371 4372 right: -10%; 4373 4374 width: 180px; 4375 4376 height: 5px; 4377 4378 animation: 4379 frameBottom 5s linear infinite; 4380 4381 } 4382 4383 4384 .light-left { 4385 4386 left: -3px; 4387 4388 bottom: -10%; 4389 4390 width: 5px; 4391 4392 height: 180px; 4393 4394 animation: 4395 frameLeft 5s linear infinite; 4396 4397 } 4398 4399 4400 @keyframes frameTop { 4401 4402 from { 4403 left: -15%; 4404 } 4405 4406 to { 4407 left: 100%; 4408 } 4409 4410 } 4411 4412 4413 @keyframes frameRight { 4414 4415 from { 4416 top: -15%; 4417 } 4418 4419 to { 4420 top: 100%; 4421 } 4422 4423 } 4424 4425 4426 @keyframes frameBottom { 4427 4428 from { 4429 right: -15%; 4430 } 4431 4432 to { 4433 right: 100%; 4434 } 4435 4436 } 4437 4438 4439 @keyframes frameLeft { 4440 4441 from { 4442 bottom: -15%; 4443 } 4444 4445 to { 4446 bottom: 100%; 4447 } 4448 4449 } 4450 4451 4452 /* ===================================================== 4453 DEPTH 4454 ===================================================== */ 4455 4456 .ut-hero-depth { 4457 4458 position: absolute; 4459 4460 z-index: 5; 4461 4462 border-radius: 50%; 4463 4464 pointer-events: none; 4465 4466 border: 4467 1px solid 4468 rgba(255,255,255,.07); 4469 4470 animation: 4471 depthPulse 8s ease-in-out infinite; 4472 4473 } 4474 4475 4476 .depth-one { 4477 4478 width: 520px; 4479 4480 height: 520px; 4481 4482 top: 50%; 4483 4484 left: 50%; 4485 4486 transform: 4487 translate(-50%,-50%); 4488 4489 } 4490 4491 4492 .depth-two { 4493 4494 width: 760px; 4495 4496 height: 760px; 4497 4498 top: 50%; 4499 4500 left: 50%; 4501 4502 transform: 4503 translate(-50%,-50%); 4504 4505 } 4506 4507 4508 @keyframes depthPulse { 4509 4510 0%, 4511 100% { 4512 opacity: .06; 4513 } 4514 4515 50% { 4516 opacity: .18; 4517 } 4518 4519 } 4520 4521 4522 /* ===================================================== 4523 CONTENT 4524 ===================================================== */ 4525 4526 .ut-hero-content { 4527 4528 position: absolute; 4529 4530 z-index: 10; 4531 4532 top: 50%; 4533 4534 left: 50%; 4535 4536 width: 4537 min(1000px,90%); 4538 4539 transform: 4540 translate(-50%,-50%); 4541 4542 text-align: center; 4543 4544 color: #fff; 4545 4546 } 4547 4548 4549 .ut-hero-message { 4550 4551 position: absolute; 4552 4553 top: 50%; 4554 4555 left: 50%; 4556 4557 width: 100%; 4558 4559 transform: 4560 translate(-50%,-50%) 4561 translateY(40px) 4562 scale(.92); 4563 4564 opacity: 0; 4565 4566 visibility: hidden; 4567 4568 transition: 4569 4570 opacity .9s ease, 4571 4572 transform 1s 4573 cubic-bezier(.2,.8,.2,1); 4574 4575 } 4576 4577 4578 .ut-hero-message.active { 4579 4580 opacity: 1; 4581 4582 visibility: visible; 4583 4584 transform: 4585 translate(-50%,-50%) 4586 translateY(0) 4587 scale(1); 4588 4589 } 4590 4591 4592 .ut-hero-kicker { 4593 4594 display: inline-block; 4595 4596 margin-bottom: 18px; 4597 4598 padding: 7px 22px; 4599 4600 border: 4601 1px solid 4602 rgba(255,255,255,.65); 4603 4604 border-radius: 30px; 4605 4606 background: 4607 rgba(0,0,0,.25); 4608 4609 backdrop-filter: 4610 blur(8px); 4611 4612 font-size: 17px; 4613 4614 font-weight: 600; 4615 4616 } 4617 4618 4619 .ut-hero-content h1 { 4620 4621 margin: 4622 0 0 7px; 4623 4624 color: #fff; 4625 4626 font-size: 4627 clamp(42px,5vw,72px); 4628 4629 line-height: 1.25; 4630 4631 font-weight: 800; 4632 4633 text-shadow: 4634 4635 0 4px 18px 4636 rgba(0,0,0,.85), 4637 4638 0 0 35px 4639 rgba(255,255,255,.12); 4640 4641 } 4642 4643 4644 .ut-desert-title { 4645 4646 margin: 4647 0 auto 12px; 4648 4649 color: 4650 #f3d28a; 4651 4652 font-size: 4653 clamp(22px,2.2vw,32px); 4654 4655 font-weight: 700; 4656 4657 text-shadow: 4658 0 2px 10px 4659 rgba(0,0,0,.8); 4660 4661 } 4662 4663 4664 .ut-hero-content p { 4665 4666 margin: 4667 0 auto 28px; 4668 4669 max-width: 800px; 4670 4671 color: #fff; 4672 4673 font-size: 4674 clamp(18px,1.6vw,25px); 4675 4676 line-height: 1.8; 4677 4678 text-shadow: 4679 0 3px 10px 4680 rgba(0,0,0,.8); 4681 4682 } 4683 4684 4685 /* ===================================================== 4686 BUTTON 4687 ===================================================== */ 4688 4689 .ut-hero-button { 4690 4691 display: inline-block; 4692 4693 padding: 4694 13px 35px; 4695 4696 border: 4697 1px solid 4698 rgba(255,255,255,.75); 4699 4700 border-radius: 5px; 4701 4702 background: 4703 rgba(255,255,255,.14); 4704 4705 color: #fff; 4706 4707 text-decoration: none; 4708 4709 font-size: 17px; 4710 4711 font-weight: 700; 4712 4713 backdrop-filter: 4714 blur(8px); 4715 4716 transition: 4717 all .3s ease; 4718 4719 } 4720 4721 4722 .ut-hero-button:hover { 4723 4724 background: 4725 rgba(255,255,255,.30); 4726 4727 color: #fff; 4728 4729 transform: 4730 translateY(-3px); 4731 4732 } 4733 4734 4735 /* ===================================================== 4736 ARROWS 4737 ===================================================== */ 4738 4739 .ut-hero-arrow { 4740 4741 position: absolute; 4742 4743 z-index: 12; 4744 4745 top: 50%; 4746 4747 transform: 4748 translateY(-50%); 4749 4750 width: 58px; 4751 4752 height: 58px; 4753 4754 border: 4755 1px solid 4756 rgba(255,255,255,.55); 4757 4758 border-radius: 50%; 4759 4760 background: 4761 rgba(0,0,0,.22); 4762 4763 color: #fff; 4764 4765 font-size: 22px; 4766 4767 cursor: pointer; 4768 4769 backdrop-filter: 4770 blur(8px); 4771 4772 } 4773 4774 4775 .ut-hero-prev { 4776 right: 35px; 4777 } 4778 4779 4780 .ut-hero-next { 4781 left: 35px; 4782 } 4783 4784 4785 /* ===================================================== 4786 PROGRESS 4787 ===================================================== */ 4788 4789 .ut-hero-progress { 4790 4791 position: absolute; 4792 4793 z-index: 12; 4794 4795 bottom: 25px; 4796 4797 left: 50%; 4798 4799 transform: 4800 translateX(-50%); 4801 4802 width: 180px; 4803 4804 height: 3px; 4805 4806 overflow: hidden; 4807 4808 background: 4809 rgba(255,255,255,.25); 4810 4811 border-radius: 10px; 4812 4813 } 4814 4815 4816 .ut-progress-fill { 4817 4818 display: block; 4819 4820 width: 0%; 4821 4822 height: 100%; 4823 4824 background: 4825 4826 linear-gradient( 4827 90deg, 4828 #d4af37, 4829 #ffe999, 4830 #d4af37 4831 ); 4832 4833 box-shadow: 4834 0 0 12px 4835 rgba(255,220,100,.8); 4836 4837 } 4838 4839 4840 /* ===================================================== 4841 SOUND BUTTON 4842 ===================================================== */ 4843 4844 .ut-hero-sound { 4845 position: absolute !important; 4846 z-index: 100 !important; 4847 left: 32px !important; 4848 right: auto !important; 4849 bottom: 32px !important; 4850 4851 width: 52px !important; 4852 height: 52px !important; 4853 padding: 0 !important; 4854 margin: 0 !important; 4855 4856 display: flex !important; 4857 align-items: center !important; 4858 justify-content: center !important; 4859 4860 border: 3px solid #ffffff !important; 4861 border-radius: 50% !important; 4862 4863 background: linear-gradient(145deg, #a97716, #d4af37 45%, #f6df88 70%, #b27d1b) !important; 4864 color: #062e4a !important; 4865 4866 box-shadow: 4867 0 6px 18px rgba(0,0,0,.45), 4868 0 0 0 3px rgba(6,46,74,.88), 4869 0 0 18px rgba(212,175,55,.52), 4870 inset 0 1px 0 rgba(255,255,255,.65) !important; 4871 4872 cursor: pointer !important; 4873 overflow: hidden !important; 4874 4875 transition: 4876 transform .22s ease, 4877 box-shadow .22s ease, 4878 filter .22s ease !important; 4879 } 4880 4881 .ut-hero-sound:hover { 4882 transform: translateY(-2px) scale(1.08) !important; 4883 filter: brightness(1.07) !important; 4884 box-shadow: 4885 0 9px 22px rgba(0,0,0,.50), 4886 0 0 0 3px rgba(6,46,74,.95), 4887 0 0 24px rgba(212,175,55,.72), 4888 inset 0 1px 0 rgba(255,255,255,.75) !important; 4889 } 4890 4891 .ut-hero-sound:focus-visible { 4892 outline: 3px solid rgba(255,255,255,.95) !important; 4893 outline-offset: 4px !important; 4894 } 4895 4896 .ut-sound-icon { 4897 width: 30px !important; 4898 height: 30px !important; 4899 display: flex !important; 4900 align-items: center !important; 4901 justify-content: center !important; 4902 color: #062e4a !important; 4903 } 4904 4905 .ut-sound-icon svg { 4906 width: 30px !important; 4907 height: 30px !important; 4908 display: block !important; 4909 } 4910 4911 .ut-sound-on { 4912 display: none !important; 4913 } 4914 4915 .ut-hero-sound.is-on .ut-sound-muted { 4916 display: none !important; 4917 } 4918 4919 .ut-hero-sound.is-on .ut-sound-on { 4920 display: flex !important; 4921 } 4922 4923 /* ===================================================== 4924 MOBILE 4925 ===================================================== */ 4926 4927 @media (max-width:600px) { 4928 4929 #ut-hero { 4930 4931 height: 70vh; 4932 4933 min-height: 520px; 4934 4935 } 4936 4937 4938 .ut-hero-gold-frame { 4939 4940 inset: 9px; 4941 4942 } 4943 4944 4945 .ut-hero-content { 4946 4947 width: 86%; 4948 4949 } 4950 4951 4952 .ut-hero-content h1 { 4953 4954 font-size: 32px; 4955 4956 } 4957 4958 4959 .ut-desert-title { 4960 4961 font-size: 21px; 4962 4963 } 4964 4965 4966 .ut-hero-content p { 4967 4968 font-size: 16px; 4969 4970 } 4971 4972 4973 .ut-desert-scene { 4974 4975 height: 15%; 4976 4977 } 4978 4979 4980 .ut-palm-svg { 4981 4982 right: 6%; 4983 4984 width: 52px; 4985 4986 height: 90px; 4987 4988 } 4989 4990 4991 .ut-camel-svg { 4992 4993 left: 7%; 4994 4995 width: 85px; 4996 4997 height: 50px; 4998 4999 } 5000 5001 5002 .ut-hero-arrow { 5003 5004 width: 42px; 5005 5006 height: 42px; 5007 5008 } 5009 5010 5011 .ut-hero-prev { 5012 right: 14px; 5013 } 5014 5015 5016 .ut-hero-next { 5017 left: 14px; 5018 } 5019 5020 } 5021 5022 5023 5024/* ========================================================= 5025 UT HERO â ÙØµÙص ÙØ¨Ùرة ÙØ£ÙÙÙØ© + Ø±ÙØ§Ø¨Ø· ØÙ راء 5026========================================================= */ 5027 5028#ut-hero .ut-hero-message { 5029 font-family: "Amiri", "Cairo", serif !important; 5030} 5031 5032#ut-hero .ut-hero-message h1 { 5033 font-family: "Amiri", "Cairo", serif !important; 5034 font-size: clamp(46px, 5vw, 76px) !important; 5035 font-weight: 900 !important; 5036 line-height: 1.25 !important; 5037 color: #ffffff !important; 5038 margin: 0 0 14px !important; 5039 text-shadow: 5040 0 4px 18px rgba(0,0,0,.90), 5041 0 0 30px rgba(0,0,0,.30) !important; 5042} 5043 5044#ut-hero .ut-hero-message p { 5045 font-family: "Cairo", "Amiri", sans-serif !important; 5046 font-size: clamp(20px, 1.8vw, 27px) !important; 5047 font-weight: 800 !important; 5048 line-height: 1.9 !important; 5049 color: #ffffff !important; 5050 margin: 0 auto 28px !important; 5051 text-shadow: 5052 0 3px 12px rgba(0,0,0,.90) !important; 5053} 5054 5055#ut-hero .ut-hero-kicker { 5056 font-family: "Amiri", "Cairo", serif !important; 5057 font-size: 20px !important; 5058 font-weight: 900 !important; 5059 color: #ffffff !important; 5060} 5061 5062/* ========================================================= 5063 Ø§ÙØ±Ø§Ø¨Ø· 5064========================================================= */ 5065 5066#ut-hero .ut-hero-button { 5067 display: inline-flex !important;
5068 align-items: center !important; 5069 justify-content: center !important; 5070 5071 margin-top: 10px !important; 5072 padding: 14px 34px !important; 5073 5074 background: 5075 linear-gradient( 5076 135deg, 5077 #b30000 0%, 5078 #e00000 50%, 5079 #a40000 100% 5080 ) !important; 5081 5082 color: #ffffff !important; 5083 5084 border: 5085 2px solid rgba(255,255,255,.90) !important; 5086 5087 border-radius: 12px !important; 5088 5089 font-family: 5090 "Cairo", 5091 sans-serif !important; 5092 5093 font-size: 18px !important; 5094 font-weight: 900 !important; 5095 5096 text-decoration: none !important; 5097 5098 text-shadow: 5099 0 2px 5px rgba(0,0,0,.45) !important; 5100 5101 box-shadow: 5102 0 8px 22px rgba(0,0,0,.35), 5103 inset 0 1px 0 rgba(255,255,255,.25) !important; 5104 5105 transition: 5106 transform .25s ease, 5107 box-shadow .25s ease, 5108 filter .25s ease !important; 5109} 5110 5111#ut-hero .ut-hero-button:hover { 5112 background: 5113 linear-gradient( 5114 135deg, 5115 #d00000 0%, 5116 #ff1717 50%, 5117 #b00000 100% 5118 ) !important; 5119 5120 color: #ffffff !important; 5121 5122 transform: 5123 translateY(-4px) 5124 scale(1.03) !important; 5125 5126 box-shadow: 5127 0 12px 28px rgba(0,0,0,.45), 5128 0 0 18px rgba(255,30,30,.35) !important; 5129 5130 filter: brightness(1.08); 5131} 5132 5133/* ========================================================= 5134 MOBILE 5135========================================================= */ 5136 5137@media (max-width:600px) { 5138 5139 #ut-hero .ut-hero-message h1 { 5140 font-size: 34px !important; 5141 } 5142 5143 #ut-hero .ut-hero-message p { 5144 font-size: 16px !important; 5145 line-height: 1.75 !important; 5146 } 5147 5148 #ut-hero .ut-hero-kicker { 5149 font-size: 16px !important; 5150 } 5151 5152 #ut-hero .ut-hero-button { 5153 padding: 11px 25px !important; 5154 font-size: 15px !important; 5155 } 5156} 5157 5158 5159 5160/* ========================================================= 5161 H1 / اÙÙØµÙص ÙÙØ³Øª Ø±ÙØ§Ø¨Ø· â Ø§Ùزر ÙÙØ· ÙØ§Ø¨Ù ÙÙØ¶ØºØ· 5162========================================================= */ 5163 5164#ut-hero .ut-hero-message h1, 5165#ut-hero .ut-hero-message p, 5166#ut-hero .ut-hero-kicker, 5167#ut-hero .ut-desert-title { 5168 cursor: default !important; 5169 pointer-events: auto !important; 5170} 5171 5172#ut-hero .ut-hero-message h1 a, 5173#ut-hero .ut-hero-message p a, 5174#ut-hero .ut-hero-message .ut-hero-kicker a, 5175#ut-hero .ut-hero-message .ut-desert-title a { 5176 color: inherit !important; 5177 text-decoration: none !important; 5178 pointer-events: none !important; 5179} 5180 5181</style> 5182 5183 5184
5184<script> 5185 5186 document.addEventListener('DOMContentLoaded', function () { 5187 5188 const hero = document.querySelector('#ut-hero'); 5189 if (!hero) return; 5190 5191 const videos = hero.querySelectorAll('.ut-hero-video'); 5192 const messages = hero.querySelectorAll('.ut-hero-message'); 5193 const next = hero.querySelector('.ut-hero-next'); 5194 const prev = hero.querySelector('.ut-hero-prev'); 5195 const progress = hero.querySelector('.ut-progress-fill'); 5196 const soundButton = hero.querySelector('.ut-hero-sound'); 5197 5198 /* ===================================================== 5199 اÙÙØ¸Ø§Ù Ø§ÙØ¬Ø¯Ùد 5200 ----------------------------------------------------- 5201 1) اÙÙÙØ¯ÙÙÙØ§Øª: 1 -> 2 -> 3 -> 1 ... 5202 2) اÙÙØµÙص: 1 -> 2 -> 3 -> 4 -> 5 -> 1 ... 5203 3) ÙØ§ ØªÙØ¬Ø¯ Ø¹ÙØ§ÙØ© بÙ٠رÙ٠اÙÙÙØ¯ÙÙ ÙØ±Ù٠اÙÙØµ. 5204 4) Ø¹ÙØ¯ تغÙÙØ± اÙÙÙØ¯ÙÙØ اÙÙØµ Ø§ÙØØ§ÙÙ ÙØ³ØªÙ ر. 5205 5) ÙÙ ÙØµ ÙØ¨ÙÙ 12 ثاÙÙØ© ØªÙØ±ÙØ¨Ø§Ù ØØªÙ ÙØ³Ù Ø Ø¨Ø§ÙÙØ±Ø§Ø¡Ø© ÙØ§Ùضغط. 5206 ===================================================== */ 5207 5208 const TEXT_DURATION = 12000; 5209 5210 let currentVideo = 0; 5211 let currentText = 0; 5212 5213 let textTimer = null; 5214 let progressTimer = null; 5215 5216 let players = []; 5217 let youtubeReady = false; 5218 5219 let soundEnabled = false; 5220 5221 let manualVideoChange = false; 5222 5223 /* ===================================================== 5224 تجÙÙØ² YouTube API 5225 ===================================================== */ 5226 5227 function loadYouTubeAPI() { 5228 5229 return new Promise(function (resolve) { 5230 5231 if (window.YT && YT.Player) { 5232 resolve(); 5233 return; 5234 } 5235 5236 const previous = window.onYouTubeIframeAPIReady; 5237 5238 window.onYouTubeIframeAPIReady = function () { 5239 5240 if (typeof previous === 'function') { 5241 try { previous(); } catch (e) {} 5242 } 5243 5244 resolve(); 5245 }; 5246 5247 const existing = document.querySelector( 5248 'script[src="https://www.youtube.com/iframe_api"]' 5249 ); 5250 5251 if (!existing) { 5252 5253 const script = document.createElement('script'); 5254 script.src = 'https://www.youtube.com/iframe_api'; 5255 document.head.appendChild(script); 5256 } 5257 }); 5258 } 5259 5260 5261 /* ===================================================== 5262 Ø¥ÙØ´Ø§Ø¡ Ù Ø´ØºÙØ§Øª اÙÙÙØ¯ÙÙ 5263 ===================================================== */ 5264 5265 function createPlayers() { 5266 5267 return new Promise(function (resolve) { 5268 5269 let readyCount = 0; 5270 const iframeList = hero.querySelectorAll( 5271 '.ut-hero-video iframe' 5272 ); 5273 5274 if (!iframeList.length) { 5275 resolve(); 5276 return; 5277 } 5278 5279 iframeList.forEach(function (iframe, index) { 5280 5281 players[index] = new YT.Player( 5282 iframe, 5283 { 5284 events: { 5285 5286 onReady: function (event) { 5287 5288 try { 5289 if (soundEnabled) { 5290 event.target.unMute(); 5291 event.target.setVolume(100); 5292 } else { 5293 event.target.mute(); 5294 } 5295 } catch (e) {} 5296 5297 readyCount++; 5298 5299 if (readyCount === iframeList.length) { 5300 resolve(); 5301 } 5302 }, 5303 5304 onStateChange: function (event) { 5305 5306 /* ENDED = 0 */ 5307 if ( 5308 event.data === YT.PlayerState.ENDED && 5309 index === currentVideo 5310 ) { 5311 goToNextVideo(); 5312 } 5313 } 5314 } 5315 } 5316 ); 5317 }); 5318 }); 5319 } 5320 5321 5322 /* ===================================================== 5323 Ø¥Ø¸ÙØ§Ø± اÙÙÙØ¯ÙÙ Ø§ÙØØ§ÙÙ 5324 ===================================================== */ 5325 5326 function showVideo(index) { 5327 5328 if (!videos[index]) return; 5329 5330 videos.forEach(function (video) { 5331 video.classList.remove('active'); 5332 }); 5333 5334 videos[index].classList.add('active'); 5335 currentVideo = index; 5336 5337 /* Ø¥ÙÙØ§Ù اÙÙÙØ¯ÙÙÙØ§Øª Ø§ÙØ£Ø®Ø±Ù */ 5338 if (youtubeReady) { 5339
5340 players.forEach(function (player, i) { 5341 5342 if (!player) return; 5343 5344 if (i !== index) { 5345 try { 5346 player.pauseVideo(); 5347 } catch (e) {} 5348 } 5349 }); 5350 5351 /* تشغÙ٠اÙÙÙØ¯ÙÙ Ø§ÙØØ§ÙÙ Ù Ù Ø¨Ø¯Ø§ÙØªÙ */ 5352 if (players[index]) { 5353 5354 try { 5355 players[index].seekTo(0, true); 5356 5357 if (soundEnabled) { 5358 players[index].unMute(); 5359 } else { 5360 players[index].mute(); 5361 } 5362 5363 players[index].playVideo(); 5364 } catch (e) {} 5365 } 5366 } 5367 } 5368 5369 5370 /* ===================================================== 5371 اÙÙÙØ¯ÙÙ Ø§ÙØªØ§ÙÙ 5372 ===================================================== */ 5373 5374 function goToNextVideo() { 5375 5376 let nextVideo = currentVideo + 1; 5377 5378 if (nextVideo >= videos.length) { 5379 nextVideo = 0; 5380 } 5381 5382 showVideo(nextVideo); 5383 } 5384 5385 5386 /* ===================================================== 5387 اÙÙÙØ¯ÙÙ Ø§ÙØ³Ø§Ø¨Ù â ÙÙØ§Ø³ØªØ®Ø¯Ø§Ù اÙÙØ¯ÙÙ 5388 ===================================================== */ 5389 5390 function goToPreviousVideo() { 5391 5392 let previousVideo = currentVideo - 1; 5393 5394 if (previousVideo < 0) { 5395 previousVideo = videos.length - 1; 5396 } 5397 5398 showVideo(previousVideo); 5399 } 5400 5401 5402 /* ===================================================== 5403 Ø¥Ø¸ÙØ§Ø± اÙÙØµ Ø§ÙØØ§ÙÙ 5404 ----------------------------------------------------- 5405 ÙØ§ ÙÙØØµ data-video ÙÙØ§. 5406 اÙÙØµÙص ٠ستÙÙØ© ع٠اÙÙÙØ¯ÙÙÙØ§Øª. 5407 ===================================================== */ 5408 5409 function showText(index) { 5410 5411 if (!messages[index]) return; 5412 5413 messages.forEach(function (message) { 5414 message.classList.remove('active'); 5415 }); 5416 5417 messages[index].classList.add('active'); 5418 5419 currentText = index; 5420 5421 startTextProgress(); 5422 } 5423 5424 5425 /* ===================================================== 5426 Ø´Ø±ÙØ· ØªÙØ¯Ù اÙÙØµ 5427 ===================================================== */ 5428 5429 function startTextProgress() { 5430 5431 clearInterval(progressTimer); 5432 5433 if (!progress) return; 5434 5435 progress.style.width = '0%'; 5436 5437 const start = Date.now(); 5438 5439 progressTimer = setInterval(function () { 5440 5441 const elapsed = Date.now() - start; 5442 5443 const percent = Math.min( 5444 (elapsed / TEXT_DURATION) * 100, 5445 100 5446 ); 5447 5448 progress.style.width = percent + '%'; 5449 5450 if (percent >= 100) { 5451 clearInterval(progressTimer); 5452 } 5453 5454 }, 40); 5455 } 5456 5457 5458 /* ===================================================== 5459 اÙÙØµ Ø§ÙØªØ§ÙÙ 5460 ===================================================== */ 5461 5462 function goToNextText() { 5463 5464 let nextText = currentText + 1; 5465 5466 if (nextText >= messages.length) { 5467 nextText = 0; 5468 } 5469 5470 showText(nextText); 5471 5472 clearTimeout(textTimer); 5473 5474 textTimer = setTimeout( 5475 goToNextText, 5476 TEXT_DURATION 5477 ); 5478 } 5479 5480 5481 /* ===================================================== 5482 Ø¨Ø¯Ø§ÙØ© Ø¯ÙØ±Ø© اÙÙØµÙص 5483 ===================================================== */ 5484 5485 function startTextCycle() { 5486 5487 clearTimeout(textTimer); 5488 5489 textTimer = setTimeout( 5490 goToNextText, 5491 TEXT_DURATION 5492 ); 5493 } 5494 5495 5496 /* ===================================================== 5497 Ø§ÙØµÙت 5498 ===================================================== */ 5499 5500 function updateSoundButton() { 5501 5502 if (!soundButton) return; 5503 5504 if (soundEnabled) { 5505 soundButton.classList.add('is-on'); 5506 soundButton.setAttribute('aria-label', 'ÙØªÙ Ø§ÙØµÙت'); 5507 soundButton.setAttribute('title', 'ÙØªÙ Ø§ÙØµÙت'); 5508 soundButton.setAttribute('aria-pressed', 'true'); 5509 } else { 5510 soundButton.classList.remove('is-on'); 5511 soundButton.setAttribute('aria-label', 'تشغÙÙ Ø§ÙØµÙت'); 5512 soundButton.setAttribute('title', 'تشغÙÙ Ø§ÙØµÙت'); 5513 soundButton.setAttribute('aria-pressed', 'false'); 5514 } 5515 } 5516 5517 5518 function setSound(enabled) { 5519 5520 soundEnabled = !!enabled; 5521 5522 if (youtubeReady) { 5523 5524 const player = players[currentVideo]; 5525 5526 if (player) { 5527 5528 try { 5529 5530 if (soundEnabled) { 5531 player.unMute(); 5532 player.setVolume(100); 5533 player.playVideo(); 5534 } else { 5535 player.mute(); 5536 } 5537 5538 } catch (e) {} 5539 } 5540 } 5541 5542 updateSoundButton(); 5543 } 5544 5545 5546 if (soundButton) { 5547 5548 soundButton.addEventListener('click', function (event) { 5549 5550 event.preventDefault(); 5551 event.stopPropagation(); 5552 5553 setSound(!soundEnabled); 5554 }); 5555 } 5556 5557 updateSoundButton(); 5558 5559 5560 /* ===================================================== 5561 Ø§ÙØ£Ø³ÙÙ 5562 ----------------------------------------------------- 5563 Ø§ÙØ£Ø³Ù٠تغÙÙØ± اÙÙÙØ¯ÙÙ ÙÙØ·. 5564 اÙÙØµ Ø§ÙØØ§ÙÙ ÙØ§ ÙØªØ£Ø«Ø±. 5565 ===================================================== */ 5566 5567 if (next) { 5568 5569 next.addEventListener('click', function () { 5570 goToNextVideo(); 5571 }); 5572 } 5573 5574 if (prev) { 5575 5576 prev.addEventListener('click', function () { 5577 goToPreviousVideo(); 5578 }); 5579 } 5580 5581 5582 /* ===================================================== 5583 بدء اÙÙØ¸Ø§Ù 5584 ===================================================== */ 5585 5586 async function initializeHero() { 5587 5588 /* ÙØ¨Ø¯Ø£ اÙÙØµ Ø§ÙØ£ÙÙ */ 5589 showText(0); 5590 startTextCycle(); 5591 5592 /* ÙØ¨Ø¯Ø£ اÙÙÙØ¯ÙÙ Ø§ÙØ£ÙÙ */ 5593 showVideo(0); 5594 5595 try { 5596 5597 await loadYouTubeAPI(); 5598 await createPlayers(); 5599 5600 youtubeReady = true; 5601 5602 /* إعادة Ø¥Ø¸ÙØ§Ø± اÙÙÙØ¯ÙÙ Ø§ÙØ£ÙÙ ÙØªØ´ØºÙÙÙ */ 5603 showVideo(0); 5604 5605 } catch (error) { 5606 5607 console.error( 5608 'UT Hero YouTube initialization error:', 5609 error 5610 ); 5611 } 5612 } 5613 5614 5615 initializeHero(); 5616 5617 }); 5618 5619</script>
5619 5620 5621 5622 5623 <main 5624 class="ut-page-builder-content" 5625 id="primary" 5626 > 5627 5628 <div 5629 class="ut-page-builder-content-inner" 5630 > 5631 5632 5633 <style> 5634 @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800;900&display=swap'); 5635 5636 .ut-univ-page, 5637 .ut-univ-page * { 5638 box-sizing: border-box; 5639 } 5640 5641 .ut-univ-page { 5642 direction: rtl; 5643 width: 100vw; 5644 max-width: 100vw; 5645 margin-right: calc(50% - 50vw); 5646 margin-left: calc(50% - 50vw); 5647 overflow: hidden; 5648 background: #edf3f6; 5649 color: #173b57; 5650 font-family: "Cairo", "Segoe UI", Arial, sans-serif; 5651 } 5652 5653 .ut-univ-page .ut-container { 5654 width: min(1240px, calc(100% - 34px)); 5655 margin: 0 auto; 5656 } 5657 5658 /* ===================================================== 5659 HERO 5660 ===================================================== */ 5661 5662 .ut-univ-page .ut-hero { 5663 position: relative; 5664 min-height: 630px; 5665 display: flex; 5666 align-items: center; 5667 overflow: hidden; 5668 color: #fff; 5669 background: 5670 radial-gradient(circle at 12% 18%, rgba(255,255,255,.15), transparent 25%), 5671 radial-gradient(circle at 87% 15%, rgba(228,194,107,.18), transparent 24%), 5672 linear-gradient(135deg, #073b5c 0%, #075e84 52%, #1286a9 100%); 5673 } 5674 5675 .ut-univ-page .ut-hero-video { 5676 position: absolute; 5677 inset: 0; 5678 width: 100%; 5679 height: 100%; 5680 object-fit: cover; 5681 z-index: 0; 5682 } 5683 5684 .ut-univ-page .ut-hero.has-video::after { 5685 background: linear-gradient( 5686 90deg, 5687 rgba(4,37,57,.73), 5688 rgba(5,73,99,.47), 5689 rgba(5,62,89,.68) 5690 ); 5691 } 5692 5693 .ut-univ-page .ut-hero::after { 5694 content: ""; 5695 position: absolute; 5696 inset: 0; 5697 z-index: 1; 5698 background: 5699 radial-gradient(circle at 50% 45%, rgba(255,255,255,.06), transparent 30%), 5700 linear-gradient(135deg, rgba(3,42,64,.18), rgba(4,77,102,.32)); 5701 } 5702 5703 .ut-univ-page .ut-circle { 5704 position: absolute; 5705 z-index: 1; 5706 border-radius: 50%; 5707 border: 1px solid rgba(255,255,255,.13); 5708 pointer-events: none; 5709 } 5710 5711 .ut-univ-page .ut-circle.one { 5712 width: 580px; 5713 height: 580px; 5714 right: -245px; 5715 top: -290px; 5716 } 5717 5718 .ut-univ-page .ut-circle.two { 5719 width: 390px; 5720 height: 390px; 5721 left: -180px; 5722 bottom: -235px; 5723 border-color: rgba(228,194,107,.20); 5724 } 5725 5726 .ut-univ-page .ut-hero-content { 5727 position: relative; 5728 z-index: 3; 5729 width: 100%; 5730 padding: 70px 0 90px; 5731 text-align: center; 5732 } 5733 5734 .ut-univ-page .ut-hero-kicker { 5735 display: inline-flex; 5736 align-items: center; 5737 gap: 9px; 5738 padding: 8px 15px; 5739 margin-bottom: 17px; 5740 border-radius: 999px; 5741 background: rgba(255,255,255,.10); 5742 border: 1px solid rgba(255,255,255,.23); 5743 box-shadow: 0 7px 22px rgba(0,0,0,.08); 5744 font-size: 13px; 5745 font-weight: 800; 5746 } 5747 5748 .ut-univ-page .ut-hero-kicker::before { 5749 content: ""; 5750 width: 9px; 5751 height: 9px; 5752 border-radius: 50%; 5753 background: #e5c76e; 5754 box-shadow: 0 0 0 5px rgba(229,199,110,.13); 5755 } 5756 5757 .ut-univ-page .ut-hero-logo { 5758 width: 154px; 5759 height: 154px; 5760 margin: 0 auto 19px; 5761 object-fit: contain; 5762 filter: drop-shadow(0 15px 25px rgba(0,0,0,.23));
5763 animation: utLogoFloat 4.6s ease-in-out infinite; 5764 } 5765 5766 .ut-univ-page .ut-logo-placeholder { 5767 width: 154px; 5768 height: 154px; 5769 margin: 0 auto 19px; 5770 border-radius: 50%; 5771 display: flex; 5772 align-items: center; 5773 justify-content: center; 5774 text-align: center; 5775 padding: 22px; 5776 color: #fff; 5777 font-size: 18px; 5778 font-weight: 900; 5779 line-height: 1.7; 5780 background: 5781 radial-gradient(circle at 32% 28%, #1f8cae, #0d4567 67%); 5782 border: 4px solid rgba(255,255,255,.86); 5783 box-shadow: 5784 0 17px 34px rgba(0,0,0,.23), 5785 0 0 0 11px rgba(255,255,255,.055); 5786 animation: utLogoSpin3D 13s linear infinite; 5787 } 5788 5789 @keyframes utLogoFloat { 5790 0%,100% { transform: translateY(0) rotate(-1deg); } 5791 50% { transform: translateY(-8px) rotate(1deg); } 5792 } 5793 5794 @keyframes utLogoSpin3D { 5795 0% { transform: perspective(800px) rotateY(0deg) translateY(0); } 5796 50% { transform: perspective(800px) rotateY(180deg) translateY(-5px); } 5797 100% { transform: perspective(800px) rotateY(360deg) translateY(0); } 5798 } 5799 5800 .ut-univ-page .ut-hero-title { 5801 max-width: 1120px; 5802 margin: 0 auto; 5803 color: #fff; 5804 font-size: clamp(34px, 5vw, 60px); 5805 font-weight: 900; 5806 line-height: 1.38; 5807 letter-spacing: -.5px; 5808 text-shadow: 0 5px 18px rgba(0,0,0,.22); 5809 } 5810 5811 .ut-univ-page .ut-hero-title::after { 5812 content: ""; 5813 display: block; 5814 width: 115px; 5815 height: 5px; 5816 margin: 19px auto 21px; 5817 border-radius: 999px; 5818 background: linear-gradient(90deg, #e5c76e, #fff, #e5c76e); 5819 } 5820 5821 .ut-univ-page .ut-hero-subtitle { 5822 max-width: 860px; 5823 margin: 0 auto; 5824 color: rgba(255,255,255,.93); 5825 font-size: 18px; 5826 font-weight: 600; 5827 line-height: 2; 5828 } 5829 5830 .ut-univ-page .ut-hero-actions { 5831 display: flex; 5832 justify-content: center; 5833 gap: 10px; 5834 flex-wrap: wrap; 5835 margin-top: 24px; 5836 } 5837 5838 .ut-univ-page .ut-btn { 5839 display: inline-flex; 5840 align-items: center; 5841 justify-content: center; 5842 min-height: 45px; 5843 padding: 9px 19px; 5844 border-radius: 11px; 5845 text-decoration: none !important; 5846 font-family: inherit; 5847 font-size: 13px; 5848 font-weight: 900; 5849 transition: .23s ease; 5850 } 5851 5852 .ut-univ-page .ut-btn-primary { 5853 color: #123b5d; 5854 background: #e5c76e; 5855 box-shadow: 0 9px 22px rgba(0,0,0,.14); 5856 } 5857 5858 .ut-univ-page .ut-btn-primary:hover { 5859 transform: translateY(-3px); 5860 background: #f0d88a; 5861 } 5862 5863 .ut-univ-page .ut-btn-ghost { 5864 color: #fff; 5865 border: 1px solid rgba(255,255,255,.35); 5866 background: rgba(255,255,255,.08); 5867 } 5868 5869 .ut-univ-page .ut-btn-ghost:hover { 5870 transform: translateY(-3px); 5871 background: rgba(255,255,255,.14); 5872 } 5873 5874 /* ===================================================== 5875 STATISTICS 5876 ===================================================== */ 5877 5878 .ut-univ-page .ut-stats-wrap { 5879 position: relative; 5880 z-index: 5; 5881 margin-top: -31px; 5882 } 5883 5884 .ut-univ-page .ut-stats { 5885 display: grid; 5886 grid-template-columns: repeat(5, 1fr); 5887 gap: 10px; 5888 } 5889 5890 .ut-univ-page .ut-stat { 5891 min-height: 118px; 5892 display: flex; 5893 flex-direction: column; 5894 align-items: center; 5895 justify-content: center; 5896 padding: 16px 11px; 5897 text-align: center; 5898 color: #fff; 5899 border-radius: 15px; 5900 border: 1px solid rgba(255,255,255,.30); 5901 background: linear-gradient(145deg,#123b5d,#0c6d99); 5902 box-shadow: 0 15px 29px rgba(18,59,93,.17); 5903 } 5904 5905 .ut-univ-page .ut-stat:nth-child(2) { 5906 background: linear-gradient(145deg,#0b628b,#1489ac); 5907 } 5908 5909 .ut-univ-page .ut-stat:nth-child(3) { 5910 background: linear-gradient(145deg,#8b691e,#c9a34e); 5911 } 5912 5913 .ut-univ-page .ut-stat:nth-child(4) { 5914 background: linear-gradient(145deg,#185769,#2a8b8f); 5915 } 5916 5917 .ut-univ-page .ut-stat:nth-child(5) { 5918 background: linear-gradient(145deg,#16476a,#237bab); 5919 } 5920 5921 .ut-univ-page .ut-stat-number { 5922 display: block; 5923 font-size: 34px; 5924 line-height: 1; 5925 font-weight: 900; 5926 } 5927 5928 .ut-univ-page .ut-stat-label { 5929 display: block; 5930 margin-top: 8px; 5931 font-size: 12px; 5932 font-weight: 800; 5933 color: rgba(255,255,255,.91); 5934 } 5935 5936 /* ===================================================== 5937 MAIN SECTIONS 5938 ===================================================== */ 5939 5940 .ut-univ-page .ut-section { 5941 position: relative; 5942 padding: 72px 0; 5943 } 5944 5945 .ut-univ-page .ut-section:nth-of-type(even) { 5946 background: #e8f1f5; 5947 } 5948 5949 .ut-univ-page .ut-section-head { 5950 max-width: 850px; 5951 margin: 0 auto 34px; 5952 text-align: center; 5953 } 5954 5955 .ut-univ-page .ut-section-kicker { 5956 display: block; 5957 margin-bottom: 5px; 5958 color: #a97818; 5959 font-size: 12px; 5960 font-weight: 900; 5961 } 5962 5963 .ut-univ-page .ut-section-title { 5964 margin: 0; 5965 color: #123b5d; 5966 font-size: clamp(26px, 3.4vw, 39px); 5967 line-height: 1.5; 5968 font-weight: 900; 5969 } 5970 5971 .ut-univ-page .ut-section-title::after { 5972 content: ""; 5973 display: block; 5974 width: 78px; 5975 height: 4px; 5976 margin: 11px auto 0; 5977 border-radius: 999px; 5978 background: linear-gradient(90deg,#0a6e9e,#c9a34e); 5979 } 5980 5981 .ut-univ-page .ut-section-desc { 5982 margin: 12px 0 0; 5983 color: #5d7582; 5984 font-size: 15px; 5985 line-height: 2; 5986 font-weight: 600; 5987 } 5988 5989 /* ===================================================== 5990 INTRO + VISION/MISSION 5991 ===================================================== */ 5992 5993 .ut-univ-page .ut-intro-grid { 5994 display: grid; 5995 grid-template-columns: 1fr 1.12fr; 5996 gap: 25px; 5997 align-items: stretch; 5998 } 5999 6000 .ut-univ-page .ut-intro-image { 6001 min-height: 390px; 6002 position: relative; 6003 overflow: hidden; 6004 border-radius: 21px; 6005 background: 6006 linear-gradient(145deg,#0b5578,#1282a4 55%,#d0a84d); 6007 box-shadow: 0 18px 40px rgba(18,59,93,.13); 6008 } 6009 6010 .ut-univ-page .ut-intro-image::before { 6011 content: ""; 6012 position: absolute; 6013 inset: 0; 6014 background: 6015 radial-gradient(circle at 25% 30%, rgba(255,255,255,.17), transparent 22%), 6016 linear-gradient(135deg, rgba(9,57,83,.12), rgba(9,57,83,.35)); 6017 z-index: 1; 6018 } 6019 6020 .ut-univ-page .ut-intro-image img { 6021 width: 100%; 6022 height: 100%; 6023 object-fit: cover; 6024 position: absolute; 6025 inset: 0; 6026 } 6027 6028 .ut-univ-page .ut-intro-badge { 6029 position: absolute; 6030 left: 23px; 6031 bottom: 22px; 6032 z-index: 2; 6033 padding: 12px 14px; 6034 border-radius: 12px; 6035 color: #fff; 6036 background: rgba(8,48,71,.78); 6037 border: 1px solid rgba(255,255,255,.22); 6038 font-size: 13px; 6039 font-weight: 900; 6040 backdrop-filter: blur(8px); 6041 } 6042 6043 .ut-univ-page .ut-image-placeholder { 6044 position: absolute; 6045 inset: 0; 6046 z-index: 2; 6047 display: flex; 6048 align-items: center; 6049 justify-content: center; 6050 text-align: center; 6051 color: #fff; 6052 padding: 45px; 6053 font-size: 24px; 6054 font-weight: 900; 6055 line-height: 1.8; 6056 } 6057 6058 .ut-univ-page .ut-intro-card { 6059 display: flex; 6060 flex-direction: column; 6061 justify-content: center; 6062 padding: 34px; 6063 border-radius: 21px; 6064 background: #fff; 6065 border: 1px solid #d6e4eb; 6066 border-right: 6px solid #c9a34e; 6067 box-shadow: 0 15px 33px rgba(18,59,93,.08); 6068 } 6069 6070 .ut-univ-page .ut-intro-card h3 { 6071 margin: 0 0 13px; 6072 color: #123b5d; 6073 font-size: 28px; 6074 font-weight: 900; 6075 } 6076 6077 .ut-univ-page .ut-intro-card p { 6078 margin: 0; 6079 color: #506a78; 6080 font-size: 16px; 6081 font-weight: 600; 6082 line-height: 2.15; 6083 } 6084 6085 .ut-univ-page .ut-vm {
6086 display: grid; 6087 grid-template-columns: 1fr 1fr; 6088 gap: 15px; 6089 margin-top: 20px; 6090 } 6091 6092 .ut-univ-page .ut-vm-card { 6093 padding: 22px; 6094 border-radius: 17px; 6095 color: #fff; 6096 box-shadow: 0 12px 25px rgba(18,59,93,.11); 6097 } 6098 6099 .ut-univ-page .ut-vm-card.vision { 6100 background: linear-gradient(145deg,#123b5d,#0b709c); 6101 } 6102 6103 .ut-univ-page .ut-vm-card.mission { 6104 background: linear-gradient(145deg,#7c5d1c,#c5a04b); 6105 } 6106 6107 .ut-univ-page .ut-vm-card h3 { 6108 margin: 0 0 8px; 6109 font-size: 20px; 6110 font-weight: 900; 6111 } 6112 6113 .ut-univ-page .ut-vm-card p { 6114 margin: 0; 6115 color: rgba(255,255,255,.93); 6116 font-size: 13px; 6117 font-weight: 600; 6118 line-height: 1.95; 6119 } 6120 6121 /* ===================================================== 6122 HIGHLIGHTS 6123 ===================================================== */ 6124 6125 .ut-univ-page .ut-highlight-grid { 6126 display: grid; 6127 grid-template-columns: repeat(4,1fr); 6128 gap: 14px; 6129 } 6130 6131 .ut-univ-page .ut-highlight { 6132 position: relative; 6133 min-height: 190px; 6134 padding: 23px 19px; 6135 overflow: hidden; 6136 border-radius: 17px; 6137 background: #fff; 6138 border: 1px solid #d5e4eb; 6139 box-shadow: 0 9px 23px rgba(18,59,93,.05); 6140 transition: .25s ease; 6141 } 6142 6143 .ut-univ-page .ut-highlight:hover { 6144 transform: translateY(-6px); 6145 box-shadow: 0 17px 31px rgba(18,59,93,.10); 6146 } 6147 6148 .ut-univ-page .ut-highlight::before { 6149 content: ""; 6150 position: absolute; 6151 top: 0; 6152 right: 0; 6153 width: 100%; 6154 height: 5px; 6155 } 6156 6157 .ut-univ-page .ut-highlight.blue::before { 6158 background: #0b6f9f; 6159 } 6160 6161 .ut-univ-page .ut-highlight.gold::before { 6162 background: #c9a34e; 6163 } 6164 6165 .ut-univ-page .ut-highlight.teal::before { 6166 background: #238988; 6167 } 6168 6169 .ut-univ-page .ut-highlight.navy::before { 6170 background: #123b5d; 6171 } 6172 6173 .ut-univ-page .ut-highlight-number { 6174 color: #c19a40; 6175 font-size: 12px; 6176 font-weight: 900; 6177 } 6178 6179 .ut-univ-page .ut-highlight h3 { 6180 margin: 7px 0; 6181 color: #123b5d; 6182 font-size: 19px; 6183 font-weight: 900; 6184 } 6185 6186 .ut-univ-page .ut-highlight p { 6187 margin: 0; 6188 color: #607884; 6189 font-size: 13px; 6190 font-weight: 600; 6191 line-height: 1.9; 6192 } 6193 6194 /* ===================================================== 6195 TIMELINE 6196 ===================================================== */ 6197 6198 .ut-univ-page .ut-timeline { 6199 position: relative; 6200 display: grid; 6201 gap: 17px; 6202 max-width: 980px; 6203 margin: 0 auto; 6204 } 6205 6206 .ut-univ-page .ut-timeline::before { 6207 content: ""; 6208 position: absolute; 6209 top: 8px; 6210 bottom: 8px; 6211 right: 21px; 6212 width: 3px; 6213 background: linear-gradient(180deg,#0b6f9f,#c9a34e,#0b6f9f); 6214 border-radius: 999px; 6215 } 6216 6217 .ut-univ-page .ut-timeline-item { 6218 position: relative; 6219 display: grid; 6220 grid-template-columns: 95px 1fr; 6221 gap: 18px; 6222 align-items: start; 6223 } 6224 6225 .ut-univ-page .ut-timeline-dot { 6226 position: relative; 6227 z-index: 2; 6228 width: 45px; 6229 height: 45px; 6230 margin-right: 0; 6231 border-radius: 50%; 6232 display: flex; 6233 align-items: center; 6234 justify-content: center; 6235 color: #fff; 6236 background: #123b5d; 6237 border: 5px solid #e8f1f5; 6238 box-shadow: 0 5px 13px rgba(18,59,93,.15); 6239 font-size: 9px; 6240 font-weight: 900; 6241 } 6242 6243 .ut-univ-page .ut-timeline-card { 6244 padding: 18px 20px; 6245 border-radius: 15px; 6246 background: #fff; 6247 border: 1px solid #d5e4eb; 6248 box-shadow: 0 8px 21px rgba(18,59,93,.05); 6249 } 6250 6251 .ut-univ-page .ut-timeline-year { 6252 color: #b28728; 6253 font-size: 12px; 6254 font-weight: 900; 6255 } 6256 6257 .ut-univ-page .ut-timeline-card h3 { 6258 margin: 4px 0 5px; 6259 color: #123b5d; 6260 font-size: 18px; 6261 font-weight: 900; 6262 } 6263 6264 .ut-univ-page .ut-timeline-card p { 6265 margin: 0; 6266 color: #617987; 6267 font-size: 13px; 6268 line-height: 1.9; 6269 font-weight: 600; 6270 } 6271 6272 /* ===================================================== 6273 STRUCTURES 6274 ===================================================== */ 6275 6276 .ut-univ-page .ut-structure-grid, 6277 .ut-univ-page .ut-platform-grid { 6278 display: grid; 6279 grid-template-columns: repeat(4,1fr); 6280 gap: 14px; 6281 } 6282 6283 .ut-univ-page .ut-structure, 6284 .ut-univ-page .ut-platform { 6285 position: relative; 6286 display: block; 6287 min-height: 185px; 6288 padding: 21px;
6289 border-radius: 17px; 6290 text-decoration: none !important; 6291 background: #fff; 6292 border: 1px solid #d5e4eb; 6293 box-shadow: 0 9px 22px rgba(18,59,93,.05); 6294 overflow: hidden; 6295 transition: .24s ease; 6296 } 6297 6298 .ut-univ-page .ut-structure:hover, 6299 .ut-univ-page .ut-platform:hover { 6300 transform: translateY(-6px); 6301 border-color: #b9d1dc; 6302 box-shadow: 0 17px 31px rgba(18,59,93,.09); 6303 } 6304 6305 .ut-univ-page .ut-card-tag { 6306 display: inline-block; 6307 padding: 4px 8px; 6308 margin-bottom: 12px; 6309 border-radius: 7px; 6310 background: #0b6f9f; 6311 color: #fff; 6312 font-size: 10px; 6313 font-weight: 900; 6314 } 6315 6316 .ut-univ-page .ut-structure:nth-child(2) .ut-card-tag, 6317 .ut-univ-page .ut-platform:nth-child(2) .ut-card-tag { 6318 background: #c09a3f; 6319 } 6320 6321 .ut-univ-page .ut-structure h3, 6322 .ut-univ-page .ut-platform h3 { 6323 margin: 0 0 8px; 6324 color: #123b5d; 6325 font-size: 18px; 6326 font-weight: 900; 6327 line-height: 1.6; 6328 } 6329 6330 .ut-univ-page .ut-structure p, 6331 .ut-univ-page .ut-platform p { 6332 margin: 0; 6333 color: #607884; 6334 font-size: 13px; 6335 font-weight: 600; 6336 line-height: 1.88; 6337 } 6338 6339 .ut-univ-page .ut-card-arrow { 6340 position: absolute; 6341 left: 17px; 6342 bottom: 14px; 6343 color: #c49b38; 6344 font-size: 18px; 6345 font-weight: 900; 6346 } 6347 6348 /* ===================================================== 6349 DOCUMENTS 6350 ===================================================== */ 6351 6352 .ut-univ-page .ut-docs { 6353 display: grid; 6354 grid-template-columns: repeat(3,1fr); 6355 gap: 11px; 6356 } 6357 6358 .ut-univ-page .ut-doc { 6359 display: flex; 6360 align-items: center; 6361 justify-content: space-between; 6362 gap: 10px; 6363 min-height: 61px; 6364 padding: 13px 16px; 6365 border-radius: 11px; 6366 background: #fff; 6367 border: 1px solid #d5e4eb; 6368 border-right: 4px solid #c9a34e; 6369 color: #173b57; 6370 text-decoration: none !important; 6371 font-size: 13px; 6372 font-weight: 800; 6373 box-shadow: 0 7px 17px rgba(18,59,93,.04); 6374 transition: .2s ease; 6375 } 6376 6377 .ut-univ-page .ut-doc:hover { 6378 transform: translateX(-4px); 6379 background: #eef7fa; 6380 } 6381 6382 .ut-univ-page .ut-doc-arrow { 6383 color: #0b6f9f; 6384 font-size: 18px; 6385 font-weight: 900; 6386 } 6387 6388 /* ===================================================== 6389 NEWS 6390 ===================================================== */ 6391 6392 .ut-univ-page .ut-news { 6393 display: grid; 6394 grid-template-columns: repeat(3,1fr); 6395 gap: 14px; 6396 } 6397 6398 .ut-univ-page .ut-news-card { 6399 padding: 20px; 6400 border-radius: 16px; 6401 background: #fff; 6402 border: 1px solid #d5e4eb;
6403 border-top: 4px solid #0b6f9f; 6404 box-shadow: 0 8px 21px rgba(18,59,93,.05); 6405 transition: .23s ease; 6406 } 6407 6408 .ut-univ-page .ut-news-card:hover { 6409 transform: translateY(-5px); 6410 box-shadow: 0 15px 29px rgba(18,59,93,.08); 6411 } 6412 6413 .ut-univ-page .ut-news-date { 6414 color: #ae8023; 6415 font-size: 11px; 6416 font-weight: 900; 6417 } 6418 6419 .ut-univ-page .ut-news-card h3 { 6420 margin: 6px 0 8px; 6421 color: #123b5d; 6422 font-size: 18px; 6423 font-weight: 900; 6424 line-height: 1.6; 6425 } 6426 6427 .ut-univ-page .ut-news-card p { 6428 margin: 0 0 13px; 6429 color: #637985; 6430 font-size: 13px; 6431 font-weight: 600; 6432 line-height: 1.9; 6433 } 6434 6435 .ut-univ-page .ut-news-card a { 6436 color: #0b6f9f; 6437 text-decoration: none; 6438 font-size: 12px; 6439 font-weight: 900; 6440 } 6441 6442 /* ===================================================== 6443 CONTACT 6444 ===================================================== */ 6445 6446 .ut-univ-page .ut-contact { 6447 display: grid; 6448 grid-template-columns: 1fr 1fr; 6449 gap: 15px; 6450 } 6451 6452 .ut-univ-page .ut-contact-card { 6453 padding: 23px; 6454 border-radius: 17px; 6455 background: #fff; 6456 border: 1px solid #d5e4eb; 6457 box-shadow: 0 8px 21px rgba(18,59,93,.05); 6458 } 6459 6460 .ut-univ-page .ut-contact-card h3 { 6461 margin: 0 0 8px; 6462 color: #123b5d; 6463 font-size: 22px; 6464 font-weight: 900; 6465 } 6466 6467 .ut-univ-page .ut-contact-card p { 6468 margin: 0; 6469 color: #607885; 6470 font-size: 14px; 6471 font-weight: 600; 6472 line-height: 2; 6473 } 6474 6475 .ut-univ-page .ut-contact-lines { 6476 display: grid; 6477 gap: 8px; 6478 } 6479 6480 .ut-univ-page .ut-contact-line { 6481 padding: 11px 13px; 6482 border-radius: 9px; 6483 background: #edf5f8; 6484 border: 1px solid #dbe7ed; 6485 color: #526c79; 6486 font-size: 12px; 6487 font-weight: 800; 6488 } 6489 6490 /* ===================================================== 6491 FOOTER 6492 ===================================================== */ 6493 6494 .ut-univ-page .ut-footer { 6495 padding: 28px 0; 6496 text-align: center; 6497 color: rgba(255,255,255,.84); 6498 background: #123b5d;
6499 border-top: 4px solid #c9a34e; 6500 } 6501 6502 .ut-univ-page .ut-footer strong { 6503 color: #fff; 6504 font-weight: 900; 6505 } 6506 6507 .ut-univ-page .ut-footer p { 6508 margin: 0; 6509 font-size: 13px; 6510 font-weight: 600; 6511 } 6512 6513 /* ===================================================== 6514 RESPONSIVE 6515 ===================================================== */ 6516 6517 @media (max-width: 1050px) { 6518 .ut-univ-page .ut-stats { 6519 grid-template-columns: repeat(3,1fr); 6520 } 6521 6522 .ut-univ-page .ut-highlight-grid, 6523 .ut-univ-page .ut-structure-grid, 6524 .ut-univ-page .ut-platform-grid { 6525 grid-template-columns: repeat(2,1fr); 6526 } 6527 } 6528 6529 @media (max-width: 800px) { 6530 .ut-univ-page .ut-hero { 6531 min-height: auto; 6532 } 6533 6534 .ut-univ-page .ut-hero-content { 6535 padding: 52px 0 72px; 6536 } 6537 6538 .ut-univ-page .ut-intro-grid { 6539 grid-template-columns: 1fr; 6540 } 6541 6542 .ut-univ-page .ut-intro-image { 6543 min-height: 300px; 6544 } 6545 6546 .ut-univ-page .ut-vm { 6547 grid-template-columns: 1fr; 6548 } 6549 6550 .ut-univ-page .ut-services, 6551 .ut-univ-page .ut-news, 6552 .ut-univ-page .ut-contact { 6553 grid-template-columns: 1fr; 6554 } 6555 6556 .ut-univ-page .ut-docs { 6557 grid-template-columns: repeat(2,1fr); 6558 } 6559 } 6560 6561 @media (max-width: 560px) { 6562 .ut-univ-page .ut-container { 6563 width: min(100% - 16px,1240px); 6564 } 6565 6566 .ut-univ-page .ut-hero-title { 6567 font-size: 27px; 6568 } 6569 6570 .ut-univ-page .ut-hero-subtitle { 6571 font-size: 14px; 6572 } 6573 6574 .ut-univ-page .ut-hero-logo, 6575 .ut-univ-page .ut-logo-placeholder { 6576 width: 124px; 6577 height: 124px; 6578 } 6579 6580 .ut-univ-page .ut-stats, 6581 .ut-univ-page .ut-highlight-grid, 6582 .ut-univ-page .ut-structure-grid, 6583 .ut-univ-page .ut-platform-grid, 6584 .ut-univ-page .ut-docs { 6585 grid-template-columns: 1fr; 6586 } 6587 6588 .ut-univ-page .ut-stat-number { 6589 font-size: 31px; 6590 } 6591 6592 .ut-univ-page .ut-section { 6593 padding: 52px 0; 6594 } 6595 6596 .ut-univ-page .ut-intro-card { 6597 padding: 23px; 6598 } 6599 6600 .ut-univ-page .ut-timeline-item { 6601 grid-template-columns: 60px 1fr; 6602 gap: 10px; 6603 } 6604 6605 .ut-univ-page .ut-timeline::before { 6606 right: 15px; 6607 } 6608 6609 .ut-univ-page .ut-timeline-dot { 6610 width: 34px; 6611 height: 34px; 6612 font-size: 8px; 6613 } 6614 } 6615 6616 @media (prefers-reduced-motion: reduce) { 6617 .ut-univ-page .ut-logo-placeholder, 6618 .ut-univ-page .ut-hero-logo { 6619 animation: none; 6620 } 6621 6622 .ut-univ-page * { 6623 scroll-behavior: auto !important; 6624 } 6625 } 6626 </style> 6627 6628 <div class="ut-univ-page"> 6629 6630 <!-- ===================================================== 6631 HERO 6632 ====================================================== --> 6633 6634 <section class="ut-hero "> 6635 6636 6637 <span class="ut-circle one"></span> 6638 <span class="ut-circle two"></span> 6639 6640 <div class="ut-container"> 6641 <div class="ut-hero-content"> 6642 6643 <div class="ut-hero-kicker"> 6644 جا٠عة ØªÙØ¯ÙÙ </div> 6645 6646 6647 <div class="ut-logo-placeholder"> 6648 شعار<br>جا٠عة ØªÙØ¯ÙÙ </div> 6649 6650 6651 <h1 class="ut-hero-title"> 6652 ÙØ¨Ø°Ø© ع٠جا٠عة ØªÙØ¯ÙÙ </h1> 6653 6654 <p class="ut-hero-subtitle"> 6655 تعرÙÙ Ø¨Ø§ÙØ¬Ø§Ù عة ÙØ±Ø³Ø§ÙØªÙØ§ ÙØ¯ÙØ±ÙØ§ ÙÙ Ø§ÙØªØ¹ÙÙÙ ÙØ§ÙتÙÙÙÙ ÙØ§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ Ù ÙØ®Ø¯Ù Ø© اÙ٠جت٠ع. </p> 6656 6657 <div class="ut-hero-actions"> 6658 6659 <a
6660 href="#ut-univ-about" 6661 class="ut-btn ut-btn-primary" 6662 > 6663 Ø§ÙØªØ´Ù Ø§ÙØ¬Ø§Ù عة â 6664 </a> 6665 6666 <a 6667 href="#ut-univ-structures" 6668 class="ut-btn ut-btn-ghost" 6669 > 6670 ÙÙØ§ÙÙ Ø§ÙØ¬Ø§Ù عة 6671 </a> 6672 6673 </div> 6674 6675 </div> 6676 </div> 6677 6678 </section> 6679 6680 <!-- ===================================================== 6681 STATS 6682 ====================================================== --> 6683 6684 <section class="ut-stats-wrap"> 6685 <div class="ut-container"> 6686 6687 <div class="ut-stats"> 6688 6689 6690 <div class="ut-stat"> 6691 6692 <span 6693 class="ut-stat-number" 6694 data-value="0" 6695 >0</span> 6696 6697 <span class="ut-stat-label"> 6698 Ø·Ø§ÙØ¨ </span> 6699 6700 </div> 6701 6702 6703 <div class="ut-stat"> 6704 6705 <span 6706 class="ut-stat-number" 6707 data-value="0" 6708 >0</span> 6709 6710 <span class="ut-stat-label"> 6711 أستاذ </span> 6712 6713 </div> 6714 6715 6716 <div class="ut-stat"> 6717 6718 <span 6719 class="ut-stat-number" 6720 data-value="0" 6721 >0</span> 6722 6723 <span class="ut-stat-label"> 6724 تخصص </span> 6725 6726 </div> 6727 6728 6729 <div class="ut-stat"> 6730 6731 <span 6732 class="ut-stat-number" 6733 data-value="0" 6734 >0</span> 6735 6736 <span class="ut-stat-label"> 6737 ÙÙÙØ© / Ù Ø¹ÙØ¯ </span> 6738 6739 </div> 6740 6741 6742 <div class="ut-stat"> 6743 6744 <span 6745 class="ut-stat-number" 6746 data-value="0" 6747 >0</span> 6748 6749 <span class="ut-stat-label"> 6750 Ù Ø±ÙØ² / ÙÙØ¦Ø© </span> 6751 6752 </div> 6753 6754 6755 </div> 6756 6757 </div> 6758 </section> 6759 6760 <!-- ===================================================== 6761 ABOUT 6762 ====================================================== --> 6763 6764 <section 6765 class="ut-section" 6766 id="ut-univ-about" 6767 > 6768 6769 <div class="ut-container"> 6770 6771 <div class="ut-section-head"> 6772 6773 <span class="ut-section-kicker"> 6774 Ø§ÙØªØ¹Ø±ÙÙ 6775 </span> 6776 6777 <h2 class="ut-section-title"> 6778 Ø¹Ù Ø§ÙØ¬Ø§Ù عة 6779 </h2> 6780 6781 <p class="ut-section-desc"> 6782 ÙØ¨Ø°Ø© Ù Ø¤Ø³Ø³Ø§ØªÙØ© ÙÙ ÙÙ ØªØØ¯ÙØ«ÙØ§ ÙØ§ØÙÙØ§ ٠٠اÙÙØµ Ø§ÙØ±Ø³Ù Ù. 6783 </p> 6784 6785 </div> 6786 6787 <div class="ut-intro-grid"> 6788 6789 <div class="ut-intro-image"> 6790 6791 6792 <div class="ut-image-placeholder"> 6793 ØµÙØ±Ø© Ø§ÙØ¬Ø§Ù عة<br> 6794 Ø£Ù Ø§ÙØØ±Ù Ø§ÙØ¬Ø§Ù ع٠6795 </div> 6796 6797 6798 <div class="ut-intro-badge"> 6799 جا٠عة ØªÙØ¯Ù٠· Ø§ÙØªØ¹ÙÙ٠· Ø§ÙØ¨ØØ« · Ø§ÙØ§Ø¨ØªÙار 6800 </div> 6801 6802 </div> 6803 6804 <div class="ut-intro-card"> 6805 6806 <h3> 6807 جا٠عة ØªÙØ¯ÙÙ </h3> 6808 6809 <p> 6810 ØªÙØ¹Ø¯ جا٠عة ØªÙØ¯Ù٠٠ؤسسة ÙÙØªØ¹ÙÙÙ Ø§ÙØ¹Ø§ÙÙ ÙØ§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ ÙØ ÙØªØ³ÙÙ Ù٠تÙÙÙØ± تÙÙÙ٠جا٠ع٠٠تÙÙØ¹Ø ÙØ¯Ø¹Ù اÙÙØ´Ø§Ø· Ø§ÙØ¹ÙÙ ÙØ ÙØªØ·ÙÙØ± اÙÙÙØ§Ø¡Ø§ØªØ ÙØ§ÙاÙÙØªØ§Ø عÙÙ Ù ØÙØ·ÙØ§ Ø§ÙØ§ÙØªØµØ§Ø¯Ù ÙØ§Ùاجت٠اعÙ. ÙÙÙØ¯Ù ÙØ°Ø§ اÙÙØ³Ù ÙØ¨Ø°Ø© عا٠ة Ø¹Ù Ø§ÙØ¬Ø§Ù Ø¹Ø©Ø ÙÙÙ ÙÙ Ø§Ø³ØªØ¨Ø¯Ø§Ù ÙØ°Ø§ اÙÙØµ ÙØ§ØÙÙØ§ Ø¨Ø§ÙØµÙاغة اÙÙ Ø¤Ø³Ø³ÙØ© Ø§ÙØ±Ø³Ù ÙØ© اÙ٠عت٠دة. </p> 6811 6812 <div class="ut-vm"> 6813 6814 <div class="ut-vm-card vision"> 6815 6816 <h3>Ø±Ø¤ÙØªÙا</h3> 6817 6818 <p> 6819 ØªØ³Ø¹Ù Ø§ÙØ¬Ø§Ù عة Ø¥ÙÙ Ø¨ÙØ§Ø¡ Ø¨ÙØ¦Ø© Ø¬Ø§Ù Ø¹ÙØ© Ù ØÙزة عÙÙ Ø§ÙØªÙ ÙØ² ÙØ§ÙÙ Ø¹Ø±ÙØ© ÙØ§ÙØ§Ø¨ØªÙØ§Ø±Ø ÙØªØ¹Ø²Ùز Ø¬ÙØ¯Ø© Ø§ÙØªØ¹ÙÙÙ ÙØ§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ ÙØ ÙØªØ·ÙÙØ± Ø§ÙØ´Ø±Ø§Ùات ÙØ®Ø¯Ù Ø© اÙ٠جت٠ع. </p> 6820 6821 </div> 6822 6823 <div class="ut-vm-card mission"> 6824 6825 <h3>Ø±Ø³Ø§ÙØªÙا</h3> 6826 6827 <p> 6828 ØªØªÙ Ø«Ù Ø±Ø³Ø§ÙØ© Ø§ÙØ¬Ø§Ù عة ÙÙ ØªÙØ¯Ù٠تÙÙÙÙ Ø¬Ø§Ù Ø¹Ù Ø°Ù Ø¬ÙØ¯Ø©Ø ÙØ¯Ø¹Ù Ø§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ ÙØ ÙØªÙÙ ÙØ© ÙØ¯Ø±Ø§Øª Ø§ÙØ·Ùبة ÙØ§ÙØ£Ø³Ø§ØªØ°Ø©Ø ÙØ§Ù٠ساÙÙ Ø© ÙÙ Ø§ÙØªÙÙ ÙØ© اÙÙ ØÙÙØ© ÙØ§ÙÙØ·ÙÙØ© Ù Ù Ø®ÙØ§Ù اÙÙ Ø¹Ø±ÙØ© ÙØ§ÙØ§Ø¨ØªÙØ§Ø±. </p> 6829 6830 </div> 6831 6832 </div> 6833 6834 </div> 6835 6836 </div> 6837 6838 </div> 6839 6840 </section> 6841 6842 <!-- ===================================================== 6843 HIGHLIGHTS 6844 ====================================================== --> 6845 6846 <section class="ut-section"> 6847 6848 <div class="ut-container"> 6849 6850 <div class="ut-section-head"> 6851
6852 <span class="ut-section-kicker"> 6853 Ù Ø¬Ø§ÙØ§Øª Ø§ÙØ¹Ù Ù 6854 </span> 6855 6856 <h2 class="ut-section-title"> 6857 Ø§ÙØ¬Ø§Ù عة ÙÙ Ù ØØ§Ùر 6858 </h2> 6859 6860 <p class="ut-section-desc"> 6861 عرض ٠ختصر ÙØ£Ù٠اÙÙ Ø¬Ø§ÙØ§Øª Ø§ÙØªÙ ÙÙ ÙÙ Ø¥Ø¨Ø±Ø§Ø²ÙØ§ ÙÙ Ø§ÙØµÙØØ©. 6862 </p> 6863 6864 </div> 6865 6866 <div class="ut-highlight-grid"> 6867 6868 6869 <article class="ut-highlight blue"> 6870 6871 <div class="ut-highlight-number"> 6872 01 </div> 6873 6874 <h3> 6875 Ø§ÙØªØ¹ÙÙÙ ÙØ§ÙتÙÙÙÙ </h3> 6876 6877 <p> 6878 ØªÙØ¯Ù٠٠سارات تÙÙÙÙ Ø¬Ø§Ù Ø¹ÙØ© ٠تÙÙØ¹Ø© Ù٠راÙÙØ© اÙ٠سار Ø§ÙØ£ÙادÙÙ Ù ÙÙØ·Ùبة. </p> 6879 6880 </article> 6881 6882 6883 <article class="ut-highlight gold"> 6884 6885 <div class="ut-highlight-number"> 6886 02 </div> 6887 6888 <h3> 6889 Ø§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ Ù </h3> 6890 6891 <p> 6892 دع٠اÙÙØ´Ø§Ø· Ø§ÙØ¹ÙÙ Ù ÙØ§ÙØ¨ØØ«Ù ÙØªØ´Ø¬Ùع Ø§ÙØ¥Ùتاج Ø§ÙØ¹ÙÙ Ù ÙØ§ÙÙ Ø´Ø§Ø±ÙØ¹ Ø§ÙØ¨ØØ«ÙØ©. </p> 6893 6894 </article> 6895 6896 6897 <article class="ut-highlight teal"> 6898 6899 <div class="ut-highlight-number"> 6900 03 </div> 6901 6902 <h3> 6903 Ø§ÙØ§Ø¨ØªÙار </h3> 6904 6905 <p> 6906 ØªØ´Ø¬ÙØ¹ Ø§ÙØ§Ø¨ØªÙار ÙØ±Ùادة Ø§ÙØ£Ø¹Ù Ø§Ù ÙØ±Ø¨Ø· اÙÙ Ø¹Ø±ÙØ© Ø¨ØØ§Ø¬Ø§Øª اÙÙ ØÙØ·. </p> 6907 6908 </article> 6909 6910 6911 <article class="ut-highlight navy"> 6912 6913 <div class="ut-highlight-number"> 6914 04 </div> 6915 6916 <h3> 6917 Ø§ÙØªØ¹Ø§ÙÙ ÙØ§ÙØ´Ø±Ø§ÙØ© </h3> 6918 6919 <p> 6920 تطÙÙØ± Ø¹ÙØ§Ùات Ø§ÙØªØ¹Ø§ÙÙ ÙØ§ÙØ´Ø±Ø§ÙØ© ٠ع اÙ٠ؤسسات ÙØ§ÙÙÙØ¦Ø§Øª اÙÙØ·ÙÙØ© ÙØ§ÙدÙÙÙØ©. </p> 6921 6922 </article> 6923 6924 6925 </div> 6926 6927 </div> 6928 6929 </section> 6930 6931 <!-- ===================================================== 6932 HISTORY / TIMELINE 6933 ====================================================== --> 6934 6935 <section class="ut-section"> 6936 6937 <div class="ut-container"> 6938 6939 <div class="ut-section-head"> 6940 6941 <span class="ut-section-kicker"> 6942 اÙ٠سار 6943 </span> 6944 6945 <h2 class="ut-section-title"> 6946 Ù ØØ·Ø§Øª Ù Ù ØªØ§Ø±ÙØ® Ø§ÙØ¬Ø§Ù عة 6947 </h2> 6948 6949 <p class="ut-section-desc"> 6950 ÙÙ ÙØ°Ø¬ ز٠ÙÙ Ø¬Ø§ÙØ² ÙØ§Ø³ØªÙبا٠اÙÙ ØØ·Ø§Øª Ø§ÙØªØ§Ø±ÙØ®ÙØ© Ø§ÙØ±Ø³Ù ÙØ©. 6951 </p> 6952 6953 </div> 6954 6955 <div class="ut-timeline"> 6956 6957 6958 <div class="ut-timeline-item"> 6959 6960 <div class="ut-timeline-dot"> 6961 â 6962 </div> 6963 6964 <div class="ut-timeline-card"> 6965 6966 <div class="ut-timeline-year"> 6967 ٠رØÙØ© 01 </div> 6968 6969 <h3> 6970 ØªØ£Ø³ÙØ³ Ø§ÙØ¬Ø§Ù عة </h3> 6971 6972 <p> 6973 ÙØ³ØªØ¨Ø¯Ù ÙØ°Ø§ اÙÙØµ باÙ٠عÙÙÙ Ø© Ø§ÙØªØ§Ø±ÙØ®ÙØ© Ø§ÙØ±Ø³Ù ÙØ©. </p> 6974 6975 </div> 6976 6977 </div> 6978 6979 6980 <div class="ut-timeline-item"> 6981 6982 <div class="ut-timeline-dot"> 6983 â 6984 </div> 6985 6986 <div class="ut-timeline-card"> 6987 6988 <div class="ut-timeline-year"> 6989 ٠رØÙØ© 02 </div> 6990 6991 <h3> 6992 ØªØ·ÙØ± ÙÙØ§ÙÙ Ø§ÙØªÙÙÙÙ </h3> 6993 6994 <p> 6995 ÙØ³ØªØ¨Ø¯Ù ÙØ°Ø§ اÙÙØµ باÙÙ ØØ·Ø§Øª Ø§ÙØ±Ø³Ù ÙØ© ÙØªØ·Ùر Ø§ÙØ¬Ø§Ù عة. </p> 6996 6997 </div> 6998 6999 </div> 7000 7001 7002 <div class="ut-timeline-item"> 7003 7004 <div class="ut-timeline-dot"> 7005 â 7006 </div> 7007 7008 <div class="ut-timeline-card"> 7009 7010 <div class="ut-timeline-year"> 7011 ٠رØÙØ© 03 </div> 7012 7013 <h3> 7014 ØªÙØ³Ùع Ù Ø¬Ø§ÙØ§Øª Ø§ÙØ¨ØØ« ÙØ§ÙتعاÙÙ </h3> 7015 7016 <p> 7017 ÙØ³ØªØ¨Ø¯Ù ÙØ°Ø§ اÙÙØµ باÙ٠عÙÙ٠ات Ø§ÙØ±Ø³Ù ÙØ© Ø§ÙØ®Ø§ØµØ© Ø¨ÙØ°Ù اÙ٠رØÙØ©. </p> 7018 7019 </div> 7020 7021 </div> 7022 7023 7024 <div class="ut-timeline-item"> 7025 7026 <div class="ut-timeline-dot"> 7027 â 7028 </div> 7029 7030 <div class="ut-timeline-card"> 7031 7032 <div class="ut-timeline-year"> 7033 اÙÙÙÙ </div> 7034 7035 <h3> 7036 Ø§ÙØ¬Ø§Ù عة Ù٠٠سار Ø§ÙØªØ·Ùر </h3> 7037 7038 <p> 7039 ØªØ³ØªØ¨Ø¯Ù ÙØ°Ù اÙÙÙØ±Ø© باÙÙØ¶Ø¹ Ø§ÙØØ§ÙÙ ÙØ§ÙØ¥ÙØ¬Ø§Ø²Ø§Øª اÙ٠عت٠دة. </p> 7040 7041 </div> 7042 7043 </div> 7044 7045 7046 </div> 7047 7048 </div> 7049 7050 </section> 7051 7052 <!-- ===================================================== 7053 STRUCTURES 7054 ====================================================== --> 7055 7056 <section 7057 class="ut-section" 7058 id="ut-univ-structures" 7059 > 7060 7061 <div class="ut-container"> 7062 7063 <div class="ut-section-head"> 7064
7065 <span class="ut-section-kicker"> 7066 Ø§ÙØªÙظÙÙ 7067 </span> 7068 7069 <h2 class="ut-section-title"> 7070 ÙÙØ§ÙÙ Ø§ÙØ¬Ø§Ù عة 7071 </h2> 7072 7073 <p class="ut-section-desc"> 7074 Ø¨Ø·Ø§ÙØ§Øª ÙÙÙØµÙÙ Ø§ÙØ³Ø±Ùع Ø¥Ù٠٠ختÙÙ ÙÙØ§ÙÙ Ø§ÙØ¬Ø§Ù عة. 7075 </p> 7076 7077 </div> 7078 7079 <div class="ut-structure-grid"> 7080 7081 7082 <a 7083 class="ut-structure" 7084 href="#" 7085 > 7086 7087 <span class="ut-card-tag"> 7088 Ø§Ø³ØªÙØ´Ø§Ù </span> 7089 7090 <h3> 7091 اÙÙÙÙØ§Øª ÙØ§ÙÙ Ø¹Ø§ÙØ¯ </h3> 7092 7093 <p> 7094 عرض اÙÙÙÙØ§Øª ÙØ§ÙÙ Ø¹Ø§ÙØ¯ ÙØ§Ùتخصصات Ø§ÙØªØ§Ø¨Ø¹Ø© ÙÙØ§. </p> 7095 7096 <span class="ut-card-arrow"> 7097 â 7098 </span> 7099 7100 </a> 7101 7102 7103 <a 7104 class="ut-structure" 7105 href="#" 7106 > 7107 7108 <span class="ut-card-tag"> 7109 Ø§Ø³ØªÙØ´Ø§Ù </span> 7110 7111 <h3> 7112 اÙÙ Ø±Ø§ÙØ² ÙØ§ÙÙÙØ§ÙÙ </h3> 7113 7114 <p> 7115 Ø§ÙØªØ¹Ø±Ù٠باÙÙ Ø±Ø§ÙØ² ÙØ§ÙÙØØ¯Ø§Øª ÙØ§ÙÙÙØ§ÙÙ Ø§ÙØ¬Ø§Ù Ø¹ÙØ©. </p> 7116 7117 <span class="ut-card-arrow"> 7118 â 7119 </span> 7120 7121 </a> 7122 7123 7124 <a 7125 class="ut-structure" 7126 href="#" 7127 > 7128 7129 <span class="ut-card-tag"> 7130 Ø§Ø³ØªÙØ´Ø§Ù </span> 7131 7132 <h3> 7133 ÙÙØ§Ø¨Ø§Øª Ù Ø¯ÙØ±Ùات Ø§ÙØ¬Ø§Ù عة </h3> 7134 7135 <p> 7136 Ø§ÙØªØ¹Ø±Ù٠باÙÙÙØ§Ø¨Ø§Øª ÙÙ ÙØ§Ù ÙØ§ ÙØ§ÙÙ ØµØ§ÙØ Ø§ÙØªØ§Ø¨Ø¹Ø© ÙÙØ§. </p> 7137 7138 <span class="ut-card-arrow"> 7139 â 7140 </span> 7141 7142 </a> 7143 7144 7145 <a 7146 class="ut-structure" 7147 href="#" 7148 > 7149 7150 <span class="ut-card-tag"> 7151 Ø§Ø³ØªÙØ´Ø§Ù </span> 7152 7153 <h3> 7154 ÙØ§Ø¬Ùات Ø§ÙØ¬Ø§Ù عة </h3> 7155 7156 <p> 7157 عرض اÙÙØ§Ø¬Ùات ÙØ§ÙØ®ÙØ§Ùا ÙØ§Ùخد٠ات Ø§ÙØ¯Ø§Ø¹Ù Ø© ÙÙØ¬Ø§Ù عة. </p> 7158 7159 <span class="ut-card-arrow"> 7160 â 7161 </span> 7162 7163 </a> 7164 7165 7166 </div> 7167 7168 </div> 7169 7170 </section> 7171 7172 <!-- ===================================================== 7173 DIGITAL 7174 ====================================================== --> 7175 7176 <section class="ut-section"> 7177 7178 <div class="ut-container"> 7179 7180 <div class="ut-section-head"> 7181
7182 <span class="ut-section-kicker"> 7183 Ø§ÙØªØÙÙ Ø§ÙØ±ÙÙ Ù 7184 </span> 7185 7186 <h2 class="ut-section-title"> 7187 Ù ÙØµØ§Øª Ø§ÙØ¬Ø§Ù عة Ø§ÙØ±ÙÙ ÙØ© 7188 </h2> 7189 7190 <p class="ut-section-desc"> 7191 ÙØµÙ٠٠باشر Ø¥Ù٠اÙÙ ÙØµØ§Øª ÙØ§Ùخد٠ات Ø§ÙØ±ÙÙ ÙØ©. 7192 </p> 7193 7194 </div> 7195 7196 <div class="ut-platform-grid"> 7197 7198 7199 <a 7200 class="ut-platform" 7201 href="#" 7202 > 7203 7204 <span class="ut-card-tag"> 7205 Ù ÙØµØ© رÙÙ ÙØ© 7206 </span> 7207 7208 <h3> 7209 Ø§ÙØªØ¹ÙÙÙ Ø§ÙØ¥ÙÙØªØ±ÙÙÙ </h3> 7210 7211 <p> 7212 Ù ÙØµØ© Ø§ÙØ®Ø¯Ù ات ÙØ§ÙØ£ÙØ´Ø·Ø© اÙ٠رتبطة Ø¨Ø§ÙØªØ¹ÙÙÙ Ø§ÙØ¥ÙÙØªØ±ÙÙÙ. </p> 7213 7214 <span class="ut-card-arrow"> 7215 â 7216 </span> 7217 7218 </a> 7219 7220 7221 <a 7222 class="ut-platform" 7223 href="#" 7224 > 7225 7226 <span class="ut-card-tag"> 7227 Ù ÙØµØ© رÙÙ ÙØ© 7228 </span> 7229 7230 <h3> 7231 PROGRES </h3> 7232 7233 <p> 7234 Ù ÙØµØ© Ø§ÙØ®Ø¯Ù ات ÙØ§Ù٠سارات ÙØ§ÙÙ ÙÙØ§Øª Ø§ÙØ¬Ø§Ù Ø¹ÙØ©. </p> 7235 7236 <span class="ut-card-arrow"> 7237 â 7238 </span> 7239 7240 </a> 7241 7242 7243 <a 7244 class="ut-platform" 7245 href="#" 7246 > 7247 7248 <span class="ut-card-tag"> 7249 Ù ÙØµØ© رÙÙ ÙØ© 7250 </span> 7251 7252 <h3> 7253 اÙÙ Ø³ØªÙØ¯Ø¹ Ø§ÙØ±ÙÙ Ù </h3> 7254 7255 <p> 7256 اÙÙØµÙ٠إÙÙ Ø§ÙØ¥Ùتاج Ø§ÙØ¹ÙÙ Ù ÙØ§ÙÙØ«Ø§Ø¦Ù Ø§ÙØ±ÙÙ ÙØ©. </p> 7257 7258 <span class="ut-card-arrow"> 7259 â 7260 </span> 7261 7262 </a> 7263 7264 7265 <a 7266 class="ut-platform" 7267 href="#" 7268 > 7269 7270 <span class="ut-card-tag"> 7271 Ù ÙØµØ© رÙÙ ÙØ© 7272 </span> 7273 7274 <h3> 7275 Ø§ÙØ®Ø¯Ù ات Ø§ÙØ±ÙÙ ÙØ© </h3> 7276 7277 <p> 7278 Ø¨ÙØ§Ø¨Ø© ٠ختصرة ÙÙÙØµÙ٠إÙÙ Ø§ÙØ®Ø¯Ù ات Ø§ÙØ¥ÙÙØªØ±ÙÙÙØ© Ø§ÙØ¬Ø§Ù Ø¹ÙØ©. </p> 7279 7280 <span class="ut-card-arrow"> 7281 â 7282 </span> 7283 7284 </a> 7285 7286 7287 </div> 7288 7289 </div> 7290 7291 </section> 7292 7293 <!-- ===================================================== 7294 DOCUMENTS 7295 ====================================================== --> 7296 7297 <section class="ut-section"> 7298 7299 <div class="ut-container"> 7300 7301 <div class="ut-section-head"> 7302
7303 <span class="ut-section-kicker"> 7304 اÙÙ ÙØ§Ø±Ø¯ 7305 </span> 7306 7307 <h2 class="ut-section-title"> 7308 اÙÙØ«Ø§Ø¦Ù ÙØ§ÙÙ ÙØ§Ø±Ø¯ 7309 </h2> 7310 7311 <p class="ut-section-desc"> 7312 Ù ÙÙØ§Øª ÙØ±Ùابط ÙÙ ÙÙ Ø§ÙØ±Ø¬Ùع Ø¥ÙÙÙØ§ بسÙÙÙØ©. 7313 </p> 7314 7315 </div> 7316 7317 <div class="ut-docs"> 7318 7319 7320 <a 7321 class="ut-doc" 7322 href="#" 7323 > 7324 7325 <span> 7326 Ø§ÙØ¯ÙÙÙ Ø§ÙØªØ¹Ø±ÙÙÙ ÙÙØ¬Ø§Ù عة </span> 7327 7328 <span class="ut-doc-arrow"> 7329 â 7330 </span> 7331 7332 </a> 7333 7334 7335 <a 7336 class="ut-doc" 7337 href="#" 7338 > 7339 7340 <span> 7341 اÙÙÙÙÙ Ø§ÙØªÙظÙÙ Ù </span> 7342 7343 <span class="ut-doc-arrow"> 7344 â 7345 </span> 7346 7347 </a> 7348 7349 7350 <a 7351 class="ut-doc" 7352 href="#" 7353 > 7354 7355 <span> 7356 اÙÙØµÙص ÙØ§ÙØªÙØ¸Ù٠ات </span> 7357 7358 <span class="ut-doc-arrow"> 7359 â 7360 </span> 7361 7362 </a> 7363 7364 7365 <a 7366 class="ut-doc" 7367 href="#" 7368 > 7369 7370 <span> 7371 Ø§ÙØ£Ø¯ÙØ© ÙØ§ÙÙ٠اذج </span> 7372 7373 <span class="ut-doc-arrow"> 7374 â 7375 </span> 7376 7377 </a> 7378 7379 7380 <a 7381 class="ut-doc" 7382 href="#" 7383 > 7384 7385 <span> 7386 Ø§ÙØªÙØ§Ø±ÙØ± ÙØ§ÙØ¥ØØµØ§Ø¦Ùات </span> 7387 7388 <span class="ut-doc-arrow"> 7389 â 7390 </span> 7391 7392 </a> 7393 7394 7395 <a 7396 class="ut-doc" 7397 href="#" 7398 > 7399 7400 <span> 7401 Ø±ÙØ§Ø¨Ø· Ù ÙÙØ¯Ø© </span> 7402 7403 <span class="ut-doc-arrow"> 7404 â 7405 </span> 7406 7407 </a> 7408 7409 7410 </div> 7411 7412 </div> 7413 7414 </section> 7415 7416 <!-- ===================================================== 7417 NEWS 7418 ====================================================== --> 7419 7420 <section class="ut-section"> 7421 7422 <div class="ut-container"> 7423 7424 <div class="ut-section-head"> 7425 7426 <span class="ut-section-kicker"> 7427 Ø§ÙØ¥Ø¹Ùا٠7428 </span> 7429 7430 <h2 class="ut-section-title"> 7431 آخر Ø§ÙØ£Ùشطة ÙØ§Ù٠ستجدات 7432 </h2> 7433 7434 <p class="ut-section-desc"> 7435 Ù Ø³Ø§ØØ© ÙØ¹Ø±Ø¶ Ø§ÙØ£Ø®Ø¨Ø§Ø± ÙØ§ÙØ£ÙØ´Ø·Ø© Ø§ÙØ±Ø³Ù ÙØ© ÙÙØ¬Ø§Ù عة. 7436 </p> 7437 7438 </div> 7439 7440 <div class="ut-news"> 7441 7442 7443 <article class="ut-news-card"> 7444 7445 <div class="ut-news-date"> 7446 2026 </div> 7447 7448 <h3> 7449 ÙØ´Ø§Ø· جا٠ع٠</h3> 7450 7451 <p> 7452 Ù ÙØ®Øµ ÙØµÙر ÙÙÙØ´Ø§Ø· Ø£Ù Ø§ÙØ®Ø¨Ø±Ø ÙÙØ³ØªØ¨Ø¯Ù ÙØ§ØÙÙØ§ باÙÙ ØØªÙÙ Ø§ÙØ±Ø³Ù Ù. </p> 7453 7454 <a 7455 href="#" 7456 > 7457 ÙØ±Ø§Ø¡Ø© Ø§ÙØªÙاصÙÙ â 7458 </a> 7459 7460 </article> 7461 7462 7463 <article class="ut-news-card"> 7464 7465 <div class="ut-news-date"> 7466 2026 </div> 7467 7468 <h3> 7469 Ø¥Ø¹ÙØ§Ù جا٠ع٠</h3> 7470 7471 <p> 7472 Ù ÙØ®Øµ ÙØµÙر ÙÙØ¥Ø¹Ùا٠أ٠اÙ٠ستجد Ø§ÙØ¬Ø§Ù عÙ. </p> 7473 7474 <a 7475 href="#" 7476 > 7477 ÙØ±Ø§Ø¡Ø© Ø§ÙØªÙاصÙÙ â 7478 </a> 7479 7480 </article> 7481 7482 7483 <article class="ut-news-card"> 7484 7485 <div class="ut-news-date"> 7486 2026 </div> 7487 7488 <h3> 7489 ٠ستجد Ø£ÙØ§Ø¯ÙÙ Ù </h3> 7490 7491 <p> 7492 Ù ÙØ®Øµ ÙØµÙر ÙÙØ®Ø¨Ø± أ٠اÙ٠ستجد Ø§ÙØ£ÙادÙÙ Ù. </p> 7493 7494 <a 7495 href="#" 7496 > 7497 ÙØ±Ø§Ø¡Ø© Ø§ÙØªÙاصÙÙ â 7498 </a> 7499 7500 </article> 7501 7502 7503 </div> 7504 7505 </div> 7506 7507 </section> 7508 7509 <!-- ===================================================== 7510 CONTACT 7511 ====================================================== --> 7512 7513 <section class="ut-section"> 7514 7515 <div class="ut-container"> 7516 7517 <div class="ut-section-head"> 7518
7519 <span class="ut-section-kicker"> 7520 ØªÙØ§ØµÙ 7521 </span> 7522 7523 <h2 class="ut-section-title"> 7524 ٠عÙÙ٠ات Ø§ÙØ§ØªØµØ§Ù 7525 </h2> 7526 7527 </div> 7528 7529 <div class="ut-contact"> 7530 7531 <div class="ut-contact-card"> 7532 7533 <h3> 7534 جا٠عة ØªÙØ¯ÙÙ </h3> 7535 7536 <p> 7537 جا٠عة ØªÙØ¯ÙÙ â ØªÙدÙÙØ Ø§ÙØ¬Ø²Ø§Ø¦Ø± </p> 7538 7539 </div> 7540 7541 <div class="ut-contact-card"> 7542 7543 <div class="ut-contact-lines"> 7544 7545 <div class="ut-contact-line"> 7546 â [email protected] </div> 7547 7548 <div class="ut-contact-line"> 7549 â Ø§ÙÙØ§ØªÙ Ø§ÙØ±Ø³Ù Ù </div> 7550 7551 <div class="ut-contact-line"> 7552 ð Ø¬Ø§Ù Ø¹Ø© ØªÙØ¯ÙÙ â ØªÙدÙÙØ Ø§ÙØ¬Ø²Ø§Ø¦Ø± </div> 7553 7554 </div> 7555 7556 </div> 7557 7558 </div> 7559 7560 </div> 7561 7562 </section> 7563 7564 <footer class="ut-footer"> 7565 7566 <div class="ut-container"> 7567 7568 <p> 7569 <strong>جا٠عة ØªÙØ¯ÙÙ</strong> 7570 · ØµÙØØ© تعرÙÙÙØ© Ù Ø¤Ø³Ø³Ø§ØªÙØ© 7571 </p> 7572 7573 </div> 7574 7575 </footer> 7576 7577 </div> 7578 7579
7579<script> 7580 (function () { 7581 7582 function initUTUniversityPage(root) { 7583 7584 if (!root || root.dataset.utReady === '1') { 7585 return; 7586 } 7587 7588 root.dataset.utReady = '1'; 7589 7590 var stats = root.querySelectorAll('.ut-stat-number'); 7591 7592 function animateStats() { 7593 7594 stats.forEach(function (el) { 7595 7596 if (el.dataset.done === '1') { 7597 return; 7598 } 7599 7600 el.dataset.done = '1'; 7601 7602 var target = parseInt( 7603 el.getAttribute('data-value') || '0', 7604 10 7605 ); 7606 7607 if (!target || target < 1) { 7608 el.textContent = '0'; 7609 return; 7610 } 7611 7612 var startTime = null; 7613 var duration = 1200; 7614 7615 function frame(timestamp) { 7616 7617 if (!startTime) { 7618 startTime = timestamp; 7619 } 7620 7621 var progress = Math.min( 7622 (timestamp - startTime) / duration, 7623 1 7624 ); 7625 7626 var eased = 1 - Math.pow(1 - progress, 3); 7627 var current = Math.floor(target * eased); 7628 7629 el.textContent = 7630 current.toLocaleString('en-US'); 7631 7632 if (progress < 1) { 7633 window.requestAnimationFrame(frame); 7634 } else { 7635 el.textContent = 7636 target.toLocaleString('en-US'); 7637 } 7638 } 7639 7640 window.requestAnimationFrame(frame); 7641 7642 }); 7643 } 7644 7645 if ('IntersectionObserver' in window) { 7646 7647 var observer = new IntersectionObserver( 7648 function (entries) { 7649 7650 entries.forEach(function (entry) { 7651 7652 if (entry.isIntersecting) { 7653 animateStats(); 7654 observer.disconnect(); 7655 } 7656 7657 }); 7658 7659 }, 7660 { threshold: 0.25 } 7661 ); 7662 7663 var statWrap = root.querySelector('.ut-stats-wrap'); 7664 7665 if (statWrap) { 7666 observer.observe(statWrap); 7667 } 7668 7669 } else { 7670 animateStats(); 7671 } 7672 7673 var anchors = root.querySelectorAll('a[href^="#"]'); 7674 7675 anchors.forEach(function (anchor) { 7676 7677 anchor.addEventListener('click', function (event) { 7678 7679 var id = anchor.getAttribute('href'); 7680 7681 if (!id || id === '#') { 7682 return; 7683 } 7684 7685 var target = root.querySelector(id); 7686 7687 if (!target) { 7688 return; 7689 } 7690 7691 event.preventDefault(); 7692 7693 target.scrollIntoView({ 7694 behavior: 'smooth', 7695 block: 'start' 7696 }); 7697 7698 }); 7699 7700 }); 7701 } 7702 7703 document.addEventListener( 7704 'DOMContentLoaded', 7705 function () { 7706 document 7707 .querySelectorAll('.ut-univ-page') 7708 .forEach(initUTUniversityPage); 7709 } 7710 ); 7711 7712 })(); 7713 </script>
7713 7714 7715 7716 7717 </div> 7718 7719 </main> 7720 7721 7722 7723 <footer class="ut-footer" dir="rtl"> 7724 7725 <!-- Ø®ÙÙÙØ© زخرÙÙØ© --> 7726 <div class="ut-footer-pattern"></div> 7727 7728 <div class="ut-footer-glow ut-footer-glow-right"></div> 7729 <div class="ut-footer-glow ut-footer-glow-left"></div> 7730 7731 7732 <!-- ================================================= 7733 اÙÙ ØØªÙÙ Ø§ÙØ±Ø¦Ùس٠7734 ================================================== --> 7735 7736 <div class="ut-footer-container"> 7737 7738 7739 <!-- ================================================= 7740 Ø§ØªØµÙ Ø¨ÙØ§ 7741 ================================================== --> 7742 7743 <div class="ut-footer-column"> 7744 7745 <div class="ut-footer-title"> 7746 7747 <span class="ut-footer-title-icon">â¦</span> 7748 7749 <h3> 7750 Ø§ØªØµÙ Ø¨ÙØ§ 7751 </h3> 7752 7753 </div> 7754 7755 <div class="ut-footer-gold-line"></div> 7756 7757 7758 <div class="ut-footer-info"> 7759 7760 <div class="ut-footer-info-row"> 7761 7762 <span class="ut-info-icon">ð</span> 7763 7764 <span> 7765 Ø§ÙØ¹ÙÙØ§Ù: جا٠عة ØªÙØ¯ÙÙØ ØÙ اÙÙ Ø³ØªÙØ¨ÙØ Øµ ب: 37000 ØªÙØ¯ÙÙ. 7766 </span> 7767 7768 </div> 7769 7770 7771 <div class="ut-footer-info-row"> 7772 7773 <span class="ut-info-icon">â</span> 7774 7775 <span> 7776 Ø§ÙØ¨Ø±Ùد Ø§ÙØ¥ÙÙØªØ±ÙÙÙ: 7777 <a href="mailto:[email protected]"> 7778 [email protected] 7779 </a> 7780 </span> 7781 7782 </div> 7783 7784 7785 <div class="ut-footer-info-row"> 7786 7787 <span class="ut-info-icon">â</span> 7788 7789 <span> 7790 Ø§ÙØ¨Ø±Ùد Ø§ÙØ¥ÙÙØªØ±ÙÙÙ ÙÙ Ø±ÙØ² Ø§ÙØ§Ù ØªØØ§Ùات: 7791 <a href="mailto:[email protected]"> 7792 [email protected] 7793 </a> 7794 </span> 7795 7796 </div> 7797 7798 7799 <div class="ut-footer-info-row"> 7800 7801 <span class="ut-info-icon">ð</span> 7802 7803 <span> 7804 اÙÙ ÙÙØ¹ Ø§ÙØ±Ø³Ù Ù: 7805 <a 7806 href="https://univ-tindouf.dz/" 7807 target="_blank" 7808 rel="noopener" 7809 > 7810 univ-tindouf.dz 7811 </a> 7812 </span> 7813 7814 </div> 7815 7816 7817 <div class="ut-footer-info-row"> 7818 7819 <span class="ut-info-icon">â</span> 7820 7821 <span> 7822 اÙÙØ§ØªÙ: 7823 <a href="tel:+21349384946"> 7824 049-38-49-46 7825 </a> 7826 </span> 7827 7828 </div> 7829 7830 7831 <div class="ut-footer-info-row"> 7832 7833 <span class="ut-info-icon">ð </span> 7834 7835 <span> 7836 اÙÙØ§Ùس: 7837 049-38-40-46 7838 </span> 7839 7840 </div> 7841 7842 </div> 7843 7844 </div> 7845 7846 7847 7848 <!-- ================================================= 7849 Ø±ÙØ§Ø¨Ø· Ù ÙÙ Ø© 7850 ================================================== --> 7851 7852 <div class="ut-footer-column"> 7853 7854 <div class="ut-footer-title"> 7855
7856 <span class="ut-footer-title-icon">â¦</span> 7857 7858 <h3> 7859 Ø±ÙØ§Ø¨Ø· Ù ÙÙ Ø© 7860 </h3> 7861 7862 </div> 7863 7864 <div class="ut-footer-gold-line"></div> 7865 7866 7867 <div class="ut-footer-links"> 7868 7869 <a href="#"> 7870 ÙØ²Ø§Ø±Ø© Ø§ÙØªØ¹ÙÙÙ Ø§ÙØ¹Ø§ÙÙ ÙØ§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ Ù 7871 </a> 7872 7873 <a href="#"> 7874 Ù Ø±ÙØ² Ø§ÙØ¨ØØ« ÙÙ Ø§ÙØ¥Ø¹ÙØ§Ù Ø§ÙØ¹ÙÙ Ù ÙØ§ÙتÙÙÙ 7875 </a> 7876 7877 <a href="#"> 7878 اÙÙ Ø¯ÙØ±ÙØ© Ø§ÙØ¹Ø§Ù Ø© ÙÙØ¨ØØ« Ø§ÙØ¹ÙÙ Ù ÙØ§ÙتطÙÙØ± Ø§ÙØªÙÙÙÙÙØ¬Ù 7879 </a> 7880 7881 <a href="#"> 7882 ÙØ¶Ø§Ø¡ Ø§ÙØªØ¹ÙÙÙ Ø§ÙØ¹Ø§ÙÙ ÙØ§ÙØ¨ØØ« Ø§ÙØ¹ÙÙ Ù 7883 </a> 7884 7885 <a href="#"> 7886 Ø§ÙØ¬Ø±Ùدة Ø§ÙØ±Ø³Ù ÙØ© 7887 </a> 7888 7889 <a href="#"> 7890 ÙØ¸Ø§Ù Ø§ÙØªÙØ«Ù٠اÙÙØ·Ù٠عبر Ø§ÙØ¥ÙØªØ±ÙØª SNDL 7891 </a> 7892 7893 </div> 7894 7895 </div> 7896 7897 7898 7899 <!-- ================================================= 7900 اÙÙ ÙÙØ¹ Ø§ÙØ¬ØºØ±Ø§ÙÙ 7901 ================================================== --> 7902 7903 <div class="ut-footer-column"> 7904 7905 <div class="ut-footer-title"> 7906 7907 <span class="ut-footer-title-icon">â¦</span> 7908 7909 <h3> 7910 اÙÙ ÙÙØ¹ Ø§ÙØ¬ØºØ±Ø§ÙÙ 7911 </h3> 7912 7913 </div> 7914 7915 <div class="ut-footer-gold-line"></div> 7916 7917 7918 <div class="ut-footer-map"> 7919 7920 <iframe 7921 src="https://www.google.com/maps?q=Université%20de%20Tindouf%2C%20Tindouf%2C%20Algeria&output=embed" 7922 loading="lazy" 7923 referrerpolicy="no-referrer-when-downgrade" 7924 allowfullscreen 7925 ></iframe> 7926 7927 7928 <a 7929 href="https://www.google.com/maps/search/?api=1&query=Université+de+Tindouf+Tindouf+Algeria" 7930 target="_blank" 7931 rel="noopener" 7932 class="ut-map-open" 7933 > 7934 ÙØªØ Ø§ÙØ®Ø±Ùطة â 7935 </a> 7936 7937 </div> 7938 7939 </div> 7940 7941 7942 7943 <!-- ================================================= 7944 عدد Ø§ÙØ²Ùار 7945 ================================================== --> 7946 7947 <div class="ut-footer-column"> 7948 7949 <div class="ut-footer-title"> 7950 7951 <span class="ut-footer-title-icon">â¦</span> 7952 7953 <h3> 7954 Ø¥ØØµØ§Ø¦Ùات Ø§ÙØ²Ùار 7955 </h3> 7956 7957 </div> 7958 7959 <div class="ut-footer-gold-line"></div> 7960 7961 7962 <div class="ut-footer-visitor-box"> 7963 7964 <div class="ut-visitor-label"> 7965 إج٠اÙÙ Ø§ÙØ²Ùارات 7966 </div> 7967 7968 <div class="ut-visitor-number"> 7969 864072 7970 </div> 7971 7972 7973 <div class="ut-visitor-row"> 7974 7975 <span class="ut-visitor-icon">ð¤</span> 7976 7977 <span> 7978 Ø²ÙØ§Ø± اÙÙÙÙ 7979 </span> 7980 7981 <strong> 7982 1 7983 </strong> 7984 7985 </div> 7986 7987 7988 <div class="ut-visitor-row"> 7989
7990 <span class="ut-visitor-icon">ð </span> 7991 7992 <span> 7993 Ø²ÙØ§Ø± Ø§ÙØ£Ù س 7994 </span> 7995 7996 <strong> 7997 233 7998 </strong> 7999 8000 </div> 8001 8002 8003 <div class="ut-visitor-row"> 8004 8005 <span class="ut-visitor-icon">ð</span> 8006 8007 <span> 8008 ÙØ°Ø§ Ø§ÙØ´Ùر 8009 </span> 8010 8011 <strong> 8012 3141 8013 </strong> 8014 8015 </div> 8016 8017 8018 <div class="ut-visitor-row"> 8019 8020 <span class="ut-visitor-icon">ð</span> 8021 8022 <span> 8023 ÙØ°Ø§ Ø§ÙØ¹Ø§Ù 8024 </span> 8025 8026 <strong> 8027 92862 8028 </strong> 8029 8030 </div> 8031 8032 8033 <div class="ut-visitor-row"> 8034 8035 <span class="ut-visitor-icon">ð</span> 8036 8037 <span> 8038 إج٠اÙ٠اÙ٠ستخد٠ÙÙ 8039 </span> 8040 8041 <strong> 8042 270469 8043 </strong> 8044 8045 </div> 8046 8047 </div> 8048 8049 </div> 8050 8051 </div> 8052 8053 8054 8055 <!-- ================================================= 8056 Ø§ÙØ®Ø· اÙÙØ§ØµÙ 8057 ================================================== --> 8058 8059 <div class="ut-footer-separator"></div> 8060 8061 8062 8063 <!-- ================================================= 8064 ØÙÙ٠اÙÙØ´Ø± 8065 ================================================== --> 8066 8067 <div class="ut-footer-bottom"> 8068 8069 <div class="ut-footer-copy"> 8070 8071 © 2026 Ø¬Ù ÙØ¹ Ø§ÙØÙÙÙ Ù ØÙÙØ¸Ø© â Ø¬Ø§Ù عة ØªÙØ¯ÙÙ 8072 8073 </div> 8074 8075 </div> 8076 8077 </footer> 8078 8079 8080 <style> 8081 8082 /* ========================================================= 8083 FOOTER 8084 ========================================================= */ 8085 8086 .ut-footer { 8087 8088 position: relative; 8089 8090 width: 100%; 8091 8092 overflow: hidden; 8093 8094 color: #fff; 8095 8096 font-family: 8097 "Cairo", 8098 sans-serif; 8099 8100 background: 8101 8102 radial-gradient( 8103 circle at 50% -20%, 8104 rgba(195,154,74,.14), 8105 transparent 35% 8106 ), 8107 8108 linear-gradient( 8109 135deg, 8110 #061725 0%, 8111 #0a2236 42%, 8112 #0e3049 70%, 8113 #071a2a 100% 8114 ); 8115 8116 } 8117 8118 8119 /* ========================================================= 8120 PATTERN 8121 ========================================================= */ 8122 8123 .ut-footer-pattern { 8124 8125 position: absolute; 8126 8127 inset: 0; 8128 8129 opacity: .035; 8130 8131 background-image: 8132 8133 linear-gradient( 8134 45deg, 8135 #fff 1px, 8136 transparent 1px 8137 ), 8138 8139 linear-gradient( 8140 -45deg, 8141 #fff 1px, 8142 transparent 1px 8143 ); 8144 8145 background-size: 8146 44px 8147 44px; 8148 8149 animation: 8150 utFooterPatternMove 8151 28s 8152 linear 8153 infinite; 8154 8155 pointer-events: none; 8156 8157 } 8158 8159 8160 @keyframes utFooterPatternMove { 8161 8162 0% { 8163 8164 background-position: 8165 0 8166 0, 8167 0 8168 0; 8169 8170 } 8171 8172 100% { 8173 8174 background-position: 8175 44px 8176 44px, 8177 -44px 8178 44px; 8179 8180 } 8181 8182 } 8183 8184 8185 /* ========================================================= 8186 GLOW 8187 ========================================================= */ 8188 8189 .ut-footer-glow { 8190 8191 position: absolute; 8192 8193 width: 430px; 8194 8195 height: 430px; 8196 8197 border-radius: 50%; 8198 8199 filter: blur(25px); 8200 8201 pointer-events: none; 8202 8203 } 8204 8205 8206 .ut-footer-glow-right { 8207 8208 top: -280px; 8209 8210 right: -120px; 8211 8212 background: 8213 8214 radial-gradient( 8215 circle, 8216 rgba(201,164,82,.33),
8217 transparent 70% 8218 ); 8219 8220 } 8221 8222 8223 .ut-footer-glow-left { 8224 8225 bottom: -290px; 8226 8227 left: -130px; 8228 8229 background: 8230 8231 radial-gradient( 8232 circle, 8233 rgba(25,119,181,.24), 8234 transparent 70% 8235 ); 8236 8237 } 8238 8239 8240 /* ========================================================= 8241 CONTAINER 8242 ========================================================= */ 8243 8244 .ut-footer-container { 8245 8246 position: relative; 8247 8248 z-index: 2; 8249 8250 width: 100%; 8251 8252 max-width: 1500px; 8253 8254 margin: 0 auto; 8255 8256 padding: 8257 48px 8258 35px 8259 36px; 8260 8261 display: grid; 8262 8263 grid-template-columns: 8264 1.35fr 8265 1fr 8266 1fr 8267 .9fr; 8268 8269 gap: 34px; 8270 8271 } 8272 8273 8274 /* ========================================================= 8275 COLUMN 8276 ========================================================= */ 8277 8278 .ut-footer-column { 8279 8280 min-width: 0; 8281 8282 } 8283 8284 8285 /* ========================================================= 8286 TITLE 8287 ========================================================= */ 8288 8289 .ut-footer-title { 8290 8291 display: flex; 8292 8293 align-items: center; 8294 8295 gap: 9px; 8296 8297 margin-bottom: 8px; 8298 8299 } 8300 8301 8302 .ut-footer-title h3 { 8303 8304 margin: 0; 8305 8306 color: #fff; 8307 8308 font-size: 20px; 8309 8310 font-weight: 900; 8311 8312 } 8313 8314 8315 .ut-footer-title-icon { 8316 8317 display: flex; 8318 8319 align-items: center; 8320 8321 justify-content: center; 8322 8323 width: 29px; 8324 8325 height: 29px; 8326 8327 border-radius: 50%; 8328 8329 color: #123e5f; 8330 8331 background: 8332 8333 linear-gradient( 8334 135deg, 8335 #e0c273, 8336 #a97d25 8337 ); 8338 8339 font-size: 12px; 8340 8341 box-shadow: 8342 0 8343 4px 8344 10px 8345 rgba(0,0,0,.20); 8346 8347 } 8348 8349 8350 /* ========================================================= 8351 GOLD LINE 8352 ========================================================= */ 8353 8354 .ut-footer-gold-line { 8355 8356 width: 100%; 8357 8358 height: 2px; 8359 8360 margin: 8361 0 8362 0 8363 18px; 8364 8365 background: 8366 8367 linear-gradient( 8368 90deg, 8369 #d0a953, 8370 rgba(208,169,83,.20), 8371 transparent 8372 ); 8373 8374 } 8375 8376 8377 /* ========================================================= 8378 CONTACT 8379 ========================================================= */ 8380 8381 .ut-footer-info { 8382 8383 display: flex; 8384 8385 flex-direction: column; 8386 8387 gap: 10px; 8388 8389 } 8390 8391 8392 .ut-footer-info-row { 8393 8394 display: flex; 8395 8396 align-items: flex-start; 8397 8398 gap: 9px; 8399 8400 color: 8401 rgba(255,255,255,.86); 8402 8403 font-size: 12.5px; 8404 8405 line-height: 1.85; 8406 8407 } 8408 8409 8410 .ut-info-icon { 8411 8412 flex-shrink: 0; 8413 8414 width: 24px; 8415 8416 color: #d7b45e; 8417 8418 text-align: center; 8419 8420 } 8421 8422 8423 .ut-footer-info-row a { 8424 8425 color: #f0d795; 8426 8427 transition: 8428 color 8429 .25s 8430 ease; 8431 8432 } 8433 8434 8435 .ut-footer-info-row a:hover { 8436 8437 color:#fff; 8438 8439 } 8440 8441 8442 /* ========================================================= 8443 LINKS 8444 ========================================================= */ 8445 8446 .ut-footer-links { 8447 8448 display:flex; 8449 8450 flex-direction:column; 8451 8452 } 8453 8454 8455 .ut-footer-links a { 8456 8457 position:relative; 8458 8459 display:block; 8460 8461 padding: 8462 8px 8463 0; 8464 8465 border-bottom: 8466 1px 8467 solid 8468 rgba(255,255,255,.09); 8469 8470 color: 8471 rgba(255,255,255,.86); 8472 8473 font-size:12.5px; 8474 8475 line-height:1.75; 8476 8477 transition: 8478 8479 color 8480 .25s 8481 ease, 8482 8483 padding-right 8484 .25s 8485 ease; 8486 8487 } 8488 8489 8490 .ut-footer-links a::before { 8491 8492 content: 8493 "â"; 8494 8495 position:absolute; 8496 8497 left:0; 8498 8499 color:#d4ad55; 8500 8501 opacity:0; 8502 8503 transition: 8504 opacity 8505 .25s 8506 ease; 8507 8508 } 8509 8510 8511 .ut-footer-links a:hover { 8512 8513 color:#f1d894; 8514 8515 padding-right:7px; 8516 8517 } 8518 8519 8520 .ut-footer-links a:hover::before { 8521 8522 opacity:1; 8523 8524 } 8525 8526 8527 /* ========================================================= 8528 MAP 8529 ========================================================= */ 8530 8531 .ut-footer-map { 8532 8533 position:relative; 8534 8535 width:100%; 8536 8537 height:245px; 8538 8539 overflow:hidden; 8540 8541 border: 8542 1px 8543 solid 8544 rgba(255,255,255,.18); 8545 8546 border-radius:18px; 8547 8548 background:#dce5ea; 8549 8550 box-shadow: 8551 8552 0 8553 14px 8554 30px 8555 rgba(0,0,0,.25); 8556 8557 } 8558 8559 8560 .ut-footer-map iframe { 8561 8562 width:100%; 8563 8564 height:100%; 8565 8566 border:0; 8567 8568 display:block; 8569 8570 } 8571 8572 8573 .ut-map-open { 8574 8575 position:absolute; 8576 8577 left:10px; 8578 8579 bottom:10px; 8580 8581 padding: 8582 6px 8583 11px; 8584 8585 border-radius:20px; 8586 8587 background: 8588 rgba(6,23,37,.90); 8589 8590 color:#f2d78e; 8591 8592 font-size:10px; 8593 8594 font-weight:800; 8595 8596 backdrop-filter:blur(6px); 8597 8598 } 8599 8600 8601 /* ========================================================= 8602 VISITORS 8603 ========================================================= */ 8604 8605 .ut-footer-visitor-box { 8606 8607 padding: 8608 15px; 8609 8610 border: 8611 1px 8612 solid 8613 rgba(255,255,255,.11); 8614 8615 border-radius:16px; 8616 8617 background: 8618 rgba(255,255,255,.045); 8619 8620 box-shadow: 8621 inset 8622 0 8623 1px 8624 rgba(255,255,255,.06); 8625 8626 } 8627 8628 8629 .ut-visitor-label { 8630 8631 margin-bottom:7px; 8632 8633 color: 8634 rgba(255,255,255,.68); 8635 8636 font-size:10px; 8637 8638 font-weight:700; 8639 8640 } 8641 8642 8643 .ut-visitor-number { 8644 8645 display:inline-flex; 8646 8647 margin-bottom:11px; 8648 8649 padding: 8650 4px 8651 10px; 8652 8653 border: 8654 1px 8655 solid 8656 rgba(213,179,91,.42); 8657 8658 border-radius:7px; 8659 8660 background:#03080b; 8661 8662 color:#f4d55e; 8663 8664 font-family: 8665 "Courier New", 8666 monospace; 8667 8668 font-size:22px; 8669 8670 font-weight:900; 8671 8672 letter-spacing:2px; 8673 8674 box-shadow: 8675 inset 8676 0 8677 0 8678 10px 8679 rgba(244,213,94,.07); 8680 8681 } 8682 8683 8684 .ut-visitor-row { 8685 8686 display:grid; 8687 8688 grid-template-columns: 8689 25px 8690 1fr 8691 auto; 8692 8693 align-items:center; 8694 8695 gap:5px; 8696 8697 padding: 8698 5px 8699 0; 8700 8701 color: 8702 rgba(255,255,255,.82); 8703 8704 font-size:11px; 8705 8706 } 8707 8708 8709 .ut-visitor-icon { 8710 8711 text-align:center; 8712 8713 } 8714 8715 8716 .ut-visitor-row strong { 8717 8718 color:#efd386; 8719 8720 font-weight:900; 8721 8722 } 8723 8724 8725 /* ========================================================= 8726 SEPARATOR 8727 ========================================================= */ 8728 8729 .ut-footer-separator { 8730 8731 position:relative; 8732 8733 z-index:2; 8734 8735 width: 8736 calc(100% - 70px); 8737 8738 height:1px; 8739 8740 margin: 8741 0 8742 auto; 8743 8744 background: 8745 8746 linear-gradient( 8747 90deg, 8748 transparent, 8749 rgba(211,174,87,.72), 8750 transparent 8751 ); 8752 8753 } 8754 8755 8756 /* ========================================================= 8757 COPYRIGHT 8758 ========================================================= */ 8759 8760 .ut-footer-bottom { 8761 8762 position:relative; 8763 8764 z-index:2; 8765 8766 width:100%; 8767 8768 max-width:1500px; 8769 8770 margin:0 auto; 8771 8772 padding: 8773 17px 8774 35px 8775 20px; 8776 8777 text-align:center; 8778 8779 } 8780 8781 8782 .ut-footer-copy { 8783 8784 color: 8785 rgba(255,255,255,.76); 8786 8787 font-size:12px; 8788 8789 font-weight:700; 8790 8791 } 8792 8793 8794 /* ========================================================= 8795 TABLET 8796 ========================================================= */ 8797 8798 @media (max-width:1100px){ 8799 8800 .ut-footer-container { 8801 8802 grid-template-columns: 8803 repeat(2,1fr); 8804 8805 } 8806 8807 } 8808 8809 8810 /* ========================================================= 8811 MOBILE 8812 ========================================================= */ 8813 8814 @media (max-width:650px){ 8815 8816 .ut-footer-container { 8817 8818 grid-template-columns: 8819 1fr; 8820 8821 padding: 8822 38px 8823 18px 8824 28px; 8825 8826 gap:30px; 8827 8828 } 8829 8830 8831 .ut-footer-map { 8832 8833 height:230px; 8834 8835 } 8836 8837 8838 .ut-footer-title h3 { 8839 8840 font-size:18px; 8841 8842 } 8843 8844 8845 .ut-footer-info-row, 8846 .ut-footer-links a { 8847 8848 font-size:12px; 8849 8850 } 8851 8852 8853 .ut-footer-separator { 8854 8855 width: 8856 calc(100% - 36px); 8857 8858 } 8859 8860 8861 .ut-footer-bottom { 8862 8863 padding: 8864 16px 8865 18px 8866 20px; 8867 8868 } 8869 8870 } 8871 8872 8873 /* ========================================================= 8874 REDUCED MOTION 8875 ========================================================= */ 8876 8877 @media (prefers-reduced-motion:reduce){ 8878 8879 .ut-footer-pattern { 8880 8881 animation:none !important; 8882 8883 } 8884 8885 } 8886 8887 </style> 8888 8889
8889<script type="speculationrules"> 8890{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/newsup/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 8891</script>
8891 8892<a href="/imunify-bot-check" rel="nofollow" aria-hidden="true" tabindex="-1" style="display:none!important;position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden">imunify-bot-check</a><div class="simple-banner simple-banner-text" style="display:none !important"></div>
8892<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='a4ea78001f97cd00cd08fd0072baa200fa00a800d2f4e10082f760000d49f000';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script>
8892
8892<script type="application/javascript"> 8893 const ajaxURL = "https://univ-tindouf.dz/wp-admin/admin-ajax.php"; 8894 8895 function sumo_add_woocommerce_coupon(code) { 8896 jQuery.post(ajaxURL, { 8897 action: 'sumo_add_woocommerce_coupon', 8898 code: code, 8899 }); 8900 } 8901 8902 function sumo_remove_woocommerce_coupon(code) { 8903 jQuery.post(ajaxURL, { 8904 action: 'sumo_remove_woocommerce_coupon', 8905 code: code, 8906 }); 8907 } 8908 8909 function sumo_get_woocommerce_cart_subtotal(callback) { 8910 jQuery.ajax({ 8911 method: 'POST', 8912 url: ajaxURL, 8913 dataType: 'html', 8914 data: { 8915 action: 'sumo_get_woocommerce_cart_subtotal', 8916 }, 8917 success: function (subtotal) { 8918 return callback(null, subtotal); 8919 }, 8920 error: function (err) { 8921 return callback(err, 0); 8922 } 8923 }); 8924 } 8925 </script>
8925 8926 <style> 8927 footer .mg-widget p, footer .site-title-footer a, footer .site-title a:hover, footer .site-description-footer, footer .site-description:hover, footer .mg-widget ul li a{ 8928 color: #000000; 8929 } 8930 </style> 8931 <style> 8932 .wp-block-search .wp-block-search__label::before, .mg-widget .wp-block-group h2:before, .mg-sidebar .mg-widget .wtitle::before, .mg-sec-title h4::before, footer .mg-widget h6::before { 8933 background: inherit; 8934 } 8935 </style> 8936
8936<script> 8937 ( () => { 8938 const lazyloadRunObserver = () => { 8939 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 8940 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 8941 entries.forEach( ( entry ) => { 8942 if ( entry.isIntersecting ) { 8943 let lazyloadBackground = entry.target; 8944 if( lazyloadBackground ) { 8945 lazyloadBackground.classList.add( 'e-lazyloaded' ); 8946 } 8947 lazyloadBackgroundObserver.unobserve( entry.target ); 8948 } 8949 }); 8950 }, { rootMargin: '200px 0px 200px 0px' } ); 8951 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 8952 lazyloadBackgroundObserver.observe( lazyloadBackground ); 8953 } ); 8954 }; 8955 const events = [ 8956 'DOMContentLoaded', 8957 'elementor/lazyload/observe', 8958 ]; 8959 events.forEach( ( event ) => { 8960 document.addEventListener( event, lazyloadRunObserver ); 8961 } ); 8962 } )(); 8963 </script>
8963 8964
8964<script id="wp-hooks-js" src="https://univ-tindouf.dz/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 8964
8964
8965<script id="heartbeat-js-extra"> 8966var heartbeatSettings = {"ajaxurl":"/wp-admin/admin-ajax.php"}; 8967//# sourceURL=heartbeat-js-extra 8968</script>
vendor: 1 bytes, line 8968
8968
8969<script id="heartbeat-js" src="https://univ-tindouf.dz/wp-includes/js/heartbeat.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 8969
8969
8970<script id="ahc_front_js-js-extra"> 8971var ahc_ajax_front = {"ajax_url":"https://univ-tindouf.dz/wp-admin/admin-ajax.php","plugin_url":"https://univ-tindouf.dz/wp-content/plugins/visitors-traffic-real-time-statistics/","page_id":"15743","page_title":"\u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0629","post_type":"page","visitor_ip":"181.215.65.55"}; 8972//# sourceURL=ahc_front_js-js-extra 8973</script>
vendor: 1 bytes, line 8973
8973
8974<script id="ahc_front_js-js" src="https://univ-tindouf.dz/wp-content/plugins/visitors-traffic-real-time-statistics/js/front.js?ver=8.17"></script>
vendor: 1 bytes, line 8974
8974
8975<script id="cfb-remove-grid-js" src="https://univ-tindouf.dz/wp-content/plugins/flip-boxes/assets/js/remove-grid.js?ver=2.0.1"></script>
vendor: 1 bytes, line 8975
8975
8976<script id="canvasjs-free-js" src="https://cdn.canvasjs.com/canvasjs.min.js"></script>
vendor: 1 bytes, line 8976
8976
8977<script id="ut-foss-pdfjs-js" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js?ver=3.11.174"></script>
vendor: 1 bytes, line 8977
8977
8978<script id="awsm-team-js" src="https://univ-tindouf.dz/wp-content/plugins/awsm-team/js/team.min.js?ver=1.3.5"></script>
vendor: 1 bytes, line 8978
8978
8979<script id="elementor-webpack-runtime-js" src="https://univ-tindouf.dz/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.3.4"></script>
vendor: 1 bytes, line 8979
8979
8980<script id="elementor-frontend-modules-js" src="https://univ-tindouf.dz/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.3.4"></script>
vendor: 1 bytes, line 8980
8980
8981<script id="jquery-ui-core-js-before"> 8982jQuery.uiBackCompat = true; 8983//# sourceURL=jquery-ui-core-js-before 8984</script>
vendor: 1 bytes, line 8984
8984
8985<script id="jquery-ui-core-js" src="https://univ-tindouf.dz/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 8985
8985
8986<script id="elementor-frontend-js" src="https://univ-tindouf.dz/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.3.4"></script>
vendor: 1 bytes, line 8986
8986
8987<script id="ekit-core-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/core.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8987
8987
8988<script id="ekit-nav-menu-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/nav-menu.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8988
8988
8989<script id="magnific-popup-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/assets/libs/magnific-popup/jquery.magnific-popup.min.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8989
8989
8990<script id="ekit-menu-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/nav-menu.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8990
8990
8991<script id="ekit-header-search-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/header-search.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8991
8991
8992<script id="ekit-header-offcanvas-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/header-offcanvas.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8992
8992
8993<script id="newsup-custom-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/custom.js?ver=7.1.3"></script>
8993 8994
8994<script> 8995 /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); 8996 </script>
8996 8997
8997<script id="wp-emoji-settings" type="application/json"> 8998{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://univ-tindouf.dz/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}} 8999</script>
vendor: 1 bytes, line 8999
8999
9000<script type="module"> 9001/*! This file is auto-generated */ 9002var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 9003//# sourceURL=https://univ-tindouf.dz/wp-includes/js/wp-emoji-loader.min.js 9004</script>
9004 9005 9006
9006<script id="ut-hero-links-manager-js"> 9007 9008 document.addEventListener('DOMContentLoaded', function () { 9009 9010 function updateUTHeroLinks() { 9011 9012 const hero = document.querySelector('#ut-hero'); 9013 9014 if (!hero) { 9015 return; 9016 } 9017 9018 const links = window.UT_HERO_LINKS || {}; 9019 9020 const buttons = 9021 hero.querySelectorAll( 9022 '.ut-hero-message .ut-hero-button' 9023 ); 9024 9025 if (!buttons.length) { 9026 return; 9027 } 9028 9029 9030 /* 9031 * ÙØ±Ø¨Ø· Ù٠زر Ø¨Ø±Ø³Ø§ÙØªÙ Ø§ÙØØ§ÙÙØ© 9032 * Ø¨Ø§ÙØªØ±ØªÙب اÙÙ ÙØ¬Ùد ÙÙ UT - Hero. 9033 * 9034 * ÙØ§ ÙÙ٠س: 9035 * - اÙÙØµ 9036 * - CSS 9037 * - class 9038 * - اÙÙÙØ¯ÙÙ 9039 * - animation 9040 */ 9041 9042 const linkValues = [ 9043 9044 links.discover_university || '#', 9045 9046 links.media_coverage || '#', 9047 9048 links.photo_gallery || '#', 9049 9050 links.virtual_visit || '#', 9051 9052 links.digital_services || '#' 9053 9054 ]; 9055 9056 9057 buttons.forEach(function (button, index) { 9058 9059 if ( 9060 typeof linkValues[index] === 'string' 9061 ) { 9062 9063 button.setAttribute( 9064 'href', 9065 linkValues[index] 9066 ); 9067 9068 } 9069 9070 }); 9071 9072 } 9073 9074 9075 /* 9076 * Ø§ÙØªÙÙÙØ° بعد تØÙ ÙÙ Hero. 9077 */ 9078 updateUTHeroLinks(); 9079 9080 9081 /* 9082 * Ø§ØØªÙØ§Ø·ÙØ§Ù: 9083 * إذا ØªÙ Ø¥ÙØ´Ø§Ø¡ Hero Ø£Ù ØªØØ¯ÙØ«Ù Ø¨ÙØ§Ø³Ø·Ø© 9084 * JavaScript Ø¢Ø®Ø±Ø ÙØ¹Ùد تطبÙÙ Ø§ÙØ±Ùابط ÙÙØ·. 9085 */ 9086 setTimeout( 9087 updateUTHeroLinks, 9088 500 9089 ); 9090 9091 }); 9092 9093 </script>
9093 9094 9095 9096 </body> 9097 9098 </html> 9099 9100 9101 9102<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-09 18:07:17 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.