forked from chrisdiana/simplestore
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (134 loc) · 6.51 KB
/
index.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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>simpleStore</title>
<meta name="description" content="A clean, responsive storefront boilerplate with no database or backend">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/imports.min.css">
<link rel="stylesheet" href="css/simpleStore.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container simpleStore">
<div class="row">
<a class="brand" href="#"></a>
<a class="button button-primary u-pull-right simpleStore_viewCart">
<i class="fa fa-shopping-cart"></i> Cart <span class="simpleCart_total"></span>
</a>
</div>
<div class="simpleStore_container"></div>
<div class="simpleStore_cart_container"></div>
</div>
<!-- Templates
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<!-- Products View -->
<script id="products-template" type="x-template">
<div class="column">
<div class="simpleCart_shelfItem">
<img src="" class="item_thumb"/>
<div class="row">
<h5 class="item_name"></h5>
<div class="simpleStore_getDetail_container">
<span class="item_price"></span>
</div>
<div class="simpleStore_getDetail_container">
<a class="button u-pull-right simpleStore_getDetail">Details</a>
</div>
</div>
</div>
</div>
</script>
<!-- Product Detail View -->
<script id="product-detail-template" type="x-template">
<div class="simpleCart_shelfItem simpleStore_detailView">
<a href="#" class="close view_close">×</a>
<div class="row">
<div class="four columns">
<img src="" class="item_thumb"/>
</div>
<div class="eight columns">
<h5 class="item_name"></h5>
<p class="item_description"></p>
<span class="item_price"></span>
<div class="qty">
<label>QTY</label>
<input type="number" value="1" min="1" step="1" class="item_Quantity">
</div>
<div class="simpleStore_options"></div>
<a class="item_add button u-pull-right" href="javascript:;">Add to Cart</a>
</div>
</div>
</div>
</script>
<!-- Cart View -->
<script id="cart-template" type="x-template">
<div class="simpleStore_cart">
<h2>Cart</h2>
<a href="#" class="close">×</a>
<div class="row">
<div class="eight columns">
<div class="simpleCart_items"></div>
<a href="javascript:;" class="simpleCart_empty u-pull-left">Empty Cart <i class="fa fa-trash-o"></i></a>
</div>
<div class="four columns">
<div class="cart_info">
<div class="cart_info_item cart_itemcount">Items:
<div class="simpleCart_quantity"></div>
</div>
<div class="cart_info_item cart_taxrate">Tax Rate:
<div class="simpleCart_taxRate"></div>
</div>
<div class="cart_info_item cart_tax">Tax:
<div class="simpleCart_tax"></div>
</div>
<div class="cart_info_item cart_shipping">Shipping:
<div class="simpleCart_shipping"></div>
</div>
<div class="cart_info_item cart_total"><b>Total:
<div class="simpleCart_grandTotal"></div>
</b></div>
<a href="javascript:;" class="button button-primary simpleStore_checkout u-pull-right">Checkout <i class="fa fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</script>
<!-- Error View -->
<script id="error-template" type="x-template">
<div class="error">
<b>Sorry, something went wrong :(</b>
<p class="error_text"></p>
<a href="#" class="close alert_close">×</a>
</div>
</script>
<!-- Notify View -->
<script id="notify-template" type="x-template">
<div class="notify">
<p class="notify_text"></p>
</div>
</script>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="js/simpleCart.min.js"></script>
<script src="js/simpleStore.js"></script>
<script src="js/config.js"></script>
</html>