<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title> وزارة التربية - الرئيسية</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/Logo.png" rel="icon">
<link href="assets/img/Logo.png" rel="apple-touch-icon">
<!-- Vendor CSS Files -->
<link href="/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="/assets/vendor/aos/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="/assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- FontAwesome CSS Files -->
<link href="/assets/fontAwesome/css/fontawesome.css" rel="stylesheet" />
<link href="/assets/fontAwesome/css/brands.css" rel="stylesheet" />
<!-- Main CSS File -->
<link href="/assets/css/style.css?v=14" rel="stylesheet">
<link href="/assets/css/custom.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300&display=swap" rel="stylesheet">
<style>
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.loader.fade-out {
opacity: 0;
pointer-events: none;
}
#Sites img {
height: 80%;
transition: transform 0.5s;
}
.ms-3:hover img {
transform: scale(1.2);
opacity: 0.7;
}
@keyframes bounce {
0% {
transform: translate(-50%, 0);
}
50% {
transform: translate(-50%, -10px);
}
100% {
transform: translate(-50%, 0);
}
}
.navbar .active,
.navbar .active:focus {
background: none;
transition: all 0.5s ease 0s;
}
/*===========================
more visited css
===========================*/
.single-features {
-webkit-box-shadow: 0px 8px 16px 0px rgba(72, 127, 255, 0.1);
-moz-box-shadow: 0px 8px 16px 0px rgba(72, 127, 255, 0.1);
box-shadow: inset 0px 1px 10px 0px #103776;
background-color: #fff;
//border-top-right-radius: 30px;
//border-bottom-left-radius: 30px;
border-radius: 30px;
position: relative;
z-index: 5;
overflow: hidden;
}
.single-features::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: -webkit-linear-gradient(left, #102baf 0%, #1664ff 100%);
background: -o-linear-gradient(left, #102baf 0%, #1664ff 100%);
background: linear-gradient(to right, #102baf 0%, #1664ff 100%);
z-index: -1;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single-features .features-icon {
position: relative;
display: inline-block;
}
.single-features .features-icon i {
font-size: 50px;
color: #1863ff;
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single-features .features-icon span {
font-size: 124px;
color: #1b273d;
line-height: 100px;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
font-weight: 600;
}
.single-features .features-content {
padding-top: 5px;
position: relative;
z-index: 9;
}
.single-features .features-content .features-title a {
font-size: 24px;
color: #1b273d;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single-features .features-content .text {
margin-top: 25px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single-features:hover::before {
opacity: 1;
}
.single-features:hover .features-icon i,
.single-features:hover .features-icon span {
color: #fff;
}
.single-features:hover .features-content .features-title a {
color: #fff;
}
.single-features:hover .features-content .text {
color: #fff;
}
#xp1 {
position: fixed;
left: 10%;
top: 50%;
}
</style>
<link rel="stylesheet" href="/Content/chatpot/css/normalize.css">
<link rel="stylesheet" href="/Content/chatpot/css/icons.css">
<link rel="stylesheet" href="/Content/chatpot/css/owl.carousel.min.css">
<script>
// Function to toggle the visibility and displacement of the chatbot container
function toggleChatbot() {
var container = document.getElementById('chatbot-container');
container.classList.toggle('show-container'); // Toggle the 'show-container' class
if (container.style.display === 'none') {
container.style.display = 'block';
} else {
container.style.display = 'none';
}
}
function toggleVoice() {
var container = document.getElementById('voice-container');
container.classList.toggle('show-container'); // Toggle the 'show-container' class
if (container.style.display === 'none') {
container.style.display = 'block';
} else {
//container.style.display = 'none';
}
}
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CM4S8XE26B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-CM4S8XE26B');
</script>
<script src="https://cdn-me.readspeaker.com/script/14029/webReader/webReader.js?pids=wr&skin=wr30skin" type="text/javascript" id="rs_req_Init"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
</head>
<body>
<!-- ======= Header ======= &skin=wr30skin-->
<header class="fixed-top align-items-center header-transparent">
<div id="header">
<div class="container d-flex align-items-center">
<div class="logo">
<!-- Uncomment below if you prefer to use an image logo -->
<a href="/"><img src="/assets/img/white logoxxxhdpi.png" alt="" class="img-fluid"></a>
</div>
<nav id="navbar" class="navbar" style="float: right;">
<ul>
<li><a class="nav-link scrollto " href="/">الرئيسية</a></li>
<li class="dropdown">
<a href="#"><span>عن الوزارة</span></a>
<ul>
<li>
<a href="/pages/history">
<i class="fas fa-clock-rotate-left"></i>تاريخ التعليم
</a>
</li>
<li><a href="/home/Documents"><i class="fas fa-file-alt"></i> وثائق ومستندات</a></li>
<li>
<a href="/pages/development"><i class="fas fa-layer-group"></i>التنمية المستدامة</a>
</li>
<li>
<a href="/Diagram/OrganizationalChartHerarchy">
<i class="fas fa-diagram-project "></i>الهيكل التنظيمي
</a>
</li>
<li>
<a href="/pages/Services"><i class="fas fa-file"></i>دليل الخدمات الإلكترونية</a>
</li>
</ul>
</li>
<!-- <li><a class="nav-link scrollto" href="#more-services"> الإعلانات والأخبار</a></li> -->
<li class="dropdown">
<a href="#"><span> المنظومة التعليمية</span></a>
<ul>
<li class="dropdown">
<a href="#"><span>المعلم والإداري</span></a>
<ul>
<li>
<a href="https://eservices.moe.edu.kw/jobs/" target="_blank">
<i class="fas fa-file-contract"></i>التعاقد الخارجي و المحلي
</a>
</li>
<li>
<a href="https://eservices.moe.edu.kw/app/"
target="_blank">
<i class="fas fa-person-chalkboard"></i>الخدمات الإدارية
</a>
</li>
<li>
<a href="/pages/Training">
<i class="fas fa-people-group"></i>تطوير المهارات
</a>
</li>
<li>
<a href="/pages/teacher">
<i class="fas fa-ranking-star"></i>المعلم
المتميز
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#"><span>الطالب وولي الأمر</span></i></i></a>
<ul>
<li>
<a href="https://stdservice.moe.edu.kw/StdServices" target="_blank">
<i class="fas fa-graduation-cap"></i>الخدمات الطلابية
</a>
</li>
<li>
<a href="/pages/specialneeds">
<i class="fas fa-handshake-angle"></i>ذوي الإعاقة
</a>
</li>
<li>
<a href="/pages/student">
<i class="fas fa-user-graduate"></i>الطالب
المتميز
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#"><span>المدرسة</span></a>
<ul>
<li>
<a target="_blank" href="/pages/moeschools">
<i class="fas fa-map-location-dot"></i>دليل المدارس
</a>
</li>
<li>
<a href="/pages/helpdesk">
<i class="fas fa-wrench"></i>طلبات الصيانة
</a>
</li>
<li>
<a href="/pages/OutstandingSchools">
<i class="fas fa-school-circle-check"></i>المدارس المتميزة
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#"><span>خدمات عامة</span></a>
<ul>
<li>
<a href="https://erp.moe.edu.kw/" target="_blank">
<i class="fas fa-wrench"></i> تغيير كلمة المرور
</a>
</li>
<li>
<a href="https://arbreq.moe.edu.kw/" target="_blank">
<i class="fas fa-file"></i> طلب تحكيم أداة دراسة
</a>
</li>
<li>
<a href="/pages/GrievancessBuy">
<i class="fas fa-money-bill-wave"></i>تظلمات اوامر الشراء
</a>
</li>
<li>
<a href="/pages/ResearchRequest" target="_blank">
<i class="fas fa-search-plus"></i> تسهيل مهمة الباحثين
</a>
</li>
</ul>
</li>
<li>
<a href="/pages/Statistics">
<i class="fas fa-chart-pie"></i>احصائيات و أرقام
</a>
</li>
</ul>
</li>
<!-- <li><a class="nav-link scrollto" href="#statistics">الإحصائيات</a></li> -->
<li class="dropdown">
<a href="#"><span>المركز الإعلامي</span></a>
<ul>
<li>
<a href="/Home/Media"><i class="fas fa-newspaper"></i>أخبار الوزارة</a>
</li>
<li><a href="/pages/Videos"><i class="fas fa-brands fa-youtube"></i>مرئيات</a></li>
<li>
<a href="/pages/AccessLaw"><i class="fas fa-book-open-reader"></i>حق الاطلاع</a>
</li>
<li>
<a href="/#clients"><i class="fas fa-brands fa-internet-explorer"></i>مواقع تهمك</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#"><span>تواصل وتفاعل</span></a>
<ul>
<li><a href="/pages/Contact"><i class="fas fa-phone"></i>اتصل بنا</a></li>
<li>
<a href="/FAQ/FAQResult">
<i class="fas fa-list"></i>الأسئلة الشائعة
</a>
</li>
</ul>
</li>
<li><a class="newKuwaitLogoInMenu" href="/"><img src="/assets/img/newkuwait_logo.png" alt="" class="img-fluid"></a></li>
</ul>
</nav><!-- .navbar -->
<form role="search" method="post" class="search-form" action="/pages/SearchSitedb" target="_self">
<input name="__RequestVerificationToken" type="hidden" value="0RdU4IHGJ4cB5yUBA2CW7CjWFhO566T2BGgXl6GFUJV-wRwLCFPcsaTuG7agV9h51CCeJExokM2e2JtugINNrQzlehxbaAMo4l-QA9p27t81" />
<label>
<input type="search" class="search-field" placeholder="بحث" value="" id="msg" name="msg"
title="Search for:" />
</label>
<input type="submit" class="search-submit" value="Search" />
</form>
</div>
<i class="bi bi-list mobile-nav-toggle "></i>
</div>
<!-- <div class="clearSec"></div> -->
<div id="xp1" class="rs_preserve rs_skip rs_addtools rs_splitbutton mega_toggle" style="z-index:1000;"><button type="button" class="rsbtn_tooltoggle" data-rsshortcut="menu" data-rslang="title/arialabel:menu" title="قائمة webReader" aria-label="قائمة webReader" aria-expanded="false" data-rs-tooltip="." data-rs-direction="u" data-rs-container="xp1" data-rsevent-id="rs_42670" style="display: none;"><span class="rsicn rsicn-arrow-down" aria-hidden="true"></span></button></div>
<div class="secondTopbar">
<div class="topbarIcons">
<ul>
<a id="readspeakerButton" href="https://app-me.readspeaker.com/cgi-bin/rsent?customerid=14029&lang=ar_ar&readid=readAll;audiofilename= الرئيسية" onclick="readpage(this.href, 'xp1'); return false;">
<i class="fa-sharp fa-solid fa-volume-up fa-xl"></i>
</a>
<a href="https://outlook.office.com/" target="_blank">
<i class="fa-sharp fa-solid fa-envelope fa-xl"></i>
</a>
<a href="https://fpreport.moe.edu.kw/" target="_blank"><i class="fa-solid fa-fingerprint fa-xl"></i></a>
<a id="btn-show-cal" data-bs-toggle="modal" data-bs-target="#modalCal">
<i class="fa-solid fa-calendar-days"></i>
</a>
<!-- <a href=""><i class="fa-sharp fa-solid fa-globe fa-xl"></i></a> -->
<!-- <i class="fa-sharp fa-solid fa-magnifying-glass fa-xl"><a href="#"></a></i> -->
</ul>
</div>
</div>
</header>
<div class="clearSec"></div>
<div id="readAll">
<style>
.detailscontent {
max-width: 400px;
margin-right: 0;
border-top: none;
}
.detailsStyling summary {
border-radius: 25px 25px 0 0;
}
</style>
<div id="loader-wrapper" style="z-index:6000">
<div id="loader"></div>
<div class="loader-img">
<img src="/assets/img/new-kuwait-seeklogo.png" style="width: 100px; height: 100px;" />
</div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex flex-column justify-content-end align-items-center">
<div class="icons-hide">
<a href="https://www.newkuwait.gov.kw/" target="_blank">
<img src="/assets/img/newkuwait_logo.png" alt="" class="img-fluid">
</a>
</div>
<div id="heroCarousel" data-bs-interval="5000" class="container carousel carousel-fade" data-bs-ride="carousel">
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">التعليم ليس استعدادا للحياة،</h2>
<h2 class="animate__animated animate__fadeInDown">إنه الحياة ذاتها</h2>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/slider-1.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item active">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown"> مهارات القرن ال21 </h2>
<h3 class="animate__animated animate__fadeInDown"> لإختصاصي المكتبات المدرسية</h3>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="https://newmoesitev2.blob.core.windows.net/files/uploads/librariesSkills.pdf">
تحميل
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/lib21.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">التعليم ليس استعدادا للحياة،</h2>
<h2 class="animate__animated animate__fadeInDown">إنه الحياة ذاتها</h2>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/slider-1.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">حصر وتحديد الاحتياجات </h2>
<h3 class="animate__animated animate__fadeInDown"> التدريبية التربوية للعام 2024-2025</h3>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="https://forms.office.com/pages/responsepage.aspx?id=pGTjWVdPfUiXhKb7CsP2lBurf_9eta1CkCnv01s3HQFUOE1OM0czMDlYTDZJU005U0gzMzM5NkVIRC4u&origin=QRCode&qrcodeorigin=presentation">
دخول
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/eduTraining.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">التعليم ليس استعدادا للحياة،</h2>
<h2 class="animate__animated animate__fadeInDown">إنه الحياة ذاتها</h2>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/slider-1.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">حصر الإحتياجات التدريبية </h2>
<h3 class="animate__animated animate__fadeInDown"> لخطة التدريب الإداري للعام 2024-2025</h3>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="https://forms.office.com/pages/responsepage.aspx?id=pGTjWVdPfUiXhKb7CsP2lBlzLIwl6zpApyZubN3j62xUM0czRUEzNjVBRVAwN0pQTERIN0pISjhURy4u&origin=QRCode&qrcodeorigin=presentation">
دخول
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/calcneeds.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">التعليم ليس استعدادا للحياة،</h2>
<h2 class="animate__animated animate__fadeInDown">إنه الحياة ذاتها</h2>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/slider-1.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown"> مقاييس المواطنة </h2>
<h3 class="animate__animated animate__fadeInDown"> جميع مراحل التعليم العام والخاص</h3>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="https://moekuwait.sharepoint.com/sites/Elearning/SitePages/%D9%85%D9%82%D8%A7%D9%8A%D9%8A%D8%B3-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%B7%D9%86%D8%A9-%D9%88%D8%A7%D9%84%D8%A7%D9%86%D8%AA%D9%85%D8%A7%D8%A1-%D9%84%D9%84%D9%88%D8%B7%D9%86-%D9%84%D8%AC%D9%85%D9%8A%D8%B9-%D9%85%D8%B1%D8%A7%D8%AD%D9%84-%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D8%B9%D8%A7%D9%85-%D9%88%D8%A7%D9%84%D8%AE%D8%A7%D8%B5.aspx">
دخول
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/Citizenship.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">التعليم ليس استعدادا للحياة،</h2>
<h2 class="animate__animated animate__fadeInDown">إنه الحياة ذاتها</h2>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/slider-1.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">مكتبة الإختبارات </h2>
<h3 class="animate__animated animate__fadeInDown">نماذج إختبارات - بنوك أسئلة</h3>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="/pages/elibrary">
دخــــول
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/banners/elibrary.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">تعليمات فنية </h2>
<h3 class="animate__animated animate__fadeInDown"> حول استخدام أجهزة البصمة للعاملين بالمدارس</h3>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="https://www.instagram.com/reel/C3ckK_doJQ2/?igsh=MTIwMGI0aTZsNDZyeg==">
شاهد الفيديو
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/sliderPics/FP.jpg" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">تسجيل دخول الخدمات الإدارية</h2>
<h3 class="animate__animated animate__fadeInUp">
يمكنك تسجيل حساب و تسجيل دخول عن طريق تطبيق هويتي
</h3>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="https://eservices.moe.edu.kw/app/account/login.xhtml" target="_blank">
دخــــول
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/boulis slider/hawyti.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown">تسجيل الدخول للخدمات الطلابية</h2>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto"
href="https://stdservice.moe.edu.kw/StdServices" target="_blank">
دخــــول
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/boulis slider/3-b.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-container">
<div class="row">
<div class="col-lg-6 my-auto">
<h2 class="animate__animated animate__fadeInDown"> المكتبة الإلكترونية </h2>
<a class="btn-get-started animate__animated animate__fadeInUp scrollto" href="https://moekuwait.sharepoint.com/sites/Elearning/SitePages/ar/Home.aspx" target="_blank">
دخــــول
</a>
</div>
<div class="col-lg-6 my-auto">
<img src="/assets/img/banners/E-Laibrary.webp" alt=""
class="banner img-fluid animate__animated animate__backInUp" />
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bx bx-chevron-left" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bx bx-chevron-right" aria-hidden="true"></span>
</a>
</div>
<svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28 " preserveAspectRatio="none">
<defs>
<path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="wave1">
<use href="#wave-path" x="70" y="3" fill="#48a0d8" />
</g>
<g class="wave2">
<use href="#wave-path" x="50" y="0" fill="#14274a" />
</g>
<g class="wave3">
<use href="#wave-path" x="50" y="9" fill="#ffdb74" />
</g>
</svg>
</section><!-- End Hero section-->
<main id="main" style="background: url('/assets/img/sections/pattern-section-01.png')">
<section id="features" class="features" ;background-size: cover !important;>
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2> خدمات الوزارة </h2>
</div>
<ul class="nav nav-tabs row d-flex" style="margin-left: 10px;">
<li class="nav-item col-3 ServicesTabs" data-aos="zoom-in">
<a class="nav-link active show" data-bs-toggle="tab" href="#tab-1">
<i class="fa fa-chalkboard-teacher fa-lg"></i>
<h4 class="d-none d-lg-block">معلم / إداري</h4>
</a>
<p>معلم / إداري</p>
</li>
<li class="nav-item col-3 ServicesTabs" data-aos="zoom-in" data-aos-delay="100">
<a class="nav-link" data-bs-toggle="tab" href="#tab-2">
<i class="fa fa-user-graduate fa-lg"
style="--fa-secondary-color: #edc32c; --fa-secondary-opacity: 0.9;"></i>
<h4 class="d-none d-lg-block">طالب / ولي أمر</h4>
</a>
<p>طالب / ولي أمر</p>
</li>
<li class="nav-item col-3 ServicesTabs" data-aos="zoom-in" data-aos-delay="200">
<a class="nav-link" data-bs-toggle="tab" href="#tab-3">
<i class="fa fa-school fa-lg"
style="--fa-secondary-color: #ffd43b; --fa-secondary-opacity: 0.9;"></i>
<h4 class="d-none d-lg-block">مدرسة</h4>
</a>
<p>مدرسة</p>
</li>
<li class="nav-item col-3 ServicesTabs" data-aos="zoom-in" data-aos-delay="300">
<a class="nav-link" data-bs-toggle="tab" href="#tab-4">
<i class="fa fa-users fa-lg"
style="--fa-secondary-color: #ffd43b; --fa-secondary-opacity: 0.9;"></i>
<h4 class="d-none d-lg-block">خدمات عامة</h4>
</a>
<p>خدمات عامة</p>
</li>
</ul>
<div class="tab-content" data-aos="fade-up">
<div class="tab-pane active show" id="tab-1">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<!-- <h3 style="margin-right: 25px;color: #0a1c68;">منصة الخدمات للهيئة التعليمية والإدارية</h3>
<h4 style="font-size:large; margin-right: 50px;"> تضم العديد من الخدمات وهي </h4> -->
<ul class="detailsStylingUl">
<details class="detailsStyling">
<summary>التعاقد الخارجي و المحلي للمعلمين</summary>
<div class="detailscontent">
<p>
خدمة تتيح التقديم على
الوظائف للموظفين
من الداخل و الخارج
</p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick=window.open('https://eservices.moe.edu.kw/jobs/');
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>الخدمات الادارية</summary>
<div class="detailscontent">
<ul>
<li>
خدمات المجلس الطبي وتخفيف ساعات العمل
</li>
<li>
ترتيب الوظائف الاشرافيه
</li>
<li>
خدمات العلاوة الاجتماعية والبدلات
</li>
<li>
خدمات تظلمات الأعمال الممتازة
</li>
<li>
وغيرها من الخدمات
</li>
</ul>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick=window.open('https://eservices.moe.edu.kw/app/account/login.xhtml');
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>تطوير المهارات</summary>
<div class="detailscontent">
<ul style="padding-right: 6px">
هي برامج تدريبية من شأنها الإسهام في خلق التميز بالاداء و رفع معدلات
الجودة و الاتقان
.
</ul>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button" onclick="window.location.href='/pages/Training';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>المعلم المتميز</summary>
<div class="detailscontent">
<ul style="padding-right: 6px">
محتوى يعرض نبذة من معايير التميز و التقييم للمعلمين المثابرين
المتميزين.
</ul>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button" onclick="window.location.href='/Pages/teacher';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/banners/teacher.png" alt="" class="img-fluid imgSize">
</div>
</div>
</div>
<div class="tab-pane" id="tab-2">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<!-- <h3 style="margin-right: 25px;color: #0a1c68;"> خدمات الطالب وولي الامر وهي </h3> -->
<ul class="detailsStylingUl">
<details class="detailsStyling">
<summary>الخدمات الطلابية</summary>
<div class="detailscontent">
<ul style="padding-right: 6px">
<li>
تسجيل الطلبة المستجدين
</li>
<li>
أرقام الجلوس لطلبه الثاني عشر
</li>
<li>
وغيرها من الخدمات
</li>
</ul>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick=window.open('https://stdservice.moe.edu.kw/StdServices');
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>مكتبة الإختبارات</summary>
<div class="detailscontent">
<ul style="padding-right: 6px">
<li>
نماذج اختبارات
</li>
<li>
بنوك أسئلة
</li>
</ul>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
<button type="button" onclick="window.location.href='/pages/elibrary';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>ذوي الإعاقة</summary>
<div class="detailscontent">
<p>
تتيح هذه الخدمة التعرف على جهود وزارة التربية في الاهتمام بذوي الاحتياجات
الخاصة
</p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button" onclick="window.location.href='/Pages/specialneeds';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>الطالب المتميز</summary>
<div class="detailscontent">
<p>
تتيح هذه الخدمة التعرف على الطلبه والموهوبين والمبدعين ذوي القدره المتميزه
</p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button" onclick="window.location.href='/Pages/student';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/banners/students.png" alt="" class="img-fluid imgSize">
</div>
</div>
</div>
<div class="tab-pane" id="tab-3">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<!-- s<h3 style="margin-right: 25px;color: #0a1c68;">خدمات المدرسة</h4> -->
<ul class="detailsStylingUl">
<details class="detailsStyling">
<summary>دليل المدارس</summary>
<div class="detailscontent">
<p>تتيح الخدمة سهوله الوصول إلى بيانات ومواقع المدارس لكافة أنواع التعليم </p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button" onclick="window.location.href='/pages/moeschools';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>طلبات الصيانة</summary>
<div class="detailscontent">
<p>تتيح الخدمة تقديم طلبات الصيانة الخاصة بالمدارس</p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button" onclick="window.location.href='/pages/helpdesk';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>المدارس المتميزة</summary>
<div class="detailscontent">
<p style="padding-right: 6px">
محتوي يعبر عن معايير المنشآت التعليميه المتميزه لأعلى جوده تقنيه وتكنولوجيا
</p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick="window.location.href='/Pages/OutstandingSchools';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="/assets/img/banners/school.webp" alt="" class="img-fluid imgSize">
</div>
</div>
</div>
<div class="tab-pane" id="tab-4">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<!-- <h3 style="margin-right: 25px;color: #0a1c68;">خدمات الأفراد</h3> -->
<ul class="detailsStylingUl">
<details class="detailsStyling">
<summary>تغيير كلمة المرور </summary>
<div class="detailscontent">
<p>
خدمة تتيح للمعلم والطالب تغيير كلمة المرور لمنصة تيمز
</p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick=window.open('https://erp.moe.edu.kw');
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>طلب تحكيم أداة دراسة</summary>
<div class="detailscontent">
<p> خدمة طلب تحكيم أداة دراسة من إدارة التقويم وضبط جودة التعليم </p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick="window.location.href='https://arbreq.moe.edu.kw/';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary>تظلمات أوامر الشراء</summary>
<div class="detailscontent">
<p>تتيح الخدمة للشركات التقدم بتظلم على أي مرحلة من مراحل أوامر الشراء </p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick="window.location.href='/pages/GrievancessBuy';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
<details class="detailsStyling">
<summary> تسهيل مهمة الباحثين</summary>
<div class="detailscontent">
<p>
تتيح الخدمة للباحثين ملء النموذج الخاص والمعد من إدارة البحوث بهدف تسهيل
مهمة الباحث
</p>
<div class="col-lg-12 order-1 order-lg-2 text-center">
<button type="button"
onclick="window.location.href='/pages/ResearchRequest';"
class="MOEButton">
دخــــــــــــــــول
</button>
</div>
</div>
</details>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/banners/online.png" alt="" class="img-fluid imgSize">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Features Section -->
<section id="newsAdv_sec">
<div class="container newsSec" data-aos="fade-up">
<div class="section-title" data-aos="fade-up">
<h2> الإعلانات والأخبار </h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<figure class="snip1249 row1" data-aos="fade-up" data-aos-delay="200">
<div class="image">
<img src="https://newmoesite.blob.core.windows.net/news/94063.jpeg"
alt="sample85" onerror="this.onerror=null;this.src='/assets/img/BuldingMOE.jpeg'" style="width: 100%; height: 100%; object-fit: fill" />
<i class="ion-ios-star-outline"></i>
</div>
<figcaption>
<h4>التربية : استمرار الدراسة حضوريا في جميع مدارس التعليم العام والخاص و النوعي في البلاد غدا الأربعاء</h4>
<p>
بناء على التقارير الواردة من إدارة الأرصاد الجوية التابعة للإدارة العامة للطيران المدني و التي توضح أن فرص الأمطار تستمر صباح غد الأربعاء بشكل متفرق و بكميات خفيفة إلى متوسطة ، على أن تبلغ ذروة الحالة المطرية من بعد ظهر يوم الأربعاء حتى الساعات الأولى من الليل .
أكد المتحدث الرسمي باسم وزارة التربية ا.أحمد الوهيدة، استمرار العملية التعليمية حضوريا في جميع مدارس التعليم العام والخاص والنوعي بالبلاد غدا الأربعاء الموافق ١ مايو ٢٠٢٤ ، و يأتي ذلك بعد متابعة حثيثة ومستمرة مع إدارة الأرصاد الجوية التابعة للإدارة العامة للطيران المدني للاطلاع على آخر التطورات لحالة الطقس في البلاد ، انطلاقا من حرص الوزارة على سلامة وأمن المتعلمين و المعلمين في مدارسها .
وأشار الوهيدة إلى أن الوزارة تتابع الوضع عن كثب مع جميع المناطق التعليمية والتي تمتلك قرار تعطيل الدراسة وتحويلها لتكون (عن بعد) في حال حدوث أي طارئ أو وجود ما يعيق استمرار الدراسة حضوريا في أي مدرسة.
و نوه الوهيدة على ضرورة الالتزام بتعليمات وزارة التربية ومتابعة حساباتها الرسمية في وسائل التواصل الاجتماعي للاطلاع على آخر التحديثات الرسمية ، سائلا الله تعالى أن يجعلها أمطار خير وبركة للبلاد والعباد .
</p>
</figcaption>
<a href="/News/GetNewsDetail?NewsId=94063"
class="moreNews">المزيد</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<figure class="snip1249 row1" data-aos="fade-up" data-aos-delay="100">
<div class="image">
<img src="https://newmoesite.blob.core.windows.net/news/94062.jpeg"
onerror="this.onerror=null;this.src='/assets/img/BuldingMOE.jpeg'" alt="sample85"
style="width: 100%; height: 100%; object-fit: fill" />
<i class="ion-ios-star-outline"></i>
</div>
<figcaption>
<h4>سمو أمير البلاد حفظه الله شمل برعايته حفل تكريم المعلمين والمدارس المتميزة</h4>
<p> أقيم اليوم حفل تكريم كوكبة من المعلمين والمدارس المتميزة المقام برعاية سامية من حضرة صاحب السمو أمير البلاد الشيخ مشعل الأحمد الجابر الصباح حفظه الله باليوم العالمي للمعلم للعام الدراسي ٢٠٢٣/٢٠٢٢ على مسرح عبدالله الجابر الصباح بجامعة عبدالله السالم بالشويخ. </p>
</figcaption>
<a href="/News/GetNewsDetail?NewsId=94062"
class="moreNews">المزيد</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<figure class="snip1249 row1" data-aos="fade-up" data-aos-delay="300">
<div class="image">
<img src="/assets/img/unisco/What.jpeg"
onerror="this.onerror=null; this.src='/assets/img/Default.jpg'" alt="sample71" /><i class="ion-ios-camera-outline"></i>
</div>
<figcaption>
<h2 class="jobsTitle">إعلانات اللجنه الوطنية</h2>
<p>اللجنة الوطنية الكويتية للتربية والعلوم والثقافة</p>
</figcaption>
<a href="/pages/Announcements" class="moreNews">المزيد</a>
</figure>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<figure class="snip1249 row1" data-aos="fade-up" data-aos-delay="300">
<div class="image">
<img src="/assets/img/jobsOffers.jpg" alt="sample85"
style="width: 100%; height: 100%; object-fit: fill" />
</div>
<figcaption>
<h2 class="jobsTitle">فرص وظيفية</h2>
<p>هو معرض الفرص الوظيفيه للوظائف الاشرافيه التابعه لقطاعات وزاره التربيه</p>
</figcaption>
<a href="/pages/jobs" class="moreNews">المزيد</a>
</figure>
</div>
</div>
</div>
</section>
<!-- ======= platforms Section ======= -->
<section id="services" class="services" ;background-size: cover !important;>
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2> المنصات الإلكترونية </h2>
</div>
<div class="row">
<div class="col-md-12 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" style="cursor: pointer;"
onclick=window.open('https://estasher.moe.edu.kw/');>
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="fa fa-masks-theater"></i></div>
<h4 class="title"><a>منصة استشير</a></h4>
<p class="description" style="text-align:center;">
منصة تقدم الإستشارات الإجتماعية والنفسية ,التربوية والأسرية للطلبة أو أولياء أمورهم
</p>
</div>
</div>
<div class="col-md-12 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" style="cursor: pointer;"
onclick=window.open('https://scout.moe.edu.kw/Site/Index.aspx');>
<div class="icon-box" data-aos="fade-up" data-aos-delay="200">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a>المنصة الكشفية</a></h4>
<p class="description" style="text-align:center;">
حركة شبابية تربوية تطوعية غير سياسية عالمية،
هدفها تنمية الشباب بدنيًا وثقافيًا
</p>
</div>
</div>
<div class="col-md-12 col-lg-4 d-flex align-items-stretch mb-5 mb-lg-0" style="cursor: pointer;"
onclick=window.open('https://moekuwait.sharepoint.com/sites/Elearning/SitePages/ar/Home.aspx');>
<div class="icon-box" data-aos="fade-up" data-aos-delay="300">
<div class="icon"><i class="fa fa-newspaper"></i></div>
<h4 class="title">
<a>
المكتبة الالكترونية
</a>
</h4>
<p class="description" style="text-align:center;">
منصة خاصة تضم العديد من النصوص والوسائط المقروءة والمسموعة التابعة لوزارة التربية
</p>
<br>
</div>
</div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= End platforms section Section ======= -->
<section id="statistics" class="more-services" data-aos="fade-up"
style="; ">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2> إحصائيات و أرقام </h2>
<br />
<br />
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 staticStyling">
<div class="cPage" data-aos="fade-up" data-aos-delay="100">
<div class="cImge">
<ul>
<li>
<a>
<span class="icon">
<i class="fa fa-person-chalkboard"></i>
</span>
<br />
<span class="text"> المعلمين</span>
<span class="counter-value ">102917</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 staticStyling">
<div class="cPage" data-aos="fade-up" data-aos-delay="200">
<div class="cImge">
<ul>
<li>
<a>
<span class="icon">
<i class="fa fa-graduation-cap"></i>
</span>
<br />
<span class="text"> الطلبة</span>
<span class="counter-value ">539698</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 staticStyling">
<div class="cPage" data-aos="fade-up" data-aos-delay="300">
<div class="cImge">
<ul>
<li>
<a>
<span class="icon">
<i class="fas fa-chart-pie"></i>
</span>
<br />
<span class="text"> المدارس</span>
<span class="counter-value ">1276</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 staticStyling">
<div class="cPage" data-aos="fade-up" data-aos-delay="400">
<div class="cImge">
<ul>
<li>
<a>
<span class="icon">
<i class="fas fa-chart-bar"></i>
</span>
<br />
<span class="text"> المستخدمين</span>
<span class="counter-value ">293562</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="moreInfo" data-aos="fade-up" data-aos-delay="500">
<div style="text-align: center ;margin-top:40px;">
<button type="button" onclick="window.location.href='/pages/statistics/';" class="MOEButton" style="width:70px;">
المــزيـــد
</button>
</div>
</div>
</div>
</section>
<!-- more visited -->
<section class="team-wrapper more-sec" ;background-size: cover !important;>
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2> الأكثر زيارة </h2>
</div>
<div class="row">
<div class="row text-center" style="padding-left:1px !important">
<div class="col-lg-3 col-md-6 col-sm-6 col-12 staticStyling">
<a href="https://eservices.moe.edu.kw/app/account/login.xhtml" target="_blank">
<div class="single-fun-fact mb-30 more-box-3" data-aos="fade-up" data-aos-delay="100">
<img src="/assets/img/more_visited/Fr-1.svg">
<h4>الخدمات الإدارية</h4>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12 staticStyling">
<a href="https://stdservice.moe.edu.kw/StdServices" target="_blank">
<div class="single-fun-fact mb-30 more-box-4" data-aos="fade-up" data-aos-delay="200">
<img src="/assets/img/more_visited/Fr-2.svg">
<h4>الخدمات الطلابية</h4>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12 staticStyling">
<a href="/pages/Training">
<div class="single-fun-fact mb-30 more-box-2" data-aos="fade-up" data-aos-delay="400">
<img src="/assets/img/more_visited/Fr-4.svg">
<h4>تطوير المهارات</h4>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12 staticStyling">
<a href="/pages/specialneeds">
<div class="single-fun-fact mb-30 more-box-1" data-aos="fade-up" data-aos-delay="300">
<img src="/assets/img/more_visited/Fr-3.svg">
<h4>ذوي الإعاقة</h4>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end more visited -->
<!-- end more visited -->
<!-- ======= URLS Section ======= -->
<section id="clients" class="clients" data-aos="fade-up" ;background-size: cover !important;>
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2> مواقع تهمك </h2>
</div>
<div class="row importantSites">
<div class="col-lg-2 col-md-6 col-6" data-aos="fade-up" data-aos-delay="400">
<a href="https://metaprodapp.azurewebsites.net/" target="_blank">
<img src="/assets/img/iconslinks/meta.png" data-aos-delay="400">
</a>
</div>
<div class="col-lg-2 col-md-6 col-6" data-aos="fade-up" data-aos-delay="300">
<a href="https://www.mohe.edu.kw/site/" target="_blank">
<img src="/assets/img/iconslinks/highered.png" data-aos-delay="300">
</a>
</div>
<div class="col-lg-2 col-md-6 col-6" data-aos="fade-up" data-aos-delay="100">
<a href="http://kuweb.ku.edu.kw/ku/index.htm" target="_blank">
<img src="/assets/img/iconslinks/kuwaituniv.png" data-aos-delay="100">
</a>
</div>
<div class="col-lg-2 col-md-6 col-6" data-aos="fade-up" data-aos-delay="100">
<a href="https://aasu.edu.kw/" target="_blank">
<img src="/assets/img/iconslinks/aasu1.png" data-aos-delay="100">
</a>
</div>
<div class="col-lg-2 col-md-6 col-6" data-aos="fade-up" data-aos-delay="200">
<a href="https://e.paaet.edu.kw/AR/Pages/default.aspx" target="_blank">
<img src="/assets/img/iconslinks/applied.png" data-aos-delay="200">
</a>
</div>
<div class="col-lg-2 col-xs-12 col-md-6 col-6" data-aos="fade-up" data-aos-delay="100">
<a href="https://nbaq.edu.kw" target="_blank">
<img src="/assets/img/iconslinks/academic.png" data-aos-delay="100">
</a>
</div>
</div>
</div>
</section><!-- End URLS Section -->
<div class="newCarouselSection">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2> مواقع تهمك </h2>
</div>
<div class="image-container">
<!-- Add an anchor tag around the main image with an initial href -->
<a id="main-image-link" href="#">
<img id="main-image" src="/assets/img/iconslinks/meta.png" alt="Main Image">
</a>
<img src="/assets/img/iconslinks/shadowArrow1.png" style="width: 100%;">
</div>
<div class="slider-container">
<div class="autoScroll">
<img class="slider-image" src="/assets/img/iconslinks/meta.png" alt="Slider Image 1" data-href="https://metaprodapp.azurewebsites.net/">
<img class="slider-image" src="/assets/img/iconslinks/highered.png" alt="Slider Image 2" data-href="https://www.mohe.edu.kw/site/">
<img class="slider-image" src="/assets/img/iconslinks/kuwaituniv.png" alt="Slider Image 3" data-href="http://kuweb.ku.edu.kw/ku/index.htm">
<img class="slider-image" src="/assets/img/iconslinks/aasu1.png" alt="Slider Image 4" style="padding-left: 20px;" data-href="https://aasu.edu.kw/">
<img class="slider-image" src="/assets/img/iconslinks/applied.png" alt="Slider Image 5" data-href="https://e.paaet.edu.kw/AR/Pages/default.aspx">
<img class="slider-image" src="/assets/img/iconslinks/academic.png" alt="Slider Image 6" data-href="https://nbaq.edu.kw">
<!-- Add more slider images as needed -->
</div>
</div>
</div>
</div>
</main>
<script>
// Get the main image element
const mainImage = document.getElementById('main-image');
// Get the main image link element
const mainImageLink = document.getElementById('main-image-link');
mainImageLink.href = "https://metaprodapp.azurewebsites.net/";
// Get all the slider image elements
const sliderImages = document.querySelectorAll('.slider-image');
// Add a click event listener to each slider image
sliderImages.forEach(image => {
image.addEventListener('click', () => {
// Change the source of the main image to the clicked slider image
mainImage.src = image.src;
// Get the href from the data-href attribute of the clicked slider image
const href = image.getAttribute('data-href');
// Set the href of the main image link
mainImageLink.href = href;
});
});
</script>
</div>
<div class="clearSec"></div>
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="upperFooter">
<div class="row widthContainer" dir="rtl">
<div class="col-lg footerMiniCol">
<h4 class="mb-lg-4 text-info">وسائل التواصل الإجتماعي</h4>
<div dir="rtl">
<a class="iconColor" href="https://www.facebook.com/moekuwait" target="_blank">
<i class="fab fa-facebook-square fa-2x fa-fw"></i>
</a>
<a class="iconColor" href="https://www.instagram.com/moekwt/" target="_blank">
<i class="fab fa-instagram fa-2x fa-fw"></i>
</a>
<a class="iconColor" href="https://twitter.com/moekuwait?lang=ar" target="_blank">
<i class="fa-brands fa-x-twitter"></i>
</a>
<a class="iconColor" href="https://www.youtube.com/channel/UCAOAVgFlLSpI-pe0CBEDcJA"
target="_blank"><i class="fab fa-youtube fa-2x fa-fw"></i></a>
</div>
</div>
<div class="col-lg footerText footerMiniCol">
<h4 class="mb-lg-4 text-info">روابـط سـريعة</h4>
<div class="row">
<div class="col">
<a href="/pages/sitemap"><i class="fa-solid fa-map"></i> خريطة الموقع</a>
</div>
<div class="col">
<a href="/FAQ/FAQResultConditions">
<i class="fa-solid fa-house"></i> شروط الاستخدام
</a>
</div>
<div class="col">
<a href="/FAQ/FAQResult">
<i class="fas fa-list"></i> الأسئلة الشائعة
</a>
</div>
</div>
</div>
<div class="col-lg footerMiniCol">
<h4 class="">التطبيقات الإلكترونية</h4>
<a href="https://play.google.com/store/apps/details?id=kw.kwmoe.appmoekuwait">
<img class="responsiveItem apps" src="/assets/img/store-android.png"></img>
</a>
<a href="https://apps.apple.com/kw/app/moe/id519648030">
<img class="apps" src="/assets/img/store-apple.png" />
</a>
</div>
</div>
</div>
<hr class="footerHr">
<div class="layout-footer">
<div class="widthContainer">
<div class="copyRight">
<span>
<script>document.write(new Date().getFullYear())</script> ©
</span>
<span> جميع حقوق الطبع محفوظة لدي وزارة التربية – دولة الكويت </span>
</div>
</div>
</div>
</div>
</footer>
<!-- ===================== Footer END ============================= -->
<style>
.back-to-top {
right: unset;
left: 20px;
bottom: 60px;
}
.back-to-top {
right: unset;
left: 20px;
bottom: 60px;
}
@media (max-width: 767px) {
.back-to-top {
bottom: 18px;
}
}
</style>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center">
<i class="bi bi-arrow-up-short"></i>
</a>
<!-- Vendor JS Files -->
<script src="/Scripts/jquery-3.4.1.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/assets/vendor/aos/aos.js"></script>
<script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="/assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="/assets/vendor/php-email-form/validate.js"></script>
<script src="https://kit.fontawesome.com/27ab195ca3.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<!-- Template Main JS File -->
<script src="/assets/js/main.js"></script>
<script type="text/javascript" src="/Scripts/jquery-1.12.0.min.js"></script>
<link rel='stylesheet' href='/dist/css/calendarorganizer.min.css'>
<link rel='stylesheet' href='/dist/css/style-cal.css'>
<style>
.calender-2 {
position: fixed;
bottom: 20px;
left: 3%;
display: none;
width: 50px;
height: 50px;
background: #ffdb74;
color: #14254a;
border-radius: 50%;
text-align: center;
font-size: 24px;
line-height: 40px;
transition: 0.3s;
/* opacity: 0.7;*/
z-index: 999783973;
cursor: pointer;
}
.calender-2:hover {
background: #14254a;
}
.calender-2:hover i {
color: white;
}
.calender-2.active {
display: flex;
//background: #48a0d8;
}
.modal-content-cal {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
/* border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); */
border-radius: var(--bs-modal-border-radius);
outline: 0;
background-color: transparent;
}
.modal-header-cal {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
/* border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); */
border-top-right-radius: var(--bs-modal-inner-border-radius);
border-top-left-radius: var(--bs-modal-inner-border-radius);
}
.div-time {
display: none;
}
.cjslib-year,
.cjslib-month,
.cjslib-date {
width: 100%;
}
.cjslib-labels > span {
width: 14%;
color: black;
}
.cjslib-list > li > div {
display: none;
}
@media(min-width:575px)(max-width:1200px) {
.Cal-model {
margin-right: 20%;
max-width: none;
width: 60%;
}
}
@media(min-width:1201px) {
.Cal-model {
margin-right: 10%;
max-width: none;
width: 80%;
}
}
</style>
<div class="modal fade" id="modalCal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered Cal-model">
<div class="modal-content-cal">
<div class="modal-body ">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> X </button>
<div class="container" style="display: inline-flex; justify-content: center;">
<!-- partial:index.partial.html -->
<div class="row" style="width:100%">
<div class="calendarTitleContainer">
<div class="calendarTitle">
<div class="calendarButton">
<a class="nav-link " href="/pages/calendar" target="_blank">المزيد</a>
</div>
<span>رزنامة الوزارة</span>
</div>
</div>
<div class="col col-lg-12 col-sm-12">
<div id="calendarContainer" style="width:100%;display:inline-flex;"></div>
</div>
<div class="col col-lg-12 col-sm-12">
<div id="organizerContainer" style="width:100%;display:inline-flex;"></div>
</div>
<div id="organizerContainer" style="width:100%;display:inline-flex;"></div>
</div>
<!-- partial -->
<script src='/dist/css/calendarorganizer.min.js' charset='utf-8' type='text/javascript'></script>
</div>
</div>
</div>
</div>
<script>
"use strict";
function fromJsonToJavaScriptDate(value) {
var pattern = /Date\(([^)]+)\)/;
var results = pattern.exec(value);
var dt = new Date(parseFloat(results[1]));
return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
}
function createDummyData() {
$.ajax({
type: "POST",
url: '/Pages/LoadCalendar',
// url: 'https://localhost:44385//Pages/LoadCalendar',
contentType: "application/json",
data: { id: 1, Link: 2 /*, lkpBannerTypeId: lkpBannerTypeId, Path: Path, IsActive: isActive*/ },
success: function (result) {
//debugger;
var data1 = {}
var sty = result[0].FYear;
var Endy = result[result.length - 1].TYear;
for (var i = sty; i < Endy + 1; i++) {
data1[i] = {};
for (var j = 0; j < 12; j++) {
data1[i][j + 1] = {};
}
}
for (var n = 0; n < result.length - 1; n++) {
data1[result[n].FYear][result[n].FMonth][result[n].FDay] = [];
}
// alert(sty);
for (var k = 0; k < result.length - 1; k++) {
//debugger;
var y1 = result[k].FYear;
var m1 = result[k].FMonth;
var d1 = result[k].FDay;
const dt1 = new Date(result[k].FYear, result[k].FMonth - 1, result[k].FDay, 0, 0, 0, 0);
//alert(dt1);
const dt2 = new Date(result[k].TYear, result[k].TMonth - 1, result[k].TDay, 0, 0, 0, 0);
//alert(dt2);
var dt11 = fromJsonToJavaScriptDate(result[k].Fromdate);
var dt22 = fromJsonToJavaScriptDate(result[k].Todate);
var DtStr = '';
if (dt11 != dt22) {
DtStr = ' من تاريخ: ' + dt11 + ' إلى تاريخ: ' + dt22;
}
try {
data1[y1][m1][d1].push({
startTime: dt11,
endTime: dt22,
text: result[k].Event + DtStr
});
} catch (e) {
data1[y1][m1][d1].push({
startTime: dt11,
endTime: dt22,
text: result[k].Event + DtStr
});
}
}
//return data1;
var calendar = new Calendar(
"calendarContainer", // id of html container for calendar
"small", // size of calendar, can be small | medium | large
[
"Sunday", // left most day of calendar labels
3 // maximum length of the calendar labels
],
[
"#14254a", // primary color
"#48a0d8", // primary dark color
"#FFFFFF", // text color
"#F8BBD0" // text dark color
]
);
// initializing a new organizer object, that will use an html container to create itself
var organizer = new Organizer(
"organizerContainer", // id of html container for calendar
calendar, // defining the calendar that the organizer is related to
data1 // giving the organizer the static data that should be displayed
);
},
error: function (result) {
alert(result);
var data1 = {};
data1[2023] = {};
data1[2023][10] = {};
data1[2023][10][20] = [];
data1[2023][10][20].push({
startTime: "",
endTime: "",
text: 'عطلة العيد الوطني ويوم التحرير'
});
return data1;
}
});
};
// creating the dummy static data
//var data = Model.
//debugger;
var data = createDummyData();
// initializing a new calendar object, that will use an html container to create itself
//var calendar = new Calendar(
// "calendarContainer", // id of html container for calendar
// "small", // size of calendar, can be small | medium | large
// [
// "Sunday", // left most day of calendar labels
// 3 // maximum length of the calendar labels
// ],
// [
// "#14254a", // primary color
// "#48a0d8", // primary dark color
// "#FFFFFF", // text color
// "#F8BBD0" // text dark color
// ]
//);
//// initializing a new organizer object, that will use an html container to create itself
//var organizer = new Organizer(
// "organizerContainer", // id of html container for calendar
// calendar, // defining the calendar that the organizer is related to
// data // giving the organizer the static data that should be displayed
//);
</script>
</div>
<script>
class Accordion {
constructor(el) {
// Store the <details> element
this.el = el;
// Store the <summary> element
this.summary = el.querySelector('summary');
// Store the <div class="content"> element
this.content = el.querySelector('.detailscontent');
// Store the animation object (so we can cancel it if needed)
this.animation = null;
// Store if the element is closing
this.isClosing = false;
// Store if the element is expanding
this.isExpanding = false;
// Detect user clicks on the summary element
this.summary.addEventListener('click', (e) => this.onClick(e));
}
onClick(e) {
// Stop default behaviour from the browser
e.preventDefault();
// Add an overflow on the <details> to avoid content overflowing
this.el.style.overflow = 'hidden';
// Check if the element is being closed or is already closed
if (this.isClosing || !this.el.open) {
this.open();
// Check if the element is being openned or is already open
} else if (this.isExpanding || this.el.open) {
this.shrink();
}
}
shrink() {
// Set the element as "being closed"
this.isClosing = true;
// Store the current height of the element
const startHeight = `${this.el.offsetHeight}px`;
// Calculate the height of the summary
const endHeight = `${this.summary.offsetHeight}px`;
// If there is already an animation running
if (this.animation) {
// Cancel the current animation
this.animation.cancel();
}
// Start a WAAPI animation
this.animation = this.el.animate({
// Set the keyframes from the startHeight to endHeight
height: [startHeight, endHeight]
}, {
duration: 400,
easing: 'ease-out'
});
// When the animation is complete, call onAnimationFinish()
this.animation.onfinish = () => this.onAnimationFinish(false);
// If the animation is cancelled, isClosing variable is set to false
this.animation.oncancel = () => this.isClosing = false;
}
open() {
// Apply a fixed height on the element
this.el.style.height = `${this.el.offsetHeight}px`;
// Force the [open] attribute on the details element
this.el.open = true;
// Wait for the next frame to call the expand function
window.requestAnimationFrame(() => this.expand());
}
expand() {
// Set the element as "being expanding"
this.isExpanding = true;
// Get the current fixed height of the element
const startHeight = `${this.el.offsetHeight}px`;
// Calculate the open height of the element (summary height + content height)
const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;
// If there is already an animation running
if (this.animation) {
// Cancel the current animation
this.animation.cancel();
}
// Start a WAAPI animation
this.animation = this.el.animate({
// Set the keyframes from the startHeight to endHeight
height: [startHeight, endHeight]
}, {
duration: 400,
easing: 'ease-out'
});
// When the animation is complete, call onAnimationFinish()
this.animation.onfinish = () => this.onAnimationFinish(true);
// If the animation is cancelled, isExpanding variable is set to false
this.animation.oncancel = () => this.isExpanding = false;
}
onAnimationFinish(open) {
// Set the open attribute based on the parameter
this.el.open = open;
// Clear the stored animation
this.animation = null;
// Reset isClosing & isExpanding
this.isClosing = false;
this.isExpanding = false;
// Remove the overflow hidden and the fixed height
this.el.style.height = this.el.style.overflow = '';
}
}
document.querySelectorAll('details').forEach((el) => {
new Accordion(el);
});
$(document).ready(function () {
$('body').css({ overflow: "hidden" });
});
$(window).on('load', function () {
$('body').addClass('loaded');
$('body').css({ overflow: "auto" });
});
var
chatbtn = document.getElementById('chatbtn'),
bool = true;
chatbtn.addEventListener('click', function () {
if (bool) {
this.style.background = 'none';
this.style.fontSize = '0px';
this.color = '#14274A';
bool = false;
} else {
this.style.background = 'rgb(255, 219, 116)';
this.style.fontSize = '14px';
bool = true;
}
});
</script>
<div id="dxwand-widget"
data-dxwand='{"ChannelId": "info@telecom.com", "AppName": "وزارة التربية", "DXwandStyleSheetURL": "/Content/chatpot/dxwand.css", "LogoURL": "/Content/chatpot/logo.jpg","DXwandBackendURL": "https://channel-manager-dxwand.moe.edu.kw/", "UserName": "", "ClientId": "ClientId", "UserEmail": "UserEmail", "ClientIP": "ClientIP","attachment":false,"emoji":false,"mic":true,"hasStartButtons":false,"hasStartMessage":true}'>
</div>
<div id="dxwand-widget-app"></div>
<script src="/Content/chatpot/js/signalr.min.js"></script>
<script src="/Content/chatpot/js/jquery-3.6.0.min.js"></script>
<script src="/Content/chatpot/js/inputEmoji.js"></script>
<script src="/Content/chatpot/js/azure-storage-blob.min.js"></script>
<script src="/Content/chatpot/js/microsoft.cognitiveservices.speech.sdk.bundle-min.js"></script>
<script src="/Content/chatpot/js/owl.carousel.min.js"></script>
<script src="/Content/chatpot/dxwand.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function () {
$('.js-example-basic-single').select2();
});
</script>
</body>
</html>