• 仿bootstrap的


    <!doctype html>
    <html class="no-js">
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>Amaze UI Admin 404 Examples</title>
      <meta name="description" content="这是一个404页面">
      <meta name="keywords" content="404">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="renderer" content="webkit">
      <meta http-equiv="Cache-Control" content="no-siteapp" />
      <link rel="icon" type="image/png" href="assets/i/favicon.png">
      <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
      <meta name="apple-mobile-web-app-title" content="Amaze UI" />
      <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
      <link rel="stylesheet" href="assets/css/admin.css">
    <style type="text/css">
    	.admin-sidebar-list li a,.admin-offcanvas-bar,.admin-sidebar-list li{background: #2b303e;color: #989dac;}
    
    	.admin-sidebar-list li{color: #777;}
    	
    	.am-list li,li.admin-parent{border: 0px ;}
    	li.ali-active a,li>a:hover{background: #3b3f4d;color: #FFFFFF;border-left:5px solid #5c9df5;}
    	
    	div.admin-offcanvas-bar{padding-left: 20px;}
    	span.am-badge{margin-left: 50px;}
    
    
    
    
    </style>
    
    
    </head>
    <body>
    <!--[if lte IE 9]>
    <p class="browsehappy">你正在使用<strong>过时</strong>的浏览器,Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
      以获得更好的体验!</p>
    <![endif]-->
    
    <header class="am-topbar am-topbar-inverse admin-header">
      <div class="am-topbar-brand">
        <strong>Amaze UI</strong> <small>后台管理模板</small>
      </div>
    
      <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
    
      <div class="am-collapse am-topbar-collapse" id="topbar-collapse" 
       >
    
        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list" >
          <li><a href="javascript:;"><span class="am-icon-envelope-o"></span> 收件箱 <span class="am-badge am-badge-warning">5</span></a></li>
          <li class="am-dropdown" data-am-dropdown>
            <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
              <span class="am-icon-users"></span> 管理员 <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
              <li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
              <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
              <li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
            </ul>
          </li>
          <li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
        </ul>
      </div>
    </header>
    
    <div class="am-cf admin-main">
      <!-- sidebar start -->
      <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
        <div class="am-offcanvas-bar admin-offcanvas-bar" >
     
          <ul class="am-list admin-sidebar-list" >
       
    		<li>总览</li>
            <li><a href="admin-index.html"><span class="am-icon-home"></span> 首页</a></li>
            
            <li class="ali-active"><a class="" href="admin-table.html"><span class="am-icon-table "></span> 表格<span class="am-badge am-badge-danger am-round">6</span></a></li>
            <li><a href="admin-form.html"><span class="am-icon-pencil-square-o"></span> 表单</a></li>
            <li><a href="#"><span class="am-icon-sign-out"></span> 注销</a></li>
    <li>总览</li>
            <li><a href="admin-index.html"><span class="am-icon-home"></span> 首页</a></li>
            
            <li class=""><a class="" href="admin-table.html"><span class="am-icon-table "></span> 表格</a></li>
            <li><a href="admin-form.html"><span class="am-icon-pencil-square-o"></span> 表单</a></li>
            <li><a href="#"><span class="am-icon-sign-out"></span> 注销</a></li>
    
          </ul>
    
    
    
    
        </div>
      </div>
      <!-- sidebar end -->
    
      <!-- content start -->
      <div class="admin-content">
        <div class="admin-content-body">
          <div class="am-cf am-padding am-padding-bottom-0">
            <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">404</strong> / <small>That’s an error</small></div>
          </div>
    
          <hr>
    
          <div class="am-g">
            <div class="am-u-sm-12">
              <h2 class="am-text-center am-text-xxxl am-margin-top-lg">404. Not Found</h2>
              <p class="am-text-center">没有找到你要的页面</p>
            <pre class="page-404">
              .----.
           _.'__    `.
       .--($)($$)---/#
     .' @          /###
     :         ,   #####
      `-..__.-' _.-###/
            `;_:    `"'
          .'"""""`.
         /,  ya ,\
        //  404!  \
        `-._______.-'
        ___`. | .'___
       (______|______)
            </pre>
            </div>
          </div>
        </div>
    
        <footer class="admin-content-footer">
          <hr>
          <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
        </footer>
      </div>
      <!-- content end -->
    
    </div>
    
    <a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>
    
    <footer>
      <hr>
      <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
    </footer>
    
    <!--[if lt IE 9]>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="assets/js/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="assets/js/amazeui.min.js"></script>
    <script src="assets/js/app.js"></script>
    </body>
    </html>
    

      

  • 相关阅读:
    实验axios用户登录及token验证
    vue的路由跳转了,可是页面没有变化
    搞清楚cookie,session,token,JWT
    APP应用测试流程
    Scrum敏捷开发
    APP项目环境及发布平台
    ssh -T git@github.com ssh: connect to host github.com port 22: Connection timed out
    pytest与unitest区别
    数据库三大范式--大白话
    docker 安装mysql挂载/var/lib/mysql目录时启动就退出
  • 原文地址:https://www.cnblogs.com/aliblogs/p/5788706.html
Copyright © 2020-2023  润新知