File Manager

✏️ Edit File: /home/rsukartini.com/rs/app/Views/frontend/layout/footer.php

<footer class="footer mt-5">
        
        <div class="footer-main">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="footer-widget">
                            <div class="footer-logo mb-3">
                                <h5 class="text-white mb-0"><?= $profilWebsite['nama_website'] ?? 'RUMAH SAKIT' ?></h5>
                            </div>
                            <p class="text-white mb-3">
                                <?= $profilWebsite['deskripsi'] ?? 'Rumah Sakit berkomitmen memberikan pelayanan kesehatan terbaik dengan standar internasional untuk masyarakat Indonesia.' ?>
                            </p>
                            <div class="social-links">
                                <?php if (!empty($profilWebsite['facebook'])): ?>
                                <a href="https://www.facebook.com/<?= $profilWebsite['facebook'] ?>" target="_blank" class="social-link facebook">
                                    <i class="fab fa-facebook-f"></i>
                                    <span class="social-tooltip">Facebook</span>
                                </a>
                                <?php endif; ?>
                                <?php if (!empty($profilWebsite['twitter'])): ?>
                                <a href="https://www.twitter.com/<?= $profilWebsite['twitter'] ?>" target="_blank" class="social-link twitter">
                                    <i class="fab fa-twitter"></i>
                                    <span class="social-tooltip">Twitter</span>
                                </a>
                                <?php endif; ?>
                                <?php if (!empty($profilWebsite['instagram'])): ?>
                                <a href="https://www.instagram.com/<?= $profilWebsite['instagram'] ?>" target="_blank" class="social-link instagram">
                                    <i class="fab fa-instagram"></i>
                                    <span class="social-tooltip">Instagram</span>
                                </a>
                                <?php endif; ?>
                                <?php if (!empty($profilWebsite['youtube'])): ?>
                                <a href="https://www.youtube.com/<?= $profilWebsite['youtube'] ?>" target="_blank" class="social-link youtube">
                                    <i class="fab fa-youtube"></i>
                                    <span class="social-tooltip">YouTube</span>
                                </a>
                                <?php endif; ?>
                                <?php if (!empty($profilWebsite['wa'])): ?>
                                <a href="https://wa.me/<?= $profilWebsite['wa'] ?>" target="_blank" class="social-link whatsapp">
                                    <i class="fab fa-whatsapp"></i>
                                    <span class="social-tooltip">WhatsApp</span>
                                </a>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-2 col-md-6 mb-4">
                        <div class="footer-widget">
                            <h5 class="text-white mb-3">Pengunjung</h5>
                            <div class="bg-white p-2 d-inline-block shadow-sm" style="border-radius: 8px; transition: transform 0.3s ease;" onmouseover="this.style.transform='translateY(-3px)'" onmouseout="this.style.transform='translateY(0)'">
                                <a href="https://rsuwismarini.com" target="_blank" title="Lihat detail statistik">
                                    <img src="https://s01.flagcounter.com/count/MeWS/bg_FFFFFF/txt_000000/border_FFFFFF/columns_2/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" style="border-radius: 4px; max-width: 100%;" border="0">
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 mb-4">
                        <div class="footer-widget">
                            <h5 class="text-white mb-3">Layanan</h5>
                            <ul class="footer-links">
                                <?php 
                                if (!isset($menuModel)) {
                                    $menuModel = new \App\Models\MenuFrontendModel();
                                }
                                $footerLayanan = $menuModel->getFooterMenus('footer_layanan');
                                foreach ($footerLayanan as $m):
                                ?>
                                <li><a href="<?= $m['url'] == '#' ? '#' : base_url($m['url']) ?>"><?= esc($m['nama_menu']) ?></a></li>
                                <?php endforeach; ?>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 mb-4">
                        <div class="footer-widget">
                            <h5 class="text-white mb-3">Kontak</h5>
                            <div class="contact-info">
                                <div class="contact-item mb-2">
                                    <i class="fas fa-map-marker-alt text-white me-2"></i>
                                    <span class="text-white"><?= $profilWebsite['alamat'] ?? 'Jl. Kartini No.123, Jakarta Pusat' ?></span>
                                </div>
                                <div class="contact-item mb-2">
                                    <i class="fas fa-phone text-white me-2"></i>
                                    <span class="text-white"><?= $profilWebsite['telepon'] ?? '(021) 123-4567' ?></span>
                                </div>
                                <div class="contact-item mb-2">
                                    <i class="fas fa-envelope text-white me-2"></i>
                                    <span class="text-white"><?= $profilWebsite['email'] ?? 'info@rskartini.co.id' ?></span>
                                </div>
                                <div class="contact-item">
                                    <i class="fas fa-clock text-white me-2"></i>
                                    <span class="text-white"><?= $profilWebsite['jam_operasional'] ? explode("\n", $profilWebsite['jam_operasional'])[0] : 'Senin - Jumat: 08:00 - 16:00' ?></span>
                                </div>
                            </div>

</div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="footer-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <p class="text-dark mb-0">
                            &copy; <?= date('Y') ?> <?= $profilWebsite['nama_website'] ?? 'RS Kartini' ?>. All rights reserved.
                        </p>
                    </div>
                    <div class="col-md-6 text-end">
                        <p class="text-dark mb-0">
                            Designed with <i class="fas fa-heart text-danger"></i> for <?= $profilWebsite['nama_website'] ?? 'RS Kartini' ?>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    
    
    <button id="backToTop" class="back-to-top">
        <i class="fas fa-chevron-up"></i>
    </button>
    
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script>
    
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    
    <style>
        /* Footer Social Links Styling */
        .footer .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
        
        .footer .social-link {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
            overflow: hidden;
        }
        
        .footer .social-link::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transform: translateX(-100%);
            transition: transform 0.6s ease;
        }
        
        .footer .social-link:hover::before {
            transform: translateX(100%);
        }
        
        .footer .social-link i {
            font-size: 20px;
            z-index: 2;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .footer .social-link:hover {
            transform: translateY(-5px) scale(1.1);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        }
        
        /* Individual Social Media Colors for Footer */
        .footer .social-link.facebook:hover {
            background: linear-gradient(135deg, #1877f2, #42a5f5);
            box-shadow: 0 10px 25px rgba(24, 119, 242, 0.4);
        }
        
        .footer .social-link.twitter:hover {
            background: linear-gradient(135deg, #1da1f2, #42a5f5);
            box-shadow: 0 10px 25px rgba(29, 161, 242, 0.4);
        }
        
        .footer .social-link.instagram:hover {
            background: linear-gradient(135deg, #e4405f, #fd1d1d, #fcb045);
            box-shadow: 0 10px 25px rgba(228, 64, 95, 0.4);
        }
        
        .footer .social-link.youtube:hover {
            background: linear-gradient(135deg, #ff0000, #ff4444);
            box-shadow: 0 10px 25px rgba(255, 0, 0, 0.4);
        }
        
        .footer .social-link.whatsapp:hover {
            background: linear-gradient(135deg, #25D366, #128C7E);
            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
        }
        
        /* Footer Tooltip */
        .footer .social-tooltip {
            position: absolute;
            bottom: -35px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 12px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 10;
        }
        
        .footer .social-tooltip::before {
            content: '';
            position: absolute;
            top: -5px;
            left: 50%;
            transform: translateX(-50%);
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid rgba(0, 0, 0, 0.8);
        }
        
        .footer .social-link:hover .social-tooltip {
            opacity: 1;
            visibility: visible;
            bottom: -40px;
        }
        
        /* Footer Responsive */
        @media (max-width: 768px) {
            .footer .social-links {
                justify-content: center;
                gap: 12px;
            }
            
            .footer .social-link {
                width: 45px;
                height: 45px;
            }
            
            .footer .social-link i {
                font-size: 18px;
            }
        }
        
        @media (max-width: 576px) {
            .footer .social-links {
                gap: 10px;
            }
            
            .footer .social-link {
                width: 40px;
                height: 40px;
            }
            
            .footer .social-link i {
                font-size: 16px;
            }
        }
    </style>

Batal

⬅ Naik ke frontend 2 item

Nama	Tipe	Ukuran	Diubah	Aksi
🐘footer.php	php	14.1 KB	2026-05-31 09:05	✏️ Edit 👁️ View
🐘header.php	php	14.4 KB	2026-05-31 07:20	✏️ Edit 👁️ View