sipp11
11 years ago
4 changed files with 461 additions and 21 deletions
@ -0,0 +1,179 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Shopping Cart | Seeker</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<link rel="stylesheet" href="../css/lumen.css" media="screen"> |
||||
<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css" media="screen"> |
||||
<link rel="stylesheet" href="../css/sb-admin.css"> |
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
||||
<!--[if lt IE 9]> |
||||
<script src="../bower_components/html5shiv/dist/html5shiv.js"></script> |
||||
<script src="../bower_components/respond/dest/respond.min.js"></script> |
||||
<![endif]--> |
||||
<style> |
||||
.placeholder img { |
||||
display: inline-block; |
||||
border-radius: 5%; |
||||
} |
||||
.navbar-default { |
||||
background-color: rgba(248, 248, 248, 0.9); |
||||
border-color: rgba(231, 231, 231, 0.9); |
||||
} |
||||
img.thumbnail { |
||||
float:left; |
||||
margin-right: 1em; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="navbar navbar-default navbar-fixed-top"> |
||||
<div class="container-fluid"> |
||||
<div class="navbar-header"> |
||||
<a href="index.html" class="navbar-brand">Seeker</a> |
||||
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
<span class="icon-bar"></span> |
||||
</button> |
||||
</div> |
||||
|
||||
<div class="navbar-collapse collapse navbar-responsive-collapse"> |
||||
<ul class="nav navbar-nav"> |
||||
<li class="active"><a href="index.html">Home</a></li> |
||||
<li><a href="wishlist.html"><i class="fa fa-heart-o"></i> Wish List</a></li> |
||||
</ul> |
||||
<form class="navbar-form navbar-left"> |
||||
<input type="text" class="form-control col-lg-8" placeholder="Search"> |
||||
</form> |
||||
<ul class="nav navbar-nav navbar-right"> |
||||
<li><a href="cart.html"><i class="fa fa-shopping-cart"></i> Cart</a></li> |
||||
<li class="dropdown"> |
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">You <b class="caret"></b></a> |
||||
<ul class="dropdown-menu"> |
||||
<li><a href="#">Account</a></li> |
||||
<li><a href="#"><i class="fa fa-inbox"></i> Inbox</a></li> |
||||
<li class="divider"></li> |
||||
<li><a href="#">Logout</a></li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="container"> |
||||
<div class="page-header" id="banner"> |
||||
<div class="row"> |
||||
<div class="col-lg-12"> |
||||
<h1><i class="fa fa-shopping-cart"></i> Shopping Cart</h1> |
||||
<ul class="list-inline text-right"> |
||||
<li><a href="#"><i class="fa fa-envelope"></i> mail</a></li> |
||||
<li><a href="#"><i class="fa fa-print"></i> print</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-12"> |
||||
<table class="table table-striped table-hover "> |
||||
<thead> |
||||
<tr> |
||||
<th class="col-md-1">#</th> |
||||
<th>Product</th> |
||||
<th class="col-md-1">Quantity</th> |
||||
<th class="col-md-1">Price ($)</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>1</td> |
||||
<td> |
||||
<div class="media"> |
||||
<a class="pull-left" href="#"> |
||||
<img src="../vendor/holderjs/holder.js/64x64/auto/industrial" alt="64x64"> |
||||
</a> |
||||
<div class="media-body"> |
||||
<h4 class="media-heading"><a href="product.html">Lego</a></h4> |
||||
<ul class="list-unstyled"> |
||||
<li>$24</li> |
||||
<li>Shipping: $2.5</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</td> |
||||
<td class="text-right"> |
||||
<input class="form-control input-sm" type="text" value="2"> |
||||
<a href="#" class="btn btn-xs btn-default">Update</a> |
||||
</td> |
||||
<td class="text-right">24</td> |
||||
</tr> |
||||
<tr> |
||||
<td>2</td> |
||||
<td> |
||||
<div class="media"> |
||||
<a class="pull-left" href="#"> |
||||
<img src="../vendor/holderjs/holder.js/64x64/auto/social" alt="64x64"> |
||||
</a> |
||||
<div class="media-body"> |
||||
<h4 class="media-heading"><a href="product.html">Barbie</a></h4> |
||||
<ul class="list-unstyled"> |
||||
<li>$12</li> |
||||
<li>Shipping: $2.5</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</td> |
||||
<td class="text-right"> |
||||
<input class="form-control input-sm" type="text" value="1"> |
||||
<a href="#" class="btn btn-xs btn-default">Update</a> |
||||
</td> |
||||
<td class="text-right">24</td> |
||||
</tr> |
||||
<tr> |
||||
<th colspan="2"></th> |
||||
<th colspan="1">Item Total</th> |
||||
<th class="text-right">48</th> |
||||
</tr> |
||||
<tr> |
||||
<th colspan="2"></th> |
||||
<th colspan="1">Shipping</th> |
||||
<th class="text-right">5</th> |
||||
</tr> |
||||
<tr> |
||||
<th colspan="2"></th> |
||||
<th colspan="1">Total</th> |
||||
<th class="text-right">53</th> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-12 text-right"> |
||||
<a href="#" class="btn btn-lg btn-success">Checkout</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<hr/> |
||||
|
||||
<footer> |
||||
<div class="row"> |
||||
<div class="col-lg-12"> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
</div> |
||||
|
||||
|
||||
<script src="../vendor/holderjs/holder.js"></script> |
||||
<script src="../vendor/jquery/dist/jquery.min.js"></script> |
||||
<script src="../vendor/bootstrap/dist/js/bootstrap.min.js"></script> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue