123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- <!doctype html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>kiko</title>
- <link rel="stylesheet" type="text/css" href="css/normalize.css" />
- <link rel="stylesheet" type="text/css" href="css/default.css">
- <link rel="stylesheet" href="css/style.css">
- <link href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
- </head>
- <body>
- <div class="clear-backend">
- <div class="avatar">
- <div>
- <a href="#" target="_blank">
- <img src="img/admin.png" alt="">
- </a>
- </div>
- </div>
- <!-- tab-menu -->
- <input type="radio" class="tab-1" name="tab" checked="checked">
- <span>Home</span><i class="fa fa-home"></i>
- <input type="radio" class="tab-2" name="tab">
- <span>Posts</span><i class="fa fa-medium"></i>
- <input type="radio" class="tab-3" name="tab">
- <span>Users</span><i class="fa fa-user"></i>
- <input type="radio" class="tab-4" name="tab">
- <span>Comments</span><i class="fa fa-comment"></i>
- <input type="radio" class="tab-5" name="tab">
- <span>Upload</span><i class="fa fa-cloud-upload"></i>
- <input type="radio" class="tab-6" name="tab">
- <span>Favorite</span><i class="fa fa-star"></i>
- <input type="radio" class="tab-7" name="tab">
- <span>Photos</span><i class="fa fa-photo"></i>
- <input type="radio" class="tab-8" name="tab">
- <span>Analysis</span><i class="fa fa-line-chart"></i>
- <input type="radio" class="tab-9" name="tab">
- <span>Links</span><i class="fa fa-link"></i>
- <input type="radio" class="tab-10" name="tab">
- <span>Settings</span><i class="fa fa-cog"></i>
- <!-- tab-top-bar -->
- <div class="top-bar">
- <ul>
- <li>
- <a href="" title="Log Out">
- <i class="fa fa-sign-out"></i>
- </a>
- </li>
- <li>
- <a href="" title="Messages">
- <i class="fa fa-envelope"></i>
- </a>
- </li>
- <li>
- <a href="" title="Edit">
- <i class="fa fa-edit"></i>
- </a>
- </li>
- </ul>
- </div>
- <!-- tab-content -->
- <div class="tab-content">
- <section class="tab-item-1">
- <h1>One</h1>
- </section>
- <section class="tab-item-2">
- <h1>Two</h1>
- </section>
- <section class="tab-item-3">
- <h1>Three</h1>
- </section>
- <section class="tab-item-4">
- <h1>Four</h1>
- </section>
- <section class="tab-item-5">
- <h1>Five</h1>
- </section>
- <section class="tab-item-6">
- <h1>Six</h1>
- </section>
- <section class="tab-item-7">
- <h1>Sever</h1>
- </section>
- <section class="tab-item-8">
- <h1>Eight</h1>
- </section>
- <section class="tab-item-9">
- <h1>Nine</h1>
- </section>
- <section class="tab-item-10">
- <h1>Ten</h1>
- </section>
- </div>
- </div>
- </body>
- </html>
|