index.back.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!doctype html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>kiko</title>
  8. <link rel="stylesheet" type="text/css" href="css/normalize.css" />
  9. <link rel="stylesheet" type="text/css" href="css/default.css">
  10. <link rel="stylesheet" href="css/style.css">
  11. <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  12. </head>
  13. <body>
  14. <div class="clear-backend">
  15. <div class="avatar">
  16. <div>
  17. <a href="#" target="_blank">
  18. <img src="img/admin.png" alt="">
  19. </a>
  20. </div>
  21. </div>
  22. <!-- tab-menu -->
  23. <input type="radio" class="tab-1" name="tab" checked="checked">
  24. <span>Home</span><i class="fa fa-home"></i>
  25. <input type="radio" class="tab-2" name="tab">
  26. <span>Posts</span><i class="fa fa-medium"></i>
  27. <input type="radio" class="tab-3" name="tab">
  28. <span>Users</span><i class="fa fa-user"></i>
  29. <input type="radio" class="tab-4" name="tab">
  30. <span>Comments</span><i class="fa fa-comment"></i>
  31. <input type="radio" class="tab-5" name="tab">
  32. <span>Upload</span><i class="fa fa-cloud-upload"></i>
  33. <input type="radio" class="tab-6" name="tab">
  34. <span>Favorite</span><i class="fa fa-star"></i>
  35. <input type="radio" class="tab-7" name="tab">
  36. <span>Photos</span><i class="fa fa-photo"></i>
  37. <input type="radio" class="tab-8" name="tab">
  38. <span>Analysis</span><i class="fa fa-line-chart"></i>
  39. <input type="radio" class="tab-9" name="tab">
  40. <span>Links</span><i class="fa fa-link"></i>
  41. <input type="radio" class="tab-10" name="tab">
  42. <span>Settings</span><i class="fa fa-cog"></i>
  43. <!-- tab-top-bar -->
  44. <div class="top-bar">
  45. <ul>
  46. <li>
  47. <a href="" title="Log Out">
  48. <i class="fa fa-sign-out"></i>
  49. </a>
  50. </li>
  51. <li>
  52. <a href="" title="Messages">
  53. <i class="fa fa-envelope"></i>
  54. </a>
  55. </li>
  56. <li>
  57. <a href="" title="Edit">
  58. <i class="fa fa-edit"></i>
  59. </a>
  60. </li>
  61. </ul>
  62. </div>
  63. <!-- tab-content -->
  64. <div class="tab-content">
  65. <section class="tab-item-1">
  66. <h1>One</h1>
  67. </section>
  68. <section class="tab-item-2">
  69. <h1>Two</h1>
  70. </section>
  71. <section class="tab-item-3">
  72. <h1>Three</h1>
  73. </section>
  74. <section class="tab-item-4">
  75. <h1>Four</h1>
  76. </section>
  77. <section class="tab-item-5">
  78. <h1>Five</h1>
  79. </section>
  80. <section class="tab-item-6">
  81. <h1>Six</h1>
  82. </section>
  83. <section class="tab-item-7">
  84. <h1>Sever</h1>
  85. </section>
  86. <section class="tab-item-8">
  87. <h1>Eight</h1>
  88. </section>
  89. <section class="tab-item-9">
  90. <h1>Nine</h1>
  91. </section>
  92. <section class="tab-item-10">
  93. <h1>Ten</h1>
  94. </section>
  95. </div>
  96. </div>
  97. </body>
  98. </html>