"shop"
Bootstrap 3.0.0 Snippet by evarevirus

Post to Facebook Tweet this

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--
Follow me on
------------
Codepen: https://codepen.io/mycnlz/
Dribbble: https://dribbble.com/mycnlz
Pinterest: https://pinterest.com/mycnlz/
Check and buy this stunning longboard here: http://skategoldcoast.com/shop/pressure-drop-through-longboard/
-->
<div class='ui'>
<div class='statusbar'>
<span class='ion-ios-more'></span>
<span class='ion-wifi'></span>
<span id='hour'>00:00</span>
<span class='ion-ios-bolt'></span>
<span class='ion-battery-half'></span>
</div>
<div class='screen'>
<div class='shop'>
<a id='menu' class='bic ion-navicon left'></a>
<a id='login' class='bic ion-ios-person-outline right'></a>
<div class='product-img'>
<!-- inicio imagem do produto -->
<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="185px" height="465px" viewBox="0 0 185 465" enable-background="new 0 0 185 465" xml:space="preserve">
<g>
<g>
<path fill="#e0e4e4" d="M116.689,67.317c-0.741,0.117-1.482,0.234-2.223,0.351c-0.954,0.192-1.85,0.117-2.613-0.57
c-0.327-0.611-0.908-0.415-1.429-0.489c-1.541-0.22-2.108-1.095-1.583-2.573c0.394-1.108-0.294-1.231-1.025-1.34
c-3.19-0.475-6.4-0.538-9.606-0.27c-1.303,0.109-2.601,0.227-3.907,0.206c-7.674-0.125-15.325,0.474-22.988,0.723
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
/*--------------------
General Style
---------------------*/
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
html {
height: 100%;
font-family: 'Hind', sans-serif;
font-weight: 400;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
body {
background: #f4f5f9;
background: -webkit-linear-gradient(top, #f4f7f7 0%, #f4f7f7 60%, #e4e7ec 60%, #e4e7ec 100%);
background: linear-gradient(to bottom, #f4f7f7 0%, #f4f7f7 60%, #e4e7ec 60%, #e4e7ec 100%);
}
/*--------------------
Buttons Style
---------------------*/
a {
text-decoration: none;
cursor: pointer;
}
.bic {
width: 44px;
height: 44px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Kit
Product Page For Online Shop

Questions / Comments: