-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproduct-info.html
More file actions
131 lines (120 loc) 路 4.68 KB
/
Copy pathproduct-info.html
File metadata and controls
131 lines (120 loc) 路 4.68 KB
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
<!DOCTYPE html>
<!-- saved from url=(0049)https://getbootstrap.com/docs/4.3/examples/album/ -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>eMercado - Todo lo que busques est谩 aqu铆</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/album/">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<style>
textarea:max-length{
border-color: #ff0000;
}
</style>
</head>
<body>
<nav class="site-header sticky-top py-1 bg-dark">
<div id="navBar" class="container d-flex flex-column flex-md-row justify-content-between">
<a class="py-2 d-none d-md-inline-block" href="home.html">Inicio</a>
<a class="py-2 d-none d-md-inline-block" href="categories.html">Categor铆as</a>
<a class="py-2 d-none d-md-inline-block" href="products.html">Productos</a>
<a class="py-2 d-none d-md-inline-block" href="sell.html">Vender</a>
<!--<a class="py-2 d-none d-md-inline-block" href="cart.html">Mi carrito</a>
<a class="py-2 d-none d-md-inline-block" href="my-profile.html">Mi usuario es: <span id="name"></span></a>-->
</div>
</nav>
<div class="container p-5">
<div class="text-center p-4">
<h2>Descripci贸n del producto</h2>
<p class="lead">Encontrar谩s aqu铆 toda la informaci贸n del producto seleccionado.</p>
<p class="small alert-warning py-3"><strong>Nota: </strong>por simplicidad, cualquiera sea la categor铆a
seleccionada previamente, siempre se visualizar谩 la presente: <strong>Autos</strong>.</p>
</div>
<h3 id="productName"></h3>
<hr class="my-3">
<dl>
<dt>Descripci贸n</dt>
<dd>
<p id="productDescription"></p>
</dd>
<dt>Precio</dt>
<dd>
<p id="productCost"></p>
</dd>
<dt>Moneda</dt>
<dd>
<p id="productCurrency"></p>
</dd>
<dt>Cantidad vendida</dt>
<dd>
<p id="productSoldCount"></p>
</dd>
<dt>Categoria</dt>
<dd>
<p id="productCategory"></p>
</dd>
<dt>Im谩genes ilustrativas</dt>
<dd>
<div class="row text-center text-lg-left pt-2" id="productsImagesWrapper">
</div>
</dd>
<dt>Productos relacionados</dt>
<hr class="my-3">
<dd>
<div class="container-fluid">
<div class="row" id="relatedProductContainer">
</div>
</div>
</dd>
<hr class="my-3">
<div class="container border">
<h2 class="mx-4">Comentarios</h2>
</div>
<div class="container border" id="reviewContainer">
</div>
<hr class="my-3">
<div class="container border">
<label for="txtAreaComments" class="text-muted">Agregar comentario</label>
<textarea class="form-control" name="comments mr-2" minlength="25" maxlength="255" id="txtAreaComments" rows="5"
placeholder="Agrega un comentario"></textarea>
<div class="container mt-3" id="selectRating">
<span class="comments" id="comments">Calificar: </span>
<span class="fa fa-star" id="star1" onclick="addStars(this,1)"></span>
<span class="fa fa-star" id="star2" onclick="addStars(this,2)"></span>
<span class="fa fa-star" id="star3" onclick="addStars(this,3)"></span>
<span class="fa fa-star" id="star4" onclick="addStars(this,4)"></span>
<span class="fa fa-star" id="star5" onclick="addStars(this,5)"></span>
</div>
<button class="btn btn-primary btn-lg my-3" type="submit" id="submitComment">Enviar comentario</button>
</div>
</dl>
<a type="button" class="btn btn-light btn-lg btn-block" href="products.html">Ver productos</a>
</div>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Volver arriba</a>
</p>
<p>Este sitio forma parte de Desarrollo Web - JAP - 2020</p>
<p>Clickea <a target="_blank" href="Letra.pdf">aqu铆</a> para descargar la letra del obligatorio.</p>
</div>
</footer>
<div id="spinner-wrapper">
<div class="lds-ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/init.js"></script>
<script src="js/product-info.js"></script>
</body>
</html>