| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>个人中心</title>
- <!-- Tell the browser to be responsive to screen width -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- Font Awesome -->
- <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
- <!-- Ionicons -->
- <link rel="stylesheet" href="dist/css/ionicons.min.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="dist/css/adminlte.min.css">
- <!-- Google Font: Source Sans Pro -->
- <link rel="stylesheet" href="dist/css/css.css">
- <link rel="stylesheet" href="dist/css/index.css">
- </head>
- <body class="hold-transition sidebar-mini">
- <div class="wrapper">
- <!-- Navbar -->
- <nav class="main-header navbar navbar-expand bg-white navbar-light border-bottom">
- <!-- Left navbar links -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
- </li>
- </ul>
- </nav>
- <!-- /.navbar -->
- <!-- Main Sidebar Container -->
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <!-- Brand Logo -->
- <a href="login.html" class="brand-link">
- <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
- <span class="brand-text font-weight-light">AdminLTE 3</span>
- </a>
- <!-- Sidebar -->
- <div class="sidebar">
- <!-- Sidebar user (optional) -->
- <div class="user-panel mt-3 pb-3 mb-3 d-flex">
- <div class="image">
- <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
- </div>
- <div class="info">
- <a href="#" class="d-block">Alexander Pierce</a>
- </div>
- </div>
- <!-- Sidebar Menu -->
- <nav class="mt-2">
- <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
- <li class="nav-item has-treeview">
- <a href="index.html" class="nav-link">
- <i class="nav-icon fa fa-table"></i>
- <p>商家管理<i class="fa fa-angle-right right"></i></p>
- </a>
- </li>
- <li class="nav-item has-treeview menu-open">
- <a href="personal.html" class="nav-link active">
- <i class="nav-icon fa fa-user-circle"></i>
- <p>个人中心<i class="fa fa-angle-right right"></i></p>
- </a>
- </li>
- </ul>
- </nav>
- </div>
- </aside>
- <div class="content-wrapper">
- <section class="content">
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-12">
- <div class="card card-primary">
- <div class="card-header">
- <h3 class="card-title">个人中心</h3>
- </div>
- <form>
- <div class="card-body">
- <div class="form-group row">
- <label for="name" class="col-sm-2 col-form-label">姓名</label>
- <div class="col-sm-10">
- <input type="text" class="form-control" id="name" placeholder="Password">
- </div>
- </div>
- <div class="form-group row">
- <label for="name" class="col-sm-2 col-form-label">性别</label>
- <div class="col-sm-10">
- <div class="form-check form-check-inline">
- <input class="form-check-input" type="radio" name="sex" id="man" value="option1">
- <label class="form-check-label" for="man">男</label>
- </div>
- <div class="form-check form-check-inline">
- <input class="form-check-input" type="radio" name="sex" id="women" value="option1">
- <label class="form-check-label" for="women">女</label>
- </div>
- </div>
- </div>
- <div class="form-group row">
- <label for="name" class="col-sm-2 col-form-label">出生日期</label>
- <div class="col-sm-10">
- <input type="text" class="form-control" id="data" placeholder="Password">
- </div>
- </div>
- <div class="form-group row">
- <label for="name" class="col-sm-2 col-form-label">地址</label>
- <div class="col-sm-10">
- <input type="text" class="form-control" id="addr" placeholder="Password">
- </div>
- </div>
- <div class="form-group row">
- <label for="customFile" class="col-sm-2 col-form-label">头像</label>
- <div class="col-sm-10">
- <div class="custom-file">
- <input type="file" class="custom-file-input" id="customFile">
- <label class="custom-file-label" for="customFile">Choose file</label>
- </div>
- </div>
- </div>
- </div>
- <!-- /.card-body -->
- <div class="card-footer">
- <button type="submit" class="btn btn-primary">保存</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </section>
- </div>
- <!-- /.content-wrapper -->
- <footer class="main-footer">
- <div class="float-right d-none d-sm-block">
- <b>Version</b> 3.0.0-alpha
- </div>
- <strong>Copyright © 2014-2018 <a href="#">AdminLTE.io</a>.</strong> All rights
- reserved.
- </footer>
- </div>
- <!-- ./wrapper -->
- <!-- jQuery -->
- <script src="plugins/jquery/jquery.min.js"></script>
- <!-- Bootstrap 4 -->
- <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
- <!-- FastClick -->
- <script src="plugins/fastclick/fastclick.js"></script>
- <!-- AdminLTE App -->
- <script src="dist/js/adminlte.min.js"></script>
- <!-- AdminLTE for demo purposes -->
- <script src="dist/js/demo.js"></script>
- </body>
- </html>
|
