[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
xampp
/
htdocs
/
peminjaman_barang
/
[
Home
]
File: index.php
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <title>Kampus XYZ - Peminjaman Barang</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .banner { background: url('assets/banner.jpg') no-repeat center center; background-size: cover; height: 300px; position: relative; color: white; } .banner-overlay { background: rgba(0,0,0,0.5); height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .logo { width: 80px; height: 80px; margin-bottom: 10px; } </style> </head> <body> <!-- Navbar --> <nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <div class="container-fluid"> <a class="navbar-brand d-flex align-items-center" href="#"> <img src="assets/logo.png" alt="Logo Kampus" class="logo"> <span class="ms-2">Kampus XYZ</span> </a> <div class="collapse navbar-collapse"> <ul class="navbar-nav ms-auto"> <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li> <li class="nav-item"><a class="nav-link" href="#about">About</a></li> <li class="nav-item"><a class="nav-link" href="login.php">Login</a></li> <li class="nav-item"><a class="nav-link" href="register.php">Register</a></li> </ul> </div> </div> </nav> <!-- Banner --> <div class="banner"> <div class="banner-overlay"> <img src="assets/logo.png" alt="Logo Kampus" class="logo"> <h1>Selamat Datang di Kampus XYZ</h1> <p class="lead">Sistem Peminjaman Barang Kampus</p> <a href="login.php" class="btn btn-light btn-lg">Login</a> <a href="register.php" class="btn btn-success btn-lg">Register</a> </div> </div> <!-- About Kampus --> <section id="about" class="container mt-5"> <h2 class="text-center mb-4">About Kampus</h2> <div class="row"> <div class="col-md-6"> <img src="assets/campus.jpg" alt="Foto Kampus" class="img-fluid rounded shadow"> </div> <div class="col-md-6"> <p>Kampus XYZ adalah pusat pendidikan unggulan yang menyediakan fasilitas lengkap untuk mendukung kegiatan akademik dan non-akademik mahasiswa. Website ini dibuat untuk mempermudah pengelolaan peminjaman barang kampus, sehingga mahasiswa dapat melakukan peminjaman dengan cepat dan transparan.</p> <ul> <li>Fasilitas modern dan lengkap</li> <li>Sistem peminjaman barang berbasis web</li> <li>Transparansi data barang valid/tidak valid</li> </ul> </div> </div> </section> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <!-- Footer --> <footer class="bg-dark text-white mt-5 p-4 text-center"> <div class="container"> <p><strong>Kampus XYZ</strong></p> <p>Jl. Pendidikan No. 123, Buahbatu, Bandung, Jawa Barat</p> <p>Email: info@kampusxyz.ac.id | Telp: (022) 1234567</p> <div class="mt-2"> <a href="#" class="text-white me-3"><i class="bi bi-facebook"></i> Facebook</a> <a href="#" class="text-white me-3"><i class="bi bi-twitter"></i> Twitter</a> <a href="#" class="text-white"><i class="bi bi-instagram"></i> Instagram</a> </div> <hr class="border-light"> <small>© 2026 Kampus XYZ. All rights reserved.</small> </div> </footer> <!-- Bootstrap Icons --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"> </body> </html>