footer.php

    <footer class="footer">
        <div class="footer_top">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-md-6 col-lg-4 ">
                        <div class="footer_widget">
                            <div class="footer_logo">
                                <a href="https://www.bmkg.go.id/">
                                    <img src="img/bmkg.png" alt="">
                                </a>
                            </div>
                            <p><i class="fa fa-map-marker"> </i>  Jalan Adisucipto, Kedamin Hulu <br>Putussibau Selatan 78714 Indonesia <br>
                                <i class="fa fa-phone"> </i>  Telp/Fax (0567) 2020263<br>
                                <a href="https://t.me/bmkgpangsumabot"><i class="fa fa-telegram"> </i> Bot Telegram Stasiun Pangsuma</a><br>
                                <a href="#"><i class="fa fa-envelope-o"> </i> stamet.pangsuma@gmail.com</a>

                            </p>
                        </div>
                    </div>
                    <div class="col-xl-5 col-md-6 col-lg-5">
                        <div class="footer_widget">
                            <h3 class="footer_title">
                                Link Terkait
                            </h3>
                            <ul class="links">
                                <li><a href="http://web.meteo.bmkg.go.id/id/"> Informasi Cuaca</a></li>
                                <li><a href="https://maritim.bmkg.go.id/"> Cuaca Maritim</a></li>
                                <li><a href="http://aviation.bmkg.go.id/web/"> Cuaca Penerbangan </a></li>
                                <li><a href="https://pusdiklat.bmkg.go.id/"> Pusdiklat BMKG</a></li>
                                <li><a href="http://inatews.bmkg.go.id/new/"> InaTEWS (Indonesia Tsunami Early Warning System) </a></li>
                                <li><a href="https://stmkg.ac.id/"> STMKG (Sekolah Tinggi Meteorologi Klimatologi dan Geofisika)</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-xl-3 col-md-6 col-lg-3">
                        <div class="footer_widget">
                            <h3 class="footer_title">
                                Jam Operasional
                            </h3>
                            <ul class="links">
                                <li>Kantor Administrasi Senin - Jumat</li>
                                <li>Pukul 08.00 - 16.00 WIB </li>
                                <li>Kantor Operasional 24 Jam </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copy-right_text">
            <div class="container">
                <div class="footer_border"></div>
                <div class="row">
                    <div class="col-xl-12">
                        <p class="copy_right text-center">
                            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> <a href="https://pangsuma.com" target="_blank">Stasiun Meteorologi Pangsuma </a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>


  <!-- Modal -->
  <div class="modal fade custom_search_pop" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="serch_form">
            <input type="text" placeholder="Search" >
            <button type="submit">search</button>
        </div>
      </div>
    </div>
  </div>
    <!-- link that opens popup -->
    

    <!-- JS here -->
    <script src="js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="js/vendor/jquery-1.12.4.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/ajax-form.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/scrollIt.js"></script>
    <script src="js/jquery.scrollUp.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery-ui.min.js"> </script>
    <script src="js/nice-select.min.js"></script>
    <script src="js/jquery.slicknav.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/range.js"></script>
        <!-- <script src="js/gijgo.min.js"></script> -->
    <script src="js/slick.min.js"></script>
   


    
    <!--contact js-->
    <script src="js/contact.js"></script>
    <script src="js/jquery.ajaxchimp.min.js"></script>
    <script src="js/jquery.form.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/mail-script.js"></script>


    <script src="js/main.js"></script>
    <script>
        $('#datepicker').datepicker({
            iconsLibrary: 'fontawesome',
            icons: {
             rightIcon: '<span class="fa fa-caret-down"></span>'
         }
        });
    </script>
    </script>
    
     <!-- MAGNIFIC POPUP-->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>  
    <script type="text/javascript">
            // memanggil plugin magnific popup
            $('.image-popup').magnificPopup({
                type: 'image',
                removalDelay: 300,
                mainClass: 'mfp-fade',
                closeOnContentClick: true,
                zoom: {
                enabled: true,
                duration: 300,
                easing: 'ease-in-out',
                }
            });
        </script>
     <!-- MAGNIFIC POPUP END-->
</body>