<!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">
</head>

<body>
    <?php include 'include.php';?>
    <section class="inner-banner d-flex align-items-center">
        <div class="container-fluid">
            <h1>Academics</h1>
        </div>
    </section>
    <div class="container-fluid">

        <div class="row">
            <div class="col-lg-12">
                <div class="d-flex justify-content-center">
                    <div class="table-margin">
                    <div class="why-sep-sec h2">
                    <h2 class="acadamic-text">Academic <span>Calendar</span> </h2>
                </div>
                        <ul class="nav nav-tabs d-flex justify-content-between" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">Riyadh Training Center</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">Juaymah Training Center</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">Baish Training Center</a>
                            </li>
                        </ul>
                        <!-- Tab panes -->
                    </div>
                </div>
                <div class="tab-content">
                    <!-- First-tab -->
                    <div class="tab-pane active" id="tabs-1" role="tabpanel">
                        <img src="images/riyad.jpg" class="images-center">


                        <div class="d-flex justify-content-center">
                            <div class="table-margin">
                                <ul class="nav nav-tabs d-flex justify-content-between" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-toggle="tab" href="#tabs-12" role="tab">CAT</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-21" role="tab">Al-Gihaz</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="tab-content">
                            <!-- inner tab 1 -->
                            <div class="tab-pane active" id="tabs-12" role="tabpanel">

                                <h3 class="calender-heading">Cat academic calendar 2018-19</h3>

                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2018</h3>
                                        <h4>15 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>May 2018</h3>
                                        <h4>28,29 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>June 2018</h3>
                                        <h4>03-14 Annual Vacation</h4>
                                        <h4>17-21 Eid Holiday</h4>
                                        <h4>24-28 Annual Vacation</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>July 2018</h3>
                                        <h4>01 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>August 2018 </h3>
                                        <h4>13,14 Examination</h4>
                                        <h4>19-23 Eid Holiday</h4>
                                        <h4>23 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>September 2018</h3>
                                        <h4>23 National Day</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>October 2018</h3>
                                        <h4>08,09 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>November 2018</h3>
                                        <h4>19,20 Examinations</h4>
                                        <h4>25-29 Non-Teaching</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>December 2018</h3>
                                        <h4>02 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>January 2019</h3>
                                        <h4>14,15 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>February 2019</h3>
                                        <h4>25,26 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>March 2019</h3>
                                        <h4>03-07 Non-Teaching</h4>
                                        <h4>10 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2019</h3>
                                        <h4>22,23 Examinations</h4>
                                    </div>
                                </div>
                            </div>
                            <!-- inner tab 1 close -->

                            <!-- inner tab 2 -->
                            <div class="tab-pane" id="tabs-21" role="tabpanel">

                                <h3 class="calender-heading">Al-gihaz academic calendar 2018-2019</h3>

                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>March 2018</h3>
                                        <h4>01 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2018</h3>
                                        <h4>30 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>May 2018</h3>
                                        <h4>01 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>June 2018</h3>
                                        <h4>03-14 Annual Vacation</h4>
                                        <h4>17-21 Eid Holiday</h4>
                                        <h4>24-28 Annual Vacation</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>July 2018</h3>
                                        <h4>01 Classes Start</h4>
                                        <h4>16,17 Examination</h4>
                                        <h4>22 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>August 2018</h3>
                                        <h4>19-23 Eid Holiday</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>September 2018 </h3>
                                        <h4>10,11 Examination</h4>
                                        <h4>23 National Day</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>October 2018</h3>
                                        <h4>22,23 Examinations</h4>
                                        <h4>28-31 Non-Teaching</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>November 2018</h3>
                                        <h4>01 Non-Teaching</h4>
                                        <h4>04 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>December 2018</h3>
                                        <h4>17,18 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>January 2019</h3>
                                        <h4>28,29 Examinations</h4>
                                    </div>
                                </div>

                            </div>
                            <!-- inner tab 2 close -->
                        </div>
                        <!-- inner tab 1 -->

                    </div>
                    <!-- First-tab close-->

                    <!-- 2nd-tab -->
                    <div class="tab-pane" id="tabs-2" role="tabpanel">
                        <img src="images/Juaymah.jpg" class="images-center">

                        <div class="d-flex justify-content-center">
                            <div class="table-margin">
                                <ul class="nav nav-tabs d-flex justify-content-between" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-toggle="tab" href="#tabs-13" role="tab">CAT</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-23" role="tab">Al-Gihaz</a>
                                    </li>
                                </ul>
                                <!-- Tab panes -->
                            </div>
                        </div>
                        <div class="tab-content">
                            <!-- inner tab 1 -->
                            <div class="tab-pane active" id="tabs-13" role="tabpanel">

                                <h3 class="calender-heading">Cat academic calendar 2018-19</h3>

                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2018</h3>
                                        <h4>15 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>May 2018</h3>
                                        <h4>28,29 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>June 2018</h3>
                                        <h4>03-14 Annual Vacation</h4>
                                        <h4>17-21 Eid Holiday</h4>
                                        <h4>24-28 Annual Vacation</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>July 2018 </h3>
                                        <h4>01 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>August 2018</h3>
                                        <h4>13,14 Examination</h4>
                                        <h4>19-23 Eid Holiday</h4>
                                        <h4>13,14 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>September 2018</h3>
                                        <h4>23 National Day</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>October 2018</h3>
                                        <h4>08,09 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>November 2018</h3>
                                        <h4>19,20 Examinations</h4>
                                        <h4>25-29 Non-Teaching</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>December 2018</h3>
                                        <h4>02 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>January 2019</h3>
                                        <h4>14,15 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>February 2019</h3>
                                        <h4>25,26 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>March 2019</h3>
                                        <h4>03-07 Non-Teaching</h4>
                                        <h4>10 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2019</h3>
                                        <h4>22,23 Examinations</h4>
                                    </div>
                                </div>
                            </div>
                            <!-- inner tab 1 close -->

                            <!-- inner tab 2  -->
                            <div class="tab-pane" id="tabs-23" role="tabpanel">

                                <h3 class="calender-heading">Al-gihaz academic calendar 2018-2019</h3>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>March 2018</h3>
                                        <h4>01 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2018</h3>
                                        <h4>30 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>May 2018</h3>
                                        <h4>01 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>June 2018</h3>
                                        <h4>03-14 Annual Vacation</h4>
                                        <h4>17-21 Eid Holiday</h4>
                                        <h4>24-28 Annual Vacation</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>July 2018</h3>
                                        <h4>01 Classes Starts</h4>
                                        <h4>16,17 Examination</h4>
                                        <h4>22 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>August 2018</h3>
                                        <h4>19-23 Eid Holiday</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>September 2018 </h3>
                                        <h4>10,11 Examination</h4>
                                        <h4>23 National Day</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>October 2018</h3>
                                        <h4>22,23 Examinations</h4>
                                        <h4>28-31 Non-Teaching</h4>

                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>November 2018</h3>
                                        <h4>01 Non-Teaching</h4>
                                        <h4>04 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>December 2018</h3>
                                        <h4>17,18 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>January 2019</h3>
                                        <h4>28,29 Examinations</h4>
                                    </div>
                                </div>

                            </div>
                            <!-- inner tab 2 close -->
                        </div>
                    </div>
                    <!-- 2nd-tab close-->

                    <!-- 3rd-tab -->
                    <div class="tab-pane" id="tabs-3" role="tabpanel">
                        <img src="images/baish.jpg" class="images-center">

                        <div class="d-flex justify-content-center">
                            <div class="table-margin">
                                <ul class="nav nav-tabs d-flex justify-content-between" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-toggle="tab" href="#tabs-14" role="tab">CAT</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-24" role="tab">Al-Gihaz</a>
                                    </li>
                                </ul>
                                <!-- Tab panes -->
                            </div>
                        </div>
                        <div class="tab-content">
                            <!-- inner tab 1 -->
                            <div class="tab-pane active" id="tabs-14" role="tabpanel">

                                <h3 class="calender-heading">Cat academic calendar 2018-19</h3>



                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2018</h3>
                                        <h4>15 Classes Starts</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>May 2018</h3>
                                        <h4>28,29 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>June 2018</h3>
                                        <h4>03-14 Annual Vacation</h4>
                                        <h4>17-21 Eid Holiday</h4>
                                        <h4>24-28 Annual Vacation</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>July 2018</h3>
                                        <h4>01 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>August 2018 </h3>
                                        <h4>13,14 Examination</h4>
                                        <h4>19-23 Eid Holiday</h4>
                                        <h4>23 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>September 2018</h3>
                                        <h4>23 National Day</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>October 2018</h3>
                                        <h4>08,09 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>November 2018</h3>
                                        <h4>19,20 Examinationst</h4>
                                        <h4>25-29 Non-Teaching</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>December 2018</h3>
                                        <h4>02 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>January 2019</h3>
                                        <h4>14,15 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>February 2019</h3>
                                        <h4>25,26 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>March 2019</h3>
                                        <h4>03-07 Non-Teaching</h4>
                                        <h4>10 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2018</h3>
                                        <h4>22,23 Examinations</h4>
                                    </div>
                                </div>


                            </div>
                            <!-- inner tab 1 close -->

                            <!-- inner tab 2 -->
                            <div class="tab-pane" id="tabs-24" role="tabpanel">

                                <h3 class="calender-heading">Al-gihaz academic calendar 2018-2019</h3>

                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>March 2018</h3>
                                        <h4>01 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>April 2018</h3>
                                        <h4>30 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>May 2018</h3>
                                        <h4>01 Examination</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>June 2018</h3>
                                        <h4>03-14 Annual Vacation</h4>
                                        <h4>17-21 Eid Holiday</h4>
                                        <h4>24-28 Annual Vacation</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>July 2018 </h3>
                                        <h4>01 Classes Start</h4>
                                        <h4>16,17 Examination</h4>
                                        <h4>22 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>August 2018 </h3>
                                        <h4>19-23 Eid Holiday</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>September 2018</h3>
                                        <h4>10,11 Examination</h4>
                                        <h4>23 National Day</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>October 2018</h3>
                                        <h4>22,23 Examinations</h4>
                                        <h4>28-31 Non-Teaching</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>November 2018</h3>
                                        <h4>01 Non-Teaching</h4>
                                        <h4>04 Classes Start</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>December 2018</h3>
                                        <h4>17,18 Examinations</h4>
                                    </div>
                                </div>
                                <div class="white-shadow-box d-flex align-items-center">
                                    <div class="col-width">
                                        <h3>January 2019</h3>
                                        <h4>28,29 Examinations</h4>
                                    </div>
                                </div>
                            </div>
                            <!-- inner tab 2 close -->
                        </div>
                    </div>
                    <!-- 3rd-tab close-->
                </div>
            </div>
        </div>
    </div>
    <div class="sec-pad">
        <?php include("footer.php")?>
    </div>
    <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="js/script.js"></script>
</body>

</html>