<?php
$title = "Beranda";
//include "layout/header.php";
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="SMK Negeri 2 Sungai Pinang, SMKN2SP">
  <meta name="description" content="Sekolah Menengah Kejuruan Negeri 2 Sungai Pinang">
  <link rel="icon" href="assets/img/favicon.png" type="image/png">
  <title> <?=$title?> </title>
  <!-- bootstrap v5.3.3 -->
  <link rel="stylesheet" href="assets/css/bootstrap.css">
  <link rel="stylesheet" href="assets/css/dataTables.bootstrap5.css">
  <!-- sweetalert -->
  <link rel="stylesheet" href="assets/sweetalert2/sweetalert2.min.css">
  <script src="assets/sweetalert2/sweetalert2.min.js"></script>
  <!-- iziToast -->
  <link rel="stylesheet" href="assets/izitoast/iziToast.min.css">
  <script src="assets/izitoast/iziToast.min.js"></script>
  <!-- icon font awesome 6 -->
  <!-- <link rel="stylesheet" href="assets/style.css"> -->
  <link rel="stylesheet" href="assets/icon/css/all.min.css">
  <!-- css custom -->
  <link rel="stylesheet" href="assets/css/style1.css">
</head>
<body>


<div class="navBar">
  <input type="checkbox" id="sidebarActive">
  <div class="toggleMenu">
    <label for="sidebarActive" class="open-sidebar pointer">
      <i class="fas fa-bars"></i>
    </label>
  </div>

  <div class="searchInput position-relative d-flex align-items-center">
    <!-- <input type="text" id="search" placeholder="search..." class="d-none d-md-block">
    <i class="fas fa-magnifying-glass position-absolute top-50 end-0 translate-middle-y mx-2 d-none d-md-block"></i> -->
    <i class="fas fa-magnifying-glass text-white d-md-none d-lg-none pointer"></i>
  </div>

  <ul class="navMenu m-0 p-0">
    <label for="sidebarActive" class="close-sidebar pointer">
      <i class="fas fa-xmark"></i>
    </label>
    <li><a href="" class="navLink"><i class="fas fa-home"></i> Home</a></li>
    <li><a href="#" class="navLink"><i class="fas fa-address-card"></i> Profil Sekolah <span><i class="fa-solid fa-caret-down"></i></span></a>
      <ul class="navDrop m-0 p-0">
        <li><a href="" class="navLink"><i class="fas fa-edit"></i> Sambutan Kepala Sekolah</a></li>
        <li><a href="" class="navLink"><i class="fas fa-edit"></i> Sejarah</a></li>
        <li><a href="" class="navLink"><i class="fas fa-edit"></i> Visi dan Misi</a></li>
        <li><a href="" class="navLink"><i class="fas fa-edit"></i> Fasilitas</a></li>
      </ul>
    </li>
    <li><a href="#" class="navLink"><i class="fas fa-atom-simple"></i> Program Keahlian <span><i class="fa-solid fa-caret-down"></i></span></a>
      <ul class="navDrop m-0 p-0">
        <li><a href="" class="navLink"><i class="fas fa-bolt"></i> Teknik Ketenagalistrikan</a></li>
        <li><a href="" class="navLink"><i class="fas fa-laptop"></i> Pengembangan Perangkat Lunak dan Gim</a></li>
      </ul>
    </li>
    <li><a href="#" class="navLink"><i class="fas fa-sitemap"></i> Staff <span><i class="fa-solid fa-caret-down"></i></span></a>
      <ul class="navDrop m-0 p-0">
        <li><a href="" class="navLink"><i class="fas fa-user"></i> Tenaga Pendidik</a></li>
        <li><a href="" class="navLink"><i class="fas fa-user"></i> Tenaga Kependidikan</a></li>
      </ul>
    </li>
    <li><a href="" class="navLink"><i class="fas fa-file-plus"></i> SPMB</a></li>
    <li><a href="" class="navLink"><i class="fas fa-paper-plane"></i> Hubungi Kami</a></li>
  </ul>
  <label for="sidebarActive" class="overley"></label>
</div>



<h1>INI tes saja broooo hahaha</h1>




<!-- <script src="assets/js/jquery-3.1.0.js"></script> -->
<script src="assets/js/jquery-3.7.1.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/dataTables.min.js"></script>
<script src="assets/js/datatable-init.js"></script>
<script src="assets/js/dataTables.bootstrap5.min.js"></script>
<script src="assets/js/tooltip.js"></script>
</body>
</html>

<!-- <?php
//include "layout/footer.php";
?> -->
