13 lines
9.5 KiB
HTML
13 lines
9.5 KiB
HTML
<!DOCTYPE html><html lang="es"><head><meta charset="UTF-8"><title>Stand</title><meta name="keywords" content="stand, chile, celular, smartphone, telefono"><meta content="width=device-width,initial-scale=1" name="viewport"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/semantic.min.css" integrity="sha512-g/MzOGVPy3OQ4ej1U+qe4D/xhLwUn5l5xL0Fa7gdC258ZWVJQGwsbIR47SWMpRxSPjD0tfu/xkilTy+Lhrl3xg==" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"><link rel="icon" type="image/png" href="./assets/images/favicon.png"><link rel="stylesheet" type="text/css" href="./assets/styles/main.min.css"></head><body><div id="backgrounds"><div class="cabezal"></div><div class="seccion1"></div><div class="seccion2"><div class="diagonal"></div></div><div class="dimensiones"><div class="fondo-gris"></div></div><div class="construido"></div><div class="corporativos"></div><div class="testimonios"></div><div class="formulario"></div></div><div id="content" class="ui container"><header id="header"><nav class="ui borderless sticky menu"><div class="ui simple dropdown item"><div class="text"><i class="bars icon"></i></div><div class="menu"><a class="item" href="./">Inicio</a> <a class="item" href="./#seccion2">Ventajas</a> <a class="item" href="./#dimensiones">Dimensiones</a> <a class="item" href="./#corporativos">Corporativos</a> <a class="item" href="./#felices">Testimonios</a> <a class="item" href="./#formulario">Contacto</a></div></div><div class="right menu"><a class="item" href="./#formulario"><i class="shopping cart icon"><div>0</div></i></a></div></nav><div class="logo ui center aligned basic segment"><img src="./assets/images/logo.svg"><div class="frase1">SOPORTES PARA SMARTPHONE Y TABLETS</div><div class="frase2">Diseñado y Fabricado en Chile</div></div></header><div class="column1 column" id="column"><section id="seccion1" class="ui simple segment"><div class="image-container"><div class="corte1"><img src="./assets/images/seccion11.png"> <img src="./assets/images/seccion12.png"></div><div class="corte2"><img src="./assets/images/seccion13.png"></div></div><div class="paragraph"><div class="header">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR</div>adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu</div></section><section id="seccion2" class="ui simple segment"><div class="column1 column"><img src="./assets/images/foto1.jpg"></div><div class="column2 column"><div class="row"><div class="header">VENTAJAS</div><ul><li>Apoyo estable del teléfono</li><li>Ángulo preciso de inclinación para usar en conferencias</li><li>Compatible con tablets permite cargar mientras se usa</li><li>Diseño moderno y minimalista</li></ul></div><div class="row"><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><section id="dimensiones" class="ui simple segment"><div class="header"><span class="bigger">DIMENSIONES</span> y colores</div><div class="images"><div class="column"><img src="./assets/images/variedades.png"><div><img src="./assets/images/bandera.svg"> DISEÑADO Y FABRICADO EN CHILE</div></div><div class="column"><img src="./assets/images/dimensiones.svg"><div>Fabricado en plástico de origen vegetal sin derivados del petróleo</div></div></div></section><section id="construido" class="ui simple segment"><div class="header">CONSTRUIDOS EN IMPRESIÓN 3D</div></section></div><div class="column2 column fondo-blanco"><div class="ui sticky"><form class="ui form" name="form-sticky"><div class="row"><div class="column1 column"><div class="titulo linea">STAND</div><div class="precio linea">$ 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><div class="blue circle"></div><div class="green circle"></div><div class="yellow circle"></div><div class="orange circle"></div><div class="red circle"></div></div><div class="input"><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/azul.png"></div></div><div class="row"><button class="ui grey button" type="submit">AGREGAR AL CARRO</button></div></form></div></div><section id="corporativos" class="ui simple segment"><div class="column1 column"><div class="header"><span class="bigger">CORPORATIVOS</span> Regalos y más ...</div><div class="opciones"><div class="opcion"><div class="img-grande"><img src="./assets/images/foto2.jpg"></div><div class="descripcion"><div class="content"><div class="header">LOGO ABAJO</div><ul><li>Siempre visible</li><li>Menor tamaño</li></ul></div><div class="images"><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/foto3.jpg"></div><div class="descripcion"><div class="content"><div class="header">LOGO ARRIBA</div><ul><li>No se ve al apoyar el teléfono</li><li>Mayor tamaño</li></ul></div><div class="images"><img src="./assets/images/foto1.jpg"> <img src="./assets/images/foto2.jpg"></div></div></div></div></div><div class="column2 column fondo-blanco"><div class="header">COTIZA CON NOSOTROS</div><form class="ui form"><div class="row"><div class="input">LOGO <input type="file" name="archivo" placeholder="Cargar archivo"><div class="file"><i class="upload icon"></i></div></div></div><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><div class="blue circle"></div><div class="green circle"></div><div class="yellow circle"></div><div class="orange circle"></div><div class="red circle"></div></div></div><div class="row"><div class="input cantidad"><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"><div class="input"><input type="text" name="nombre" placeholder="NOMBRE"></div></div><div class="row"><div class="input"><input type="text" name="email" placeholder="E-MAIL"></div></div><div class="row"><div class="input"><input type="text" name="telefono" placeholder="TELÉFONO"></div></div><div class="row"><div class="input"><textarea name="mensaje" placeholder="MENSAJE"></textarea></div></div><button class="ui button" type="submit">COTIZAR</button></form></div></section><section id="felices" class="ui simple segment"><div class="header">CLIENTES FELICES</div><div class="testimonios"><div class="testimonio"></div><div class="testimonio"></div><div class="testimonio"></div></div><div class="nav"></div></section><section id="formulario" class="ui simple segment"><div class="flotante"><div class="content"><a href="https://wa.me/56994450117" class="item"><div class="whatsapp"><i class="whatsapp icon"></i> CONVERSEMOS</div></a><a href="mailto:ventas@stand.cl" class="item"><div>ventas@3Dstand.cl</div></a><div class="rrss item"><a href="http://www.instagram.com/stand"><i class="icons"><i class="inverted grey large circle icon"></i> <i class="grey instagram icon"></i> </i></a><a href="http://www.facebook.com/stand"><i class="icons"><i class="inverted grey large circle icon"></i> <i class="grey facebook f icon"></i> </i></a><!--
|
|
<a href="http://www.youtube.com/stand">
|
|
<i class="icons">
|
|
<i class="inverted grey large circle icon"></i>
|
|
<i class="grey youtube icon"></i>
|
|
</i>
|
|
</a>
|
|
<a href="http://www.linkedin.com/stand">
|
|
<i class="icons">
|
|
<i class="inverted grey large circle icon"></i>
|
|
<i class="grey linkedin in icon"></i>
|
|
</i>
|
|
</a>--></div></div></div><div class="column1 column"><img src="./assets/images/conversemos.png"></div><div class="column2 column"><div class="header">CONVERSEMOS! <a href="https://wa.me/56994450117" class="whatsapp-link"><i class="green whatsapp icon"></i></a></div><div class="paragraph">scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nosventas</div><form class="ui form" id="contacto"><input type="text" name="nombre" placeholder="NOMBRE"> <input type="text" name="mail" placeholder="E-MAIL"> <textarea name="mensaje" placeholder="MENSAJE"></textarea> <button class="ui button">ENVIAR</button></form></div></section></div><!-- 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></html> |