X7ROOT File Manager
Current Path:
/home/u126090504/domains/svmbaripada.org.in/public_html/admin/includes
home
/
u126090504
/
domains
/
svmbaripada.org.in
/
public_html
/
admin
/
includes
/
📁
..
📄
auth.php
(292 B)
📄
footer.php
(4.55 KB)
📄
header.php
(5.86 KB)
📄
init.php
(4.22 KB)
📄
master_menu.php
(670 B)
📄
sidebar.php
(8.59 KB)
Editing: header.php
<?php /* header.php — prints HEAD + opens layout + topbar & sidebar */ ?> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?= htmlspecialchars($PAGE_TITLE) ?></title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <style> :root{ --brand:#E60000; --dark:#000000; --muted:#6f6f6f; --border:rgba(0,0,0,.08); } body{ background:#f6f7fb; font-family:"Inter","Segoe UI",system-ui,Arial,sans-serif; } .wrapper{ min-height:100vh; display:grid; grid-template-columns:280px 1fr; } @media (max-width:992px){ .wrapper{ grid-template-columns:1fr; } } /* ===== SIDEBAR ===== */ .sidebar{ background:var(--dark); color:#fff; position:sticky; top:0; height:100vh; padding:16px; overflow-y:auto; } .brand{ display:flex; align-items:center; gap:10px; margin-bottom:10px; } .brand img{ width:38px; height:38px; object-fit:contain; border-radius:8px; background:#fff; padding:4px; } .brand .title{ font-weight:900; letter-spacing:.3px; } .brand small{ color:#cfcfcf; } .sidebar .module{ margin-bottom:.5rem; } .sidebar .module .head{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.6rem .6rem; border-radius:10px; background:transparent; } .sidebar .module .head:hover{ background:rgba(255,255,255,.08); } .sidebar .module .head .label{ color:#fff; font-weight:700; display:flex; align-items:center; gap:.55rem; } .sidebar .module .head .arrow{ border:0; background:transparent; color:#fff; width:36px; height:36px; border-radius:8px; } .sidebar .module .head .arrow:hover{ background:rgba(255,255,255,.12); } .sidebar .module .head .arrow .fa-chevron-down{ transition: transform .2s ease; } .sidebar .module .head .arrow[aria-expanded="true"] .fa-chevron-down{ transform: rotate(180deg); } .sidebar .submenu a{ color:#e9e9e9; text-decoration:none; display:flex; align-items:center; gap:8px; padding:.45rem .75rem .45rem 2.2rem; border-radius:10px; } .sidebar .submenu a:hover, .sidebar .submenu a.active{ background:rgba(255,255,255,.12); color:#fff; } /* ===== TOPBAR (Glass) ===== */ .topbar{ position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(0,0,0,.06); background:rgba(255,255,255,.65); /* fallback */ box-shadow:0 8px 24px rgba(0,0,0,.06); transition: background .25s ease, box-shadow .25s ease, border-color .25s ease; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .topbar{ background:rgba(255,255,255,.45); -webkit-backdrop-filter:saturate(160%) blur(12px); backdrop-filter:saturate(160%) blur(12px); } } .topbar.scrolled{ border-bottom:1px solid rgba(230,0,0,.35); background:rgba(255,255,255,.6); box-shadow:0 10px 32px rgba(230,0,0,.12); } .topbar .welcome{ font-weight:900; letter-spacing:.2px; color:#111; } /* ===== BUTTONS ===== */ .btn-brand{ color:#fff; background:linear-gradient(180deg,#ff3d3d,var(--brand)); border-color:#c70000; box-shadow:0 0 10px rgba(230,0,0,.4); transition:all .25s ease-in-out; } .btn-brand:hover{ filter:brightness(1.05); box-shadow:0 0 15px rgba(230,0,0,.6); transform:translateY(-1px); } .btn-dashboard{ background:linear-gradient(135deg,#ff3d3d 0%,#a30000 100%); color:#fff; border:none; border-radius:10px; font-weight:600; padding:6px 14px; box-shadow:0 0 10px rgba(255,0,0,.4); transition:all .25s ease; } .btn-dashboard:hover{ background:linear-gradient(135deg,#ff4d4d 0%,#b80000 100%); box-shadow:0 0 16px rgba(255,0,0,.6); transform:translateY(-2px); } /* ===== KPI CARDS ===== */ .kpi{ border:1px solid var(--border); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.06); } .kpi h6{ color:#a11d1d; font-size:12px; text-transform:uppercase; letter-spacing:.35px; } .kpi .big{ font-size:28px; font-weight:900; } .kpi small{ color:#6f6f6f; } </style> </head> <body> <div class="wrapper"> <!-- SIDEBAR --> <?php include __DIR__ . '/sidebar.php'; ?> <!-- MAIN --> <main> <!-- ===== Topbar (Glass) ===== --> <div class="topbar py-2 px-3 px-lg-4 d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center gap-2"> <button class="btn btn-sm btn-dark d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNav"> <i class="fa-solid fa-bars"></i> </button> <div class="welcome">👋 Welcome, <?= htmlspecialchars($_SESSION['admin_username'] ?? 'Admin'); ?></div> </div> <div class="d-flex align-items-center gap-2"> <a href="https://svminternationalschool.in/admin/dashboard.php" target="_blank" class="btn btn-dashboard"> <i class="fa-solid fa-gauge me-1"></i> Dashboard </a> </div> </div> <!-- optional: subtle scroll effect for the glass topbar --> <script> (function(){ const tb = document.currentScript.previousElementSibling; const toggle = () => { if (window.scrollY > 6) tb.classList.add('scrolled'); else tb.classList.remove('scrolled'); }; toggle(); window.addEventListener('scroll', toggle, { passive: true }); })(); </script> <div class="container-fluid px-3 px-lg-4 py-3 py-lg-4"> <!-- 🔽 Page content starts here -->
Upload File
Create Folder