<!DOCTYPE html>
<html>
<head>
<title>Minimal 1.0 - UI Elements</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8" />
<link rel="icon" type="image/ico" href="http://tattek.com/minimal/assets/images/favicon.ico" />
<!-- Bootstrap -->
<link href="assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/vendor/animate/animate.css">
<link type="text/css" rel="stylesheet" media="all" href="assets/js/vendor/mmenu/css/jquery.mmenu.all.css" />
<link rel="stylesheet" href="assets/js/vendor/videobackground/css/jquery.videobackground.css">
<link rel="stylesheet" href="assets/css/vendor/bootstrap-checkbox.css">
<link rel="stylesheet" href="assets/js/vendor/jgrowl/css/jquery.jgrowl.min.css">
<link rel="stylesheet" href="assets/js/vendor/chosen/css/chosen.min.css">
<link rel="stylesheet" href="assets/js/vendor/chosen/css/chosen-bootstrap.css">
<link rel="stylesheet" href="assets/js/vendor/typeahead/css/typeahead.js-bootstrap.css">
<link rel="stylesheet" href="assets/js/vendor/datepicker/css/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="assets/js/vendor/no-ui-slider/css/jquery.nouislider.min.css">
<link rel="stylesheet" href="assets/js/vendor/tabdrop/css/tabdrop.css">
<link href="assets/css/minimal.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body class="bg-1">
<!-- Preloader -->
<div class="mask"><div id="loader"></div></div>
<!--/Preloader -->
<!-- Wrap all page content here -->
<div id="wrap">
<!-- Make page fluid -->
<div class="row">
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top navbar-transparent-black mm-fixed-top" role="navigation" id="navbar">
<!-- Branding -->
<div class="navbar-header col-md-2">
<a class="navbar-brand" href="index.html">
<strong>MIN</strong>IMAL
</a>
<div class="sidebar-collapse">
<a href="#">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<!-- Branding end -->
<!-- .nav-collapse -->
<div class="navbar-collapse">
<!-- Page refresh -->
<ul class="nav navbar-nav refresh">
<li class="divided">
<a href="#" class="page-refresh"><i class="fa fa-refresh"></i></a>
</li>
</ul>
<!-- /Page refresh -->
<!-- Search -->
<div class="search" id="main-search">
<i class="fa fa-search"></i> <input type="text" placeholder="Search...">
</div>
<!-- Search end -->
<!-- Quick Actions -->
<ul class="nav navbar-nav quick-actions">
<li class="dropdown divided">
<a class="dropdown-toggle button" data-toggle="dropdown" href="#">
<i class="fa fa-tasks"></i>
<span class="label label-transparent-black">2</span>
</a>
<ul class="dropdown-menu wide arrow nopadding bordered">
<li><h1>You have <strong>2</strong> new tasks</h1></li>
<li>
<a href="#">
<div class="task-info">
<div class="desc">Layout</div>
<div class="percent">80%</div>
</div>
<div class="progress progress-striped progress-thin">
<div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="task-info">
<div class="desc">Schemes</div>
<div class="percent">15%</div>
</div>
<div class="progress progress-striped active progress-thin">
<div class="progress-bar progress-bar-cyan" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 15%">
<span class="sr-only">45% Complete</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="task-info">
<div class="desc">Forms</div>
<div class="percent">5%</div>
</div>
<div class="progress progress-striped progress-thin">
<div class="progress-bar progress-bar-orange" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 5%">
<span class="sr-only">5% Complete (warning)</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="task-info">
<div class="desc">JavaScript</div>
<div class="percent">30%</div>
</div>
<div class="progress progress-striped progress-thin">
<div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
<span class="sr-only">30% Complete (danger)</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="task-info">
<div class="desc">Dropdowns</div>
<div class="percent">60%</div>
</div>
<div class="progress progress-striped progress-thin">
<div class="progress-bar progress-bar-amethyst" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete</span>
</div>
</div>
</a>
</li>
<li><a href="#">Check all tasks <i class="fa fa-angle-right"></i></a></li>
</ul>
</li>
<li class="dropdown divided">
<a class="dropdown-toggle button" data-toggle="dropdown" href="#">
<i class="fa fa-envelope"></i>
<span class="label label-transparent-black">1</span>
</a>
<ul class="dropdown-menu wider arrow nopadding messages">
<li><h1>You have <strong>1</strong> new message</h1></li>
<li>
<a cla
评论10
最新资源