data/backup/basic-table.html

0001 <!DOCTYPE html>
0002 <html dir="ltr" lang="en">
0003
0004 <head>
0005     <meta charset="utf-8">
0006     <meta http-equiv="X-UA-Compatible" content="IE=edge">
0007     <!-- Tell the browser to be responsive to screen width -->
0008     <meta name="viewport" content="width=device-width, initial-scale=1">
0009     <meta name="keywords"
0010         content="wrappixel, admin dashboard, html css dashboard, web dashboard, bootstrap 5 admin, bootstrap 5, css3 dashboard, bootstrap 5 dashboard, Ample lite admin bootstrap 5 dashboard, frontend, responsive bootstrap 5 admin template, Ample admin lite dashboard bootstrap 5 dashboard template">
0011     <meta name="description"
0012         content="Ample Admin Lite is powerful and clean admin dashboard template, inpired from Bootstrap Framework">
0013     <meta name="robots" content="noindex,nofollow">
0014     <title>Ample Admin Lite Template by WrapPixel</title>
0015     <link rel="canonical" href="https://www.wrappixel.com/templates/ample-admin-lite/" />
0016     <!-- Favicon icon -->
0017     <link rel="icon" type="image/png" sizes="16x16" href="plugins/images/favicon.png">
0018     <!-- Custom CSS -->
0019    <link href="css/style.min.css" rel="stylesheet">
0020     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
0021     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
0022     <!--[if lt IE 9]>

0023     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

0024     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

0025 <![endif]-->
0026 </head>
0027
0028 <body>
0029     <!-- ============================================================== -->
0030     <!-- Preloader - style you can find in spinners.css -->
0031     <!-- ============================================================== -->
0032     <div class="preloader">
0033         <div class="lds-ripple">
0034             <div class="lds-pos"></div>
0035             <div class="lds-pos"></div>
0036         </div>
0037     </div>
0038     <!-- ============================================================== -->
0039     <!-- Main wrapper - style you can find in pages.scss -->
0040     <!-- ============================================================== -->
0041     <div id="main-wrapper" data-layout="vertical" data-navbarbg="skin5" data-sidebartype="full"
0042         data-sidebar-position="absolute" data-header-position="absolute" data-boxed-layout="full">
0043         <!-- ============================================================== -->
0044         <!-- Topbar header - style you can find in pages.scss -->
0045         <!-- ============================================================== -->
0046         <header class="topbar" data-navbarbg="skin5">
0047             <nav class="navbar top-navbar navbar-expand-md navbar-dark">
0048                 <div class="navbar-header" data-logobg="skin6">
0049                     <!-- ============================================================== -->
0050                     <!-- Logo -->
0051                     <!-- ============================================================== -->
0052                     <a class="navbar-brand" href="dashboard.html">
0053                         <!-- Logo icon -->
0054                         <b class="logo-icon">
0055                             <!-- Dark Logo icon -->
0056                             <img src="plugins/images/logo-icon.png" alt="homepage" />
0057                         </b>
0058                         <!--End Logo icon -->
0059                         <!-- Logo text -->
0060                         <span class="logo-text">
0061                             <!-- dark Logo text -->
0062                             <img src="plugins/images/logo-text.png" alt="homepage" />
0063                         </span>
0064                     </a>
0065                     <!-- ============================================================== -->
0066                     <!-- End Logo -->
0067                     <!-- ============================================================== -->
0068                     <!-- ============================================================== -->
0069                     <!-- toggle and nav items -->
0070                     <!-- ============================================================== -->
0071                     <a class="nav-toggler waves-effect waves-light text-dark d-block d-md-none"
0072                         href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
0073                 </div>
0074                 <!-- ============================================================== -->
0075                 <!-- End Logo -->
0076                 <!-- ============================================================== -->
0077                 <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">
0078                     <ul class="navbar-nav d-none d-md-block d-lg-none">
0079                         <li class="nav-item">
0080                             <a class="nav-toggler nav-link waves-effect waves-light text-white"
0081                                 href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
0082                         </li>
0083                     </ul>
0084                     <!-- ============================================================== -->
0085                     <!-- Right side toggle and nav items -->
0086                     <!-- ============================================================== -->
0087                     <ul class="navbar-nav ms-auto d-flex align-items-center">
0088
0089                         <!-- ============================================================== -->
0090                         <!-- Search -->
0091                         <!-- ============================================================== -->
0092                         <li class=" in">
0093                             <form role="search" class="app-search d-none d-md-block me-3">
0094                                 <input type="text" placeholder="Search..." class="form-control mt-0">
0095                                 <a href=""                                    <i class="fa fa-search"></i>
0096  class="active">
0097                                 </a>
0098                             </form>
0099                         </li>
0100                         <!-- ============================================================== -->
0101                         <!-- User profile and search -->
0102                         <!-- ============================================================== -->
0103                         <li>
0104                             <a class="profile-pic" href="#">
0105                                 <img src="plugins/images/users/varun.jpg" alt="user-img" width="36"
0106                                     class="img-circle"><span class="text-white font-medium">Steave</span></a>
0107                         </li>
0108                         <!-- ============================================================== -->
0109                         <!-- User profile and search -->
0110                         <!-- ============================================================== -->
0111                     </ul>
0112                 </div>
0113             </nav>
0114         </header>
0115         <!-- ============================================================== -->
0116         <!-- End Topbar header -->
0117         <!-- ============================================================== -->
0118         <!-- ============================================================== -->
0119         <!-- Left Sidebar - style you can find in sidebar.scss  -->
0120         <!-- ============================================================== -->
0121         <aside class="left-sidebar" data-sidebarbg="skin6">
0122             <!-- Sidebar scroll-->
0123             <div class="scroll-sidebar">
0124                 <!-- Sidebar navigation-->
0125                 <nav class="sidebar-nav">
0126                     <ul id="sidebarnav">
0127                         <!-- User Profile-->
0128                         <li class="sidebar-item pt-2">
0129                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="dashboard.html"
0130                                 aria-expanded="false">
0131                                 <i class="far fa-clock" aria-hidden="true"></i>
0132                                 <span class="hide-menu">Dashboard</span>
0133                             </a>
0134                         </li>
0135                         <li class="sidebar-item">
0136                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="profile.html"
0137                                 aria-expanded="false">
0138                                 <i class="fa fa-user" aria-hidden="true"></i>
0139                                 <span class="hide-menu">Profile</span>
0140                             </a>
0141                         </li>
0142                         <li class="sidebar-item">
0143                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="basic-table.html"
0144                                 aria-expanded="false">
0145                                 <i class="fa fa-table" aria-hidden="true"></i>
0146                                 <span class="hide-menu">Basic Table</span>
0147                             </a>
0148                         </li>
0149                         <li class="sidebar-item">
0150                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="fontawesome.html"
0151                                 aria-expanded="false">
0152                                 <i class="fa fa-font" aria-hidden="true"></i>
0153                                 <span class="hide-menu">Icon</span>
0154                             </a>
0155                         </li>
0156                         <li class="sidebar-item">
0157                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="map-google.html"
0158                                 aria-expanded="false">
0159                                 <i class="fa fa-globe" aria-hidden="true"></i>
0160                                 <span class="hide-menu">Google Map</span>
0161                             </a>
0162                         </li>
0163                         <li class="sidebar-item">
0164                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="blank.html"
0165                                 aria-expanded="false">
0166                                 <i class="fa fa-columns" aria-hidden="true"></i>
0167                                 <span class="hide-menu">Blank Page</span>
0168                             </a>
0169                         </li>
0170                         <li class="sidebar-item">
0171                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="404.html"
0172                                 aria-expanded="false">
0173                                 <i class="fa fa-info-circle" aria-hidden="true"></i>
0174                                 <span class="hide-menu">Error 404</span>
0175                             </a>
0176                         </li>
0177                         <li class="text-center p-20 upgrade-btn">
0178                             <a href="https://www.wrappixel.com/templates/ampleadmin/"
0179                                 class="btn d-grid btn-danger text-white" target="_blank">
0180                                 Upgrade to Pro</a>
0181                         </li>
0182                     </ul>
0183
0184                 </nav>
0185                 <!-- End Sidebar navigation -->
0186             </div>
0187             <!-- End Sidebar scroll-->
0188         </aside>
0189         <!-- ============================================================== -->
0190         <!-- End Left Sidebar - style you can find in sidebar.scss  -->
0191         <!-- ============================================================== -->
0192         <!-- ============================================================== -->
0193         <!-- Page wrapper  -->
0194         <!-- ============================================================== -->
0195         <div class="page-wrapper">
0196             <!-- ============================================================== -->
0197             <!-- Bread crumb and right sidebar toggle -->
0198             <!-- ============================================================== -->
0199             <div class="page-breadcrumb bg-white">
0200                 <div class="row align-items-center">
0201                     <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
0202                         <h4 class="page-title">Basic Table</h4>
0203                     </div>
0204                     <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
0205                         <div class="d-md-flex">
0206                             <ol class="breadcrumb ms-auto">
0207                                 <li><a href="#" class="fw-normal">Dashboard</a></li>
0208                             </ol>
0209                             <a href="https://www.wrappixel.com/templates/ampleadmin/" target="_blank"
0210                                 class="btn btn-danger  d-none d-md-block pull-right ms-3 hidden-xs hidden-sm waves-effect waves-light text-white">Upgrade
0211                                 to Pro</a>
0212                         </div>
0213                     </div>
0214                 </div>
0215                 <!-- /.col-lg-12 -->
0216             </div>
0217             <!-- ============================================================== -->
0218             <!-- End Bread crumb and right sidebar toggle -->
0219             <!-- ============================================================== -->
0220             <!-- ============================================================== -->
0221             <!-- Container fluid  -->
0222             <!-- ============================================================== -->
0223             <div class="container-fluid">
0224                 <!-- ============================================================== -->
0225                 <!-- Start Page Content -->
0226                 <!-- ============================================================== -->
0227                 <div class="row">
0228                     <div class="col-sm-12">
0229                         <div class="white-box">
0230                             <h3 class="box-title">Basic Table</h3>
0231                             <p class="text-muted">Add class <code>.table</code></p>
0232                             <div class="table-responsive">
0233                                 <table class="table text-nowrap">
0234                                     <thead>
0235                                         <tr>
0236                                             <th class="border-top-0">#</th>
0237                                             <th class="border-top-0">First Name</th>
0238                                             <th class="border-top-0">Last Name</th>
0239                                             <th class="border-top-0">Username</th>
0240                                             <th class="border-top-0">Role</th>
0241                                         </tr>
0242                                     </thead>
0243                                     <tbody>
0244                                         <tr>
0245                                             <td>1</td>
0246                                             <td>Deshmukh</td>
0247                                             <td>Prohaska</td>
0248                                             <td>@Genelia</td>
0249                                             <td>admin</td>
0250                                         </tr>
0251                                         <tr>
0252                                             <td>2</td>
0253                                             <td>Deshmukh</td>
0254                                             <td>Gaylord</td>
0255                                             <td>@Ritesh</td>
0256                                             <td>member</td>
0257                                         </tr>
0258                                         <tr>
0259                                             <td>3</td>
0260                                             <td>Sanghani</td>
0261                                             <td>Gusikowski</td>
0262                                             <td>@Govinda</td>
0263                                             <td>developer</td>
0264                                         </tr>
0265                                         <tr>
0266                                             <td>4</td>
0267                                             <td>Roshan</td>
0268                                             <td>Rogahn</td>
0269                                             <td>@Hritik</td>
0270                                             <td>supporter</td>
0271                                         </tr>
0272                                         <tr>
0273                                             <td>5</td>
0274                                             <td>Joshi</td>
0275                                             <td>Hickle</td>
0276                                             <td>@Maruti</td>
0277                                             <td>member</td>
0278                                         </tr>
0279                                         <tr>
0280                                             <td>6</td>
0281                                             <td>Nigam</td>
0282                                             <td>Eichmann</td>
0283                                             <td>@Sonu</td>
0284                                             <td>supporter</td>
0285                                         </tr>
0286                                     </tbody>
0287                                 </table>
0288                             </div>
0289                         </div>
0290                     </div>
0291                 </div>
0292                 <!-- ============================================================== -->
0293                 <!-- End PAge Content -->
0294                 <!-- ============================================================== -->
0295                 <!-- ============================================================== -->
0296                 <!-- Right sidebar -->
0297                 <!-- ============================================================== -->
0298                 <!-- .right-sidebar -->
0299                 <!-- ============================================================== -->
0300                 <!-- End Right sidebar -->
0301                 <!-- ============================================================== -->
0302             </div>
0303             <!-- ============================================================== -->
0304             <!-- End Container fluid  -->
0305             <!-- ============================================================== -->
0306             <!-- ============================================================== -->
0307             <!-- footer -->
0308             <!-- ============================================================== -->
0309             <footer class="footer text-center"> 2021 © Ample Admin brought to you by <a
0310                     href="https://www.wrappixel.com/">wrappixel.com</a>
0311             </footer>
0312             <!-- ============================================================== -->
0313             <!-- End footer -->
0314             <!-- ============================================================== -->
0315         </div>
0316         <!-- ============================================================== -->
0317         <!-- End Page wrapper  -->
0318         <!-- ============================================================== -->
0319     </div>
0320     <!-- ============================================================== -->
0321     <!-- End Wrapper -->
0322     <!-- ============================================================== -->
0323     <!-- ============================================================== -->
0324     <!-- All Jquery -->
0325     <!-- ============================================================== -->
0326     <script src="plugins/bower_components/jquery/dist/jquery.min.js"></script>
0327     <!-- Bootstrap tether Core JavaScript -->
0328     <script src="bootstrap/dist/js/bootstrap.bundle.min.js"></script>
0329     <script src="js/app-style-switcher.js"></script>
0330     <!--Wave Effects -->
0331     <script src="js/waves.js"></script>
0332     <!--Menu sidebar -->
0333     <script src="js/sidebarmenu.js"></script>
0334     <!--Custom JavaScript -->
0335     <script src="js/custom.js"></script>
0336 </body>
0337
0338 </html>