Halaman Kosong
Membuat halaman Kosong, Pertama kamu bisa copy paste Struktur Dasar Template yang ada dihalaman Instalasi, lalu cocokkan url yang ada dengan struktur aplikasi atau web kamu. Membuat halaman Kosong tidaklah sulit, jika sebelumnya kamu sudah membaca dokumentasi Navbar, Sidebar, Main dan Footer, sebenarnya halaman Kosong adalah halaman yang hanya ada Navbar, Sidebar, Main dan Footer nya saja, serta didalam Main hanya terdapat Main Header.
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Require meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Halaman Kosong . Reza Admin</title>
<!-- pertama Bootstrap CSS -->
<link rel="stylesheet" href="[host mu]/dist/css/bootstrap.min.css">
<!-- kemudian Font awesome -->
<link rel="stylesheet" type="text/css" href="[host mu]/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
<!-- dan Reza Admin CSS -->
<link rel="stylesheet" type="text/css" href="[host mu]/dist/css/reza-admin.min.css">
<!-- Favicon -->
<link rel="icon" href="[host mu]/dist/img/Reza_Admin.ico">
</head>
<body>
<!-- navbar top -->
<nav class="navbar navbar-expand-sm navbar--white">
<a class="navbar__sidebar-toggler" href="#"><span class="fa fa-bars"></span></a>
<a class="navbar-brand ml-3" href=""><img src="[host mu]/dist/img/Reza_Admin.svg" width="120" alt="logo reza"></a>
<button class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button">
<span class="fa fa-navicon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item navbar__notification">
<a class="nav-link" href="#">
<span class="fa fa-bookmark"></span>
<span class="navbar__notification-number navbar__notification-number--blue">2</span>
</a>
</li>
<li class="nav-item navbar__notification">
<a class="nav-link " href="#">
<span class="fa fa-bell"></span>
<span class="navbar__notification-number navbar__notification-number--orange">2</span>
</a>
</li>
<li class="nav-item navbar__avatar dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
<img src="[host mu]/dist/img/reza.jpg" alt="avatar image">
<span>Reza Sariful Fikri</span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a href="" class="dropdown-item">Pengaturan Account</a>
<div class="dropdown-divider"></div>
<a href="" class="dropdown-item text-hover-red">Keluar <span class="fa fa-sign-out"></span></a>
</div>
</li>
</ul>
</div>
</nav>
<!-- sidebar -->
<aside class="sidebar">
<ul class="sidebar__nav">
<li class="sidebar__item"><a class="nav-link" href="#"><span class="fa fa-home"></span> Gambaran</a></li>
<li class="sidebar__item sidebar__item--active"><a class="nav-link" href="#"><span class="fa fa-group"></span> Rencana Harian</a></li>
<li class="sidebar__item"><a class="nav-link" href="#"><span class="fa fa-area-chart"></span> Kemajuan</a></li>
<li class="sidebar__item"><a class="nav-link" href="#"><span class="fa fa-envelope"></span> Pesan</a></li>
</ul>
</aside>
<!-- main konten -->
<main class="main main--ml-sidebar-width">
<div class="row">
<header class="main__header col-12 mb-2">
<div class="main__title">
<h4>Halaman Kosong</h4>
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="">Home</a></li>
<li class="breadcrumb-item active">Halaman Kosong</li>
</ul>
</div>
</header>
</div><!-- row -->
</main>
<!-- footer -->
<footer class="footer footer--ml-sidebar-width">
<p class="mb-2 mb-sm-0">Copyright © Website mu 2020. All rights reserved</p>
<p>Versi 1.0.2</p>
</footer>
<!-- pertama jQuery, kemudian Bootstrap JS, dan Reza Admin JS-->
<script src="[host mu]/dist/js/jquery-3.5.1.slim.min.js"></script>
<script src="[host mu]/dist/js/bootstrap.min.js"></script>
<script src="[host mu]/dist/js/reza-admin.min.js"></script>
</body>
</html>