footer.blade.php 9.73 KB
<style>
    .a:hover {
        font-stretch: expanded;
        font-size: x-large;
    }

    #footer {
        /* background-color: #212529; */
        color:greenyellow!important;
        height: 50px!important;
    }

    hr {
        size:10px;
        border: none;
        border-top: 1px #f00;
        color: #fff;
        /* background-color: #000; */
        height: 4px;
        width: 100%;
    }

    center {
    display: block;
    text-align: -webkit-center;
    margin-top:20px;
    margin-bottom:20px;
    }

    .grow {
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.grow:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
    transform: scale(1.1);
	-webkit-filter: drop-shadow(7px 5px 7px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(7px 5px 7px rgba(0, 0, 0, 0.1));
}

.telpfixed {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
    display: block;
}

</style>

<!-- ======= Footer ======= -->
    <footer id="footer">


        <div class="footer-top">
        <div class="container">
            <div class="row my-2">
                <div class="span-12">
                <div class="well well-lg">
                <div id="jstwitter" class="clearfix" style="border:none;">
					<center>
                        <h3> Link Kabupaten/Kota</h3>
					<a href="http://www.pekanbaru.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/pekanbaru_ico.png" width="40" height="60" title="JDIH Pekanbaru"></a>
					<a href="http://www.dumaikota.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/dumai_ico.png" width="40" height="60" title="JDIH Dumai"></a>
					<a href="http://www.siakkab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/siak_ico.png" width="40" height="60" title="JDIH Siak"></a>
					<a href="http://www.rohilkab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/rohil_ico.png" width="40" height="60" title="JDIH Rohil"></a>
					<a href="http://www.rokanhulukab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/rohul_ico.png" width="40" height="60" title="JDIH Rohul"></a>
					<a href="http://www.kuansing.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/kuansing_ico.png" width="40" height="60" title="JDIH Kuansing"></a>
					<a href="http://www.kamparkab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/kampar_ico.png" width="40" height="60" title="JDIH Kampar"></a>
					<a href="http://www.inhukab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/inhu_ico.png" width="40" height="60" title="JDIH Inhu"></a>
					<a href="http://www.bengkaliskab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/bengkalis_ico.png" width="40" height="60" title="JDIH Bengkalis"></a>
					<a href="http://merantikab.go.id" target="_blank"><img src="https://www.riau.go.id/home/images/meranti_ico.png" width="40" height="60" title="JDIH Meranti"></a>
					<a href="http://www.inhilkab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/inhil_ico.png" width="40" height="60" title="JDIH Inhil"></a>
					<a href="http://www.pelalawankab.go.id/" target="_blank"><img src="https://www.riau.go.id/home/images/pelalawan_ico.png" width="40" height="60" title="JDIH Pelalawan"></a>
				</center>
				</div>

                </div>

            </div>
            <div class="col-lg-3 col-md-6 footer-contact">
                <h6 class="mb-0">Biro Administrasi Pimpinan <br>
                    Pemerintah Provinsi Riau</h6> <br>
                <p>
                    Jl. Jendral Sudirman No 460 Gedung Manara Lancang Kuning Lantai 3 <br>

                     Sukajadi, Pekanbaru <br>
                <br>
                <strong>Phone:</strong> +62 5589 55488 55<br>
                <strong>Email:</strong> biro-admpim@riau.go.id<br>
                </p>

                <div class="social-links-kiri text-center text-md-left pt-0 pt-md-0 mt-2" style="text-align:left!important;">
                    <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
                    <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
                    <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
                </div>

            </div>

            <div class="col-lg-3 col-md-6 footer-links footer-contact">
                <h4>Tautan Terkait</h4>
                <ul>
                <li><i class="bx bx-chevron-right"></i> <a href="{{url('https://riau.go.id')}}" target="_blank">Portal Riau</a></li>
                <li><i class="bx bx-chevron-right"></i> <a href="{{url('https://ppid.riau.go.id')}}" target="_blank">PPID</a></li>
                <li><i class="bx bx-chevron-right"></i> <a href="{{url('https://diskominfotik.riau.go.id')}}" target="_blank">Diskominfotik Riau</a></li>
                <li><i class="bx bx-chevron-right"></i> <a href="{{url('https://mediacenter.riau.go.id')}}" target="_blank">Media Center</a></li>
                <li><i class="bx bx-chevron-right"></i> <a href="{{url('https://spbe.riau.go.id')}}" target="_blank">SPBE Riau</a></li>
                </ul>
            </div>

            <div class="col-lg-3 col-md-6 footer-links footer-contact">
                <h4>Layanan Kami</h4>
                <ul>
                <li><i class="bx bx-chevron-right"></i> <a href="{{ route('perencanaan') }}">Perencanaan Sekretariat Daerah</a></li>
                <li><i class="bx bx-chevron-right"></i> <a href="{{ route('perencanaan') }}">Kepegawaian Sekretariat Daerah</a></li>
                <li><i class="bx bx-chevron-right"></i> <a href="{{ route('protokol') }}">Protokol Pimpinan Daerah</a></li>
                <li><i class="bx bx-chevron-right"></i> <a href="{{ route('komunikasi') }}">Komunikasi Pimpinan Daerah</a></li>

                </ul>

            </div>

            <div class="col-lg-3 col-md-6 footer-newsletter footer-contact">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3413.025563411534!2d101.44365001426759!3d0.5177014638291431!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d5ac1d044fbf6d%3A0x1a404d0b17edc1da!2sKantor%20Gubernur%20Riau!5e1!3m2!1sid!2sid!4v1592990867751!5m2!1sid!2sid" frameborder="0" style="border:0; width: 100%; height: 280px;" allowfullscreen=""></iframe>
            </div>

            </div>
        </div>
        </div>

        <div class="container d-md-flex py-md-2 py-" style="color:#7f7f7f!important;" >

        <div class="me-md-auto text-center text-md-start">
            <div class="copyright">
            &copy; Copyright <strong><span>Diskominfotik</span></strong>. All Rights Reserved
            </div>
            <div class="credits">

        </div>
        </div>


        {{-- <div class="social-links text-center text-md-right pt-0 pt-md-0 mr-40">

            <span id="btncounter" class="grow icon-response" data-val="very-satisfied" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Klik emoji jika Anda SANGAT PUAS dengan pelayanan kami"><i class="grow far fa-grin-hearts" alt="" style='font-size:24px;' alt="Very Statisfied"></i></span>
            &nbsp;

            <span id="btncounter" class="grow icon-response" data-val="satisfied"  data-bs-toggle="tooltip" data-bs-placement="bottom" title="Klik emoji jika Anda PUAS dengan pelayanan kami" data-type="shadow"><i class="grow far fa-smile" alt="" style='font-size:24px;' alt="Statisfied"></i></span>
            &nbsp;

            <span id="lessSatisfied" class="grow icon-response" data-val="less-satisfied"  data-bs-toggle="tooltip" data-bs-placement="bottom" title="Klik emoji jika Anda BIASA saja dengan pelayanan kami"><i class="grow far fa-meh" alt="" style='font-size:24px;' alt="Less Statisfied"></i></span>
            &nbsp;

            <span id="notSatisfied" class="grow icon-response" data-val="not-satisfied"  data-bs-toggle="tooltip" data-bs-placement="bottom" title="Klik emoji jika Anda KURANG PUAS dengan pelayanan kami"><i class="grow far fa-frown" alt="" style='font-size:24px;' alt="Not Statisfied"></i></span>

        </div> --}}


    </footer><!-- End Footer -->

    <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

    <!-- Vendor JS Files -->
    <script src={{asset("frontend/vendor/purecounter/purecounter_vanilla.js")}}></script>
    <script src={{asset("frontend/vendor/bootstrap/js/bootstrap.bundle.min.js")}}></script>
    <script src={{asset("frontend/vendor/glightbox/js/glightbox.min.js")}}></script>
    <script src={{asset("frontend/vendor/isotope-layout/isotope.pkgd.min.js")}}></script>
    <script src={{asset("frontend/vendor/swiper/swiper-bundle.min.js")}}></script>
    <script src={{asset("frontend/vendor/php-email-form/validate.js")}}></script>
    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
    <script src={{asset("frontend/js/slider.js")}}></script>
    {{-- <script src={{asset("frontend/js/jquery-3.6.1.min.js")}}></script> --}}
    <script src={{asset("frontend/js/frontend.js")}}></script>
    <!-- Template Main JS File -->
    <script src={{asset("frontend/js/main.js")}}></script>


    <script src="{{ asset('backend/adminlte/plugins/chart.js/Chart.min.js') }}"></script>

    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    {{-- OWL --}}
    <script src={{asset("frontend/js/owl/owl.carousel.js")}}></script>

    @stack('js')

</body>

</html>

<script>

    $(document).ready(function(){

        $(document).on('click','.icon-response',function(){
            var val = $(this).attr('data-val');
            if (val == 'very-satisfied'){

            }
            console.count(val);

        });
    });


</script>