📂 FileMgr
📍
/home/rsukartini.com/rs/app/Views/frontend/layout
✏️ Edit File: /home/rsukartini.com/rs/app/Views/frontend/layout/header.php
⬅ Kembali
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?= $title ?? ($profilWebsite['nama_website'] ?? 'Rumah Sakit - Pelayanan Kesehatan Terpercaya') ?></title> <meta name="description" content="<?= $description ?? ($profilWebsite['deskripsi'] ?? 'Website resmi Rumah Sakit - Memberikan pelayanan kesehatan terbaik dengan standar internasional') ?>"> <meta name="keywords" content="rumah sakit, kesehatan, medis, dokter, pelayanan kesehatan, kartini"> <?php if (!empty($profilWebsite['favicon'])): ?> <link rel="icon" type="image/x-icon" href="<?= base_url('uploads/profil/' . $profilWebsite['favicon']) ?>"> <?php endif; ?> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <!-- Lightbox CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.min.css"> <!-- AOS CSS --> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <!-- SweetAlert2 CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css"> <!-- Frontend CSS --> <link rel="stylesheet" href="<?= base_url('css/frontend.css?v=' . time()) ?>"> <style> .dropdown-menu { border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: none; padding: 8px 0; } .dropdown-item { padding: 8px 20px; transition: all 0.2s ease; border-radius: 4px; margin: 2px 8px; } .dropdown-item:hover { background-color: #f8f9fa; transform: translateX(3px); } .dropdown-item i { width: 16px; text-align: center; } .dropdown-divider { margin: 8px 0; border-color: #e9ecef; } .dropdown-item.text-center { text-align: center; font-weight: 500; color: #007bff; } .dropdown-item.text-center:hover { background-color: #007bff; color: white; } .nav-link.dropdown-toggle::after { margin-left: 5px; } </style> <style> /* Header Social Links Styling */ .top-header .social-links { display: flex; gap: 10px; margin-top: 0; justify-content: flex-end; } .top-header .social-link { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); color: white; text-decoration: none; transition: all 0.3s ease; overflow: hidden; } .top-header .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; } .top-header .social-link:hover::before { transform: translateX(100%); } .top-header .social-link i { font-size: 13px; z-index: 2; position: relative; transition: all 0.3s ease; } .top-header .social-link:hover { transform: translateY(-3px) scale(1.1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } /* Individual Social Media Colors for Header */ .top-header .social-link.facebook:hover { background: linear-gradient(135deg, #1877f2, #42a5f5); box-shadow: 0 8px 20px rgba(24, 119, 242, 0.3); } .top-header .social-link.twitter:hover { background: linear-gradient(135deg, #1da1f2, #42a5f5); box-shadow: 0 8px 20px rgba(29, 161, 242, 0.3); } .top-header .social-link.instagram:hover { background: linear-gradient(135deg, #e4405f, #fd1d1d, #fcb045); box-shadow: 0 8px 20px rgba(228, 64, 95, 0.3); } .top-header .social-link.youtube:hover { background: linear-gradient(135deg, #ff0000, #ff4444); box-shadow: 0 8px 20px rgba(255, 0, 0, 0.3); } .top-header .social-link.whatsapp:hover { background: linear-gradient(135deg, #25D366, #128C7E); box-shadow: 0 8px 20px rgba(37, 211, 102, 0.3); } /* Header Tooltip */ .top-header .social-tooltip { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.8); color: white; padding: 4px 8px; border-radius: 4px; font-size: 11px; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 10; } .top-header .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); } .top-header .social-link:hover .social-tooltip { opacity: 1; visibility: visible; bottom: -35px; } /* Top Header Text & Spacing */ .top-header { padding: 4px 0; /* tinggi header lebih kecil */ font-size: 13px; /* teks lebih kecil */ line-height: 1.5; /* jarak baris ~1.5 spasi */ } .top-header .contact-info { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; /* jarak antar item kira-kira 1.5 spasi */ } .top-header .contact-info span { display: inline-flex; align-items: center; gap: 4px; /* jarak ikon dengan teks */ } /* Header Responsive */ @media (max-width: 768px) { .top-header .social-links { justify-content: center; gap: 8px; } .top-header .social-link { width: 28px; height: 28px; } .top-header .social-link i { font-size: 12px; } } @media (max-width: 576px) { .top-header .social-links { gap: 6px; } .top-header .social-link { width: 20px; height: 20px; } .top-header .social-link i { font-size: 11px; } } </style> </head> <body> <!-- Top Header --> <div class="top-header"> <div class="container-fluid px-4"> <div class="row align-items-center"> <div class="col-md-9"> <div class="contact-info"> <?php if (!empty($profilWebsite['telepon'])): ?> <span><i class="fas fa-phone"></i> <?= $profilWebsite['telepon'] ?></span> <?php endif; ?> <?php if (!empty($profilWebsite['email'])): ?> <span><i class="fas fa-envelope"></i> <?= $profilWebsite['email'] ?></span> <?php endif; ?> <?php if (!empty($profilWebsite['alamat'])): ?> <span><i class="fas fa-map-marker-alt"></i> <?= $profilWebsite['alamat'] ?></span> <?php endif; ?> </div> </div> <div class="col-md-3"> <div class="social-links text-end"> <?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> </div> <!-- Main Header + Navigation --> <header class="main-header"> <nav class="navbar navbar-expand-lg"> <div class="container"> <div class="d-flex align-items-center w-100"> <div class="logo-section d-flex align-items-center"> <?php if (!empty($profilWebsite['logo'])): ?> <img src="<?= base_url('uploads/profil/' . $profilWebsite['logo']) ?>" alt="Logo" class="me-3" style="max-height: 60px;"> <?php else: ?> <img src="<?= base_url('assets/images/logo-polri.png') ?>" alt="Logo Polri" class="me-3"> <?php endif; ?> <div class="logo-text"> <h1><?= $profilWebsite['nama_website'] ?? 'RUMAH SAKIT' ?></h1> <p><?= $profilWebsite['deskripsi'] ?? 'Pelayanan Kesehatan Terpercaya dengan Standar Internasional' ?></p> </div> </div> <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <?php $menuModel = new \App\Models\MenuFrontendModel(); $headerMenus = $menuModel->getHeaderMenus(); foreach ($headerMenus as $menu): // Cek active state $urlPath = ltrim($menu['url'], '/'); $isActive = false; if ($urlPath == '' && current_url() == base_url()) { $isActive = true; } elseif ($urlPath != '' && $urlPath != '#' && strpos(current_url(), $urlPath) !== false) { $isActive = true; } if (empty($menu['children'])): ?> <li class="nav-item"> <a class="nav-link <?= $isActive ? 'active' : '' ?>" href="<?= $menu['url'] == '#' ? '#' : base_url($menu['url']) ?>"> <?php if(!empty($menu['ikon'])): ?><i class="<?= esc($menu['ikon']) ?> me-1"></i><?php endif; ?><?= esc($menu['nama_menu']) ?> </a> </li> <?php else: ?> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle <?= $isActive ? 'active' : '' ?>" href="#" id="menuDropdown<?= $menu['id'] ?>" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <?php if(!empty($menu['ikon'])): ?><i class="<?= esc($menu['ikon']) ?> me-1"></i><?php endif; ?><?= esc($menu['nama_menu']) ?> </a> <ul class="dropdown-menu" aria-labelledby="menuDropdown<?= $menu['id'] ?>"> <?php foreach ($menu['children'] as $child): ?> <li><a class="dropdown-item" href="<?= $child['url'] == '#' ? '#' : base_url($child['url']) ?>"><?php if(!empty($child['ikon'])): ?><i class="<?= esc($child['ikon']) ?> me-1"></i><?php endif; ?><?= esc($child['nama_menu']) ?></a></li> <?php endforeach; ?> </ul> </li> <?php endif; endforeach; ?> </ul> </div> </div> </div> </nav> </header>
💾 Simpan File
Batal
⬅ Naik ke frontend
2 item
Nama
Tipe
Ukuran
Diubah
Aksi
🐘
footer.php
php
14.1 KB
2026-05-31 09:05
✏️ Edit
👁️ View
🗑 Hapus
🐘
header.php
php
14.4 KB
2026-05-31 07:20
✏️ Edit
👁️ View
🗑 Hapus