-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathshop.html
121 lines (118 loc) · 4.39 KB
/
shop.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<title>Carlsbags</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="icon" type="image/png" href="resource/logo.png">
</head>
<body>
<div class="relpos">
<a href="index.html" class="HeaderLinkCbags"><img src="resource/logo.png" width="350" height="200" class="Logo"></a>
<div class="divPadding">
<!--NavBar-->
<div class="table">
<ul class="Nav">
<li><a class="HeaderLink" id= "pocketbag" href="pocketbag.html">Pocket Bag</a></li>
<li><a class="HeaderLink" id= "junkbucket" href="junkbucket.html">Junk Bucket</a></li>
<li><a class="HeaderLink" id= "surfsling" href="surfsling.html">Surf Sling</a></li>
<li><a class="HeaderLink" id="shop" href="shop.html">Shop</a></li>
<li><a class="HeaderLink" id= "contact" href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="content">
<h1 class="productsH1">Products</h1>
<div class="menu-outerproduct">
<div class="tableproduct">
<ul class="Products">
<li class="productitem">
<div class="simpleCart_shelfItem">
<h2 class="item_name"> Pocket Bag </h2>
<img src="resource/pocketbag.png" width="106" height="110" class="pocketBagPadding">
<p style="padding-left: 30px;"> <input type="text" value="1" size="1" class="item_Quantity">
<span class="item_price">$11.99</span><br>
<a class="item_add" href="javascript:;"> Add to Cart </a></p>
</div>
</li>
<li class="productitem">
<div class="simpleCart_shelfItem">
<h2 class="item_name"> Junk Bucket </h2>
<img src="resource/junkbucket.png" width="106" height="110" class="junkBucketPadding">
<p> <input type="text" value="1" size="1" class="item_Quantity">
<span class="item_price">$44.99</span><br>
<a class="item_add" href="javascript:;"> Add to Cart </a></p>
</div>
</li>
<li class="productitem">
<div class="simpleCart_shelfItem">
<h2 class="item_name"> Surf Sling </h2>
<img src="resource/surfsling.png" width="106" height="110" class="surfSlingPadding">
<p> <input type="text" value="1" size="1" class="item_Quantity">
<span class="item_price">$54.99</span><br>
<a class="item_add" href="javascript:;"> Add to Cart </a></p>
</div>
</li>
</ul>
</div>
</div>
<h3 class="cartHeaderStyle">Cart</h3>
<div class="simpleCart_items" id="cartid"></div>
<div id="checkoutfooter">
<span class="simpleCart_quantity"></span> items - <span class="simpleCart_total"></span>
<form id="emailform">
Email: <input type="text" name="email" id="email">
</form>
<a href="javascript:;" class="simpleCart_checkout">Checkout</a>
</div>
</div>
<h5>This is an official Virtual Enterpriprises International firm website for educational purposes only for 2014-15.</h5>
</div>
<script type="text/javascript" src="resource/jquery.js"></script>
<script type="text/javascript" src="resource/jquery-ui.js"></script>
<script type="text/javascript" src="resource/video.js"></script>
<script type="text/javascript" src="resource/EventEmitter.min.js"></script>
<script type="text/javascript" src="resource/imagesloaded.js"></script>
<script type="text/javascript" src="resource/bigvideo.js"></script>
<script type="text/javascript" src="resource/simpleCart.js"></script>
<script type="text/javascript">
simpleCart({
cartColumns: [
{ attr: "name", label: "Name"},
{ view: "currency", attr: "price", label: "Price"},
{ view: "decrement", label: false, text: "-" },
{ attr: "quantity", label: "Qty"},
{ view: "increment", label: false, text: "+" },
{ view: "currency", attr: "total", label: "SubTotal" },
{ view: "remove", text: "Remove", label: false}
],
cartStyle: "table",
checkout: {
type: "SendForm" ,
url: "checkout_complete.php",
method: "POST",
}
});
simpleCart.bind('update', function(){
if( simpleCart.quantity() === 0 ){
document.getElementById("cartid").style.display = "none";
document.getElementById("checkoutfooter").style.display = "none";
} else {
document.getElementById("cartid").style.display = "block";
document.getElementById("checkoutfooter").style.display = "block";
}
});
simpleCart.bind( 'beforeCheckout' , function( data ){
data.email = document.getElementById("email").value;
});
</script>
<script type="text/javascript">
$(function(){
var BV = new $.BigVideo();
BV.init();
BV.show('resource/beachsmall.webm',{ambient:true});
});
</script>
</body>
</html>