Falta corporativos, carro de compras y testimonios

This commit is contained in:
2021-01-03 00:22:47 -03:00
parent 57e13ccabb
commit a212e7567e
24 changed files with 729 additions and 151 deletions

View File

@ -65,9 +65,9 @@
<div class="column1 column" id="column">
<section id="seccion1" class="ui simple segment">
<div class="image-container">
<img src="./assets/images/tablet-front.png" />
<img src="./assets/images/tablet-back.png" />
<img src="./assets/images/phone.png" />
<img src="./assets/images/seccion11.png" />
<img src="./assets/images/seccion12.png" />
<img src="./assets/images/seccion13.png" />
</div>
<div class="paragraph">
<div class="header">
@ -79,7 +79,7 @@
<section id="seccion2" class="ui simple segment">
<div class="column1 column">
<img src="./assets/images/phone-pc.png" />
<img src="./assets/images/foto1.jpg" />
</div>
<div class="column2 column">
<div class="row">
@ -94,10 +94,10 @@
</ul>
</div>
<div class="row">
<img src="./assets/images/ventajas1.png" />
<img src="./assets/images/ventajas2.png" />
<img src="./assets/images/ventajas3.png" />
<img src="./assets/images/ventajas4.png" />
<img src="./assets/images/foto2.jpg" />
<img src="./assets/images/foto3.jpg" />
<img src="./assets/images/foto1.jpg" />
<img src="./assets/images/foto2.jpg" />
</div>
</div>
</section>
@ -107,8 +107,19 @@
<span class="bigger">DIMENSIONES</span> y colores
</div>
<div class="images">
<img src="./assets/images/variedades.png" />
<img src="./assets/images/dimensiones.svg" />
<div class="column">
<img src="./assets/images/variedades.png" />
<div>
<img src="./assets/images/bandera.svg" />
DISE&Ntilde;ADO Y FABRICADO EN CHILE
</div>
</div>
<div class="column">
<img src="./assets/images/dimensiones.svg" />
<div>
Fabricado en pl&aacute;stico de origen vegetal sin derivados del petr&oacute;leo
</div>
</div>
</div>
</section>
@ -128,6 +139,7 @@
$ 5.990
</div>
<div class="colores linea">
<input type="hidden" name="color" value="azul" />
<span class="text">COLOR</span>
<div class="white circle"></div>
<div class="black circle"></div>
@ -138,11 +150,15 @@
<div class="red circle"></div>
</div>
<div class="input">
<button class="minus" type="button">-</button><input type="text" name="cantidad" value="0" /><button class="plus" type="button">+</button>
<button class="minus" type="button">
<i class="minus icon"></i>
</button><input type="text" name="cantidad" value="0" /><button class="plus" type="button">
<i class="plus icon"></i>
</button>
</div>
</div>
<div class="column2 column">
<img src="./assets/images/stand.png" />
<img src="./assets/images/azul.png" />
</div>
</div>
<div class="row">
@ -160,37 +176,41 @@
<div class="opciones">
<div class="opcion">
<div class="img-grande">
<img src="./assets/images/logo_abajo.png" />
<img src="./assets/images/foto2.jpg" />
</div>
<div class="descripcion">
<div class="header">
LOGO ABAJO
<div class="content">
<div class="header">
LOGO ABAJO
</div>
<ul>
<li>Siempre visible</li>
<li>Menor tamaño</li>
</ul>
</div>
<ul>
<li>Siempre visible</li>
<li>Menor tamaño</li>
</ul>
<div class="images">
<img src="./assets/images/logo_abajo1.png" />
<img src="./assets/images/logo_abajo2.png" />
<img src="./assets/images/foto3.jpg" />
<img src="./assets/images/foto1.jpg" />
</div>
</div>
</div>
<div class="opcion">
<div class="img-grande">
<img src="./assets/images/logo_arriba.png" />
<img src="./assets/images/foto3.jpg" />
</div>
<div class="descripcion">
<div class="header">
LOGO ARRIBA
<div class="content">
<div class="header">
LOGO ARRIBA
</div>
<ul>
<li>No se ve al apoyar el tel&eacute;fono</li>
<li>Mayor tamaño</li>
</ul>
</div>
<ul>
<li>No se ve al apoyar el tel&eacute;fono</li>
<li>Mayor tamaño</li>
</ul>
<div class="images">
<img src="./assets/images/logo_arriba1.png" />
<img src="./assets/images/logo_arriba2.png" />
<img src="./assets/images/foto1.jpg" />
<img src="./assets/images/foto2.jpg" />
</div>
</div>
</div>
@ -198,11 +218,12 @@
</div>
<div class="column2 column fondo-blanco">
<div class="header">
COTIZA CON NOSOSTROS
COTIZA CON NOSOTROS
</div>
<form class="ui form">
<div class="row">
<div class="colores linea">
<input type="hidden" name="color" value="azul" />
<span class="text">COLOR</span>
<div class="white circle"></div>
<div class="black circle"></div>
@ -213,12 +234,16 @@
<div class="red circle"></div>
</div>
<div class="input cantidad">
<button class="minus" type="button">-</button><input type="text" name="cantidad" value="0" /><button class="plus" type="button">+</button>
<button class="minus" type="button">
<i class="minus icon"></i>
</button><input type="text" name="cantidad" value="0" /><button class="plus" type="button">
<i class="plus icon"></i>
</button>
</div>
</div>
<div class="row">
LOGO
<div class="input">
LOGO
<input type="file" name="archivo" placeholder="Cargar archivo" />
<div class="file">Cargar archivo</div>
</div>
@ -240,10 +265,10 @@
</div>
<div class="row">
<div class="input">
<textarea name="mensaje" placeholder="MENSAJE">
</textarea>
<textarea name="mensaje" placeholder="MENSAJE"></textarea>
</div>
</div>
<button class="ui button" type="submit">COTIZAR</button>
</form>
</div>
</section>
@ -318,5 +343,6 @@
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/semantic.min.js" integrity="sha512-1Nyd5H4Aad+OyvVfUOkO/jWPCrEvYIsQENdnVXt1+Jjc4NoJw28nyRdrpOCyFH4uvR3JmH/5WmfX1MJk2ZlhgQ==" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://smtpjs.com/v3/smtp.js"></script>
<script type="text/javascript" src="./assets/scripts/main.min.js"></script>
</body>