<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simplpan - Admin Panel</title>
<!-- Imports General CSS and jQuery CSS -->
<link href="css/screen.css" rel="stylesheet" media="screen" type="text/css" />
<!-- CSS for Fluid and Fixed Widths - Double to prevent flickering on change -->
<link href="css/fixed.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/fixed.css" rel="stylesheet" media="screen" type="text/css" class="width" />
<!-- IE Stylesheet ie7 - Added in 1.2 -->
<!--[if lt IE 8]> <html lang="en" class="ie7"> <![endif]-->
<!-- IE Stylesheet ie8 - Added in 1.1 -->
<!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
<!-- CSS for Theme Styles - Double to prevent flickering on change -->
<link href="css/theme/blue.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/theme/blue.css" rel="stylesheet" media="screen" type="text/css" class="theme" />
<!-- IE Canvas Fix for Visualize Charts - Added in 1.1 -->
<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
<!-- jQuery thats loaded before document ready to prevent flickering - Rest are found at the bottom -->
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.styleswitcher.js"></script>
<script type="text/javascript" src="js/jquery.visualize.js"></script>
</head>
<body>
<!-- Start: Page Wrap -->
<div id="wrap" class="container_24">
<!-- Header Grid Container: Start -->
<div class="grid_24">
<!-- User Panel: Start -->
<div id="userpanel">
<!-- User: Start -->
<ul id="user" class="dropdown">
<li class="topnav">
<!-- User Name -->
<a href="#" class="top icon user">Administrator</a>
<!-- User Dropdown Content: Start -->
<ul class="subnav">
<li><a href="forms.html" class="icon settings">Settings</a></li>
<li><a href="#messages" class="icon chatbubbles popup">Messages</a></li>
<li><a href="login.html" class="icon lock">Log out</a></li>
</ul>
<!-- User Dropdown Content: End -->
</li>
</ul>
<!-- User: End -->
<!-- Messages: Start -->
<ul class="messages">
<!-- Messages amount with Popup and Tip -->
<li><a href="#messages" class="newmsg tip popup" title="16 Messages"> <span>16</span></a></li>
</ul>
<!-- Messages: End -->
<!-- Messages Popup Content: Start -->
<div class="box_content padding hide" id="messages">
<form>
<!-- Message From User: Start -->
<h6>
<span class="icon user"></span> <a href="#">Jenny</a> <span class="nobold">says</span>
<small class="right grey nobold">2 hours ago</small>
</h6>
<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 exercitation.
</p>
<!-- Message From User: End -->
<!-- Message From User: Start -->
<h6>
<span class="icon user"></span> <a href="#">Jenny</a> <span class="nobold">says</span>
<small class="right grey nobold">15 hours ago</small>
</h6>
<p>
Sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
</p>
<!-- Message From User: End -->
<!-- Quick Reply: Start -->
<div class="field">
<label>
<span class="icon chatbubbles"></span>
Quick Reply
</label>
<textarea cols="50" rows="7"></textarea>
</div>
<button>Send</button>
<button class="secondary" type="reset">Reset</button>
<button disabled="">Disabled Button</button>
<!-- Quick Reply: End -->
</form>
</div>
<!-- Messages Popup Content: End -->
<!-- Style (Themes) Switcher: Start -->
<ul id="style" class="dropdown right">
<li class="topnav">
<a href="#" class="top icon brush">Style</a>
<!-- Style (Themes) Switcher Content: Start -->
<ul class="subnav">
<li><a href="#blue" class="icon circle">Blue</a></li>
<li><a href="#light" class="icon circle">Light</a></li> <!-- Added in 1.2 -->
<li><a href="#red" class="icon circle">Red</a></li>
<li><a href="#dark" class="icon circle">Dark</a></li>
<li><a href="#green" class="icon circle">Green</a></li>
<li><a href="#purple" class="icon circle">Purple</a></li>
<li><a href="#brown" class="icon circle">Brown</a></li>
</ul>
<!-- Style (Themes) Switcher Content: End -->
</li>
</ul>
<!-- Style Switcher: End -->
<!-- Width Switcher: Start -->
<ul id="width" class="dropdown right">
<li class="topnav">
<a href="#" class="top icon coverflow">Width</a>
<!-- Width Switcher Content: Start -->
<ul class="subnav">
<li><a href="#fluid" class="icon coverflow">Fluid</a></li>
<li><a href="#fixed" class="icon coverflow">Fixed</a></li>
</ul>
<!-- Width Switcher Content: End -->
</li>
</ul>
<!-- Width Switcher: End -->
</div>
<!-- User Panel: End -->
<!-- Header: Start -->
<div id="header">
<!-- Logo: Start -->
<a href="dashboard.html" id="logo">Simplpan - Admin Panel</a>
<!-- Logo: End -->
<!-- Navigation: Start -->
<ul id="navigation" class="dropdown">
<li><a class="dashboard" href="dashboard.html">Dashboard</a></li>
<!-- Navigation Dropdown Menu Item: Start -->
<li class="topnav">
<a class="frames" href="#">Layout</a>
<!-- Navigation Dropdown Menu Item Content: Start -->
<ul class="subnav">
<li><a href="typography.html" class="icon typography">Typography</a></li>
<li><a href="grid.html" class="icon blocks">Grid System</a></li>
</ul>
<!-- Navigation Dropdown Menu Item Content: End -->
</li>
<!-- Navigation Dropdown Menu Item: End -->
<!-- Navigation Dropdown Menu Item: Start -->
<li class="topnav">
<a class="pages active" href="#">Elements</a>
<!-- Navigation Dropdown Menu Item Content: Start -->
<ul class="subnav">
<li><a href="code.html" class="icon laptop">Code View</a></li>
<li><a href="accordion.html" class="icon archive">Accordion</a></li>
<li><a href="tabs.html" class="icon pages">Tabs</a></li>
<li><a href="forms.html" class="icon edit">Forms</a></li>
<li><a href="charts.html" class="icon graph">Charts</a></li>
<li><a href="tables.html" class="icon list">Tables</a></li>
<li><a href="login.html" class="icon user">Login</a></li>
<li><a href="login2.html" class="icon lock">Login 2</a></li>
<li><a href="files.html" class="icon folders">Files</a></li>
<li><a href="profile.html" class="icon users">Profile</a></li>
<li><a href="vertical_menu.html" class="icon frames">Vertical Menu</a></li>
<li><a href="icons.html" class="icon view">Icons</a></li>
<!-- Sub Navigation: Start -->
<li>
<a href="#" class="icon point_right">Sub Nav</a>
<ul>
<li><a href="#" class="download list">Example</a></li>
<li><a href="#" class="upload list">Example</a></li>
<li><a href="#" class="search list">Example</a></li>
</ul>
</li>
<!-- Sub Navigation: End -->
</ul>
<!-- Navigation Dropdown Menu Ite
- 1
- 2
- 3
- 4
- 5
- 6
前往页