<!DOCTYPE html>
<html>

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="images/fav.png" rel="icon" />

    <title>Sesp</title>
    <link rel="stylesheet" href="css/icons.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/rtl.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    
</head>

<body class="rtl">


    <!-- Add an HTML element for the preloader -->
<div class="preloader">
        <div class="loading">
            <div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
    </div>


    <!-- menu navigations -->

    <?php include 'include-ar.php';?>

    <!-- slider -->
    <div class="owl-carousel1 owl-theme owl-carousel">
        <div class="item d-flex align-items-center banne-bg" style="background-image: url(images/banner.jpg);">
            <div class="container-fluid">
                <div class="banner-contet">
                    <h3>استكشاف الدورة المفضلة لديك</h3>
                    <h1>لك <span>مستقبل</span> حياة مهنية<br>يبدأ هنا</h1>
                    <p>SESP هي الكلية التقنية الرائدة في إنتاج متدربين مؤهلين تأهيلاً عاليًا للطاقة<br> صناعة المملكة العربية السعودية. </p>
                    <a href="about-ar.php"><button type="button" class="banner-btn">تعلم المزيد عنا</button></a>
                </div>
            </div>
        </div>

        <div class="item d-flex align-items-center banne-bg" style="background-image: url(images/banner2.jpg);">
            <div class="container-fluid">
                <div class="banner-contet">
                    <h3>استكشاف الدورة المفضلة لديك</h3>
                    <h1>دورات طويلة</h1>
                    <a href="long_course-ar.php"><button type="button" class="banner-btn">يتقدم</button></a>
                </div>
            </div>
        </div>

        <div class="item d-flex align-items-center banne-bg" style="background-image: url(images/banner3.jpg);">
            <div class="container-fluid">
                <div class="banner-contet">
                    <h3>استكشاف الدورة المفضلة لديك</h3>
                    <h1>تصميم الطاقة الشمسية الكهروضوئية<br> دورات التثبيت</h1>
                    <p>تدعم دورات الطاقة الشمسية الكهروضوئية تدريب KA CARE على الجيل الموزع (DG) للمقاولين والاستشاريين.
                    </p>
                    <a href="solarpv-design-ar.php"><button type="button" class="banner-btn">تحقق ويسجل</button></a>
                </div>
            </div>
        </div>

        <div class="item d-flex align-items-center banne-bg" style="background-image: url(images/banner4.jpg);">
            <div class="container-fluid">
                <div class="banner-contet">
                    <h3>استكشاف الدورة المفضلة لديك</h3>
                    <h1>دوراتنا القصيرة</h1>
                    <p>دوراتنا مفتوحة للجميع وهناك شيء للجميع.</p>
                    <a href="short-courses-ar.php"><button type="button" class="banner-btn">تحقق من دوراتنا القصيرة</button></a>
                </div>
            </div>
        </div>

        <div class="item d-flex align-items-center banne-bg" style="background-image: url(images/banner5.jpg);">
            <div class="container-fluid">
                <div class="banner-contet">
                <h3>استكشاف الدورة المفضلة لديك</h3>
                    <h1>برامجنا</h1>
                    <p> يوفر SESP الفرص للأشخاص لتحقيق أهدافهم الشخصية <br>الإمكانات والأهداف من خلال البرامج التدريبية المختلفة. </p>
                    <a href="programs-ar.php"><button type="button" class="banner-btn">تحقق من برامجنا</button></a>
                </div>
            </div>
        </div>
        <div class="item d-flex align-items-center banne-bg" style="background-image: url(images/banner2.jpg);">
            <div class="container-fluid">
                <div class="banner-contet">
                    <h3>استكشاف الدورة المفضلة لديك</h3>
                    <h1>التدريب الدولي<br> شركاء</h1>
                    <p>شركاء SESP مع مؤسسات عالمية المستوى في<br> مجال التدريب المهني، لتلبية الاحتياجات  <br> للمملكة العربية السعودية.</p>
                    <a href="training-partners-ar.php"><button type="button" class="banner-btn">انظر شركائنا</button></a>
                </div>
            </div>
        </div>



    </div>

    <!-- Quik action -->
    <div class="container-fluid">
        <div class="home-btns">
            <a href="apply-now-ar.php"><button type="button" class="service-btn ml-2">قدم الآن <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                     <path d="M4.01025 9.625H15.2394" stroke="white" stroke-width="1.60417" stroke-linecap="round" stroke-linejoin="round"></path>
                                     <path d="M9.625 4.01038L15.2396 9.62496L9.625 15.2395" stroke="white" stroke-width="1.60417" stroke-linecap="round" stroke-linejoin="round"></path>
                                 </svg>
                             </button></a> 
                             <a href="register-interest-ar.php"> <button type="button" class="banner-btn">تسجيل الاهتمام<svg class="arabic-arrow-opp" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                     <path d="M4.01025 9.625H15.2394" stroke="white" stroke-width="1.60417" stroke-linecap="round" stroke-linejoin="round"></path>
                                     <path d="M9.625 4.01038L15.2396 9.62496L9.625 15.2395" stroke="white" stroke-width="1.60417" stroke-linecap="round" stroke-linejoin="round"></path>
                                 </svg></button></a> 
             </div>
        <div class="d-flex justify-content-between align-items-center space-class flex-md-row flex-column">
            <div class="div-1st">
                <h3>الوصول السريع</h3>
            </div>
            <div class="div-2">
                <input type="search" class="inp-1" name="search" placeholder="العثور على دورة" required>
            </div>
            <div class="div-3">
                <button type="button" class="search-btn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
                            stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M20.9999 21L16.6499 16.65" stroke="white" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
            </div>
            <div class="div-4">
                <h3>أو</h3>
            </div>
            <div class="div-5">
                <select name="cars" id="cars" class="inp-1">
                    <option value="volvo">الدورات القصيرة</option>
                    <option value="saab">صعب</option>
                    <option value="mercedes">مرسيدس</option>
                    <option value="audi">أودي</option>
                </select>
            </div>

            <!-- <div class="div-6">
        <select name="cars" id="cars" class="inp-1">
            <option value="volvo">Electrical</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
          </select>
    </div> -->

            <div class="div-7">
                <button type="button" class="search-btn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
                            stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M20.9999 21L16.6499 16.65" stroke="white" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
            </div>
        </div>

    </div>
    <!-- <hr class="line"> -->


    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-4">
                <div class="box-line d-flex align-items-center justify-content-center flex-column">
                    <h2>دوراتنا الطويلة</h2>
                    <a href="long_course-ar.php"><button type="button" class="service-btn">يتقدم<svg width="20" height="20"
                                viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.01025 9.625H15.2394" stroke="white" stroke-width="1.60417"
                                    stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M9.625 4.01038L15.2396 9.62496L9.625 15.2395" stroke="white"
                                    stroke-width="1.60417" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                        </button></a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="box-line2 d-flex align-items-center justify-content-center flex-column">
                    <h2>دوراتنا القصيرة</h2>
                    <a href="short-courses-ar.php"><button type="button" class="service-btn">اطّلِع على دوراتنا القصيرة<svg
                                width="20" height="20" viewBox="0 0 20 20" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.01025 9.625H15.2394" stroke="white" stroke-width="1.60417"
                                    stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M9.625 4.01038L15.2396 9.62496L9.625 15.2395" stroke="white"
                                    stroke-width="1.60417" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                        </button></a>
                </div>
            </div>
            <div class="col-lg-4">

                <div class="box-line3 d-flex align-items-center justify-content-center flex-column">
                    <h2>دورات تركيب تصميم الطاقة الشمسية الكهروضوئية</h2>
                    <a href="solarpv-design-ar.php"><button type="button" class="service-btn">التحقق والتسجيل<svg
                                width="20" height="20" viewBox="0 0 20 20" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.01025 9.625H15.2394" stroke="white" stroke-width="1.60417"
                                    stroke-linecap="round" stroke-linejoin="round"></path>
                                <path d="M9.625 4.01038L15.2396 9.62496L9.625 15.2395" stroke="white"
                                    stroke-width="1.60417" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                        </button></a>
                </div>
            </div>
        </div>



    </div>


    <section class="clnt-sectn">
        <div class="container-fluid">
            <div class="sub-heading">
                <h3>الشركاء المؤسسون</h3>
            </div>
            <div class="client-carousel section-padding owl-carousel">
                <div class="single-logo slide">
                    <img src="images/clients/3.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/10.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/1.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/2.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/4.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/5.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/6.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/7.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/8.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/9.png" alt="">
                </div>
                <div class="single-logo slide">
                    <img src="images/clients/11.png" alt="">
                </div>

            </div>
        </div>
    </section>
    <section class="section-space">
        <div class="container-fluid">
            <div class="sub-heading">
                <h3>أفضل الدورات لدينا</h3>
            </div>
            <h3 class="main-head">البرامج التدريبية</h3>

            <div class="row">
                <div class="col-md-4">
                    <div class="acadamic-box">
                        <img src="images/group.png" class=" img-fluid">
                        <h4>الدبلوم <br>المشارك في التكنولوجيا (ADT)</h4>
                        <a href="programs-details-ar.php">
                            <p>يتعلم أكثر&ensp;<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.04297 10.8958H17.0404" stroke="#666666" stroke-width="1.71392"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M11.042 4.89703L17.0407 10.8958L11.042 16.8945" stroke="#666666"
                                        stroke-width="1.71392" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </p>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="acadamic-box">
                        <img src="images/safty.png" class=" img-fluid">
                        <h4>دبلوم مشارك في الصحة<br> بيئة السلامة</h4>
                        <a href="programs-details-ar.php">
                            <p>يتعلم أكثر&ensp;<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.04297 10.8958H17.0404" stroke="#666666" stroke-width="1.71392"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M11.042 4.89703L17.0407 10.8958L11.042 16.8945" stroke="#666666"
                                        stroke-width="1.71392" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </p>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="acadamic-box">
                        <img src="images/oparation.png" class=" img-fluid">
                        <h4>الدبلوم المشارك في هندسة <br>التشغيل والصيانة (ADOME)</h4>
                        <a href="programs-details-ar.php">
                            <p>يتعلم أكثر&ensp;<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.04297 10.8958H17.0404" stroke="#666666" stroke-width="1.71392"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M11.042 4.89703L17.0407 10.8958L11.042 16.8945" stroke="#666666"
                                        stroke-width="1.71392" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 d-flex justify-content-center">
                <a href="programs-ar.php"><button type="button" class="veiw-cource">عرض الكل<svg width="20" height="20"
                            viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4.01025 9.625H15.2394" stroke="white" stroke-width="1.60417"
                                stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M9.625 4.01038L15.2396 9.62496L9.625 15.2395" stroke="white" stroke-width="1.60417"
                                stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </button></a>

            </div>
        </div>
    </section>
    <section class="about-bg section-space2">
        <div class="container-fluid">
            <div class="row d-flex align-items-center">
                <div class="col-lg-6 about-contents responsive-arabic">
                    <div class="sub-heading">
                        <h3>نبذة عنا</h3>
                    </div>
                    <h2>السعودية للخدمات <span>الكهربائية </span> البوليتكنيك                        
                    </h2>
                    <p>تأسست الكلية التقنية السعودية للخدمات الكهربائية (SESP) في سبتمبر 2012، وهي مركز رائد للتدريب المهني في المملكة العربية السعودية، وهي متخصصة في تقديم متدربين مؤهلين تأهيلاً عاليًا لصناعة مرافق الطاقة.
                    </p>
                    <a href="about-ar.php"><button type="button" class="veiw-cource">اقرأ أكثر</button></a>

                </div>
                <div class="col-lg-6">
                    <img src="images/main-about.png" class="img-fluid about-img-clas">
                </div>
            </div>
        </div>
    </section>
    <section class="text-bg d-flex align-items-center justify-content-center flex-column">
        <h2>كلية <span>الفنون</span> التطبيقية للتدريب المهني<br> ذات المستوى العالمي </h2> 
        <a href="about-ar.php"><button type="button" class="go-about">نبذة عنا</button></a>
    </section>

    <section class="section-space2">
        <div class="container-fluid">
            <div class="row d-flex align-items-center">
                <div class="col-lg-6">
                    <img src="images/video.jpg" class="img-fluid">
                </div>


                <div class="col-lg-5  about-contents colmn-spacing about-contents-ar">
                    <div class="sub-heading">
                        <h3>لماذا أخترتنا</h3>
                    </div>
                    <h2>لماذا تختار المعهد السعودي?</span>
                        <p>تسعى SESP جاهدة إلى غرس أخلاقيات العمل والمواقف والسلوك الإيجابي لدى المتدربين لدينا، وهي سمات مبنية على احترام الآخرين وتخصصاتهم الفنية والشركة.</p>
                        <a href="about-ar.php"><button type="button" class="veiw-cource">نبذة عنا</button></a>

                </div>
            </div>
        </div>
    </section>
    <section class="about-bg section-space2">
        <div class="container-fluid">

            <div class="sub-heading">
                <h3>أخبار</h3>
            </div>
            <h3 class="main-head">أخبار مميزة</h3>
            <div class="row">
                <div class="col-lg-4 news-content">
                    <img src="images/news1.jpg" class="img-fluid">
                    <h3>
توقيع اتفاقية تعاون و تدريب مع شركة ميرسك الدانيماركية في مجالات الطاقة</h3>
                    <p>/ Naser / يناير 2, 2020</p>
                    <a href="news-details-ar.php">
                        <h5>يتعلم أكثر<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_64_433)">
                                    <path d="M0.541992 12H10.4587" stroke="black" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M5.5 6.75L10.4583 12L5.5 17.25" stroke="black" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_64_433">
                                        <rect width="17" height="18" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg>
                        </h5>
                    </a>
                </div>
                <div class="col-lg-4 news-content">
                    <img src="images/news2.jpg" class="img-fluid">
                    <h3>توقيع إتفاقية تعاون واستشارات مع كلية نيوتك الباكستانية في مجالات الطاقة</h3>
                    <p>أخبار / Naser / يناير 2, 2020</p>
                    <a href="news-details-ar.php">
                        <h5>يتعلم أكثر<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_64_433)">
                                    <path d="M0.541992 12H10.4587" stroke="black" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M5.5 6.75L10.4583 12L5.5 17.25" stroke="black" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_64_433">
                                        <rect width="17" height="18" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg>
                        </h5>
                    </a>
                </div>
                <div class="col-lg-4 news-content">
                    <img src="images/news3.jpg" class="img-fluid">
                    <h3>زيارة الإدارة التنفيذية لشركة السعودية للكهرباء للمعهد السعودي التقني لخدمات الكهرباء فرع بيش</h3>
                    <p>أخبار / Ali Ahmed / أكتوبر 24, 2019</p>
                    <a href="news-details-ar.php">
                        <h5>يتعلم أكثر<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_64_433)">
                                    <path d="M0.541992 12H10.4587" stroke="black" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M5.5 6.75L10.4583 12L5.5 17.25" stroke="black" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_64_433">
                                        <rect width="17" height="18" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg>
                        </h5>
                    </a>
                </div>
            </div>
            <div class="d-flex justify-content-center">
                <a href="news-ar.php"><button type="button" class="veiw-cource">عرض جميع الأخبا<svg width="20" height="20"
                            viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4.01025 9.625H15.2394" stroke="white" stroke-width="1.60417"
                                stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M9.625 4.01038L15.2396 9.62496L9.625 15.2395" stroke="white" stroke-width="1.60417"
                                stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </button></a>
            </div>
        </div>
    </section>

    <?php include("footer-ar.php")?>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="js/script.js"></script>

    <script>
        $(document).ready(function() {
            $(".preloader").show();
            setTimeout(function() {

                $('.preloader').hide();
            }, 2000);
        });
    </script>
</body>

</html>