mirror of
https://github.com/Hopiu/djLint.git
synced 2026-05-28 14:18:16 +00:00
133 lines
5.9 KiB
HTML
133 lines
5.9 KiB
HTML
{% extends "layouts/base.html" %}
|
|
{% block title %}Top Navigation + Sidebar {% endblock %}
|
|
<!-- Element injected in the BODY element -->
|
|
{% block body_class %}
|
|
sidebar-collapse layout-top-nav
|
|
{% endblock body_class %}
|
|
<!-- Specific Page CSS goes HERE -->
|
|
{% block stylesheets %}
|
|
<!-- Google Font: Source Sans Pro -->
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
|
<!-- Font Awesome Icons -->
|
|
<link rel="stylesheet" href="/static/assets/plugins/fontawesome-free/css/all.min.css">
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="/static/assets/css/adminlte.min.css">
|
|
{% endblock stylesheets %}
|
|
{% block content %}
|
|
<div class="content-wrapper">
|
|
<!-- Content Header (Page header) -->
|
|
<div class="content-header">
|
|
<div class="container">
|
|
<div class="row mb-2">
|
|
<div class="col-sm-6">
|
|
<h1 class="m-0 text-dark">
|
|
Top Navigation
|
|
<small>
|
|
Example 3.0
|
|
</small>
|
|
</h1>
|
|
</div>
|
|
<!-- /.col -->
|
|
<div class="col-sm-6">
|
|
<ol class="breadcrumb float-sm-right">
|
|
<li class="breadcrumb-item">
|
|
<a href="#">Home</a>
|
|
</li>
|
|
<li class="breadcrumb-item">
|
|
<a href="#">Layout</a>
|
|
</li>
|
|
<li class="breadcrumb-item active">
|
|
Top Navigation
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</div>
|
|
<!-- /.content-header -->
|
|
<!-- Main content -->
|
|
<div class="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">
|
|
Some quick example text to build on the card title and make up the bulk of the card's
|
|
content.
|
|
</p>
|
|
<a href="#" class="card-link">Card link</a>
|
|
<a href="#" class="card-link">Another link</a>
|
|
</div>
|
|
</div>
|
|
<div class="card card-primary card-outline">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">
|
|
Some quick example text to build on the card title and make up the bulk of the card's
|
|
content.
|
|
</p>
|
|
<a href="#" class="card-link">Card link</a>
|
|
<a href="#" class="card-link">Another link</a>
|
|
</div>
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
<!-- /.col-md-6 -->
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="card-title m-0">Featured</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<h6 class="card-title">Special title treatment</h6>
|
|
<p class="card-text">
|
|
With supporting text below as a natural lead-in to additional content.
|
|
</p>
|
|
<a href="#" class="btn btn-primary">
|
|
Go somewhere
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card card-primary card-outline">
|
|
<div class="card-header">
|
|
<h5 class="card-title m-0">
|
|
Featured
|
|
</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<h6 class="card-title">
|
|
Special title treatment
|
|
</h6>
|
|
<p class="card-text">
|
|
With supporting text below as a natural lead-in to additional content.
|
|
</p>
|
|
<a href="#" class="btn btn-primary">
|
|
Go somewhere
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.col-md-6 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</div>
|
|
<!-- /.content -->
|
|
</div>
|
|
{% endblock content %}
|
|
<!-- Specific Page JS goes HERE -->
|
|
{% block javascripts %}
|
|
<!-- jQuery -->
|
|
<script src="/static/assets/plugins/jquery/jquery.min.js"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="/static/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="/static/assets/js/adminlte.min.js"></script>
|
|
{% endblock javascripts %}
|