藍(lán)色照明企業(yè)站模板是一個(gè)很好用的響應(yīng)式后臺管理模版,為用戶提供了一個(gè)方便的后臺管理,它基于bootstrap的ace模版,支持自適應(yīng)各種設(shè)備布局快來下載吧!
藍(lán)色照明企業(yè)站模板介紹
AdminLab是一個(gè)綠色小清新的后臺網(wǎng)站模板。它基于bootstrap的ace模版,支持自適應(yīng)各種設(shè)備布局,4個(gè)主題顏色,3個(gè)不同的會話風(fēng)格,Bootstrap2.3.1框架,jQuery1.8.3,70+HTML頁面模板,16個(gè)email模板,40+預(yù)加載,包括說明文檔和ui設(shè)計(jì)等!
模板部分源碼
<!DOCTYPEhtml>
<!--
TemplateName:AdminLabDashboardbuildwithBootstrapv2.3.1
TemplateVersion:1.2
Author:MosaddekHossain
Website:http://thevectorlab.net/
-->
<!--[ifIE8]><htmllang="en"class="ie8"><![endif]-->
<!--[ifIE9]><htmllang="en"class="ie9"><![endif]-->
<!--[if!IE]><!--><htmllang="en"><!--<![endif]-->
<!--BEGINHEAD-->
<head>
<metacharset="utf-8"/>
<title>AdminLabDashboard</title>
<metacontent="width=device-width,initial-scale=1.0"name="viewport"/>
<metacontent=""name="description"/>
<metacontent=""name="author"/>
<linkhref="assets/bootstrap/css/bootstrap.min.css"rel="stylesheet"/>
<linkhref="assets/bootstrap/css/bootstrap-responsive.min.css"rel="stylesheet"/>
<linkhref="assets/font-awesome/css/font-awesome.css"rel="stylesheet"/>
<linkhref="css/style.css"rel="stylesheet"/>
<linkhref="css/style_responsive.css"rel="stylesheet"/>
<linkhref="css/style_default.css"rel="stylesheet"id="style_color"/>
<linkhref="assets/fancybox/source/jquery.fancybox.css"rel="stylesheet"/>
<linkrel="stylesheet"type="text/css"href="assets/uniform/css/uniform.default.css"/>
<linkhref="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css"rel="stylesheet"/>
<linkhref="assets/jqvmap/jqvmap/jqvmap.css"media="screen"rel="stylesheet"type="text/css"/>
</head>
<!--ENDHEAD-->
<!--BEGINBODY-->
<bodyclass="fixed-top">
<!--BEGINHEADER-->
<divid="header"class="navbarnavbar-inversenavbar-fixed-top">
<!--BEGINTOPNAVIGATIONBAR-->
<divclass="navbar-inner">
<divclass="container-fluid">
<!--BEGINLOGO-->
<aclass="brand"href="index.html">
<imgsrc="img/logo.png"alt="AdminLab"/>
</a>
<!--ENDLOGO-->
<!--BEGINRESPONSIVEMENUTOGGLER-->
<aclass="btnbtn-navbarcollapsed"id="main_menu_trigger"data-toggle="collapse"data-target=".nav-collapse">
<spanclass="icon-bar"></span>
<spanclass="icon-bar"></span>
<spanclass="icon-bar"></span>
<spanclass="arrow"></span>
</a>
<!--ENDRESPONSIVEMENUTOGGLER-->
<divid="top_menu"class="navnotify-row">
<!--BEGINNOTIFICATION-->
<ulclass="navtop-menu">
<!--BEGINSETTINGS-->
<liclass="dropdown">
<aclass="dropdown-toggleelement"data-placement="bottom"data-toggle="tooltip"href="#"data-original-title="Settings">
<iclass="icon-cog"></i>
</a>
</li>
<!--ENDSETTINGS-->
<!--BEGININBOXDROPDOWN-->
<liclass="dropdown"id="header_inbox_bar">
<ahref="#"class="dropdown-toggle"data-toggle="dropdown">
<iclass="icon-envelope-alt"></i>
<spanclass="badgebadge-important">5</span>
</a>
<ulclass="dropdown-menuextendedinbox">
<li>
<p>Youhave5newmessages</p>
</li>
<li>
<ahref="#">
<spanclass="photo"><imgsrc="./img/avatar-mini.png"alt="avatar"/></span>
<spanclass="subject">
<spanclass="from">DulalKhan</span>
<spanclass="time">Justnow</span>
</span>
<spanclass="message">
Hello,thisisanexamplemessagespleasecheck
</span>
</a>
</li>
<li>
<ahref="#">
<spanclass="photo"><imgsrc="./img/avatar-mini.png"alt="avatar"/></span>
<spanclass="subject">
<spanclass="from">RafiqulIslam</span>
<spanclass="time">10mins</span>
</span>
<spanclass="message">
Hi,MosaddekBhaihowareyou?
</span>
</a>
</li>
<li>
<ahref="#">
<spanclass="photo"><imgsrc="./img/avatar-mini.png"alt="avatar"/></span>
<spanclass="subject">
<spanclass="from">SumonAhmed</span>
<spanclass="time">3hrs</span>
</span>
<spanclass="message">
Thisisawesomedashboardtemplates
</span>
</a>
</li>
<li>
<ahref="#">
<spanclass="photo"><imgsrc="./img/avatar-mini.png"alt="avatar"/></span>
<spanclass="subject">
<spanclass="from">DulalKhan</span>
<spanclass="time">Justnow</span>
</span>
<spanclass="message">
Hello,thisisanexamplemessagespleasecheck
</span>
</a>
</li>
<li>
<ahref="#">Seeallmessages</a>
</li>
</ul>
</li>
<!--ENDINBOXDROPDOWN-->
<!--BEGINNOTIFICATIONDROPDOWN-->
<liclass="dropdown"id="header_notification_bar">
<ahref="#"class="dropdown-toggle"data-toggle="dropdown">
<iclass="icon-bell-alt"></i>
<spanclass="badgebadge-warning">7</span>
</a>
<ulclass="dropdown-menuextendednotification">
<li>
<p>Youhave7newnotifications</p>
</li>
<li>
<ahref="#">
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
Server#3overloaded.
<spanclass="smallitalic">34mins</span>
</a>
</li>
<li>
<ahref="#">
<spanclass="labellabel-warning"><iclass="icon-bell"></i></span>
Server#10notrespoding.
<spanclass="smallitalic">1Hours</span>
</a>
</li>
<li>
<ahref="#">
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
Databaseoverloaded24%.
<spanclass="smallitalic">4hrs</span>
</a>
</li>
<li>
<ahref="#">
<spanclass="labellabel-success"><iclass="icon-plus"></i></span>
Newuserregistered.
<spanclass="smallitalic">Justnow</span>
</a>
</li>
<li>
<ahref="#">
<spanclass="labellabel-info"><iclass="icon-bullhorn"></i></span>
Applicationerror.
<spanclass="smallitalic">10mins</span>
</a>
</li>
<li>
<ahref="#">Seeallnotifications</a>
</li>
</ul>
</li>
<!--ENDNOTIFICATIONDROPDOWN-->
</ul>
</div>
<!--ENDNOTIFICATION-->
<divclass="top-nav">
<ulclass="navpull-righttop-menu">
<!--BEGINSUPPORT-->
<liclass="dropdownmtop5">
<aclass="dropdown-toggleelement"data-placement="bottom"data-toggle="tooltip"href="#"data-original-title="Chat">
<iclass="icon-comments-alt"></i>
</a>
</li>
<liclass="dropdownmtop5">
<aclass="dropdown-toggleelement"data-placement="bottom"data-toggle="tooltip"href="#"data-original-title="Help">
<iclass="icon-headphones"></i>
</a>
</li>
<!--ENDSUPPORT-->
<!--BEGINUSERLOGINDROPDOWN-->
<liclass="dropdown">
<ahref="#"class="dropdown-toggle"data-toggle="dropdown">
<imgsrc="img/avatar1_small.jpg"alt="">
<spanclass="username">MosaddekHossain</span>
<bclass="caret"></b>
</a>
<ulclass="dropdown-menu">
<li><ahref="#"><iclass="icon-user"></i>MyProfile</a></li>
<li><ahref="#"><iclass="icon-tasks"></i>MyTasks</a></li>
<li><ahref="#"><iclass="icon-calendar"></i>Calendar</a></li>
<liclass="divider"></li>
<li><ahref="login.html"><iclass="icon-key"></i>LogOut</a></li>
</ul>
</li>
<!--ENDUSERLOGINDROPDOWN-->
</ul>
<!--ENDTOPNAVIGATIONMENU-->
</div>
</div>
</div>
<!--ENDTOPNAVIGATIONBAR-->
</div>
<!--ENDHEADER-->
<!--BEGINCONTAINER-->
<divid="container"class="row-fluid">
<!--BEGINSIDEBAR-->
<divid="sidebar"class="nav-collapsecollapse">
<!--BEGINSIDEBARTOGGLERBUTTON-->
<divclass="sidebar-togglerhidden-phone"></div>
<!--BEGINSIDEBARTOGGLERBUTTON-->
<!--BEGINRESPONSIVEQUICKSEARCHFORM-->
<divclass="navbar-inverse">
<formclass="navbar-searchvisible-phone">
<inputtype="text"class="search-query"placeholder="Search"/>
</form>
</div>
<!--ENDRESPONSIVEQUICKSEARCHFORM-->
<!--BEGINSIDEBARMENU-->
<ulclass="sidebar-menu">
<liclass="has-subactive">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-dashboard"></i></span>Dashboard
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<liclass="active"><aclass=""href="index.html">Dashboard1</a></li>
<li><aclass=""href="index_2.html">Dashboard2</a></li>
</ul>
</li>
<liclass="has-sub">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-book"></i></span>UIElements
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<li><aclass=""href="ui_elements_general.html">General</a></li>
<li><aclass=""href="ui_elements_buttons.html">Buttons</a></li>
<li><aclass=""href="ui_elements_tabs_accordions.html">Tabs&Accordions</a></li>
<li><aclass=""href="ui_elements_typography.html">Typography</a></li>
<li><aclass=""href="tree_view.html">TreeView</a></li>
<li><aclass=""href="nestable.html">NestableList</a></li>
</ul>
</li>
<liclass="has-sub">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-cogs"></i></span>Components
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<li><aclass=""href="calendar.html">Calendar</a></li>
<li><aclass=""href="data_table.html">DataTable</a></li>
<li><aclass=""href="grids.html">Grids</a></li>
<li><aclass=""href="charts.html">VisualCharts</a></li>
<li><aclass=""href="messengers.html">Conversations</a></li>
<li><aclass=""href="gallery.html">Gallery</a></li>
</ul>
</li>
<liclass="has-sub">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-tasks"></i></span>FormStuff
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<li><aclass=""href="form_layout.html">FormLayouts</a></li>
<li><aclass=""href="form_component.html">FormComponents</a></li>
<li><aclass=""href="form_wizard.html">FormWizard</a></li>
<li><aclass=""href="form_validation.html">FormValidation</a></li>
<li><aclass=""href="dropzone.html">DropzoneFileUpload</a></li>
</ul>
</li>
<liclass="has-sub">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-fire"></i></span>Icons
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<li><aclass=""href="font_awesome.html">FontAwesome</a></li>
<li><aclass=""href="glyphicons.html">Glyphicons</a></li>
</ul>
</li>
<liclass="has-sub">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-map-marker"></i></span>Maps
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<li><aclass=""href="maps_google.html">GoogleMaps</a></li>
<li><aclass=""href="maps_vector.html">VectorMaps</a></li>
</ul>
</li>
<liclass="has-sub">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-file-alt"></i></span>SamplePages
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<li><aclass=""href="blank.html">BlankPage</a></li>
<li><aclass=""href="sidebar_closed.html">SidebarClosedPage</a></li>
<li><aclass=""href="coming_soon.html">ComingSoon</a></li>
<li><aclass=""href="blog.html">Blog</a></li>
<li><aclass=""href="about_us.html">AboutUs</a></li>
<li><aclass=""href="contact_us.html">ContactUs</a></li>
</ul>
</li>
<liclass="has-sub">
<ahref="javascript:;"class="">
<spanclass="icon-box"><iclass="icon-glass"></i></span>Extra
<spanclass="arrow"></span>
</a>
<ulclass="sub">
<li><aclass=""href="lock.html">LockScreen</a></li>
<li><aclass=""href="profile.html">Profile</a></li>
<li><aclass=""href="invoice.html">Invoice</a></li>
<li><aclass=""href="pricing_tables.html">PricingTables</a></li>
<li><aclass=""href="faq.html">FAQ</a></li>
<li><aclass=""href="404.html">404Error</a></li>
<li><aclass=""href="500.html">500Error</a></li>
</ul>
</li>
<li><aclass=""href="login.html"><spanclass="icon-box"><iclass="icon-user"></i></span>LoginPage</a></li>
</ul>
<!--ENDSIDEBARMENU-->
</div>
<!--ENDSIDEBAR-->
<!--BEGINPAGE-->
<divid="main-content">
<!--BEGINPAGECONTAINER-->
<divclass="container-fluid">
<!--BEGINPAGEHEADER-->
<divclass="row-fluid">
<divclass="span12">
<!--BEGINTHEMECUSTOMIZER-->
<divid="theme-change"class="hidden-phone">
<iclass="icon-cogs"></i>
<spanclass="settings">
<spanclass="text">Theme:</span>
<spanclass="colors">
<spanclass="color-default"data-style="default"></span>
<spanclass="color-gray"data-style="gray"></span>
<spanclass="color-purple"data-style="purple"></span>
<spanclass="color-navy-blue"data-style="navy-blue"></span>
</span>
</span>
</div>
<!--ENDTHEMECUSTOMIZER-->
<!--BEGINPAGETITLE&BREADCRUMB-->
<h3class="page-title">
Dashboard
<small>GeneralInformation</small>
</h3>
<ulclass="breadcrumb">
<li>
<ahref="#"><iclass="icon-home"></i></a><spanclass="divider"> </span>
</li>
<li>
<ahref="#">AdminLab</a><spanclass="divider"> </span>
</li>
<li><ahref="#">Dashboard</a><spanclass="divider-last"> </span></li>
<liclass="pull-rightsearch-wrap">
<formclass="hidden-phone">
<divclass="search-input-area">
<inputid=""class="search-query"type="text"placeholder="Search">
<iclass="icon-search"></i>
</div>
</form>
</li>
</ul>
<!--ENDPAGETITLE&BREADCRUMB-->
</div>
</div>
<!--ENDPAGEHEADER-->
<!--BEGINPAGECONTENT-->
<divid="page"class="dashboard">
<!--BEGINOVERVIEWSTATISTICBLOCKS-->
<divclass="row-fluidcircle-state-overview">
<divclass="span2responsive"data-tablet="span3"data-desktop="span2">
<divclass="circle-statblock">
<divclass="visual">
<divclass="circle-state-icon">
<iclass="icon-userturquoise-color"></i>
</div>
<inputclass="knob"data-width="100"data-height="100"data-displayPrevious=truedata-thickness=".2"value="35"data-fgColor="#4CC5CD"data-bgColor="#ddd">
</div>
<divclass="details">
<divclass="number">+33</div>
<divclass="title">NewUsers</div>
</div>
</div>
</div>
<divclass="span2responsive"data-tablet="span3"data-desktop="span2">
<divclass="circle-statblock">
<divclass="visual">
<divclass="circle-state-icon">
<iclass="icon-tagsred-color"></i>
</div>
<inputclass="knob"data-width="100"data-height="100"data-displayPrevious=truedata-thickness=".2"value="65"data-fgColor="#e17f90"data-bgColor="#ddd"/>
</div>
<divclass="details">
<divclass="number">987$</div>
<divclass="title">Sales</div>
</div>
</div>
</div>
<divclass="span2responsive"data-tablet="span3"data-desktop="span2">
<divclass="circle-statblock">
<divclass="visual">
<divclass="circle-state-icon">
<iclass="icon-shopping-cartgreen-color"></i>
</div>
<inputclass="knob"data-width="100"data-height="100"data-displayPrevious=truedata-thickness=".2"value="30"data-fgColor="#a8c77b"data-bgColor="#ddd"/>
</div>
<divclass="details">
<divclass="number">+320</div>
<divclass="title">NewOrders</div>
</div>
</div>
</div>
<divclass="span2responsive"data-tablet="span3"data-desktop="span2">
<divclass="circle-statblock">
<divclass="visual">
<divclass="circle-state-icon">
<iclass="icon-comments-altgray-color"></i>
</div>
<inputclass="knob"data-width="100"data-height="100"data-displayPrevious=truedata-thickness=".2"value="15"data-fgColor="#b9baba"data-bgColor="#ddd"/>
</div>
<divclass="details">
<divclass="number">387</div>
<divclass="title">Comments</div>
</div>
</div>
</div>
<divclass="span2responsive"data-tablet="span3"data-desktop="span2">
<divclass="circle-statblock">
<divclass="visual">
<divclass="circle-state-icon">
<iclass="icon-eye-openpurple-color"></i>
</div>
<inputclass="knob"data-width="100"data-height="100"data-displayPrevious=truedata-thickness=".2"value="45"data-fgColor="#c8abdb"data-bgColor="#ddd"/>
</div>
<divclass="details">
<divclass="number">+987</div>
<divclass="title">UniqueVisitor</div>
</div>
</div>
</div>
<divclass="span2responsive"data-tablet="span3"data-desktop="span2">
<divclass="circle-statblock">
<divclass="visual">
<divclass="circle-state-icon">
<iclass="icon-bar-chartblue-color"></i>
</div>
<inputclass="knob"data-width="100"data-height="100"data-displayPrevious=truedata-thickness=".2"value="25"data-fgColor="#93c4e4"data-bgColor="#ddd"/>
</div>
<divclass="details">
<divclass="number">478</div>
<divclass="title">Updates</div>
</div>
</div>
</div>
</div>
<!--ENDOVERVIEWSTATISTICBLOCKS-->
<divclass="row-fluid">
<divclass="span8">
<!--BEGINSITEVISITSPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-bar-chart"></i>LineChart</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<divid="site_statistics_loading">
<imgsrc="img/loading.gif"alt="loading"/>
</div>
<divid="site_statistics_content"class="hide">
<divid="site_statistics"class="chart"></div>
</div>
</div>
</div>
<!--ENDSITEVISITSPORTLET-->
</div>
<divclass="span4">
<!--BEGINSERVERLOADPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-umbrella"></i>LiveChart</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<divid="load_statistics_loading">
<imgsrc="img/loading.gif"alt="loading"/>
</div>
<divid="load_statistics_content"class="hide"style="margin:0px020px0">
<divid="load_statistics"class="chart"style="height:280px"></div>
</div>
</div>
</div>
<!--ENDSERVERLOADPORTLET-->
</div>
</div>
<!--BEGINSQUARESTATISTICBLOCKS-->
<divclass="square-state">
<divclass="row-fluid">
<aclass="icon-btnspan2"href="#">
<iclass="icon-group"></i>
<div>Users</div>
<spanclass="badgebadge-important">2</span>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-barcode"></i>
<div>Products</div>
<spanclass="badgebadge-success">4</span>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-bar-chart"></i>
<div>Reports</div>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-calendar"></i>
<div>Calendar</div>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-sitemap"></i>
<div>Categories</div>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-tasks"></i>
<div>Task</div>
<spanclass="badgebadge-important">3</span>
</a>
</div>
<divclass="row-fluid">
<aclass="icon-btnspan2"href="#">
<iclass="icon-envelope"></i>
<div>Inbox</div>
<spanclass="badgebadge-info">12</span>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-bullhorn"></i>
<div>Notification</div>
<spanclass="badgebadge-warning">3</span>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-plane"></i>
<div>Projects</div>
<spanclass="badgebadge-info">21</span>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-money"></i>
<div>Finance</div>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-thumbs-up"></i>
<div>Feedback</div>
<spanclass="badgebadge-info">2</span>
</a>
<aclass="icon-btnspan2"href="#">
<iclass="icon-wrench"></i>
<div>Settings</div>
</a>
</div>
</div>
<!--ENDSQUARESTATISTICBLOCKS-->
<divclass="row-fluid">
<divclass="span12">
<!--BEGINRECENTORDERSPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-tags"></i>RecentOrderList</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<tableclass="tabletable-stripedtable-borderedtable-advancetable-hover">
<thead>
<tr>
<th><iclass="icon-leaf"></i><spanclass="hidden-phone">From</span></th>
<th><iclass="icon-user"></i><spanclass="hidden-phone">Contact</span></th>
<th><iclass="icon-tags"></i><spanclass="hidden-phone">Amount</span></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<tdclass="highlight">
<divclass="info"></div>
<ahref="#">ABC</a>
</td>
<td>MosaddekHossain</td>
<td>120.00$
<spanclass="labellabel-successlabel-mini">Paid</span>
<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a>
</td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
<tr>
<tdclass="highlight">
<divclass="warning"></div>
<ahref="#">Lorem</a>
</td>
<td>Dulalkhan</td>
<td>2000.50$
<spanclass="labellabel-successlabel-mini">Paid</span>
<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a></td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
<tr>
<tdclass="highlight">
<divclass="success"></div>
<ahref="#">Dolorimit</a>
</td>
<td>RafiqulIsmal</td>
<td>490.50$
<spanclass="labellabel-warninglabel-mini">Pending</span>
<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a></td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
<tr>
<tdclass="highlight">
<divclass="important"></div>
<ahref="#">ABC</a>
</td>
<td>SumonAhmed</td>
<td>1000.00$<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a></td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
<tr>
<tdclass="highlight">
<divclass="success"></div>
<ahref="#">Vectorlab</a>
</td>
<td>Mosaddek</td>
<td>4890.60$
<spanclass="labellabel-warninglabel-mini">Paid</span>
<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a></td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
<tr>
<tdclass="highlight">
<divclass="warning"></div>
<ahref="#">Ipsum</a>
</td>
<td>RafiqulIslam</td>
<td>3201.60$
<spanclass="labellabel-successlabel-mini">Pending</span>
<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a></td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
<tr>
<tdclass="highlight">
<divclass="important"></div>
<ahref="#">ABC</a>
</td>
<td>DulalKhan</td>
<td>500.00$<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a></td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
<tr>
<tdclass="highlight">
<divclass="warning"></div>
<ahref="#">Vectorlab</a>
</td>
<td>MosaddekHossain</td>
<td>5501.00$
<spanclass="labellabel-successlabel-mini">Paid</span>
<ahref="#"class="btnbtn-minivisible-phonehidden-tablet">View</a></td>
<td><ahref="#"class="btnbtn-minihidden-phonehidden-tablet">View</a></td>
</tr>
</tbody>
</table>
<divclass="space7"></div>
<divclass="clearfix">
<ahref="#"class="btnbtn-minipull-right">AllOrders</a>
</div>
</div>
</div>
<!--ENDRECENTORDERSPORTLET-->
</div>
</div>
<divclass="row-fluid">
<divclass="span7">
<!--BEGINCHATPORTLET-->
<divclass="widget"id="chats">
<divclass="widget-title">
<h4><iclass="icon-comments-alt"></i>Chats</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<divclass="timeline-messages">
<!--Comment-->
<divclass="msg-time-chat">
<aclass="message-img"href="#"><imgalt=""src="img/avatar1.jpg"class="avatar"></a>
<divclass="message-bodymsg-in">
<divclass="text">
<pclass="attribution"><ahref="#">MosaddekHossain</a>at1:55pm,13thApril2013</p>
<p>Hello,Howareyoubrother?</p>
</div>
</div>
</div>
<!--/comment-->
<!--Comment-->
<divclass="msg-time-chat">
<aclass="message-img"href="#"><imgalt=""src="img/avatar2.jpg"class="avatar"></a>
<divclass="message-bodymsg-out">
<divclass="text">
<pclass="attribution"><ahref="#">DulalKhan</a>at2:01pm,13thApril2013</p>
<p>I'mFine,Thankyou.Whataboutyou?Howisgoingon?</p>
</div>
</div>
</div>
<!--/comment-->
<!--Comment-->
<divclass="msg-time-chat">
<aclass="message-img"href="#"><imgalt=""src="img/avatar1.jpg"class="avatar"></a>
<divclass="message-bodymsg-in">
<divclass="text">
<pclass="attribution"><ahref="#">MosaddekHossain</a>at2:03pm,13thApril2013</p>
<p>YeahI'mfinetoo.Everythingisgoingfinehere.</p>
</div>
</div>
</div>
<!--/comment-->
<!--Comment-->
<divclass="msg-time-chat">
<aclass="message-img"href="#"><imgalt=""src="img/avatar2.jpg"class="avatar"></a>
<divclass="message-bodymsg-out">
<divclass="text">
<pclass="attribution"><ahref="#">DulalKhan</a>at2:05pm,13thApril2013</p>
<p>wellgoodtoknowthat.anywayhowmuchtimeyouneedtodoneyourtask?</p>
</div>
</div>
</div>
<!--/comment-->
</div>
<divclass="chat-form">
<divclass="input-cont">
<inputtype="text"placeholder="Typeamessagehere..."/>
</div>
<divclass="btn-cont">
<ahref="javascript:;"class="btnbtn-primary">Send</a>
</div>
</div>
</div>
</div>
<!--ENDCHATPORTLET-->
</div>
<divclass="span5">
<!--BEGINNOTIFICATIONSPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-bell"></i>Notifications</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<ulclass="item-listscrollerpadding"data-height="365"data-always-visible="1">
<li>
<spanclass="labellabel-success"><iclass="icon-bell"></i></span>
<span>Newuserregistered.</span>
<spanclass="smallitalic">Justnow</span>
</li>
<li>
<spanclass="labellabel-success"><iclass="icon-bell"></i></span>
<span>Neworderreceived.</span>
<spanclass="smallitalic">15minsago</span>
</li>
<li>
<spanclass="labellabel-warning"><iclass="icon-bullhorn"></i></span>
<span>Alertingauseraccountbalance.</span>
<spanclass="smallitalic">2hrsago</span>
</li>
<li>
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
<span>Alertingadministratorsstaff.</span>
<spanclass="smallitalic">11hrsago</span>
</li>
<li>
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
<span>Messagesarenotsenttousers.</span>
<spanclass="smallitalic">14hrsago</span>
</li>
<li>
<spanclass="labellabel-warning"><iclass="icon-bullhorn"></i></span>
<span>Webserver#12failedtorelosd.</span>
<spanclass="smallitalic">2daysago</span>
</li>
<li>
<spanclass="labellabel-success"><iclass="icon-bell"></i></span>
<span>Neworderreceived.</span>
<spanclass="smallitalic">15minsago</span>
</li>
<li>
<spanclass="labellabel-warning"><iclass="icon-bullhorn"></i></span>
<span>Alertingauseraccountbalance.</span>
<spanclass="smallitalic">2hrsago</span>
</li>
<li>
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
<span>Alertingadministratorsstaff.</span>
<spanclass="smallitalic">11hrsago</span>
</li>
<li>
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
<span>Messagesarenotsenttousers.</span>
<spanclass="smallitalic">14hrsago</span>
</li>
<li>
<spanclass="labellabel-warning"><iclass="icon-bullhorn"></i></span>
<span>Webserver#12failedtorelosd.</span>
<spanclass="smallitalic">2daysago</span>
</li>
<li>
<spanclass="labellabel-success"><iclass="icon-bell"></i></span>
<span>Neworderreceived.</span>
<spanclass="smallitalic">15minsago</span>
</li>
<li>
<spanclass="labellabel-warning"><iclass="icon-bullhorn"></i></span>
<span>Alertingauseraccountbalance.</span>
<spanclass="smallitalic">2hrsago</span>
</li>
<li>
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
<span>Alertingadministratorssupportstaff.</span>
<spanclass="smallitalic">11hrsago</span>
</li>
<li>
<spanclass="labellabel-important"><iclass="icon-bolt"></i></span>
<span>Messagesarenotsenttousers.</span>
<spanclass="smallitalic">14hrsago</span>
</li>
<li>
<spanclass="labellabel-warning"><iclass="icon-bullhorn"></i></span>
<span>Webserver#12failedtorelosd.</span>
<spanclass="smallitalic">2daysago</span>
</li>
</ul>
<divclass="space5"></div>
<ahref="#"class="pull-right">Viewallnotifications</a>
<divclass="clearfixno-top-spaceno-bottom-space"></div>
</div>
</div>
<!--ENDNOTIFICATIONSPORTLET-->
</div>
</div>
<divclass="row-fluid">
<divclass="span6">
<!--BEGINPROGRESSBARSPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-reorder"></i>ProgressBars</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<divclass="progress">
<divstyle="width:40%;"class="bar"></div>
</div>
<divclass="progressprogress-success">
<divstyle="width:60%;"class="bar"></div>
</div>
<divclass="progressprogress-warning">
<divstyle="width:80%;"class="bar"></div>
</div>
<divclass="progressprogress-danger">
<divstyle="width:45%;"class="bar"></div>
</div>
<divclass="progress">
<divstyle="width:15%;"class="barbar-success"></div>
<divstyle="width:40%;"class="barbar-warning"></div>
<divstyle="width:27%;"class="barbar-danger"></div>
</div>
<divclass="progressprogress-striped">
<divstyle="width:25%;"class="bar"></div>
</div>
<divclass="progressprogress-stripedprogress-successactive">
<divstyle="width:40%;"class="bar"></div>
</div>
<divclass="progressprogress-striped">
<divstyle="width:15%;"class="barbar-success"></div>
<divstyle="width:40%;"class="barbar-warning"></div>
<divstyle="width:27%;"class="barbar-danger"></div>
</div>
</div>
</div>
<!--ENDPROGRESSBARSPORTLET-->
</div>
<divclass="span6">
<!--BEGINALERTSPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-bell-alt"></i>Alerts</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<divclass="alert">
<buttonclass="close"data-dismiss="alert">×</button>
<strong>Warning!</strong>Yourmonthlytrafficisreachinglimit.
</div>
<divclass="alertalert-success">
<buttonclass="close"data-dismiss="alert">×</button>
<strong>Success!</strong>Thepagehasbeenadded.
</div>
<divclass="alertalert-info">
<buttonclass="close"data-dismiss="alert">×</button>
<strong>Info!</strong>Youhave198unreadmessages.
</div>
<divclass="alertalert-error">
<buttonclass="close"data-dismiss="alert">×</button>
<strong>Error!</strong>Thedailycronjobhasfailed.
</div>
<spanclass="space5"></span>
</div>
</div>
<!--ENDALERTSPORTLET-->
</div>
</div>
<divclass="row-fluid">
<divclass="span8responsive"data-tablet="span8fix-margin"data-desktop="span8">
<!--BEGINCALENDARPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-calendar"></i>Calendar</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<divid="calendar"class="has-toolbar"></div>
</div>
</div>
<!--ENDCALENDARPORTLET-->
</div>
<divclass="span4responsive"data-tablet="span4fix-margin"data-desktop="span4">
<!--BEGINTODO_LISTPORTLET-->
<divclass="widget">
<divclass="widget-title">
<h4><iclass="icon-check"></i>ToDoList</h4>
<spanclass="tools">
<ahref="javascript:;"class="icon-chevron-down"></a>
<ahref="javascript:;"class="icon-remove"></a>
</span>
</div>
<divclass="widget-body">
<ulclass="todo-list">
<li>
<divclass="col1">
<divclass="cont">
<ahref="">WeeklyMeeting.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-success"><iclass="icon-bell"></i>Today</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">MonthlyStatusUpdate.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-default"><iclass="icon-bell"></i>12.00PM</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">UpgrageserverOS.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-success"><iclass="icon-bell"></i>4March</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">Weeklytechnicalsupportreport.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-success"><iclass="icon-bell"></i>2Jan</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">Projectmaterials.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-warning"><iclass="icon-bell"></i>09Feb</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">ProjectStatusUpdate.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-important"><iclass="icon-bell"></i>4.30PM</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">AnualProjectMeeting.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-important"><iclass="icon-bell"></i>Today</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">Prepareprojectmaterials.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-warning"><iclass="icon-bell"></i>3May</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">Updatesalarystatus.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-reverse"><iclass="icon-bell"></i>1June</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">UpdateTaskStatus.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-reverse"><iclass="icon-bell"></i>3April</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">ProjectStatusReport.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-important"><iclass="icon-bell"></i>10.00PM</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
<li>
<divclass="col1">
<divclass="cont">
<ahref="">Updateprojectrates.</a>
</div>
</div>
<divclass="col2">
<spanclass="labellabel-reverse"><iclass="icon-bell"></i>28April</span>
<spanclass="actions">
<ahref="#"class="icon"><iclass="icon-ok"></i></a>
<ahref="#"class="icon"><iclass="icon-remove"></i></a>
</span>
</div>
</li>
</ul>
<ahref="#"class="pull-right">Viewalltodolist</a>
<divclass="clearfix"></div>
</div>
</div>
<!--ENDTODO_LISTPORTLET-->
</div>
</div>
</div>
<!--ENDPAGECONTENT-->
</div>
<!--ENDPAGECONTAINER-->
</div>
<!--ENDPAGE-->
</div>
<!--ENDCONTAINER-->
<!--BEGINFOOTER-->
<divid="footer">
2013©AdminLabDashboard.
<divclass="spanpull-right">
<spanclass="go-top"><iclass="icon-arrow-up"></i></span>
</div>
</div>
<!--ENDFOOTER-->
<!--BEGINJAVASCRIPTS-->
<!--Loadjavascriptsatbottom,thiswillreducepageloadtime-->
<scriptsrc="js/jquery-1.8.3.min.js"></script>
<scriptsrc="assets/jquery-slimscroll/jquery-ui-1.9.2.custom.min.js"></script>
<scriptsrc="assets/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<scriptsrc="assets/fullcalendar/fullcalendar/fullcalendar.min.js"></script>
<scriptsrc="assets/bootstrap/js/bootstrap.min.js"></script>
<scriptsrc="js/jquery.blockui.js"></script>
<scriptsrc="js/jquery.cookie.js"></script>
<!--ie8fixes-->
<!--[ifltIE9]>
<scriptsrc="js/excanvas.js"></script>
<scriptsrc="js/respond.js"></script>
<![endif]-->
<scriptsrc="assets/jqvmap/jqvmap/jquery.vmap.js"type="text/javascript"></script>
<scriptsrc="assets/jqvmap/jqvmap/maps/jquery.vmap.russia.js"type="text/javascript"></script>
<scriptsrc="assets/jqvmap/jqvmap/maps/jquery.vmap.world.js"type="text/javascript"></script>
<scriptsrc="assets/jqvmap/jqvmap/maps/jquery.vmap.europe.js"type="text/javascript"></script>
<scriptsrc="assets/jqvmap/jqvmap/maps/jquery.vmap.germany.js"type="text/javascript"></script>
<scriptsrc="assets/jqvmap/jqvmap/maps/jquery.vmap.usa.js"type="text/javascript"></script>
<scriptsrc="assets/jqvmap/jqvmap/data/jquery.vmap.sampledata.js"type="text/javascript"></script>
<scriptsrc="assets/jquery-knob/js/jquery.knob.js"></script>
<scriptsrc="assets/flot/jquery.flot.js"></script>
<scriptsrc="assets/flot/jquery.flot.resize.js"></script>
<scriptsrc="assets/flot/jquery.flot.pie.js"></script>
<scriptsrc="assets/flot/jquery.flot.stack.js"></script>
<scriptsrc="assets/flot/jquery.flot.crosshair.js"></script>
<scriptsrc="js/jquery.peity.min.js"></script>
<scripttype="text/javascript"src="assets/uniform/jquery.uniform.min.js"></script>
<scriptsrc="js/scripts.js"></script>
<script>
jQuery(document).ready(function(){
//initiatelayoutandplugins
App.setMainPage(true);
App.init();
});
</script>
<!--ENDJAVASCRIPTS-->
</body>
<!--ENDBODY-->
</html>
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版