Scribd
Upload
36 views5 pages

Dash

This document is an HTML page for a dashboard interface. The page includes navigation menus for articles, stock, pages and other common dashboard elements like charts and tables.

Uploaded by

yousra.abraka
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
36 views5 pages

Dash

This document is an HTML page for a dashboard interface. The page includes navigation menus for articles, stock, pages and other common dashboard elements like charts and tables.

Uploaded by

yousra.abraka
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>SB Admin 2 - Blank</title>

<!-- Custom fonts for this template-->


<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css">
<link
href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">

<!-- Custom styles for this template-->


<link href="css/sb-admin-2.min.css" rel="stylesheet">

</head>

<body id="page-top">

<!-- Page Wrapper -->


<div id="wrapper">

<!-- Sidebar -->


<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion"
id="accordionSidebar">

<!-- Sidebar - Brand -->


<a class="sidebar-brand d-flex align-items-center justify-content-
center" href="index.html">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3">Ray Ban</div>
</a>

<!-- Divider -->


<hr class="sidebar-divider my-0">

<!-- Nav Item - Dashboard -->


<li class="nav-item">
<a class="nav-link" href="index.html">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span> Tableau de bord</span></a>
</li>

<!-- Divider -->


<hr class="sidebar-divider">

<!-- Heading -->


<div class="sidebar-heading">
Interface
</div>

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-
target="#collapseTwo"
aria-expanded="true" aria-controls="collapseTwo">
<i class="fas fa-fw fa-cog"></i>
<span>Articles</span>
</a>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Gestion de stock:</h6>
<a class="collapse-item"
href="produit.jsp">Articles_Stock</a>
<a class="collapse-item"
href="produit.jsp">Articles_Approvisionnemnt</a>

</div>
</div>
</li>

<!-- Nav Item - Utilities Collapse Menu -->


<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-
target="#collapseUtilities"
aria-expanded="true" aria-controls="collapseUtilities">
<i class="fas fa-fw fa-wrench"></i>
<span>Stock</span>
</a>
<div id="collapseUtilities" class="collapse" aria-
labelledby="headingUtilities"
data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">

<a class="collapse-item" href="Ajj.xhtml">Ajouter un


article</a>
<a class="collapse-item" href="Update.xhtml">Modifier un
article</a>
<a class="collapse-item" href="Delete.xhtml">Supprimer un
article</a>

</div>
</div>
</li>

<!-- Divider -->


<hr class="sidebar-divider">

<!-- Heading -->


<div class="sidebar-heading">
Addons
</div>

<!-- Nav Item - Pages Collapse Menu -->


<li class="nav-item active">
<a class="nav-link" href="#" data-toggle="collapse" data-
target="#collapsePages" aria-expanded="true"
aria-controls="collapsePages">
<i class="fas fa-fw fa-folder"></i>
<span>Pages</span>
</a>
<div id="collapsePages" class="collapse show" aria-
labelledby="headingPages"
data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Login Screens:</h6>
<a class="collapse-item" href="login.html">Login</a>
<a class="collapse-item" href="register.html">Register</a>
<a class="collapse-item" href="forgot-password.html">Forgot
Password</a>
<div class="collapse-divider"></div>

</div>
</li>

<!-- Nav Item - Charts -->


<li class="nav-item">
<a class="nav-link" href="charts.html">
<i class="fas fa-fw fa-chart-area"></i>
<span>Charts</span></a>
</li>

<!-- Nav Item - Tables -->


<li class="nav-item">
<a class="nav-link" href="tables.html">
<i class="fas fa-fw fa-table"></i>
<span>Tables</span></a>
</li>

<!-- Divider -->


<hr class="sidebar-divider d-none d-md-block">

<!-- Sidebar Toggler (Sidebar) -->


<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0"
id="sidebarToggle"></button>
</div>

</ul>
<!-- End of Sidebar -->

<!-- Content Wrapper -->


<div id="content-wrapper" class="d-flex flex-column">

<!-- Main Content -->


<div id="content">

<!-- Topbar -->


<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4
static-top shadow">

<!-- Sidebar Toggle (Topbar) -->


<button id="sidebarToggleTop" class="btn btn-link d-md-none
rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>

<!-- Topbar Search -->


<form
class="d-none d-sm-inline-block form-inline mr-auto ml-md-3
my-2 my-md-0 mw-100 navbar-search">
<div class="input-group">
<input type="text" class="form-control bg-light border-
0 small" placeholder="Search for..."
aria-label="Search" aria-describedby="basic-
addon2">
<div class="input-group-append">
<button class="btn btn-primary" type="button">
<i class="fas fa-search fa-sm"></i>
</button>
</div>
</div>
</form>

<!-- End of Topbar -->

</div>
<!-- End of Main Content -->

<!-- Footer -->


<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Your Website 2020</span>
</div>
</div>
</footer>
<!-- End of Footer -->

</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->


<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->


<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-
labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?
</h5>
<button class="close" type="button" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you are ready to
end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-
dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="login.html">Logout</a>
</div>
</div>
</div>
</div>

<!-- Bootstrap core JavaScript-->


<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->


<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->


<script src="js/sb-admin-2.min.js"></script>

</body>

</html>

You might also like