1 line
14 KiB
HTML
1 line
14 KiB
HTML
<!DOCTYPE html><html lang="es"><head><meta charset="utf-8"><title>Stand Chile</title><meta name="keywords" content="stand, chile, celular, smartphone, telefono"><meta name="description" content="Stand Chile, soporte para celulares y tablets"><meta name="author" content="Aldarien"><meta name="copyright" content="ProVM"><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="columna_sticky"><div class="ui container"><div class="ui grid"><div class="left column" id="column"></div><div class="right column"><div id="sticky_form" class="ui sticky"><form class="ui form"><div class="ui grid"><div class="row"><div class="ten wide column"><div class="titulo">STAND</div><div class="precio">$ 5.990</div><div class="colores"><input type="hidden" name="color" value="azul"> <span class="text">COLOR</span><br><div class="white circle"></div><div class="black circle"></div><div class="blue circle"></div><div class="petrol circle"></div><div class="cyan 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 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="six wide column"><div class="ui image"><img src="./assets/images/fotos/azul/left.jpg"></div></div></div><div class="row"><div class="sixteen wide column"><button class="ui button">AGREGAR AL CARRO</button></div></div></div></form></div><div id="side_button" class="ui sticky"><div class="rotated">AGREGAR</div></div></div></div></div></div><header id="header"><div class="ui container"><div class="ui center aligned basic segment"><div id="logo"><img src="./assets/images/logo.svg"></div><div class="paragraph"><div class="header">SOPORTES PARA SMARTPHONE Y TABLETS</div>Diseñado y Fabricado en Chile</div></div></div></header><section id="descripcion" class="columna"><div class="ui container"><div class="left column"><div class="images"><div class="ui medium image"><img src="./assets/images/descripcion1.png"></div><div class="ui medium image"><img src="./assets/images/descripcion2.png"></div><div class="ui medium image"><img src="./assets/images/descripcion3.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></div></div></section><section id="ventajas" class="columna"><div class="diagonal"></div><div class="ui container"><div class="left column"><div class="titulo">VENTAJAS</div><div class="ui two columns stackable middle aligned grid"><div class="column"><div class="gallery"><div class="ui large image agrandable"><img src="./assets/images/galeria/foto1.jpg"></div><div class="nav left"><i class="angle left icon"></i></div><div class="nav right"><i class="angle right icon"></i></div></div></div><div class="column"><div class="ui two columns grid"><div class="row"><div class="column"><div class="ui center aligned basic segment"><i class="pallet icon"></i><br>Apoyo estable para el dispositivo</div></div><div class="column"><div class="ui center aligned basic segment"><i class="angle font-icon"></i><br>Ángulo preciso de inclinación para usar en conferencias</div></div></div><div class="row"><div class="column"><div class="ui center aligned basic segment"><i class="bolt icon"></i><br>Compatible con tablets, permite cargar mientras se usa</div></div><div class="column"><div class="ui center aligned basic segment"><i class="thumbs up icon"></i><br>Diseño moderno y minimalista</div></div></div></div></div></div></div></div></section><section id="dimensiones" class="columna"><div class="fondo-gris"></div><div class="ui container"><div class="left column"><div class="titulo">DIMENSIONES Y COLORES</div><div class="ui stackable grid"><div class="column"><div class="ui medium image"><img src="./assets/images/dimensiones.svg"></div></div><div class="column"><div class="ui grid"><div class="row"><div class="sixteen wide column"><div class="colores"><div class="white circle"></div><div class="black circle"></div><div class="blue selected circle"></div><div class="petrol circle"></div><div class="cyan 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><div class="row fotos"><div class="five wide column"><div class="ui image agrandable"><img src="./assets/images/fotos/azul/left.jpg" class="left"></div></div><div class="five wide column"><div class="ui image agrandable"><img src="./assets/images/fotos/azul/center.jpg" class="center"></div></div><div class="five wide column"><div class="ui image agrandable"><img src="./assets/images/fotos/azul/right.jpg" class="right"></div></div></div></div></div></div></div></div></section><section id="construidos" class="columna"><div class="ui container"><div class="left column"><div class="titulo">CONSTRUIDOS CON IMPRESIÓN 3D</div><div class="ui grid"><div class="doubling two columns row"><div class="content column"><i class="chile font-icon"></i><br>Diseñado y fabricado en Chile<br><br><i class="recycle icon"></i><br>Fabricado en plástico de orien vegetal sin derivados del petróleo</div></div></div></div></div></section><section id="corporativos"><div class="ui container"><div class="ui stackable grid"><div class="left column"><div class="titulo">CORPORATIVOS</div><div class="ui two columns stackable grid"><div class="column"><div class="ui basic segment"><div class="ui large image"><img src="./assets/images/logo_abajo.jpg"></div><div class="content"><div class="header">LOGO ABAJO</div><ul><li class="plus"><i class="small grey plus icon"></i> Siempre visible</li><li class="minus"><i class="small grey minus icon"></i> Menor tamaño</li></ul></div></div></div><div class="column"><div class="ui basic segment"><div class="ui large image"><img src="./assets/images/logo_arriba.jpg"></div><div class="content"><div class="header">LOGO ARRIBA</div><ul><li class="plus"><i class="small grey plus icon"></i> Mayor tamaño</li><li class="minus"><i class="small grey minus icon"></i> No se ve al apoyar el teléfono</li></ul></div></div></div></div></div><div class="right column"><div class="titulo">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="petrol circle"></div><div class="cyan 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></div></div></section><section id="testimonios"><div class="ui container"><div class="titulo">CLIENTES FELICES</div><div class="ui center aligned grid"><div class="one columns row"><div class="ui three center aligned cards testimonios"></div></div><div class="row"><div class="sixteen wide column"><div class="nav"></div></div></div></div></div></section><section id="contacto"><div class="background"></div><div class="ui container"><div class="ui stackable middle aligned grid"><div class="column"><div class="ui stackable middle aligned grid"><div class="column"><div class="ui large image"><img src="./assets/images/conversemos.png"></div></div><div class="column"><div class="ui center aligned basic segment"><a href="http://wa.me/56965872558" target="_blank"><div class="whatsapp"><i class="whatsapp icon"></i> CONVERSEMOS</div></a><br><a href="mailto:contacto@3dstand.cl">contacto@3dstand.cl</a><div class="ui centered fluid horizontal basic segments"><div class="segment"><a href="http://instagram.com/Stand_cl" target="_blank"><i class="ui icons"><i class="large circle icon"></i> <i class="instagram icon"></i></i></a></div><div class="segment"><a href="https://www.facebook.com/StAnd-105399181257587" target="_blank"><i class="ui icons"><i class="large circle icon"></i> <i class="facebook f icon"></i></i></a></div></div></div></div></div></div><div class="column"><div class="titulo">CONVERSEMOS! <a href="http://wa.me/56965872558"><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_form"><div class="row"><input type="text" name="nombre" placeholder="NOMBRE"></div><div class="row"><input type="text" name="mail" placeholder="E-MAIL"></div><div class="row"><textarea name="mensaje" placeholder="MENSAJE"></textarea></div><button class="ui button">ENVIAR</button></form></div></div></div></section><nav id="menu" class="ui borderless top fixed menu" role="navigation" aria-label="navigation"><div class="ui container"><div class="left menu item"><div class="ui simple dropdown"><div class="text"><i class="bars icon"></i></div><div class="menu"><a class="item" href="#header">Inicio</a> <a class="item" href="#ventajas">Ventajas</a> <a class="item" href="#dimensiones">Dimensiones</a> <a class="item" href="#corporativos">Corporativos</a> <a class="item" href="#testimonios">Testimonios</a> <a class="item" href="#contacto">Contacto</a></div></div></div><div class="right menu"><div class="item"><i class="shopping cart icon"><div class="cantidad">0</div></i></div></div></div></nav><div class="ui modal" id="images"><div class="header"><i class="close icon"></i></div><div class="content image"></div></div><div id="carro" class="ui modal"><i class="close icon"></i><div class="header">CARRITO</div><form><div class="content productos"><table class="ui table"><tbody></tbody><tfoot class="total"><tr><td colspan="3">TOTAL</td><td class="precio">$ <span class="valor">0</span></td><td></td></tr></tfoot></table></div><div class="content"><button class="ui button">COMPRAR</button></div></form></div><div class="ui bottom fixed text menu"><div class="ui container"><div class="right menu"><a class="item" href="#header"><i class="bordered up arrow icon"></i></a></div></div></div><div class="ui modal" id="modal_sticky"><form class="ui form"><div class="ui grid"><div class="row"><div class="ten wide column"><div class="titulo">STAND</div><div class="precio">$ 5.990</div><div class="colores"><input type="hidden" name="color" value="azul"> <span class="text">COLOR</span><br><div class="white circle"></div><div class="black circle"></div><div class="blue circle"></div><div class="petrol circle"></div><div class="cyan 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 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="six wide column"><div class="ui image"><img src="./assets/images/fotos/azul/left.jpg"></div></div></div><div class="row"><div class="sixteen wide column"><button class="ui button">AGREGAR AL CARRO</button></div></div></div></form></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 src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js" integrity="sha512-YYiD5ZhmJ0GCdJvx6Xe6HzHqHvMpJEPomXwPbsgcpMFPW+mQEeVBU6l9n+2Y+naq+CLbujk91vHyN18q6/RSYw==" 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> |