franpcode/API-and-CRUD-for-Ecommerce-with-Node.js-FRONTEND
1
0
Fork 0
mirror of https://github.com/FranP-code/API-and-CRUD-for-Ecommerce-with-Node.js-FRONTEND.git synced 2025-10-12 23:52:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Estilos de la columna 2 listos

Browse Source
This commit is contained in:
Francisco Pessano
2021-11-09 16:14:51 -03:00
parent 6289e5ce12
commit 1199e0d3bd
2 changed files with 268 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
index.html
View File

@@ -84,7 +84,7 @@
15
</td>
<td>
40
15
</td>
<td>
<img src="./img/eliminar.png" alt="trash-icon" class="button">
@@ -120,60 +120,113 @@
</div>
<div class="segunda-columna">
<nav>
<ul>
<li>
BEBIDAS
</li>
<li>
COMIDAS
</li>
<li>
REPOSTERÍA Y PANADERÍA
</li>
<li>
REFRIGERADOS
</li>
<li>
<img src="./img/more-options-min.png" alt="more options button"> <!--Source: https://www.flaticon.com/premium-icon/more_5857049?term=more%20apps&page=1&position=46&page=1&position=46&related_id=5857049&origin=search-->
</li>
</ul>
</nav>
<div class="productos">
<!-- //! RELLENAR CON DATOS DE EJEMPLO-->
<div class="exposicion-de-productos">
<nav>
<ul>
<li class="button">
BEBIDAS
</li>
<li class="button">
COMIDAS
</li>
<li class="button">
REPOSTERÍA Y PANADERÍA
</li>
<li class="button">
REFRIGERADOS
</li>
<li class="button">
<img src="./img/more-options-min.png" alt="more options button"> <!--Source: https://www.flaticon.com/premium-icon/more_5857049?term=more%20apps&page=1&position=46&page=1&position=46&related_id=5857049&origin=search-->
</li>
</ul>
</nav>
<div class="productos">
<div class="producto button">
<img src="./img/cocacola-lata.jpg" alt="coca cola">
<div class="text">
<span class="name">COCA-COLA</span>
<span class="price">15 USD</span>
</div>
</div>
<div class="producto button">
<img src="./img/cocacola-lata.jpg" alt="coca cola">
<div class="text">
<span class="name">COCA-COLA</span>
<span class="price">15 USD</span>
</div>
</div>
<div class="producto button">
<img src="./img/cocacola-lata.jpg" alt="coca cola">
<div class="text">
<span class="name">COCA-COLA</span>
<span class="price">15 USD</span>
</div>
</div>
<div class="producto button">
<img src="./img/cocacola-lata.jpg" alt="coca cola">
<div class="text">
<span class="name">COCA-COLA</span>
<span class="price">15 USD</span>
</div>
</div>
<div class="producto button">
<img src="./img/cocacola-lata.jpg" alt="coca cola">
<div class="text">
<span class="name">COCA-COLA</span>
<span class="price">15 USD</span>
</div>
</div>
</div>
</div>
<div class="sub-menu">
<div class="opciones-de-pago">
<div>
<div class="opcion">
<img src="./img/pngwing.com.png" alt="cash icon">
</div>
<div>
<div class="opcion">
<img src="./img/visa.png" alt="Visa icon">
</div>
<div>
<div class="opcion">
<img src="./img/mastercard.png" alt="Mastercard icon">
</div>
<div>
<div class="opcion">
<img src="./img/uber-eats.jpg" alt="Uber Eats icon">
</div>
<div>
DEBITO
<div class="opcion">
<span class="text">
DEBITO
</span>
</div>
<div>
+
<div class="opcion">
<span class="text">
+
</span>
</div>
</div>
<div class="pagar">
<div class="pagar button">
<span>PAGAR</span>