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

Estructura con HTML hecha

Browse Source
This commit is contained in:
Francisco Pessano
2021-11-08 23:58:44 -03:00
parent b97bebc14d
commit 9de5ad15fa
7 changed files with 127 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/menu-min.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
img/menu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
img/more-options-min.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
img/more-options.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
img/three lines menu-min.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
img/three lines menu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

128
index.html
View File

@@ -10,8 +10,134 @@
<title>Columbus</title>
</head>
<body>
<header>
<div class="menu-lateral">
<img src="./img/three lines menu-min.png" alt="three lines menu"> <!--Source: https://www.flaticon.com/premium-icon/menu_3502458?term=three%20lines&page=1&position=4&page=1&position=4&related_id=3502458&origin=search-->
</div>
<header>
<div class="logo">
<h1>Columbus</h1>
<h3>Bakery Wholesale</h3>
</div>
<div class="perfil">
<span id="perfil-nombre">Ana María</span>
<span id="nacionalidad">ARG</span>
</div>
<a href="#" id="more-options">
<img src="./img/menu-min.png" alt="menu image"> <!-- Source: https://www.flaticon.es/icono-gratis/menu_483345?term=menu%20vertical&page=1&position=10&page=1&position=10&related_id=483345&origin=search-->
</a>
</header>
<div class="pagina-principal">
<div class="primer-columna">
<div class="checkout">
<table id="products-display-checkout">
<tr>
<th>
Cantidad
</th>
<th>
Producto
</th>
<th>
Tax
</th>
<th>
Total
</th>
</tr>
</table>
<br>
<div>
<span class="total">Total</span>
<span class="precio"></span>
<span class="moneda">$</span>
</div>
</div>
<div class="botones-de-descuento">
<button>
DESCUENTO DE EMPLEADOS
</button>
<button>
VISTA CLIENTE
</button>
<button>
CÓDIGO PROMOCIONAL
</button>
</div>
</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>
<div class="sub-menu">
<div class="opciones-de-pago">
<div>
<img src="./img/pngwing.com.png" alt="cash icon">
</div>
<div>
<img src="./img/visa.png" alt="Visa icon">
</div>
<div>
<img src="./img/mastercard.png" alt="Mastercard icon">
</div>
<div>
<img src="./img/uber-eats.jpg" alt="Uber Eats icon">
</div>
<div>
DEBITO
</div>
<div>
+
</div>
</div>
<div class="pagar">
<span>PAGAR</span>
</div>
</div>
</div>
</div>
</body>
</html>