-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
80 changed files
with
48,163 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,238 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1 , user-scalable=no"> | ||
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> | ||
<script src="lib/jquery-2.1.3.min.js"></script> | ||
<script src="lib/bootstrap.min.js"></script> | ||
<script>$ | ||
(document).ready(function(){ | ||
$("button").click(function(){ | ||
$("div.progressbar1").attr({style:"width 60%"}); | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
|
||
<body> | ||
|
||
<nav class="navbar navbar-inverse navbar-fixed-top"> | ||
<div class="navbar-header"> | ||
<a class="navbar-brand" href="#">Brand</a> | ||
</div> | ||
<ul class="nav navbar-nav"> | ||
<li class="active"><a href="#">Active</a></li> | ||
<li><a href="#">Link</a> </li> | ||
<li class="dropdown"> | ||
<a data-toggle="dropdown" class="dropdown-toggle" href="#"> | ||
Drop<b class="caret"></b> | ||
</a> | ||
<ul class="dropdown-menu"> | ||
<li><a href="#">Item1</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</nav> | ||
<div class="jumbotron"><br> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-md-12"> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="col-md-8"> | ||
<p></p> | ||
<div class="progress progress-striped active"> | ||
<div class="progress-bar" style="width: 45%" name="progressbar1"> | ||
<span class="sr-only">45% Complete</span> | ||
</div> | ||
</div> | ||
<div class="progress-bar progress-bar-success" style="width:35%"></div> | ||
</div> | ||
<div class="col-md-4" style=""> | ||
<button type="button" class="btn btn-default btn-lg">Press</button> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="col-md-4"> | ||
<div class="alert"> | ||
<button type="alert" class="close active" data-dismiss="alert">×</button> | ||
<strong>Warning</strong> | ||
Invalid input! | ||
</div> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="btn-group"> | ||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> | ||
My Books<span class="caret"></span> | ||
</button> | ||
<ul class="dropdown-menu"> | ||
<li><a href="#">Item1</a></li> | ||
<li><a href="#">Item2</a></li> | ||
<li class="divider"></li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div> | ||
<div style="background-color: rgba(0, 35, 79, 0.37)"> | ||
<p class="text-left">Text Left</p> | ||
<p class="text-center">Text center</p> | ||
<p class="text-danger">Danger</p> | ||
<p class="text-info">Info</p> | ||
</div> | ||
<abbr title="Nose Cleaning Association"> | ||
NCA | ||
</abbr> | ||
<address class="text-center"> | ||
<Strong>Minoshiro Team</Strong><br> | ||
Peking Univ<br> | ||
Beijing,China<br> | ||
</address> | ||
<div class="col-md-6 pull-right"> | ||
<blockquote class="pull-right"> | ||
<p>This is a quote</p> | ||
<small>Huzi</small> | ||
</blockquote> | ||
</div> | ||
<div class="col-md-6 pull-left"> | ||
<dl> | ||
<dt>Minoshiro</dt> | ||
<dd>A kind of imaginary species that is created by human</dd> | ||
</dl> | ||
<pre>int main()</pre> | ||
<kbd>code here</kbd> | ||
</div> | ||
<div class="col-md-12"> | ||
<table class="table"> | ||
<tr class="active"> | ||
<th>Header</th> | ||
</tr> | ||
<tr> | ||
<td class="table-bordered warning">Item1</td> | ||
<td class="info">Item2</td> | ||
<td>Item3</td> | ||
</tr> | ||
</table> | ||
</div> | ||
<div class="row"> | ||
<div class="col-md-12"> | ||
<form class="form-inline"> | ||
<fieldset> | ||
<div class="form-group"> | ||
<input type="email" class="form-control" placeholder="Your Email"> | ||
</div> | ||
<div class="form-group has-error has-feedback"> | ||
<input type="email" class="form-control" placeholder="Your Number"> | ||
</div> | ||
<div class="checkbox"> | ||
<label><input type="checkbox">Remember Password</label> | ||
</div> | ||
<button class="btn btn-default" type="submit">Login</button> | ||
<select> | ||
<option>Option1</option> | ||
<option>Option2</option> | ||
</select> | ||
<div class="radio"> | ||
<label><input type="radio" value="S" checked>S</label> | ||
</div> | ||
<div class="radio"> | ||
<label><input type="radio" value="M">M</label> | ||
</div> | ||
</fieldset> | ||
</form> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="col-md-6"> | ||
<div class="thumbnail"> | ||
<img class="img-thumbnail" src="pics/80.jpg"> | ||
<div class="caption"> | ||
<h3>From the New World</h3> | ||
<p> | ||
The anime From The New World is a science-fiction anime produced by A1-picture. | ||
</p> | ||
<a class="btn btn-default">Read More</a> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="col-md-6"> | ||
<!-- | ||
<button class="btn btn-default"> | ||
<span class="glyphicon glyphicon-apple"></span> | ||
</button> | ||
<div class="btn-group"> | ||
<button type="button" class="btn btn-default">1</button> | ||
<button type="button" class="btn btn-default">2</button> | ||
<button type="button" class="btn btn-default">3</button> | ||
</div> | ||
<div class="btn-toolbar"> | ||
<div class="btn-group"> | ||
<button type="button" class="btn btn-default">1</button> | ||
<button type="button" class="btn btn-default">2</button> | ||
<button type="button" class="btn btn-default">3</button> | ||
</div> | ||
<div class="btn-group"> | ||
<button type="button" class="btn btn-default">4</button> | ||
<button type="button" class="btn btn-default">5</button> | ||
</div> | ||
</div> | ||
--> | ||
<div class="col-md-6"> | ||
<div class="btn-group"> | ||
<button type="button" class="btn btn-default">1</button> | ||
<button type="button" class="btn btn-default">2</button> | ||
<button type="button" class="btn btn-default">3</button> | ||
<div class="btn-group"> | ||
<button type="button" class="btn btn-default">4</button> | ||
<button type="button" data-toggle="dropdown" class="btn btn-danger dropdown-togle"> | ||
<span class="caret"></span> | ||
</button> | ||
<ul class="dropdown-menu"> | ||
<li><a herf="#">Book1</a></li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="input-group"> | ||
<span class="input-group-addon">$</span> | ||
<input type="text" class="form-control"> | ||
<span class="input-group-addon">.00</span> | ||
</div> | ||
</div> | ||
<div class="col-md-6"> | ||
<ul class="nav nav-tabs nav-justified"> | ||
<li class="active"><a href="#">Index</a> </li> | ||
<li><a>Books</a></li> | ||
<li class="disabled"><a href="#">Profile</a> </li> | ||
<li class="dropdown"> | ||
<a data-toggle="dropdown" class="dropdown-toggle"> | ||
<span class="caret"></span> | ||
</a> | ||
|
||
<ul class="dropdown-menu"> | ||
<li><a href="#">menu item1</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
<ul class="pagination"> | ||
<li><a href="#">«</a> </li> | ||
<li><a href="#">1</a> </li> | ||
<li><a href="#">»</a> </li> | ||
</ul> | ||
</div> | ||
<div class="col-md-12 "> | ||
<a href="#">Unread<span class="badge">23</span></a> | ||
</div> | ||
<div class="alert alert-warning"> | ||
<button type="button" class="close" data-dismiss="alert">×</button> | ||
<strong>Warning</strong> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Oops, something went wrong.