经典的Bootstrap个人主页博客模板_bootstrap个人博客模板资源-CSDN文库

共38个文件

js：13个

css：9个

html：7个

Bootstrap

博客

个人主页

2星需积分: 42 159 浏览量 2016-10-18 10:05:25 上传评论 9 收藏 372KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

matrix-admin03.zip （38个子文件）

matrix-admin03

css

bootstrap-responsive.min.css 9KB

bootstrap.min.css 79KB

adminia.css 9KB

adminia-responsive.css 750B

pages

faq.css 2KB

dashboard.css 1KB

plans.css 5KB

font-awesome.css 11KB

img

body-bg.png 16KB

headshot.png 60KB

plans.html 10KB

account.html 11KB

index.html 13KB

jquery-1.7.2.min.js 93KB

faq.js 4KB

jquery-1.7.2.min_74e92c4.js 93KB

jquery.flot.js 107KB

charts

pie.js 1KB

area.js 972B

bar.js 807B

line.js 653B

excanvas.min.js 19KB

jquery.flot.pie.js 22KB

jquery.flot.resize.js 2KB

jquery.flot.orderBars.js 6KB

bootstrap.js 47KB

.project 268B

font

fontawesome-webfont.eot 41KB

fontawesome-webfont.woff 23KB

fontawesome-webfont.svg 72KB

fontawesome-webfont_162a16fe.eot 41KB

fontawesome-webfont.svgz 21KB

fontawesome-webfont.ttf 41KB

faq.html 12KB

grid.html 11KB

charts.html 7KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Dashboard - Bootstrap Admin</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <link href="./css/bootstrap.min.css" rel="stylesheet" /> <link href="./css/bootstrap-responsive.min.css" rel="stylesheet" /> <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet" /> <link href="./css/font-awesome.css" rel="stylesheet" /> <link href="./css/adminia.css" rel="stylesheet" /> <link href="./css/adminia-responsive.css" rel="stylesheet" /> <link href="./css/pages/dashboard.css" rel="stylesheet" />   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="./">Adminia Admin</a> <div class="nav-collapse"> <ul class="nav pull-right"> <li> <a href="#"><span class="badge badge-warning">7</span></a> </li> <li class="divider-vertical"></li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle " href="#"> Rod Howard <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> <a href="./account.html"><i class="icon-user"></i> Account Setting </a> </li> <li> <a href="./change_password.html"><i class="icon-lock"></i> Change Password</a> </li> <li class="divider"></li> <li> <a href="./"><i class="icon-off"></i> Logout</a> </li> </ul> </li> </ul> </div>  </div>  </div>  </div>  <div id="content"> <div class="container"> <div class="row"> <div class="span3"> <div class="account-container"> <div class="account-avatar"> <img src="./img/headshot.png" alt="" class="thumbnail" /> </div>  <div class="account-details"> <span class="account-name">Rod Howard</span> <span class="account-role">Administrator</span> <span class="account-actions"> <a href="javascript:;">Profile</a> | <a href="javascript:;">Edit Settings</a> </span> </div>  </div>  <hr /> <ul id="main-nav" class="nav nav-tabs nav-stacked"> <li class="active"> <a href="./"> <i class="icon-home"></i> Dashboard </a> </li> <li> <a href="./faq.html"> <i class="icon-pushpin"></i> FAQ </a> </li> <li> <a href="./plans.html"> <i class="icon-th-list"></i> Pricing Plans </a> </li> <li> <a href="./grid.html"> <i class="icon-th-large"></i> Grid Layout <span class="label label-warning pull-right">5</span> </a> </li> <li> <a href="./charts.html"> <i class="icon-signal"></i> Charts </a> </li> <li> <a href="./account.html"> <i class="icon-user"></i> User Account </a> </li> <li> <a href="./login.html"> <i class="icon-lock"></i> Login </a> </li> </ul> <hr /> <div class="sidebar-extra"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p> </div>  <br /> </div>  <div class="span9"> <h1 class="page-title"> <i class="icon-home"></i> Dashboard </h1> <div class="stat-container"> <div class="stat-holder"> <div class="stat"> <span>564</span> Completed Sales </div>  </div>  <div class="stat-holder"> <div class="stat"> <span>423</span> Pending Sales </div>  </div>  <div class="stat-holder"> <div class="stat"> <span>96</span> Returned Sales </div>  </div>  <div class="stat-holder"> <div class="stat"> <span>2</span> Chargebacks </div>  </div>  </div>  <div class="widget"> <div class="widget-header"> <i class="icon-signal"></i> <h3>Area Chart</h3> </div>  <div class="widget-content"> <div id="bar-chart" class="chart-holder"></div>  </div>  </div>  <div class="widget widget-table"> <div class="widget-header"> <i class="icon-th-list"></i> <h3>Table</h3> </div>  <div class="widget-content"> <table class="table table-striped table-bordered"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Last Name</th> <th>Username</th> <th>Company</th> <th> </th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Michael</td> <td>Jordan</td> <td>@mjordan</td> <td>Chicago Bulls</td> <td class="action-td"> <a href="javascript:;" class="btn btn-small btn-warning"> <i class="icon-ok"></i> </a> <a href="javascript:;" class="btn btn-small"> <i class="icon-remove"></i> </a> </td> </tr> <tr> <td>2</td> <td>Magic</td> <td>Johnson</td> <td>@mjohnson</td> <td>Los Angeles Lakers</td> <td class="action-td"> <a href="javascript:;" class="btn btn-small btn-warning"> <i class="icon-ok"></i> </a> <a href="javascript:;" class="btn btn-small"> <i class="icon-remove"></i> </a> </td> </tr> <tr> <td>3</td> <td>Charles</td> <td>Barkley</td> <td>@cbarkley</td> <td>Phoenix Suns</td> <td class="action-td"> <a href="javascript:;" class="btn btn-small btn-warning"> <i class="icon-ok"></i> </a> <a href="javascript:;" class="btn btn-small"> <i class="icon-remove"></i> </a> </td> </tr> <tr> <td

评论收藏

内容反馈