-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathprevisualizacion.html
163 lines (159 loc) · 5.28 KB
/
previsualizacion.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
157
158
159
160
161
162
163
<!DOCTYPE html>
<html>
<head>
<title>CheckOut</title>
<link rel="stylesheet" type="text/css" href="css/previsualizacion.css">
<!-- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
</head>
<body>
<!-- <div>
<h2 class='titulos'>Paso 1</h2>
<div class="shopper-informations">
<div>
<div class="row">
<p>Informacion del comprador</p>
<form>
<input id='inputs' type="text" placeholder="Nombre Completo">
<input id='inputs' type="text" placeholder="Nombre de Usuario.">
</form>
</div>
<div>
<div class="row">
<p>Generar colilla de cobro:</p>
<div class="row">
<form>
<input id='inputs' type="text" placeholder="Email*">
<input id='inputs' type="text" placeholder="First Name *">
<input id='inputs' type="text" placeholder="Middle Name">
<input id='inputs' type="text" placeholder="Last Name *">
<input id='inputs' type="text" placeholder="Address 1 *">
<input id='inputs' type="text" placeholder="Address 2">
</form>
<form>
<input id='inputs' type="text" placeholder="Zip / Postal Code *">
<select id='inputs' >
<option>-- Country --</option>
<option>United States</option>
<option>Bangladesh</option>
<option>UK</option>
<option>India</option>
<option>Pakistan</option>
<option>Ucrane</option>
<option>Canada</option>
<option>Dubai</option>
</select>
<select id='inputs' >
<option>-- State / Province / Region --</option>
<option>United States</option>
<option>Bangladesh</option>
<option>UK</option>
<option>India</option>
<option>Pakistan</option>
<option>Ucrane</option>
<option>Canada</option>
<option>Dubai</option>
</select>
<input id='inputs' type="text" placeholder="Phone *">
<input id='inputs' type="text" placeholder="Mobile Phone">
<input id='inputs' type="text" placeholder="Numero de Cuenta">
</form>
</div>
<div class="row">
<p>Shipping Order</p>
<textarea name="message" placeholder="Notes about your order, Special Notes for Delivery" rows="16"></textarea>
<label><input type="checkbox"> Shipping to bill address</label>
</div>
</div>
</div>
</div> -->
<div class="review-payment">
<h2>Confirmacion y pago</h2>
</div>
<div>
<table>
<thead>
<tr class="cart_menu">
<th class="item">Articulo</th>
<th class="price">Precio</th>
<th class="quantity">Cantidad</th>
<th class="total">Total</th>
</tr>
</thead>
<!-- Aca se genera la lista de articulos que estan en el carro de compra.-->
<tbody id='articulos'>
<!-- <tr>
<td class="cart_product">
<a href=""><img src="images/cart/one.png" alt=""></a>
</td>
<td class="cart_description">
<h4><a href="">Colorblock Scuba</a></h4>
<p>Web ID: 1089772</p>
</td>
<td class="cart_price">
<p>$59</p>
</td>
<td class="cart_quantity">
<div class="cart_quantity_button">
<a class="cart_quantity_up" href=""> + </a>
<input class="cart_quantity_input" type="text" name="quantity" value="1" autocomplete="off" size="2">
<a class="cart_quantity_down" href=""> - </a>
</div>
</td>
<td class="cart_total">
<p class="cart_total_price">$59</p>
</td>
<td class="cart_delete">
<a class="cart_quantity_delete" href=""><i class="fa fa-times"></i></a>
</td>
</tr> -->
</tbody>
<tfoot>
<tr>
<td colspan="4"> </td>
<td colspan="2">
<table class="table table-condensed total-result">
<tr>
<td>Sub Total</td>
<td id="precioTotal"></td>
</tr>
<tr>
<td>Iva</td>
<td id="iva">19%</td>
</tr>
<tr>
<td>Costo Envio</td>
<td id="costoEnvio"></td>
</tr>
<tr>
<td>Total</td>
<td id="precioTotal"></td>
</tr>
</table>
</td>
</tr>
</tfoot>
</table>
</div>
<!-- <div class="payment-options">
<span>
<label><input type="radio">Transferencia bancaria</label>
</span>
<span>
<label><input type="radio"> Paypal</label>
</span>
<span>
<label><input type="checkbox"> Confirmar Pago</label>
</span>
</div> -->
</div>
<form>
<input type="radio"> Transferencia bancaria<br>
<input type="radio"> Paypal<br>
<span>
<label><input type="checkbox"> Confirmar Pago</label>
</span>
</form>
<script src="https://code.jquery.com/jquery-2.1.4.min.js" integrity="sha256-8WqyJLuWKRBVhxXIL1jBDD7SDxU936oZkCnxQbWwJVw=" crossorigin="anonymous"></script>
<script type="text/javascript" src='js/previsualizacion.js'></script>
</body>
</html>