ragil/report_satu_data
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit - report data

Browse Source
This commit is contained in:
Ragil Bayu
2025-03-21 10:22:45 +07:00
commit 59963790c0
3493 changed files with 1353173 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/template/sources/pages/bootstrap-nav.html
+127
View File
@@ -0,0 +1,127 @@
{% set title = 'Bootstrap Components › Nav' %}
{% set page = 'bootstrap-nav.html' %}
{% extends 'layouts/master.html' %}
{% block content %}
<section class="section">
<div class="section-header">
<h1>Nav</h1>
<div class="section-header-breadcrumb">
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
<div class="breadcrumb-item"><a href="#">Bootstrap Components</a></div>
<div class="breadcrumb-item">Nav</div>
</div>
</div>
<div class="section-body">
<h2 class="section-title">Navs</h2>
<p class="section-lead">
Examples for how to use Bootstrap’s included navigation components.
</p>
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<div class="card">
<div class="card-header">
<h4>Base Nav</h4>
</div>
<div class="card-body">
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h4>Vertical</h4>
</div>
<div class="card-body">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6">
<div class="card">
<div class="card-header">
<h4>Tabs</h4>
</div>
<div class="card-body">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h4>Pills</h4>
</div>
<div class="card-body">
<div class="section-title mt-0">Simple</div>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<div class="section-title">Icon</div>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" href="#"><i class="fas fa-home"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-user"></i> Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-cog"></i> Setting</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}