simedkom/resources/views/components/partials/footer.blade.php

124 lines
6.1 KiB
PHP

<footer class="p-0 footer-light position-relative">
<div class="container position-relative">
<div class="row justify-content-center pt-5 sm-pt-40px">
<div
class="col-12 col-xl-4 col-lg-4 col-sm-6 last-paragraph-no-margin text-xl-start text-lg-center lg-mb-50px sm-mb-30px">
<a href="{{ url('/') }}" class="footer-logo mb-15px d-inline-block">
@if ($general->site_logo)
<img src="{{ asset('storage/' . $general->site_logo) }}"
data-at2x="{{ asset('storage/' . $general->site_logo) }}" alt="{{ $general->site_name }}">
@else
<img src="{{ asset('assets/img/logo/icon-with-text.png') }}"
data-at2x="{{ asset('assets/img/logo/icon-with-text.png') }}"
alt="{{ $general->site_name }}">
@endif
</a>
<div class="fw-700 text-dark-gray text-uppercase ls-minus-1px fs-18 lh-24">
Dinas Komunikasi dan Informatika<br>Kabupaten Purwakarta
</div>
</div>
<!-- Kiri: Alamat dan Social Media -->
<div class="col-6 col-xl-3 col-lg-4 col-sm-6 xs-mb-30px">
<span class="fw-600 d-block text-dark-gray mb-10px">Kontak & Alamat</span>
@if ($general->address)
<p class="lh-22 mb-15px">{{ $general->address }}</p>
@endif
<div class="elements-social social-icon-style-02">
<ul class="medium-icon dark">
@if ($social->facebook)
<li class="my-0">
<a class="facebook " href="{{ $social->facebook }}" target="_blank">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
@endif
@if ($social->twitter)
<li class="my-0">
<a class="twitter " href="{{ $social->twitter }}" target="_blank">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
@endif
@if ($social->instagram)
<li class="my-0">
<a class="instagram " href="{{ $social->instagram }}" target="_blank">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
@endif
@if ($social->youtube)
<li class="my-0">
<a class="youtube " href="{{ $social->youtube }}" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
</li>
@endif
</ul>
</div>
</div>
<!-- Samping Kanan: Tautan -->
<div class="col-6 col-xl-2 col-lg-2 col-sm-4 xs-mb-30px">
<span class="fw-600 d-block text-dark-gray mb-10px">Tautan</span>
<ul>
<li>
<a href="{{ route('home') }}">Beranda</a>
</li>
<li>
<a href="#">Berita</a>
</li>
<li>
<a href="#">Pengumuman</a>
</li>
<li>
<a href="#">Tentang Kami</a>
</li>
<li>
<a href="#">Kontak</a>
</li>
</ul>
</div>
<!-- Samping Kanan (Paling Kanan): Statistik Pengunjung -->
<div class="col-6 col-xl-3 col-lg-2 col-sm-4 xs-mb-30px">
<span class="fw-600 d-block text-dark-gray mb-10px">Statistik Pengunjung</span>
<ul class="list-style-01">
<li class="border-color-extra-medium-gray pt-5px pb-5px">Hari ini: <span
class="fw-600 text-dark-gray float-end">123</span></li>
<li class="border-color-extra-medium-gray pt-5px pb-5px">Kemarin: <span
class="fw-600 text-dark-gray float-end">456</span></li>
<li class="border-color-extra-medium-gray pt-5px pb-5px">Bulan ini: <span
class="fw-600 text-dark-gray float-end">7,890</span></li>
<li class="border-color-extra-medium-gray pt-5px pb-5px">Total: <span
class="fw-600 text-dark-gray float-end">12,345</span></li>
</ul>
</div>
</div>
<div class="row justify-content-center align-items-center pt-7">
<!-- start divider -->
<div class="col-12">
<div class="divider-style-03 divider-style-03-01 border-color-extra-medium-gray"></div>
</div>
<!-- end divider -->
<!-- start copyright -->
<div
class="col-lg-5 pt-20px pb-20px md-pt-0 order-2 order-lg-1 text-center text-lg-start last-paragraph-no-margin fs-14">
<p>&copy; {{ date('Y') }} {{ $general->site_name }}. Seluruh Hak Cipta Dilindungi.
</p>
</div>
<!-- end copyright -->
<!-- start footer menu -->
<div class="col-lg-7 pt-20px pb-20px md-pt-25px md-pb-5px order-1 order-lg-2 text-center text-lg-end fs-14">
<ul class="footer-navbar sm-lh-normal">
<li><a href="#" class="nav-link">Privacy policy</a></li>
<li><a href="#" class="nav-link">Terms and conditions</a></li>
<li><a href="#" class="nav-link">Copyright</a></li>
</ul>
</div>
<!-- end footer menu -->
</div>
</div>
</footer>