<!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="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>


    <!-- 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.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>Explore your favourite course</h3>
                    <h1>Your <span>future</span> career<br>starts here</h1>
                    <p>SESP is the leading polytechnic in producing highly-qualified trainees for the power<br> industry of the Kingdom of Saudi Arabia. </p>
                    <a href="about.php"><button type="button" class="banner-btn">Learn more about us</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>Explore your favourite course</h3>
                    <h1>Long courses</h1>
                    <a href="long_course.php"><button type="button" class="banner-btn">Apply</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>Explore your favourite course</h3>
                    <h1>Solar PV design &<br> Installation courses</h1>
                    <p>The Solar PV Courses support KA CARE Distributed Generation (DG) training for contractors and consultants.
                    </p>
                    <a href="solarpv-design.php"><button type="button" class="banner-btn">Check and
                            Register</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>Explore your favourite course</h3>
                    <h1>Our short coureses</h1>
                    <p>Our courses are open to everybody and there is something for everyone.</p>
                    <a href="short-courses.php"><button type="button" class="banner-btn">Check our short
                            courses</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>Explore your favourite course</h3>
                    <h1>Our programs</h1>
                    <p> SESP provides opportunities for people to achieve their personal <br>potential and goals through various training programs. </p>
                    <a href="programs.php"><button type="button" class="banner-btn">Check our programs</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>Explore your favourite course</h3>
                    <h1>International training<br> partners</h1>
                    <p>SESP partners with world-class institutions in the<br> vocational training field, to deliver to the needs<br> of the Kingdom of Saudi Arabia.</p>
                    <a href="training-partners.php"><button type="button" class="banner-btn">See our
                            partners</button></a>
                </div>
            </div>
        </div>



    </div>

    <!-- Quik action -->
    <div class="container-fluid">
        <div class="home-btns">
       <a href="apply-now.php"><button type="button" class="service-btn mr-2">Apply Now<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.php"> <button type="button" class="banner-btn">Register Interest<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 class="d-flex justify-content-between align-items-center space-class flex-column flex-md-row">
            <div class="div-1st">
                <h3>Quik access</h3>
            </div>
            <div class="div-2">
                <input type="search" class="inp-1" name="search" placeholder="Find a course" 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>OR</h3>
            </div>
            <div class="div-5">
                <select name="cars" id="cars" class="inp-1">
                    <option value="volvo">Short courses</option>
                    <option value="saab">Saab</option>
                    <option value="mercedes">Mercedes</option>
                    <option value="audi">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>Our Long courses</h2>
                    <a href="long_course.php"><button type="button" class="service-btn">Apply<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>Our short courses</h2>
                    <a href="short-courses.php"><button type="button" class="service-btn">Check Our Short Courses<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>Solar PV design Installation Courses</h2>
                    <a href="solarpv-design.php"><button type="button" class="service-btn">Check and Register<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>Founding partners</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>Our best courses</h3>
            </div>
            <h3 class="main-head">Acadamics</h3>

            <div class="row">
                <div class="col-md-4">
                    <div class="acadamic-box">
                        <img src="images/group.png" class=" img-fluid">
                        <h4>Associate Diploma in<br> Technology (ADT)</h4>
                        <a href="programs-details.php">
                            <p>Learn more&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>Associate Diploma in Health<br> Safety & Environment</h4>
                        <a href="programs-details.php">
                            <p>Learn more&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>Associate Diploma in Operation and<br> Maintenance Engineering (ADOME)</h4>
                        <a href="programs-details.php">
                            <p>Learn more&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.php"><button type="button" class="veiw-cource">View all<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">
                    <div class="sub-heading">
                        <h3>About us</h3>
                    </div>
                    <h2>Saudi <span>electric</span> services<br> polytechnic
                    </h2>
                    <p>Saudi Electric Services Polytechnic (SESP) was established in September 2012 and is a leading centre of vocational training in the Kingdom of Saudi Arabia, specialising in delivering highly-qualified trainees to the power utility industry.
                    </p>
                    <a href="about.php"><button type="button" class="veiw-cource">Read more</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>A <span>world-class</span> vocational<br> training polytechnic</h2>
        <a href="about.php"><button type="button" class="go-about">About us</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">
                    <div class="sub-heading">
                        <h3>Why choose us</h3>
                    </div>
                    <h2>Why <span>SESP?</span>
                        <p>SESP strives to instill positive work ethics, attitudes and behavior in our trainees, attributes built on respect for others, their technical disciplines and the company.</p>
                        <a href="about.php"><button type="button" class="veiw-cource">About us</button></a>

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

            <div class="sub-heading">
                <h3>News</h3>
            </div>
            <h3 class="main-head">Featured news</h3>
            <div class="row">
                <div class="col-lg-4 news-content">
                    <img src="images/news1.jpg" class="img-fluid">
                    <h3>On the 12th December 2016 Eng. Laith bin Ahmed Al-Bassam, CEO National Grid and the Chairman of the Board of the Saudi Electric...</h3>
                    <p>News / Naser / Jan 2020, 2</p>
                    <a href="news-details.php">
                        <h5>Lern more<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>On the 12th December 2016 Eng. Laith bin Ahmed Al-Bassam, CEO National Grid and the Chairman of the Board of the Saudi Electric...</h3>
                    <p>News / Naser / Jan 2020, 2</p>
                    <a href="news-details.php">
                        <h5>Lern more<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>On the 12th December 2016 Eng. Laith bin Ahmed Al-Bassam, CEO National Grid and the Chairman of the Board of the Saudi Electric...</h3>
                    <p>News / Naser / Jan 2020, 2</p>
                    <a href="news-details.php">
                        <h5>Lern more<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.php"><button type="button" class="veiw-cource">View all News<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>


    <div class="sticky-icons">
        <div class="whatsapp">
            <a href="">
                <i class="fab fa-whatsapp"></i> 
            </a>
        </div>
        <div class="chatbox">
            <a href="">
                <i class="far fa-comments"></i> 
            </a>
        </div>
        
                   
    </div>

    <?php include("footer.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>