sipp11
10 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