123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <!-- Tell the browser to be responsive to screen width -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="">
- <meta name="author" content="">
- <!-- Favicon icon -->
- <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png">
- <title></title>
- <!-- Bootstrap Core CSS -->
- <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <!-- Custom CSS -->
- <link href="css/style.css" rel="stylesheet">
- <!-- You can change the theme colors from here -->
- <link href="css/colors/blue.css" id="theme" rel="stylesheet">
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body class="fix-header card-no-border">
- <!-- ============================================================== -->
- <!-- Preloader - style you can find in spinners.css -->
- <!-- ============================================================== -->
- <div class="preloader">
- <svg class="circular" viewBox="25 25 50 50">
- <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
- </div>
- <!-- ============================================================== -->
- <!-- Main wrapper - style you can find in pages.scss -->
- <!-- ============================================================== -->
- <div id="main-wrapper">
- <!-- ============================================================== -->
- <!-- Topbar header - style you can find in pages.scss -->
- <!-- ============================================================== -->
- <header class="topbar">
- <nav class="navbar top-navbar navbar-toggleable-sm navbar-light">
- <!-- ============================================================== -->
- <!-- Logo -->
- <!-- ============================================================== -->
- <div class="navbar-header">
- <a class="navbar-brand" href="index">
- <!-- Logo icon -->
- <b>
- <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
- <!-- Dark Logo icon -->
- <img src="assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
-
- </b>
- <!--End Logo icon -->
- <!-- Logo text -->
- <span>
- <!-- dark Logo text -->
- <img src="assets/images/logo-text.png" alt="homepage" class="dark-logo" />
- </span>
- </a>
- </div>
- <!-- ============================================================== -->
- <!-- End Logo -->
- <!-- ============================================================== -->
- <div class="navbar-collapse">
- <!-- ============================================================== -->
- <!-- toggle and nav items -->
- <!-- ============================================================== -->
- <ul class="navbar-nav mr-auto mt-md-0 ">
- <!-- This is -->
- <li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-menu"></i></a> </li>
- <li class="nav-item hidden-sm-down">
- <form class="app-search p-l-20">
- <input type="text" class="form-control" placeholder="Search for..."> <a class="srh-btn"><i class="ti-search"></i></a>
- </form>
- </li>
- </ul>
- <!-- ============================================================== -->
- <!-- User profile and search -->
- <!-- ============================================================== -->
- <ul class="navbar-nav my-lg-0">
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="assets/images/users/1.jpg" alt="user" class="profile-pic m-r-5" />Markarn Doe</a>
- </li>
- </ul>
- </div>
- </nav>
- </header>
- <!-- ============================================================== -->
- <!-- End Topbar header -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Left Sidebar - style you can find in sidebar.scss -->
- <!-- ============================================================== -->
- <aside class="left-sidebar">
- <!-- Sidebar scroll-->
- <div class="scroll-sidebar">
- <!-- Sidebar navigation-->
- <nav class="sidebar-nav">
- <ul id="sidebarnav">
- <li>
- <a href="index" class="waves-effect"><i class="fa fa-clock-o m-r-10" aria-hidden="true"></i>统计图</a>
- </li>
- <li>
- <a href="profile" class="waves-effect"><i class="fa fa-user m-r-10" aria-hidden="true"></i>简介</a>
- </li>
- <li>
- <a href="table" class="waves-effect"><i class="fa fa-table m-r-10" aria-hidden="true"></i>数据表</a>
- </li>
- <li>
- <a href="icons" class="waves-effect"><i class="fa fa-font m-r-10" aria-hidden="true"></i>图标</a>
- </li>
- <!-- <li>-->
- <!-- <a href="google" class="waves-effect"><i class="fa fa-globe m-r-10" aria-hidden="true"></i>谷歌地图</a>-->
- <!-- </li>-->
- <li>
- <a href="blank" class="waves-effect"><i class="fa fa-columns m-r-10" aria-hidden="true"></i>空白页</a>
- </li>
- <!-- <li>-->
- <!-- <a href="errors" class="waves-effect"><i class="fa fa-info-circle m-r-10" aria-hidden="true"></i>Error 404</a>-->
- <!-- </li>-->
- </ul>
- <div class="text-center m-t-30">
- <a href="#" class="btn btn-danger">Download Here</a>
- </div>
- </nav>
- <!-- End Sidebar navigation -->
- </div>
- <!-- End Sidebar scroll-->
- </aside>
- <!-- ============================================================== -->
- <!-- End Left Sidebar - style you can find in sidebar.scss -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Page wrapper -->
- <!-- ============================================================== -->
- <div class="page-wrapper">
- <!-- ============================================================== -->
- <!-- Container fluid -->
- <!-- ============================================================== -->
- <div class="container-fluid">
- <!-- ============================================================== -->
- <!-- Bread crumb and right sidebar toggle -->
- <!-- ============================================================== -->
- <div class="row page-titles">
- <div class="col-md-6 col-8 align-self-center">
- <h3 class="text-themecolor m-b-0 m-t-0">Table</h3>
- <ol class="breadcrumb">
- <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
- <li class="breadcrumb-item active">Table</li>
- </ol>
- </div>
- <div class="col-md-6 col-4 align-self-center">
- <a href="#" class="btn pull-right hidden-sm-down btn-success">Download Here</a>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- End Bread crumb and right sidebar toggle -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Start Page Content -->
- <!-- ============================================================== -->
- <div class="row">
- <!-- column -->
- <div class="col-sm-12">
- <div class="card">
- <div class="card-block">
- <h4 class="card-title">Basic Table</h4>
- <h6 class="card-subtitle">Add class <code>.table</code></h6>
- <div class="table-responsive">
- <table class="table">
- <thead>
- <tr>
- <th>#</th>
- <th>First Name</th>
- <th>Last Name</th>
- <th>Username</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>Deshmukh</td>
- <td>Prohaska</td>
- <td>@Genelia</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Deshmukh</td>
- <td>Gaylord</td>
- <td>@Ritesh</td>
- </tr>
- <tr>
- <td>3</td>
- <td>Sanghani</td>
- <td>Gusikowski</td>
- <td>@Govinda</td>
- </tr>
- <tr>
- <td>4</td>
- <td>Roshan</td>
- <td>Rogahn</td>
- <td>@Hritik</td>
- </tr>
- <tr>
- <td>5</td>
- <td>Joshi</td>
- <td>Hickle</td>
- <td>@Maruti</td>
- </tr>
- <tr>
- <td>6</td>
- <td>Nigam</td>
- <td>Eichmann</td>
- <td>@Sonu</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- End PAge Content -->
- <!-- ============================================================== -->
- </div>
- <!-- ============================================================== -->
- <!-- End Container fluid -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- footer -->
- <!-- ============================================================== -->
- <footer class="footer text-center">
- Copyright © 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a>
- </footer>
- <!-- ============================================================== -->
- <!-- End footer -->
- <!-- ============================================================== -->
- </div>
- <!-- ============================================================== -->
- <!-- End Page wrapper -->
- <!-- ============================================================== -->
- </div>
- <!-- ============================================================== -->
- <!-- End Wrapper -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- All Jquery -->
- <!-- ============================================================== -->
- <script src="assets/plugins/jquery/jquery.min.js"></script>
- <!-- Bootstrap tether Core JavaScript -->
- <script src="assets/plugins/bootstrap/js/tether.min.js"></script>
- <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
- <!-- slimscrollbar scrollbar JavaScript -->
- <script src="js/jquery.slimscroll.js"></script>
- <!--Wave Effects -->
- <script src="js/waves.js"></script>
- <!--Menu sidebar -->
- <script src="js/sidebarmenu.js"></script>
- <!--stickey kit -->
- <script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
- <!--Custom JavaScript -->
- <script src="js/custom.min.js"></script>
- <!-- ============================================================== -->
- <!-- Style switcher -->
- <!-- ============================================================== -->
- <script src="assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
- </body>
- </html>
|