<?php
// include '../dashboard/connection.php' ;

?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Linux2Cloud</title>

    <!-- <?php
//header("refresh: 5;");
?> -->

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/responsive.css" />
</head>

<body class="bg-white">
    <nav class="navbar navbar-expand-lg py-sm-0 px-2 px-sm-0 ">
        <div class="align-items-center d-flex justify-content-between mx-2 px-0 w-100">
            <a class="navbar-brand py-0" href="#"><img src="./assets/LogoNew.png" alt="" /></a>

            <!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button> -->
            <button class="border-0 d-md-none" style="background: transparent;" type="button" data-bs-toggle="offcanvas" data-bs-target="#staticBackdrop" aria-controls="staticBackdrop">

                <!-- data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" -->
                <!-- <span class=""></span>
                    <span class=""></span>
                    <span class=""></span> -->
                <!-- <svg width="18" height="12" fill="black" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.52 2C1.22667 2 0.983333 1.90667 0.79 1.72C0.596667 1.52667 0.5 1.28667 0.5 1C0.5 0.713334 0.596667 0.476667 0.79 0.290001C0.983333 0.0966671 1.22667 0 1.52 0H16.48C16.7733 0 17.0167 0.0966671 17.21 0.290001C17.4033 0.476667 17.5 0.713334 17.5 1C17.5 1.28667 17.4033 1.52667 17.21 1.72C17.0167 1.90667 16.7733 2 16.48 2H1.52ZM1.52 7C1.22667 7 0.983333 6.90667 0.79 6.72C0.596667 6.52667 0.5 6.28667 0.5 6C0.5 5.71333 0.596667 5.47667 0.79 5.29C0.983333 5.09667 1.22667 5 1.52 5H16.48C16.7733 5 17.0167 5.09667 17.21 5.29C17.4033 5.47667 17.5 5.71333 17.5 6C17.5 6.28667 17.4033 6.52667 17.21 6.72C17.0167 6.90667 16.7733 7 16.48 7H1.52ZM1.52 12C1.22667 12 0.983333 11.9067 0.79 11.72C0.596667 11.5267 0.5 11.2867 0.5 11C0.5 10.7133 0.596667 10.4767 0.79 10.29C0.983333 10.0967 1.22667 10 1.52 10H16.48C16.7733 10 17.0167 10.0967 17.21 10.29C17.4033 10.4767 17.5 10.7133 17.5 11C17.5 11.2867 17.4033 11.5267 17.21 11.72C17.0167 11.9067 16.7733 12 16.48 12H1.52Z" fill="black"></path>
                </svg> -->
                <i class="fas fa-bars " style="color: #676767;"></i>
            </button>
            <div class="nav-sm  collapse navbar-collapse d-flex justify-content-md-end d-none d-md-block" id="navbarSupportedContent">
                <i class="fas fa-times menu-close"></i>
                <ul class="navbar-nav ms-0  mb-0">
                    <li class="nav-item">
                        <a class="nav-link text-dark underactive" aria-current="page" href="#!" data-bs-toggle="modal" data-bs-target="#exampleModal3">Corporate
                            training</a>
                    </li>
                    <li class="nav-item mx-3">
                        <a class="nav-link text-dark" href="#!" data-bs-toggle="modal" data-bs-target="#exampleModal2"> Hire from us</a>
                    </li>
                </ul>
            </div>


            <div class="offcanvas offcanvas-start d-block d-md-none" data-bs-backdrop="static" tabindex="-1" id="staticBackdrop" aria-labelledby="staticBackdropLabel" style="width: 339px;">
                <div class="offcanvas-header">
                    <h5 class="offcanvas-title" id="staticBackdropLabel"><img width="185px" src="./assets/LogoNew.png" alt=""></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body d-flex flex-column" id="">
                    <a class="sidebar-link" href="#!" data-bs-toggle="modal" data-bs-target="#exampleModal2"><i class="fas fa-user"></i>Hire From Us</a>
                    <a class="sidebar-link" aria-current="page" href="#!" data-bs-toggle="modal" data-bs-target="#exampleModal3"><i class="fas fa-business-time"></i>Corporate
                        Training</a>
                    <a href="#!" data-bs-toggle="modal" data-bs-target="#exampleModal" class="sidebar-link"><i class="fas fa-pen"></i> Enroll Now</a>
                    <a href="#!" data-bs-toggle="modal" data-bs-target="#exampleModal4" class="sidebar-link"><i class="fas fa-file-pdf"></i>Download Brochure</a>
                </div>
            </div>

        </div>
    </nav>