<!--
 // WEBSITE: https://themefisher.com
 // TWITTER: https://twitter.com/themefisher
 // FACEBOOK: https://www.facebook.com/themefisher
 // GITHUB: https://github.com/themefisher/
-->

<!-- 
THEME: Constra - Construction Html5 Template
VERSION: 1.0.0
AUTHOR: Themefisher

HOMEPAGE: https://themefisher.com/products/constra-construction-template/
DEMO: https://demo.themefisher.com/constra/
GITHUB: https://github.com/themefisher/Constra-Bootstrap-Construction-Template

WEBSITE: https://themefisher.com
TWITTER: https://twitter.com/themefisher
FACEBOOK: https://www.facebook.com/themefisher
-->

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

  <!-- Basic Page Needs
================================================== -->
  <meta charset="utf-8">
  <title>Lib IAIN Ternate</title>

  <!-- Mobile Specific Metas
================================================== -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Construction 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 Constra HTML Template v1.0">

  <!-- Favicon
================================================== -->
  <link rel="icon" type="image/png" href="front/constra/theme/images/favicon.png">
  

  <!-- CSS
================================================== -->
  <!-- Bootstrap -->
  <link rel="stylesheet" href="{{asset ('/front/constra/theme/plugins/bootstrap/bootstrap.min.css') }}">
  <!-- FontAwesome -->
  <link rel="stylesheet" href="{{ asset('/front/constra/theme/plugins/fontawesome/css/all.min.css') }}">
  <!-- Animation -->
  <link rel="stylesheet" href="{{ asset('/front/constra/theme/plugins/animate-css/animate.css') }}">
  <!-- slick Carousel -->
  <link rel="stylesheet" href="{{ asset('/front/constra/theme/plugins/slick/slick.css') }}">
  <link rel="stylesheet" href="{{ asset('/front/constra/theme/plugins/slick/slick-theme.css') }}">
  <!-- Colorbox -->
  <link rel="stylesheet" href="{{ asset('front/constra/theme/plugins/colorbox/colorbox.css') }}">
  <!-- Template styles-->
  <link rel="stylesheet" href="{{ asset('front/constra/theme/css/style.css') }} ">

</head>
<body>
  <div class="body-inner">

    <div id="top-bar" class="top-bar">
        <div class="container">
          <div class="row">
              <div class="col-lg-8 col-md-8">
                <ul class="top-info text-center text-md-left">
                    <li><i class="fas fa-map-marker-alt"></i> <p class="info-text">Perpustakaan IAIN Ternate</p>
                    </li>
                </ul>
              </div>
              <!--/ Top info end -->
  
              <div class="col-lg-4 col-md-4 top-social text-center text-md-right">
                <ul class="list-unstyled">
                    <li>
                      <a title="Facebook" href="https://facebbok.com/themefisher.com">
                          <span class="social-icon"><i class="fab fa-facebook-f"></i></span>
                      </a>
                      <a title="Twitter" href="https://twitter.com/themefisher.com">
                          <span class="social-icon"><i class="fab fa-twitter"></i></span>
                      </a>
                      <a title="Instagram" href="https://instagram.com/themefisher.com">
                          <span class="social-icon"><i class="fab fa-instagram"></i></span>
                      </a>
                      <a title="Linkdin" href="https://github.com/themefisher.com">
                          <span class="social-icon"><i class="fab fa-github"></i></span>
                      </a>
                    </li>
                </ul>
              </div>
              <!--/ Top social end -->
          </div>
          <!--/ Content row end -->
        </div>
        <!--/ Container end -->
    </div>
    <!--/ Topbar end -->
<!-- Header start -->
<header id="header" class="header-one">
  <div class="bg-white">
    <div class="container">
      <div class="logo-area">
          <div class="row align-items-center">

            <div class="logo col-lg-3 text-center text-lg-left mb-3 mb-md-5 mb-lg-0">
               <a class="d-block" href="/">
                 <img loading="lazy" src="{{ asset('front/constra/theme/images/iain-ternate.jpg') }}" alt="Digali">
               </a>
           </div><!-- logo end -->
  
            <div class="col-lg-9 header-right">
                <ul class="top-info-box">
                  <li>
                    <div class="info-box">
                      <div class="info-box-content">
                          <p class="info-box-title">Kontak</p>
                          <p class="info-box-subtitle">0821 8718 0980</p>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="info-box">
                      <div class="info-box-content">
                          <p class="info-box-title">Email</p>
                          <p class="info-box-subtitle">lib@iain-ternate.ac.id</p>
                      </div>
                    </div>
                  </li>
                  <li class="last">
                    <div class="info-box last">
                      <div class="info-box-content">
                          <p class="info-box-title">Perpustakaan</p>
                          <p class="info-box-subtitle">@perpusinter</p>
                      </div>
                    </div>
                  </li>
                  <li class="header-get-a-quote">
                    <a class="btn btn-primary" href="#">login</a>
                  </li>
                </ul><!-- Ul end -->
            </div><!-- header right end -->
          </div><!-- logo area end -->
  
      </div><!-- Row end -->
    </div><!-- Container end -->
  </div>

  <div class="site-navigation">
    <div class="container">
        <div class="row">
          <div class="col-lg-12">
              <nav class="navbar navbar-expand-lg navbar-dark p-0">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                
                <div id="navbar-collapse" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav mr-auto">
                     <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
                     <li class="nav-item"><a class="nav-link" href="/tentang">Tentang</a></li>
                     <li class="nav-item"><a class="nav-link" href="/pustakawan">Tim Manajemen</a></li>
                     <li class="nav-item"><a class="nav-link" href="/panduan">Panduan</a></li>
                     <li class="nav-item"><a class="nav-link" href="/berita">Berita</a></li>
                     <li class="nav-item"><a class="nav-link" href="/kontak">Kontak</a></li>

                      <li class="nav-item dropdown active">
                          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">E-Resources <i class="fa fa-angle-down"></i></a>
                          <ul class="dropdown-menu" role="menu">
                            
                            <li class=""><a href="https://www.doabooks.org" target="_blank">doabooks</a></li>
                            <li class=""><a href="https://www.doaj.org" target="_blank">doaj</a></li>
                            <li class=""><a href="https://uinjkt.mapmyaccess.com" target="_blank">mapmyaccess</a></li>
                            <li class=""><a href="https://www.oalib.com" target="_blank">Oalib</a></li>
                            <li class=""><a href="http://opac.iain-ternate.ac.id" target="_blank">Slims</a></li>
                            <li><a href="http://repository.iain-ternate.ac.id" target="_blank">Repository</a></li>
                            <li><a href="http://journal.iain-ternate.ac.id" target="_blank">Jurnal</a></li>
                            <li><a href="http://onesearch.id" target="_blank">Onesearch</a></li>
                            <li><a href="http://perpusnas.go.id" target="_blank">Perpusnas</a></li>
                          </ul>
                      </li>

                      <li class="nav-item"><a class="nav-link" href="#">Login</a></li>
                    </ul>
                </div>
              </nav>
          </div>
          <!--/ Col end -->
        </div>
        <!--/ Row end -->

        <div class="nav-search">
          <span id="search"><i class="fa fa-search"></i></span>
        </div><!-- Search end -->

        <div class="search-block" style="display: none;">
          <label for="search-field" class="w-100 mb-0">
            <input type="text" class="form-control" id="search-field" placeholder="Type what you want and enter">
          </label>
          <span class="search-close">&times;</span>
        </div><!-- Site search end -->
    </div>
    <!--/ Container end -->

  </div>
  <!--/ Navigation end -->
</header>
<!--/ Header end -->

<div class="banner-carousel banner-carousel-1 mb-0">
  <div class="banner-carousel-item" style="background-image:url({{ ('front/constra/theme/images/slider-main/bnn-1.jpeg') }})">
    <div class="slider-content">
        <div class="container h-100">
          <div class="row align-items-center h-100">
              <div class="col-md-12 text-center">
                <h2 class="slide-title" data-animation-in="slideInLeft">PEPUSTAKAAN</h2>
                <h5 class="slide-sub-title" data-animation-in="slideInRight">INSTITUT AGAMA ISLAM NEGERI TERNATE</h5>
                <p data-animation-in="slideInLeft" data-duration-in="1.2">
                    <a href="#" class="slider btn btn-primary">Kontak</a>
                    <a href="#" class="slider btn btn-primary border">Email</a>
                </p>
              </div>
          </div>
        </div>
    </div>
  </div>

  <div class="banner-carousel-item" style="background-image:url({{ asset('front/constra/theme/images/slider-main/bnn-2.jpeg') }})">
    <div class="slider-content text-left">
        <div class="container h-100">
          <div class="row align-items-center h-100">
            <div class="col-md-12 text-center">
              <h2 class="slide-title" data-animation-in="slideInLeft">PEPUSTAKAAN</h2>
              <h5 class="slide-sub-title" data-animation-in="slideInRight">MELAYANI SEPENUH HATI</h5>
              <p data-animation-in="slideInRight" data-duration-in="1.2">
                  <a href="#" class="slider btn btn-primary">Kontak</a>
                  <a href="#" class="slider btn btn-primary border">Email</a>
              </p>
            </div>
              <div class="col-md-12">
                <h2 class="slide-title-box" data-animation-in="slideInDown"></h2>
                <h3 class="slide-title" data-animation-in="fadeIn"></h3>
                <h3 class="slide-sub-title" data-animation-in="slideInLeft"></h3>
                
              </div>
          </div>
        </div>
    </div>
  </div>

  <div class="banner-carousel-item" style="background-image:url({{ asset('front/constra/theme/images/slider-main/bnn-4.jpeg') }})">
   <div class="slider-content text-left">
       <div class="container h-100">
         <div class="row align-items-center h-100">
          <div class="col-md-12 text-center">
            <h2 class="slide-title" data-animation-in="slideInLeft">CERDAS BERSAMA</h2>
            <h5 class="slide-sub-title" data-animation-in="slideInRight">PERPUSTAKAAN IAIN TERNATE</h5>
            <p data-animation-in="slideInLeft" data-duration-in="1.2">
                <a href="#" class="slider btn btn-primary">Kontak</a>
                <a href="#" class="slider btn btn-primary border">Email</a>
            </p>
          </div>
             <div class="col-md-12">
               <h2 class="slide-title-box" data-animation-in="slideInDown"></h2>
               <h3 class="slide-title" data-animation-in="fadeIn"></h3>
               <h3 class="slide-sub-title" data-animation-in="slideInLeft"></h3>
               
             </div>
         </div>
       </div>
   </div>
 </div>


</div>

<section class="call-to-action-box no-padding">
  <div class="container">
    <div class="action-style-box">
        <div class="row align-items-center">
          <div class="col-md-8 text-center text-md-left">
              <div class="call-to-action-text">
                <h3 class="action-title">CERDAS BERSAMA PERPUSTAKAAN IAIN TERNATE</h3>
              </div>
          </div><!-- Col end -->
          <div class="col-md-4 text-center text-md-right mt-3 mt-md-0">
              <div class="call-to-action-btn">
                <a class="btn btn-primary" href="#"></a>
              </div>
          </div><!-- col end -->
        </div><!-- row end -->
    </div><!-- Action style box -->
  </div><!-- Container end -->
</section><!-- Action end -->



    @yield('container')


  <footer id="footer" class="footer bg-overlay">
    <div class="footer-main">
      <div class="container">
        <div class="row justify-content-between">
          <div class="col-lg-4 col-md-6 footer-widget footer-about">
            <h3 class="widget-title">Tentang Kami</h3>
            <p>Perpustakaan merupakan salah satu aset berharga bagi perguruan tinggi, 
              termasuk Institut Agama Islam Negeri (IAIN) Ternate. Sebagai lembaga pendidikan tinggi yang berlandaskan 
              pada nilai-nilai Islam, IAIN Ternate memiliki peran penting dalam mencerdaskan mahasiswanya agar menjadi 
              individu yang berintegritas, berwawasan luas, dan berkompeten dalam berbagai bidang keilmuan. </p>
            <div class="footer-social">
              <ul>
                <li><a href="https://facebook.com/themefisher" aria-label="Facebook"><i
                      class="fab fa-facebook-f"></i></a></li>
                <li><a href="https://twitter.com/themefisher" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                </li>
                <li><a href="https://instagram.com/themefisher" aria-label="Instagram"><i
                      class="fab fa-instagram"></i></a></li>
                <li><a href="https://github.com/themefisher" aria-label="Github"><i class="fab fa-github"></i></a></li>
              </ul>
            </div><!-- Footer social end -->
          </div><!-- Col end -->

          <div class="col-lg-4 col-md-6 footer-widget mt-5 mt-md-0">
            <h3 class="widget-title">Publikasi</h3>
            <div class="working-hours">
              Selamat datang di media informasi resmi Perpustakaan Institut Agama Islam Negeri Ternate, Dalam era yang serba cepat dan berubah, 
              peran media informasi menjadi semakin penting dalam menyediakan akses terhadap berita, informasi, dan perkembangan terbaru dari 
              institusi kami. Sebagai lembaga pendidikan tinggi yang berfokus pada keilmuan agama Islam, IAIN Ternate berkomitmen untuk memberikan 
              pelayanan terbaik dan menjadi sumber informasi yang terpercaya bagi masyarakat, mahasiswa, alumni, dan seluruh komunitas pendidikan.
              <br><br>  <span class="text-right"></span>
              <br>  <span class="text-right"></span>
              <br>  <span class="text-right"></span>
            </div>
          </div><!-- Col end -->

          <div class="col-lg-3 col-md-6 mt-5 mt-lg-0 footer-widget">
            <h3 class="widget-title">Layanan</h3>
            <ul class="list-arrow">
              <li><a href="http://opac.iain-ternate.ac.id">Slims</a></li>
              <li><a href="http://repository.iain-ternate.ac.id">Repository</a></li>
              <li><a href="http://elibrary.iain-ternate.ac.id">E-Library</a></li>
              <li><a href="http://journal.iain-ternate.ac.id">Jurnal</a></li>
              <li><a href="http://iain-ternate.ac.id">IAIN</a></li>
              <li><a href="http://onesearch.id">Onesearch</a></li>
              <li><a href="http://perpusnas.go.id">Perpusnas</a></li>
            </ul>
          </div><!-- Col end -->
        </div><!-- Row end -->
      </div><!-- Container end -->
    </div><!-- Footer main end -->

    <div class="copyright footer-menu">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-6">
            <div class="copyright-info">
              <span>Created By &copy; PTID IAIN Ternate | 
                <a href="http://www.fauzi-ozi.net">fauzi-ozi.net</a> | 
                theme by  &copy; <a href="https://themefisher.com">themefisher.com</a>
              </span>
            </div>
          </div>

          <div class="col-md-6">
            <div class="footer-menu text-center text-md-right">
              <ul class="list-unstyled">
                <li><a href="#">Tentang</a></li>
                <li><a href="#">Info</a></li>
                <li><a href="#">Data Buku</a></li>
                <li><a href="#">Kontak</a></li>
                <li><a href="#">Konsultasi</a></li>
              </ul>
            </div>
          </div>
        </div><!-- Row end -->

        <div id="back-to-top" data-spy="affix" data-offset-top="10" class="back-to-top position-fixed">
          <button class="btn btn-primary" title="Back to Top">
            <i class="fa fa-angle-double-up"></i>
          </button>
        </div>

      </div><!-- Container end -->
    </div><!-- Copyright end -->
  </footer><!-- Footer end -->


  <!-- Javascript Files
  ================================================== -->

  <!-- initialize jQuery Library -->
  <script src="{{ asset('front/constra/theme/plugins/jQuery/jquery.min.js') }}"></script>
  <!-- Bootstrap jQuery -->
  <script src="{{ asset('front/constra/theme/plugins/bootstrap/bootstrap.min.js') }}" defer></script>
  <!-- Slick Carousel -->
  <script src="{{ asset('front/constra/theme/plugins/slick/slick.min.js') }}"></script>
  <script src="{{ asset('front/constra/theme/plugins/slick/slick-animation.min.js') }}"></script>
  <!-- Color box -->
  <script src="{{ asset('front/constra/theme/plugins/colorbox/jquery.colorbox.js') }}"></script>
  <!-- shuffle -->
  <script src="{{ asset('front/constra/theme/plugins/shuffle/shuffle.min.js') }}" defer></script>


  <!-- Google Map API Key-->
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU" defer></script>
  <!-- Google Map Plugin-->
  <script src="{{ asset('front/constra/theme/plugins/google-map/map.js') }}" defer></script>

  <!-- Template custom -->
  <script src="{{ asset('front/constra/theme/js/script.js') }}"></script>

  </div><!-- Body inner end -->
  </body>

  </html>