<!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 class="text-transfm">News and Events</h1>
        </div>
    </section>
    <div class="container-fluid">
        <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="#all" role="tab">
                            All</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#news" role="tab"> News</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#events" role="tab">Events</a>
                    </li>

                </ul>
                <!-- Tab panes -->
            </div>
        </div>
        <div class="tab-content">
            <!-- First-tab -->
            <div class="tab-pane active" id="all" role="tabpanel">
                <div class="row">
                    <div class="col-lg-4 news-content">
                        <a href="news-details.php">
                            <img src="images/news1.jpg" class="img-fluid">
                            <h3>SESP signs a cooperation and training agreement with the MAERSK</h3>
                            <p>News / Naser / Jan 2020, 2</p>

                            <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">
                        <a href="news-details.php">
                            <img src="images/news2.jpg" class="img-fluid">
                            <h3>SESP signs a cooperation and consulting agreement with the National University of Technology (NUTECH).
                            </h3>
                            <p>News / Naser / Jan 2020, 2</p>
                            <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">
                        <a href="news-details.php">
                            <img src="images/news3.jpg" class="img-fluid">
                            <h3>Visit of the Naval forces team to SESP JTC on 8th of April 2019</h3>
                            <p>News / Naser / Jan 2020, 2</p>

                            <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">
                        <a href="news-details.php">
                            <img src="images/news1.jpg" class="img-fluid">
                            <h3>SESP signs a cooperation and training agreement with the MAERSK</h3>
                            <p>News / Naser / Jan 2020, 2</p>

                            <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">
                        <a href="news-details.php">
                            <img src="images/news2.jpg" class="img-fluid">
                            <h3>SESP signs a cooperation and consulting agreement with the National University of Technology (NUTECH).
                            </h3>
                            <p>News / Naser / Jan 2020, 2</p>

                            <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">
                        <a href="news-details.php">
                            <img src="images/news3.jpg" class="img-fluid">
                            <h3>Visit of the Naval forces team to SESP JTC on 8th of April 2019</h3>
                            <p>News / Naser / Jan 2020, 2</p>

                            <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="pagination d-flex justify-content-center ">
                    <a href="#">&laquo;</a>
                    <a href="#">1</a>
                    <a class="active" href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">&raquo;</a>
                </div>
            </div>

            <div class="tab-pane" id="news" role="tabpanel">

            </div>
            <div class="tab-pane" id="events" role="tabpanel">

            </div>
        </div>


    </div>
    </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>

</body>

</html>