-
Notifications
You must be signed in to change notification settings - Fork 21
/
shop.html
108 lines (95 loc) · 4.13 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
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="client/vendor/purecss-0.3.0.css">
<link rel="stylesheet" href="shop/shop.css">
</head>
<body>
<div class="content">
<div class="header">
<div class="pure-menu pure-menu-open pure-menu-fixed pure-menu-horizontal">
<a class="pure-menu-heading" href="">auris nec</a>
<ul>
<li class="pure-menu-selected"><a href="#">Nulla</a></li>
<li><a href="#">Fusce</a></li>
</ul>
<!-- Cart button, hiding it until `cartjs` would be loaded and initialize it. -->
<a class="pure-cart pure-button cart-button" style="display: none;">
<span class="cart-button-quantity">0</span>
<span class="cart-button-label">items</span>
</a>
</div>
</div>
<div class="splash">
<div class="pure-g-r">
<div class="pure-u-1-3">
<div class="l-box splash-image">
<img src="http://placehold.it/300x200" alt="Placeholder image for example.">
</div>
</div>
<div class="pure-u-2-3">
<div class="l-box splash-text">
<h1 class="splash-head">
Aliquam erat
</h1>
<p class="splash-subhead">Morbi viverra, justo quis placerat commodo, nisi metus vehicula tellus, lobortis iaculis eros nunc vitae magna. Duis a auctor tellus, et elementum magna. Phasellus at nunc sodales lorem ultricies varius. Nam ultricies iaculis magna vel feugiat. Mauris nec eros commodo, commodo nisl eget, interdum nisi. Aenean id augue consequat, consequat mauris et, facilisis dui.
</p>
<p>
<a href="#" class="pure-button primary-button cart-buy-button"
data-name="Aliquam volutpat" data-price="10000" data-quantity="1">Buy</a>
</p>
</div>
</div>
</div>
<div class="pure-g-r">
<div class="pure-u-1-3">
<div class="l-box splash-image">
<img src="http://placehold.it/300x200" alt="Placeholder image for example.">
</div>
</div>
<div class="pure-u-2-3">
<div class="l-box splash-text">
<h1 class="splash-head">
Duis sit
</h1>
<p class="splash-subhead">Vestibulum sit amet neque eu neque rutrum auctor tempus a libero. Nulla a nunc vel enim euismod rhoncus. Duis sit amet nisl in lacus ultrices vestibulum vel eget lacus. Nam et odio ultrices, interdum ligula ac, fringilla mi. Donec et rutrum dolor, eu tincidunt arcu. Fusce nunc ipsum, volutpat ultricies consequat vitae, vestibulum venenatis magna.
</p>
<p>
<a href="#" class="pure-button primary-button cart-buy-button"
data-name="Duis sit" data-price="15" data-quantity="1">Buy</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Loading cartjs. -->
<script src="http://localhost:3000/v1/cart.js"></script>
<style>
/* Fixing position of widget. */
.bootstrap-widget .popover {margin-left: -80px !important;}
.bootstrap-widget .popover .arrow {left: 208px !important;}
</style>
<script>
cartjs.initialize({
baseUrl : 'http://localhost:3000/v1',
emailOrdersTo : '[email protected]',
language : 'russian',
currency : 'руб.'
})
</script>
<!-- Live CSS Reload. -->
<!-- <script>
setInterval(function(){
var links = document.querySelectorAll('link')
// Updating only the last style, if you need to update all styles remove line below.
links = [links[links.length - 1]]
for(var i = 0; i < links.length; i++){
var link = links[i]
var href = link.getAttribute('href').split('#')[0]
link.setAttribute('href', href + '#' + Math.random())
}
}, 1000)
</script> -->
</body>
</html>