1 Star 0 Fork 24

我等着你 / AdminEx

forked from Dlg / AdminEx 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
profile.html 33.71 KB
一键复制 编辑 原始数据 按行查看 历史
Dlg 提交于 2017-04-18 14:48 . no commit message
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="">
<meta name="author" content="ThemeBucket">
<link rel="shortcut icon" href="#" type="image/png">
<title>Profile</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body class="sticky-header">
<section>
<!-- left side start-->
<div class="left-side sticky-left-side">
<!--logo and iconic logo start-->
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="logo-icon text-center">
<a href="index.html"><img src="images/logo_icon.png" alt=""></a>
</div>
<!--logo and iconic logo end-->
<div class="left-side-inner">
<!-- visible to small devices only -->
<div class="visible-xs hidden-sm hidden-md hidden-lg">
<div class="media logged-user">
<img alt="" src="images/photos/user-avatar.png" class="media-object">
<div class="media-body">
<h4><a href="#">John Doe</a></h4>
<span>"Hello There..."</span>
</div>
</div>
<h5 class="left-nav-title">Account Information</h5>
<ul class="nav nav-pills nav-stacked custom-nav">
<li><a href="#"><i class="fa fa-user"></i> <span>Profile</span></a></li>
<li><a href="#"><i class="fa fa-cog"></i> <span>Settings</span></a></li>
<li><a href="#"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>
</ul>
</div>
<!--sidebar nav start-->
<ul class="nav nav-pills nav-stacked custom-nav">
<li><a href="index.html"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
<li class="menu-list"><a href=""><i class="fa fa-laptop"></i> <span>Layouts</span></a>
<ul class="sub-menu-list">
<li ><a href="blank_page.html"> Blank Page</a></li>
<li><a href="boxed_view.html"> Boxed Page</a></li>
<li><a href="leftmenu_collapsed_view.html"> Sidebar Collapsed</a></li>
<li><a href="horizontal_menu.html"> Horizontal Menu</a></li>
</ul>
</li>
<li class="menu-list"><a href=""><i class="fa fa-book"></i> <span>UI Elements</span></a>
<ul class="sub-menu-list">
<li><a href="general.html"> General</a></li>
<li><a href="buttons.html"> Buttons</a></li>
<li><a href="tabs-accordions.html"> Tabs & Accordions</a></li>
<li><a href="typography.html"> Typography</a></li>
<li><a href="slider.html"> Slider</a></li>
<li><a href="panels.html"> Panels</a></li>
</ul>
</li>
<li class="menu-list"><a href=""><i class="fa fa-cogs"></i> <span>Components</span></a>
<ul class="sub-menu-list">
<li><a href="grids.html"> Grids</a></li>
<li><a href="gallery.html"> Media Gallery</a></li>
<li><a href="calendar.html"> Calendar</a></li>
<li><a href="tree_view.html"> Tree View</a></li>
<li><a href="nestable.html"> Nestable</a></li>
</ul>
</li>
<li><a href="fontawesome.html"><i class="fa fa-bullhorn"></i> <span>Fontawesome</span></a></li>
<li class="menu-list"><a href=""><i class="fa fa-envelope"></i> <span>Mail</span></a>
<ul class="sub-menu-list">
<li><a href="mail.html"> Inbox</a></li>
<li><a href="mail_compose.html"> Compose Mail</a></li>
<li><a href="mail_view.html"> View Mail</a></li>
</ul>
</li>
<li class="menu-list"><a href=""><i class="fa fa-tasks"></i> <span>Forms</span></a>
<ul class="sub-menu-list">
<li><a href="form_layouts.html"> Form Layouts</a></li>
<li><a href="form_advanced_components.html"> Advanced Components</a></li>
<li><a href="form_wizard.html"> Form Wizards</a></li>
<li><a href="form_validation.html"> Form Validation</a></li>
<li><a href="editors.html"> Editors</a></li>
<li><a href="inline_editors.html"> Inline Editors</a></li>
<li><a href="pickers.html"> Pickers</a></li>
<li><a href="dropzone.html"> Dropzone</a></li>
</ul>
</li>
<li class="menu-list"><a href=""><i class="fa fa-bar-chart-o"></i> <span>Charts</span></a>
<ul class="sub-menu-list">
<li><a href="flot_chart.html"> Flot Charts</a></li>
<li><a href="morris.html"> Morris Charts</a></li>
<li><a href="chartjs.html"> Chartjs</a></li>
<li><a href="c3chart.html"> C3 Charts</a></li>
</ul>
</li>
<li class="menu-list"><a href="#"><i class="fa fa-th-list"></i> <span>Data Tables</span></a>
<ul class="sub-menu-list">
<li class="active"><a href="basic_table.html"> Basic Table</a></li>
<li><a href="dynamic_table.html"> Advanced Table</a></li>
<li><a href="responsive_table.html"> Responsive Table</a></li>
<li><a href="editable_table.html"> Edit Table</a></li>
</ul>
</li>
<li class="menu-list"><a href="#"><i class="fa fa-map-marker"></i> <span>Maps</span></a>
<ul class="sub-menu-list">
<li class="active"><a href="google_map.html"> Google Map</a></li>
<li><a href="vector_map.html"> Vector Map</a></li>
</ul>
</li>
<li class="menu-list nav-active"><a href=""><i class="fa fa-file-text"></i> <span>Extra Pages</span></a>
<ul class="sub-menu-list">
<li class="active"><a href="profile.html"> Profile</a></li>
<li><a href="invoice.html"> Invoice</a></li>
<li><a href="pricing_table.html"> Pricing Table</a></li>
<li><a href="timeline.html"> Timeline</a></li>
<li><a href="blog_list.html"> Blog List</a></li>
<li><a href="blog_details.html"> Blog Details</a></li>
<li><a href="directory.html"> Directory </a></li>
<li><a href="chat.html"> Chat </a></li>
<li><a href="404.html"> 404 Error</a></li>
<li><a href="500.html"> 500 Error</a></li>
<li><a href="registration.html"> Registration Page</a></li>
<li><a href="lock_screen.html"> Lockscreen </a></li>
</ul>
</li>
<li><a href="login.html"><i class="fa fa-sign-in"></i> <span>Login Page</span></a></li>
</ul>
<!--sidebar nav end-->
</div>
</div>
<!-- left side end-->
<!-- main content start-->
<div class="main-content" >
<!-- header section start-->
<div class="header-section">
<!--toggle button start-->
<a class="toggle-btn"><i class="fa fa-bars"></i></a>
<!--toggle button end-->
<!--search start-->
<form class="searchform" action="index.html" method="post">
<input type="text" class="form-control" name="keyword" placeholder="Search here..." />
</form>
<!--search end-->
<!--notification menu start -->
<div class="menu-right">
<ul class="notification-menu">
<li>
<a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
<i class="fa fa-tasks"></i>
<span class="badge">8</span>
</a>
<div class="dropdown-menu dropdown-menu-head pull-right">
<h5 class="title">You have 8 pending task</h5>
<ul class="dropdown-list user-list">
<li class="new">
<a href="#">
<div class="task-info">
<div>Database update</div>
</div>
<div class="progress progress-striped">
<div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
<span class="">40%</span>
</div>
</div>
</a>
</li>
<li class="new">
<a href="#">
<div class="task-info">
<div>Dashboard done</div>
</div>
<div class="progress progress-striped">
<div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">
<span class="">90%</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="task-info">
<div>Web Development</div>
</div>
<div class="progress progress-striped">
<div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">
<span class="">66% </span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="task-info">
<div>Mobile App</div>
</div>
<div class="progress progress-striped">
<div style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">
<span class="">33% </span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="task-info">
<div>Issues fixed</div>
</div>
<div class="progress progress-striped">
<div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar">
<span class="">80% </span>
</div>
</div>
</a>
</li>
<li class="new"><a href="">See All Pending Task</a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i>
<span class="badge">5</span>
</a>
<div class="dropdown-menu dropdown-menu-head pull-right">
<h5 class="title">You have 5 Mails </h5>
<ul class="dropdown-list normal-list">
<li class="new">
<a href="">
<span class="thumb"><img src="images/photos/user1.png" alt="" /></span>
<span class="desc">
<span class="name">John Doe <span class="badge badge-success">new</span></span>
<span class="msg">Lorem ipsum dolor sit amet...</span>
</span>
</a>
</li>
<li>
<a href="">
<span class="thumb"><img src="images/photos/user2.png" alt="" /></span>
<span class="desc">
<span class="name">Jonathan Smith</span>
<span class="msg">Lorem ipsum dolor sit amet...</span>
</span>
</a>
</li>
<li>
<a href="">
<span class="thumb"><img src="images/photos/user3.png" alt="" /></span>
<span class="desc">
<span class="name">Jane Doe</span>
<span class="msg">Lorem ipsum dolor sit amet...</span>
</span>
</a>
</li>
<li>
<a href="">
<span class="thumb"><img src="images/photos/user4.png" alt="" /></span>
<span class="desc">
<span class="name">Mark Henry</span>
<span class="msg">Lorem ipsum dolor sit amet...</span>
</span>
</a>
</li>
<li>
<a href="">
<span class="thumb"><img src="images/photos/user5.png" alt="" /></span>
<span class="desc">
<span class="name">Jim Doe</span>
<span class="msg">Lorem ipsum dolor sit amet...</span>
</span>
</a>
</li>
<li class="new"><a href="">Read All Mails</a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
<i class="fa fa-bell-o"></i>
<span class="badge">4</span>
</a>
<div class="dropdown-menu dropdown-menu-head pull-right">
<h5 class="title">Notifications</h5>
<ul class="dropdown-list normal-list">
<li class="new">
<a href="">
<span class="label label-danger"><i class="fa fa-bolt"></i></span>
<span class="name">Server #1 overloaded. </span>
<em class="small">34 mins</em>
</a>
</li>
<li class="new">
<a href="">
<span class="label label-danger"><i class="fa fa-bolt"></i></span>
<span class="name">Server #3 overloaded. </span>
<em class="small">1 hrs</em>
</a>
</li>
<li class="new">
<a href="">
<span class="label label-danger"><i class="fa fa-bolt"></i></span>
<span class="name">Server #5 overloaded. </span>
<em class="small">4 hrs</em>
</a>
</li>
<li class="new">
<a href="">
<span class="label label-danger"><i class="fa fa-bolt"></i></span>
<span class="name">Server #31 overloaded. </span>
<em class="small">4 hrs</em>
</a>
</li>
<li class="new"><a href="">See All Notifications</a></li>
</ul>
</div>
</li>
<li>
<a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<img src="images/photos/user-avatar.png" alt="" />
John Doe
<span class="caret"></span>
</a>
<ul class="dropdown-menu dropdown-menu-usermenu pull-right">
<li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
<li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
<li><a href="#"><i class="fa fa-sign-out"></i> Log Out</a></li>
</ul>
</li>
</ul>
</div>
<!--notification menu end -->
</div>
<!-- header section end-->
<!-- page heading start-->
<!--<div class="page-heading">-->
<!--Page Tittle goes here-->
<!--</div>-->
<!-- page heading end-->
<!--body wrapper start-->
<div class="wrapper">
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<div class="profile-pic text-center">
<img alt="" src="images/photos/user1.png">
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<ul class="p-info">
<li>
<div class="title">Gender</div>
<div class="desk">Male</div>
</li>
<li>
<div class="title">Founder</div>
<div class="desk">ABC Inc.</div>
</li>
<li>
<div class="title">Education</div>
<div class="desk">BSC. in CSE</div>
</li>
<li>
<div class="title">Project Done</div>
<div class="desk">50+</div>
</li>
<li>
<div class="title">Skills</div>
<div class="desk">HTML, CSS, JavaScript.</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel">
<div class="panel-body p-states">
<div class="summary pull-left">
<h4>Total <span>Sales</span></h4>
<span>Monthly Summary</span>
<h3>$ 5,600</h3>
</div>
<div id="expense" class="chart-bar"></div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel">
<div class="panel-body p-states green-box">
<div class="summary pull-left">
<h4>Product <span>refund</span></h4>
<span>Monthly Summary</span>
<h3>160</h3>
</div>
<div id="pro-refund" class="chart-bar"></div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel">
<div class="panel-body p-states">
<div class="summary pull-left">
<h4>Total <span>Earning</span></h4>
<span>Monthly Summary</span>
<h3>$ 51,2600</h3>
</div>
<div id="expense2" class="chart-bar"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<div class="profile-desk">
<h1>john doe</h1>
<span class="designation">PRODUCT DESIGNER (UX / UI / Visual Interaction)</span>
<p>
I have 10 years of experience designing for the web, and specialize in the areas of user interface design, interaction design, visual design and prototyping. I’ve worked with notable startups including Pearl Street Software.
</p>
<a class="btn p-follow-btn pull-left" href="#"> <i class="fa fa-check"></i> Following</a>
<ul class="p-social-link pull-right">
<li>
<a href="#">
<i class="fa fa-facebook"></i>
</a>
</li>
<li class="active">
<a href="#">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-google-plus"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel">
<form>
<textarea class="form-control input-lg p-text-area" rows="2" placeholder="Whats in your mind today?"></textarea>
</form>
<footer class="panel-footer">
<button class="btn btn-post pull-right">Post</button>
<ul class="nav nav-pills p-option">
<li>
<a href="#"><i class="fa fa-user"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-camera"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-location-arrow"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-meh-o"></i></a>
</li>
</ul>
</footer>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel">
<header class="panel-heading">
recent activities
<span class="tools pull-right">
<a class="fa fa-chevron-down" href="javascript:;"></a>
<a class="fa fa-times" href="javascript:;"></a>
</span>
</header>
<div class="panel-body">
<ul class="activity-list">
<li>
<div class="avatar">
<img src="images/photos/user1.png" alt=""/>
</div>
<div class="activity-desk">
<h5><a href="#">Jonathan Smith</a> <span>Uploaded 5 new photos</span></h5>
<p class="text-muted">7 minutes ago near Alaska, USA</p>
<div class="album">
<a href="#">
<img alt="" src="images/gallery/image1.jpg">
</a>
<a href="#">
<img alt="" src="images/gallery/image2.jpg">
</a>
<a href="#">
<img alt="" src="images/gallery/image3.jpg">
</a>
</div>
</div>
</li>
<li>
<div class="avatar">
<img src="images/photos/user2.png" alt=""/>
</div>
<div class="activity-desk">
<h5><a href="#">John Doe</a> <span>Completed the Sight visit.</span></h5>
<p class="text-muted">2 minutes ago near Alaska, USA</p>
<div class="location-map">
<div id="map-canvas"></div>
</div>
</div>
</li>
<li>
<div class="avatar">
<img src="images/photos/user3.png" alt=""/>
</div>
<div class="activity-desk">
<h5><a href="#">Jonathan Smith</a> <span>attended a meeting with</span>
<a href="#">John Doe.</a></h5>
<p class="text-muted">2 days ago near Alaska, USA</p>
</div>
</li>
<li>
<div class="avatar">
<img src="images/photos/user4.png" alt=""/>
</div>
<div class="activity-desk">
<h5><a href="#">Jonathan Smith</a> <span>completed the task “wireframe design” within the dead line</span></h5>
<p class="text-muted">4 days ago near Alaska, USA</p>
</div>
</li>
<li>
<div class="avatar">
<img src="images/photos/user5.png" alt=""/>
</div>
<div class="activity-desk">
<h5><a href="#">Jonathan Smith</a> <span>was absent office due to sickness</span></h5>
<p class="text-muted">4 days ago near Alaska, USA</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--body wrapper end-->
<!--footer section start-->
<footer class="">
2014 &copy; AdminEx by <a href="http://www.mycodes.net/" target="_blank">源码之家</a>
</footer>
<!--footer section end-->
</div>
<!-- main content end-->
</section>
<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<!--Sparkline Chart-->
<script src="js/sparkline/jquery.sparkline.js"></script>
<script src="js/sparkline/sparkline-init.js"></script>
<!--google map-->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&AMP;sensor=false"></script>
<!--common scripts for all pages-->
<script src="js/scripts.js"></script>
<script>
//google map
function initialize() {
var myLatlng = new google.maps.LatLng(-37.815207, 144.963937);
var mapOptions = {
zoom: 15,
scrollwheel: false,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>
HTML
1
https://gitee.com/jyj3621/adminex.git
git@gitee.com:jyj3621/adminex.git
jyj3621
adminex
AdminEx
master

搜索帮助