代码拉取完成，页面将自动刷新
<!doctype html>
<html lang="en">
<head>
<title>Icons | Klorofil - Free Bootstrap Dashboard Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- VENDOR CSS -->
<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/vendor/linearicons/style.css">
<!-- MAIN CSS -->
<link rel="stylesheet" href="assets/css/main.css">
<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
<link rel="stylesheet" href="assets/css/demo.css">
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
<!-- ICONS -->
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon.png">
</head>
<body>
<!-- WRAPPER -->
<div id="wrapper">
<!-- NAVBAR -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="brand">
<a href="index.html"><img src="assets/img/logo-dark.png" alt="Klorofil Logo" class="img-responsive logo"></a>
</div>
<div class="container-fluid">
<div class="navbar-btn">
<button type="button" class="btn-toggle-fullwidth"><i class="lnr lnr-arrow-left-circle"></i></button>
</div>
<form class="navbar-form navbar-left">
<div class="input-group">
<input type="text" value="" class="form-control" placeholder="Search dashboard...">
<span class="input-group-btn"><button type="button" class="btn btn-primary">Go</button></span>
</div>
</form>
<div class="navbar-btn navbar-btn-right">
<a class="btn btn-success update-pro" href="#downloads/klorofil-pro-bootstrap-admin-dashboard-template/?utm_source=klorofil&utm_medium=template&utm_campaign=KlorofilPro" title="Upgrade to Pro" target="_blank"><i class="fa fa-rocket"></i> <span>UPGRADE TO PRO</span></a>
</div>
<div id="navbar-menu">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle icon-menu" data-toggle="dropdown">
<i class="lnr lnr-alarm"></i>
<span class="badge bg-danger">5</span>
</a>
<ul class="dropdown-menu notifications">
<li><a href="#" class="notification-item"><span class="dot bg-warning"></span>System space is almost full</a></li>
<li><a href="#" class="notification-item"><span class="dot bg-danger"></span>You have 9 unfinished tasks</a></li>
<li><a href="#" class="notification-item"><span class="dot bg-success"></span>Monthly report is available</a></li>
<li><a href="#" class="notification-item"><span class="dot bg-warning"></span>Weekly meeting in 1 hour</a></li>
<li><a href="#" class="notification-item"><span class="dot bg-success"></span>Your request has been approved</a></li>
<li><a href="#" class="more">See all notifications</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="lnr lnr-question-circle"></i> <span>Help</span> <i class="icon-submenu lnr lnr-chevron-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#">Basic Use</a></li>
<li><a href="#">Working With Data</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">Troubleshooting</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="assets/img/user.png" class="img-circle" alt="Avatar"> <span>Samuel</span> <i class="icon-submenu lnr lnr-chevron-down"></i></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="lnr lnr-user"></i> <span>My Profile</span></a></li>
<li><a href="#"><i class="lnr lnr-envelope"></i> <span>Message</span></a></li>
<li><a href="#"><i class="lnr lnr-cog"></i> <span>Settings</span></a></li>
<li><a href="#"><i class="lnr lnr-exit"></i> <span>Logout</span></a></li>
</ul>
</li>
<!-- <li>
<a class="update-pro" href="#downloads/klorofil-pro-bootstrap-admin-dashboard-template/?utm_source=klorofil&utm_medium=template&utm_campaign=KlorofilPro" title="Upgrade to Pro" target="_blank"><i class="fa fa-rocket"></i> <span>UPGRADE TO PRO</span></a>
</li> -->
</ul>
</div>
</div>
</nav>
<!-- END NAVBAR -->
<!-- LEFT SIDEBAR -->
<div id="sidebar-nav" class="sidebar">
<div class="sidebar-scroll">
<nav>
<ul class="nav">
<li><a href="index.html" class=""><i class="lnr lnr-home"></i> <span>Dashboard</span></a></li>
<li><a href="elements.html" class=""><i class="lnr lnr-code"></i> <span>Elements</span></a></li>
<li><a href="charts.html" class=""><i class="lnr lnr-chart-bars"></i> <span>Charts</span></a></li>
<li><a href="panels.html" class=""><i class="lnr lnr-cog"></i> <span>Panels</span></a></li>
<li><a href="notifications.html" class=""><i class="lnr lnr-alarm"></i> <span>Notifications</span></a></li>
<li>
<a href="#subPages" data-toggle="collapse" class="collapsed"><i class="lnr lnr-file-empty"></i> <span>Pages</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
<div id="subPages" class="collapse ">
<ul class="nav">
<li><a href="page-profile.html" class="">Profile</a></li>
<li><a href="page-login.html" class="">Login</a></li>
<li><a href="page-lockscreen.html" class="">Lockscreen</a></li>
</ul>
</div>
</li>
<li><a href="tables.html" class=""><i class="lnr lnr-dice"></i> <span>Tables</span></a></li>
<li><a href="typography.html" class=""><i class="lnr lnr-text-format"></i> <span>Typography</span></a></li>
<li><a href="icons.html" class="active"><i class="lnr lnr-linearicons"></i> <span>Icons</span></a></li>
</ul>
</nav>
</div>
</div>
<!-- END LEFT SIDEBAR -->
<!-- MAIN -->
<div class="main">
<!-- MAIN CONTENT -->
<div class="main-content">
<div class="container-fluid">
<h3 class="page-title">Icons</h3>
<div class="panel panel-headline demo-icons">
<div class="panel-heading">
<h3 class="panel-title">Linearicons</h3>
<p class="subtitle">For complete list, please visit <a href="https://linearicons.com/free" target="_blank">https://linearicons.com/free</a></p>
</div>
<div class="panel-body">
<ul class="list-unstyled row">
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-home"></span> <span class="cssclass">lnr lnr-home</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-thumbs-up"></span> <span class="cssclass">lnr lnr-thumbs-up</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-pencil"></span> <span class="cssclass">lnr lnr-pencil</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-magic-wand"></span> <span class="cssclass">lnr lnr-magic-wand</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-drop"></span> <span class="cssclass">lnr lnr-drop</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-lighter"></span> <span class="cssclass">lnr lnr-lighter</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-sun"></span> <span class="cssclass">lnr lnr-sun</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-heart"></span> <span class="cssclass">lnr lnr-heart</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-inbox"></span> <span class="cssclass">lnr lnr-inbox</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-trash"></span> <span class="cssclass">lnr lnr-trash</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-cart"></span> <span class="cssclass">lnr lnr-cart</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-user"></span> <span class="cssclass">lnr lnr-user</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-bookmark"></span> <span class="cssclass">lnr lnr-bookmark</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-map"></span> <span class="cssclass">lnr lnr-map</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-map-marker"></span> <span class="cssclass">lnr lnr-map-marker</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-location"></span> <span class="cssclass">lnr lnr-location</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-rocket"></span> <span class="cssclass">lnr lnr-rocket</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="lnr lnr-download"></span> <span class="cssclass">lnr lnr-download</span>
</li>
</ul>
</div>
</div>
<div class="panel panel-headline demo-icons">
<div class="panel-heading">
<h3 class="panel-title">Font Awesome</h3>
<p class="subtitle">For complete list, please visit <a href="http://fontawesome.io/icons/" target="_blank">http://fontawesome.io/icons/</a></p>
</div>
<div class="panel-body">
<ul class="list-unstyled row">
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-home"></span> <span class="cssclass">fa fa-home</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-download"></span> <span class="cssclass">fa fa-download</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-upload"></span> <span class="cssclass">fa fa-upload</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-shopping-cart"></span> <span class="cssclass">fa fa-shopping-cart</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-calendar"></span> <span class="cssclass">fa fa-calendar</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-map"></span> <span class="cssclass">fa fa-map</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-location"></span> <span class="cssclass">fa fa-location</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-credit-card"></span> <span class="cssclass">fa fa-credit-card</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-database"></span> <span class="cssclass">fa fa-database</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-bell"></span> <span class="cssclass">fa fa-bell</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-envelope"></span> <span class="cssclass">fa fa-envelope</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-thumbs-up"></span> <span class="cssclass">fa fa-thumbs-up</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-line-chart"></span> <span class="cssclass">fa fa-line-chart</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-map-marker"></span> <span class="cssclass">fa fa-map-marker</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-paper-plane-o"></span> <span class="cssclass">fa fa-paper-plane-o</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-search"></span> <span class="cssclass">fa fa-search</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-shopping-bag"></span> <span class="cssclass">fa fa-shopping-bag</span>
</li>
<li class="col-md-2 col-sm-4 col-xs-6">
<span class="fa fa-random"></span> <span class="cssclass">fa fa-random</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END MAIN CONTENT -->
</div>
<!-- END MAIN -->
<div class="clearfix"></div>
<footer>
<div class="container-fluid">
<p class="copyright">© 2017 <a href="#" target="_blank">Theme I Need</a>. All Rights Reserved. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
</footer>
</div>
<!-- END WRAPPER -->
<!-- Javascript -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/vendor/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/scripts/klorofil-common.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手