<!DOCTYPE html>

<!--
 // WEBSITE: https://themefisher.com
 // TWITTER: https://twitter.com/themefisher
 // FACEBOOK: https://www.facebook.com/themefisher
 // GITHUB: https://github.com/themefisher/
-->

<html lang="en">
<head>

  <!-- Basic Page Needs
  ================================================== -->
  <meta charset="utf-8">
  <title>SIBIDIK - Sistem Informasi Bidang Pendidikan Katolik</title>

  <!-- Mobile Specific Metas
  ================================================== -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Event and Conference Html5 Template">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  <meta name="author" content="Themefisher">
  <meta name="generator" content="Themefisher Eventre HTML Template v1.0">
  
  <!-- theme meta -->
  <meta name="theme-name" content="eventre" />
  
  <!-- PLUGINS CSS STYLE -->
  <!-- Bootstrap -->
  <link href="plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="plugins/font-awsome/css/font-awesome.min.css" rel="stylesheet">
  <!-- Magnific Popup -->
  <link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
  <!-- Slick Carousel -->
  <link href="plugins/slick/slick.css" rel="stylesheet">
  <link href="plugins/slick/slick-theme.css" rel="stylesheet">
  <!-- CUSTOM CSS -->
  <link href="css/style.css" rel="stylesheet">

  <!-- FAVICON -->
  <link href="images/favicon.png" rel="shortcut icon">

</head>

<body class="body-wrapper">


<section class="sponsors section bg-sponsors overlay-white">
    <div class="container">
                
        <div class="row">
                
            <div class="col-12">    
                <div class="section-title">
                    <h3>Welcome <span class="alternate">SIBIDIK</span></h3>
                    <p>Sistem Informasi Bidang Pendidikan Katolik</p>
                </div>
                <div class="block text-center">
                    <!-- Sponsors image list -->
                    <ul class="list-inline sponsors-list">
                        <li class="list-inline-item">
                            <div class="image-block text-center">
                                <a href="data.php" target="_blank">
                                    DATA
                                </a>
                            </div>
                        </li>
                        <li class="list-inline-item">
                            <div class="image-block text-center">
                                <a href="media-pembelajaran/" target="_blank">
                                    MEDIA PEMBELAJARAN
                                </a>
                            </div>
                        </li>
                        <li class="list-inline-item">
                            <div class="image-block text-center">
                                <a href="e-laporan.php" target="_blank">
                                    E - LAPORAN
                                </a>
                            </div>
                        </li>
                        <li class="list-inline-item">
                            <div class="image-block text-center">
                                <a href="login.php" target="_blank">
                                    INTERNAL
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-12 section-title">
                    <img class="img img-fluid" src="images/logo_sibidik.png" width="270" />
                </div>
                <p class="sponsor-title text-center">Sistem Informasi Bidang Pendidikan Katolik yang fokus pada pengelolaan data Bidang Pendidikan
Katolik yang lengkap, valid dan cepat saji; memanage laporan pelaksanaan
tugas pengawas Pendidikan Katolik; laporan pelaksanaan kegiatan dan
anggaran dari sekolah keagamaan (Taman Seminari dan SMAK);
menyiapkan model perangkat atau materi ajar guru mata pelajaran
Pendidikan Agama Katolik.</p>
            </div>
        </div>
    </div>
</section>

<!--====  End of Sponsors  ====-->



<!--============================
=            Footer            =
=============================-->

<footer class="footer-main">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block text-center">
          <ul class="social-links-footer list-inline">
            <li class="list-inline-item">
              <a href="#"><i class="fa fa-facebook"></i></a>
            </li>
            <li class="list-inline-item">
              <a href="#"><i class="fa fa-twitter"></i></a>
            </li>
            <li class="list-inline-item">
              <a href="#"><i class="fa fa-instagram"></i></a>
            </li>
            <li class="list-inline-item">
              <a href="#"><i class="fa fa-rss"></i></a>
            </li>
            <li class="list-inline-item">
              <a href="#"><i class="fa fa-vimeo"></i></a>
            </li>
          </ul>
        </div>

      </div>
    </div>
  </div>
</footer>
<!-- Subfooter -->
<footer class="subfooter">
  <div class="container">
    <div class="row">
      <div class="col-md-6 align-self-center">
        <div class="copyright-text">
          <p><a href="index.php">SIBIDIK</a> &copy; 2023, Bidang Pendidikan Katolik NTT</p>
        </div>
      </div>
      <div class="col-md-6">
        <a href="#" class="to-top"><i class="fa fa-angle-up"></i></a>
      </div>
    </div>
  </div>
</footer>


  <!-- JAVASCRIPTS -->
  <!-- jQuey -->
  <script src="plugins/jquery/jquery.min.js"></script>
  <!-- Bootstrap 4 -->
  <script src="plugins/bootstrap/bootstrap.min.js"></script>
  <!-- Shuffle -->
  <script src="plugins/shuffle/shuffle.min.js"></script>
  <!-- Magnific Popup -->
  <script src="plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
  <!-- Slick Carousel -->
  <script src="plugins/slick/slick.min.js"></script>
  <!-- SyoTimer -->
  <script src="plugins/syotimer/jquery.syotimer.min.js"></script>
  <!-- Google Mapl -->
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"></script>
  <script src="plugins/google-map/gmap.js"></script>
  <!-- Custom Script -->
  <script src="js/script.js"></script>
</body>
</html>