This repository has been archived by the owner on Aug 24, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdetalhe2.html
132 lines (130 loc) · 7.17 KB
/
detalhe2.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
<html>
<head>
<title>Bike | Detalhe<produto></title>
<link rel="icon" href="bike.ico">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/carrinho.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="color.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="section">
<div class="container">
<div class="section section-info">
<div class="row">
<div class="col-md-8 text-right">
<a class="btn btn-primary">Atendimento Online</a>
</div>
<div class="col-md-1 text-right">
<a class="btn btn-primary">Contato</a>
</div>
<div class="col-md-1 text-left">
<a class="btn btn-primary" href="contato.html">Login</a>
</div>
<div class="col-md-2 text-left">
<a class="btn btn-primary home-bt-carrinho carrinho_contador" href="carrinho.html">Carrinho</a>
</div>
</div>
<hr class="divider">
<div class="row">
<div class="col-md-3">
<div class="col-md-5">
<a href="index.html"><img src="bike_logo.png" class="img-responsive"></a>
<div class="col-md-12">
<h1>
<b>Bike.com</b>
</h1>
</div>
</div>
</div>
<div class="col-sm-6 text-center">
<p class="text-info text-right"></p>
<h3 class="text-center">Encontre sua bike</h3>
<p></p>
<div class="row">
<div class="col-md-12 hidden-lg hidden-md hidden-sm text-left"></div>
</div>
<div class="row">
<div class="col-md-12 hidden-xs text-right">
<input type="text" class="form-control" id="usr">
</div>
</div>
<a class="btn btn-primary">Buscar</a>
</div>
</div>
<hr class="divider">
</div>
<div class="row">
<div class="col-md-4">
<div class="container">
<div class="row">
<div class="col-md-2">
<a href="#"><img id="foto_bike" src="bike.jpg" class="img-responsive" width="128"></a>
</div>
</div>
<div class="row">
<div class="col-md-2">
<a href="#"><img src="bike.jpg" class="img-responsive" width="128"></a>
</div>
</div>
<div class="row">
<div class="col-md-2">
<a href="#"><img src="bike.jpg" class="img-responsive" width="128"></a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<a href="#"><img src="bike_dtl.png" class="img-responsive" width="850"></a>
</div>
<div class="col-md-4 text-center">
<div class="col-md-12">
<h2>Bicicleta Shimano- Aro 28 - 23 marchas - Trilha</h2>
</div>
<div class="col-md-12">
<a class="btn btn-primary precodetalhe precoUni"><b>R$ 1553,00</b></a>
</div>
<div class="col-md-12 text-right">
<a class="btn btn-primary precodetalhe addCar">Comprar</a>
<button class="id_bike hidden" type="hidden" name="id_bike" id="id_bike" value="2">
</button><button class="nome_prod hidden" type="hidden" name="nome_prod" id="nome_prod" value="Bicicleta Shimano- Aro 28 - 23 marchas - Trilha">
</button><button class="valor_uni hidden" type="hidden" name="valor_uni" id="valor_uni" value="1553,00">
</button></div>
</div>
</div>
<button type="button" class="btn btn-default" onclick=contraste();>Contraste</button>
<button type="button" class="btn btn-default" onclick=uniContraste();>Sem Contraste</button>
<footer class="section section-info">
<div class="container contraste">
<div class="row">
<div class="col-sm-6">
<h1>Bike.com</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit,
<br>sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
<br>Ut enim ad minim veniam, quis nostrud</p>
</div>
<div class="col-sm-6">
<p class="text-info text-right"></p>
<h4 class="text-center">Visite nossas redes socias</h4>
<p></p>
<div class="row">
<div class="col-md-12 hidden-lg hidden-md hidden-sm text-left"></div>
</div>
<div class="row">
<div class="col-md-11 hidden-xs text-center">
<a href="#"><i class="fa fa-3x fa-fw fa-instagram text-inverse"></i></a>
<a href="#"><i class="fa fa-3x fa-fw fa-twitter text-inverse"></i></a>
<a href="#"><i class="fa fa-3x fa-fw fa-facebook text-inverse"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</body></html>