You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
7.8 KiB
145 lines
7.8 KiB
<!DOCTYPE html>
|
|
<html lang="en" dir="">
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head th:replace="~{fragments/modules/base/head :: head}"></head>
|
|
<body>
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
<![endif]-->
|
|
|
|
<div class="wrapper">
|
|
<!-- header top menu Start -->
|
|
<header th:replace="~{fragments/modules/base/header :: header}"></header>
|
|
<!-- header top menu end -->
|
|
|
|
<div class="page-wrap">
|
|
<!--=============== Left Menu side Start ================-->
|
|
<div th:replace="~{fragments/modules/base/menu :: menu}"></div>
|
|
<!--=============== Left side End ================-->
|
|
<div class="main-content">
|
|
<div class="container-fluid">
|
|
<div class="page-header">
|
|
<div class="row align-items-end">
|
|
<div class="col-lg-8">
|
|
<div class="page-header-title">
|
|
<i class="ik ik-menu bg-blue"></i>
|
|
<div class="d-inline">
|
|
<h5>Navbar</h5>
|
|
<span th:each="menuItem : ${menuItems}">lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<nav class="breadcrumb-container" aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="../index.html"><i class="ik ik-home"></i></a>
|
|
</li>
|
|
<li class="breadcrumb-item active" aria-current="page">Navbar</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3>Header Color</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="modal fade apps-modal" id="appsModal" tabindex="-1" role="dialog" aria-labelledby="appsModalLabel" aria-hidden="true" data-backdrop="false">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="ik ik-x-circle"></i></button>
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="quick-search">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 ml-auto mr-auto">
|
|
<div class="input-wrap">
|
|
<input type="text" id="quick-search" class="form-control" placeholder="Search..." />
|
|
<i class="ik ik-search"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-body d-flex align-items-center">
|
|
<div class="container">
|
|
<div class="apps-wrap">
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-bar-chart-2"></i><span>Dashboard</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-mail"></i><span>Message</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-users"></i><span>Accounts</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-shopping-cart"></i><span>Sales</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-briefcase"></i><span>Purchase</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-server"></i><span>Menus</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-clipboard"></i><span>Pages</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-message-square"></i><span>Chats</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-map-pin"></i><span>Contacts</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-box"></i><span>Blocks</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-calendar"></i><span>Events</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-bell"></i><span>Notifications</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-pie-chart"></i><span>Reports</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-layers"></i><span>Tasks</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-edit"></i><span>Blogs</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-settings"></i><span>Settings</span></a>
|
|
</div>
|
|
<div class="app-item">
|
|
<a href="#"><i class="ik ik-more-horizontal"></i><span>More</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script th:replace="~{fragments/modules/base/script :: script}"></script>
|
|
</body>
|
|
</html>
|