<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- Google fonts - Popppins for copy-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,800">
<!-- orion icons-->
<link rel="stylesheet" href="css/orionicons.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Favicon-->
<link rel="shortcut icon" href="img/favicon.png?3">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<!-- navbar-->
<header class="header">
<nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow"><a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead"><i class="fas fa-align-left"></i></a><a href="index.html" class="navbar-brand font-weight-bold text-uppercase text-base">Bubbly Dashboard</a>
<ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
<li class="nav-item">
<form id="searchForm" class="ml-auto d-none d-lg-block">
<div class="form-group position-relative mb-0">
<button type="submit" style="top: -3px; left: 0;" class="position-absolute bg-white border-0 p-0"><i class="o-search-magnify-1 text-gray text-lg"></i></button>
<input type="search" placeholder="Search ..." class="form-control form-control-sm border-0 no-shadow pl-4">
</div>
</form>
</li>
<li class="nav-item dropdown mr-3"><a id="notifications" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle text-gray-400 px-1"><i class="fa fa-bell"></i><span class="notification-icon"></span></a>
<div aria-labelledby="notifications" class="dropdown-menu"><a href="#" class="dropdown-item">
<div class="d-flex align-items-center">
<div class="icon icon-sm bg-violet text-white"><i class="fab fa-twitter"></i></div>
<div class="text ml-2">
<p class="mb-0">You have 2 followers</p>
</div>
</div></a><a href="#" class="dropdown-item">
<div class="d-flex align-items-center">
<div class="icon icon-sm bg-green text-white"><i class="fas fa-envelope"></i></div>
<div class="text ml-2">
<p class="mb-0">You have 6 new messages</p>
</div>
</div></a><a href="#" class="dropdown-item">
<div class="d-flex align-items-center">
<div class="icon icon-sm bg-blue text-white"><i class="fas fa-upload"></i></div>
<div class="text ml-2">
<p class="mb-0">Server rebooted</p>
</div>
</div></a><a href="#" class="dropdown-item">
<div class="d-flex align-items-center">
<div class="icon icon-sm bg-violet text-white"><i class="fab fa-twitter"></i></div>
<div class="text ml-2">
<p class="mb-0">You have 2 followers</p>
</div>
</div></a>
<div class="dropdown-divider"></div><a href="#" class="dropdown-item text-center"><small class="font-weight-bold headings-font-family text-uppercase">View all notifications</small></a>
</div>
</li>
<li class="nav-item dropdown ml-auto"><a id="userInfo" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle"><img src="img/avatar-6.jpg" alt="Jason Doe" style="max-width: 2.5rem;" class="img-fluid rounded-circle shadow"></a>
<div aria-labelledby="userInfo" class="dropdown-menu"><a href="#" class="dropdown-item"><strong class="d-block text-uppercase headings-font-family">Mark Stephen</strong><small>Web Developer</small></a>
<div class="dropdown-divider"></div><a href="#" class="dropdown-item">Settings</a><a href="#" class="dropdown-item">Activity log </a>
<div class="dropdown-divider"></div><a href="login.html" class="dropdown-item">Logout</a>
</div>
</li>
</ul>
</nav>
</header>
<div class="d-flex align-items-stretch">
<div id="sidebar" class="sidebar py-3">
<div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">MAIN</div>
<ul class="sidebar-menu list-unstyled">
<li class="sidebar-list-item"><a href="index.html" class="sidebar-link text-muted"><i class="o-home-1 mr-3 text-gray"></i><span>Home</span></a></li>
<li class="sidebar-list-item"><a href="charts.html" class="sidebar-link text-muted"><i class="o-sales-up-1 mr-3 text-gray"></i><span>Charts</span></a></li>
<li class="sidebar-list-item"><a href="tables.html" class="sidebar-link text-muted"><i class="o-table-content-1 mr-3 text-gray"></i><span>Tables</span></a></li>
<li class="sidebar-list-item"><a href="forms.html" class="sidebar-link text-muted active"><i class="o-survey-1 mr-3 text-gray"></i><span>Forms</span></a></li>
<li class="sidebar-list-item"><a href="#" data-toggle="collapse" data-target="#pages" aria-expanded="false" aria-controls="pages" class="sidebar-link text-muted"><i class="o-wireframe-1 mr-3 text-gray"></i><span>Pages</span></a>
<div id="pages" class="collapse">
<ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">Page one</a></li>
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">Page two</a></li>
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">Page three</a></li>
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">Page four</a></li>
</ul>
</div>
</li>
<li class="sidebar-list-item"><a href="login.html" class="sidebar-link text-muted"><i class="o-exit-1 mr-3 text-gray"></i><span>Login</span></a></li>
</ul>
<div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">EXTRAS</div>
<ul class="sidebar-menu list-unstyled">
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted"><i class="o-database-1 mr-3 text-gray"></i><span>Demo</span></a></li>
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted"><i class="o-imac-screen-1 mr-3 text-gray"></i><span>Demo</span></a></li>
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted"><i class="o-paperwork-1 mr-3 text-gray"></i><span>Demo</span></a></li>
<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted"><i c
精品源码 / 后台管理 / 响应式
需积分: 5 89 浏览量
2023-01-13
18:21:49
上传
评论
收藏 358KB RAR 举报
bootstrap响应式后台管理模板.rar （48个子文件） 
bootstrap响应式后台管理模板 
forms.html 32KB js 
front.js 1KB charts-custom.js 17KB charts-home.js 9KB js.cookie.min.js 2KB
使用必读.png 61KB img 
avatar-4.jpg 6KB template-mac.png 30KB avatar-6.jpg 5KB avatar-1.jpg 3KB avatar-3.jpg 9KB avatar-5.jpg 5KB avatar-2.jpg 5KB
illustration.svg 34KB favicon.png 1KB css style.violet.css 96KB custom.css 25B orionicons.css 4KB style.default.css 96KB style.pink.css 96KB style.sea.css 96KB style.blue.css 96KB style.red.css 96KB style.green.css 96KB login.html 4KB vendor popper.js popper.min.js 19KB esm popper.min.js 20KB popper-utils.min.js 10KB popper-utils.min.js 10KB umd popper.min.js 20KB popper-utils.min.js 10KB jquery.cookie component.json 340B jquery.cookie.js 3KB cookie.jquery.json 834B jquery-validation additional-methods.min.js 21KB additional-methods.js 47KB jquery.validate.js 49KB jquery.validate.min.js 24KB tables.html 17KB index.html 28KB test.html 26KB charts.html 15KB fonts orion-font.ttf 18KB orion-font.svg 43KB iconfont.css 4KB orion-font.eot 18KB orion-font.woff 10KB orion-font.woff2 8KB资源评论
