<!doctype html>
<html lang="zxx">
   <head>
      <!--========= Required meta tags =========-->
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>ESD - Student, Faculty, SOI </title>
      <link rel="shortcut icon" href="assets/img/favicon.png" type="images/x-icon" />
      <!-- css include -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <link rel="stylesheet" href="assets/css/fontawesome.css">
      <link rel="stylesheet" href="assets/css/animate.css">
      <link rel="stylesheet" href="assets/css/swiper.min.css">
      <link rel="stylesheet" href="assets/css/odometer.css">
      <link rel="stylesheet" href="assets/css/magnific-popup.css">
      <link rel="stylesheet" href="assets/css/recoleta-font.css">
      <link rel="stylesheet" href="assets/css/nice-select.css">
      <link rel="stylesheet" href="assets/css/main.css">
   </head>
   <body>
      <!-- backtotop - start -->
      <div class="xb-backtotop">
         <a href="#" class="scroll">
         <i class="far fa-arrow-up"></i>
         </a>
      </div>
      <!-- backtotop - end -->
      <!-- Preloader - Start -->
      <div id="preloader">
         <div id="loader" class="loader">
            <div class="loader-container">
               <div class="loader-icon"><img src="assets/img/logo/preloader.png" alt="preloader"></div>
            </div>
         </div>
      </div>
      <!-- Preloader - End -->
      <div class="body_wrap">
      <?php include_once("header.php") ?>
      <!-- main area start  -->
      <main>
         <!-- breadcrumb start -->
         <section class="breadcrumb bg_img ul_li" data-background="assets/img/internal-page.jpg">
            <div class="container">
               <div class="breadcrumb__content text-center">
                  <h2 class="breadcrumb__title">Handbooks </h2>
                  <p class="breadcrumb__desc">Student, Faculty, SOI </p>
               </div>
            </div>
         </section>
         <!-- breadcrumb end -->
         <!-- contact start -->
         <section class="team pt-80 pb-120" data-bg-color="#F1F1E9" style="background-color: rgb(241, 241, 233);">
            <div class="container">
               <div class="section-title text-center mb-60">
                  <h2 class="title">Student, Faculty, SOI</h2>
               </div>
               <div class="row mt-none-30">
                  <iframe allowfullscreen="allowfullscreen" allow="clipboard-write" scrolling="no" class="fp-iframe" src="https://heyzine.com/flip-book/8fcd9dac9e.html" style="border: 1px solid lightgray; width: 100%; height: 700px;"></iframe>
               </div>
            </div>
         </section>
         <!-- contact end -->
      </main>

      <?php include_once("footer.php") ?>