Compare commits
14 Commits
features/g
...
develop
| Author | SHA1 | Date | |
|---|---|---|---|
| fb1c8d6ef5 | |||
| 429a6ac9ee | |||
| afa90fb4bc | |||
| c6dabb0627 | |||
| d9e492fb40 | |||
| 7b43fb0880 | |||
| 0320b990c6 | |||
| 05e12addac | |||
| 1ac2789f28 | |||
| 10622c2e94 | |||
| daab2b65f5 | |||
| 47c3e3924f | |||
| 81f6ae876e | |||
| d31626b4a6 |
18
assets/html/001_head.html
Normal file
18
assets/html/001_head.html
Normal file
@ -0,0 +1,18 @@
|
||||
<!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>
|
||||
59
assets/html/0021_sticky.html
Normal file
59
assets/html/0021_sticky.html
Normal file
@ -0,0 +1,59 @@
|
||||
<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>
|
||||
15
assets/html/002_banner.html
Normal file
15
assets/html/002_banner.html
Normal file
@ -0,0 +1,15 @@
|
||||
<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>
|
||||
23
assets/html/003_descripcion.html
Normal file
23
assets/html/003_descripcion.html
Normal file
@ -0,0 +1,23 @@
|
||||
<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>
|
||||
61
assets/html/004_ventajas.html
Normal file
61
assets/html/004_ventajas.html
Normal file
@ -0,0 +1,61 @@
|
||||
<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>
|
||||
53
assets/html/005_dimensiones.html
Normal file
53
assets/html/005_dimensiones.html
Normal file
@ -0,0 +1,53 @@
|
||||
<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>
|
||||
22
assets/html/006_construidos.html
Normal file
22
assets/html/006_construidos.html
Normal file
@ -0,0 +1,22 @@
|
||||
<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>
|
||||
104
assets/html/007_corporativos.html
Normal file
104
assets/html/007_corporativos.html
Normal file
@ -0,0 +1,104 @@
|
||||
<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>
|
||||
18
assets/html/008_testimonios.html
Normal file
18
assets/html/008_testimonios.html
Normal file
@ -0,0 +1,18 @@
|
||||
<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>
|
||||
72
assets/html/009_contacto.html
Normal file
72
assets/html/009_contacto.html
Normal file
@ -0,0 +1,72 @@
|
||||
<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>
|
||||
26
assets/html/010_nav.html
Normal file
26
assets/html/010_nav.html
Normal file
@ -0,0 +1,26 @@
|
||||
<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>
|
||||
7
assets/html/011_modal_images.html
Normal file
7
assets/html/011_modal_images.html
Normal file
@ -0,0 +1,7 @@
|
||||
<div class="ui modal" id="images">
|
||||
<div class="header">
|
||||
<i class="close icon"></i>
|
||||
</div>
|
||||
<div class="content image">
|
||||
</div>
|
||||
</div>
|
||||
23
assets/html/012_carro.html
Normal file
23
assets/html/012_carro.html
Normal file
@ -0,0 +1,23 @@
|
||||
<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>
|
||||
9
assets/html/013_arriba.html
Normal file
9
assets/html/013_arriba.html
Normal file
@ -0,0 +1,9 @@
|
||||
<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>
|
||||
45
assets/html/014_modal_sticky.html
Normal file
45
assets/html/014_modal_sticky.html
Normal file
@ -0,0 +1,45 @@
|
||||
<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>
|
||||
8
assets/html/101_footer.html
Normal file
8
assets/html/101_footer.html
Normal file
@ -0,0 +1,8 @@
|
||||
<!-- 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>
|
||||
@ -1,371 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Stand</title>
|
||||
<meta name="keywords" content="stand, chile, celular, smartphone, telefono" />
|
||||
<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="ui grid">
|
||||
<div class="column1 twelve wide column" id="column">
|
||||
<section id="seccion1" class="ui simple segment">
|
||||
<div class="image-container">
|
||||
<div class="ui grid">
|
||||
<div class="ten wide column">
|
||||
<div class="ui medium images">
|
||||
<img src="./assets/images/seccion11.png" />
|
||||
<img src="./assets/images/seccion12.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="six wide column">
|
||||
<div class="ui medium image">
|
||||
<img src="./assets/images/seccion13.png" />
|
||||
</div>
|
||||
</div>
|
||||
</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 four wide 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">COMPRAR</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</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="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 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">
|
||||
LOGO
|
||||
<input type="file" name="archivo" placeholder="Cargar archivo" />
|
||||
<div class="file">Cargar archivo</div>
|
||||
</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>
|
||||
@ -1,39 +1,41 @@
|
||||
var proportionals = []
|
||||
var widths = []
|
||||
var heights = []
|
||||
var changeables = []
|
||||
function register_resizeables() {
|
||||
proportionals.push($('img'))
|
||||
//widths.push()
|
||||
heights.push($('#backgrounds div'))
|
||||
changeables.push($('.sticky'))
|
||||
}
|
||||
|
||||
const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
|
||||
const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
|
||||
|
||||
function mod_height(elem, p) {
|
||||
elem.height = (elem.height * p)
|
||||
}
|
||||
function mod_width(elem, p) {
|
||||
elem.width = (elem.width * p)
|
||||
}
|
||||
function mod_dim(elem, p) {
|
||||
mod_width(elem, p)
|
||||
mod_height(elem, p)
|
||||
}
|
||||
function resize() {
|
||||
let p = 400 / 1080
|
||||
|
||||
$.each(proportionals, (i, el) => {
|
||||
mod_dim(el, p)
|
||||
})
|
||||
$.each(widths, (i, el) => {
|
||||
mod_width(el, p)
|
||||
})
|
||||
$.each(heights, (i, el) => {
|
||||
mod_height(el, p)
|
||||
})
|
||||
const valor = 6990
|
||||
let available_colors = {
|
||||
white: {
|
||||
name: 'blanco',
|
||||
rgb: 'rgb(255, 255, 255)'
|
||||
},
|
||||
black: {
|
||||
name: 'negro',
|
||||
rgb: 'rgb(0, 0, 0)'
|
||||
},
|
||||
blue: {
|
||||
name: 'azul',
|
||||
rgb: 'rgb(0, 110, 230)'
|
||||
},
|
||||
petrol: {
|
||||
name: 'azul_petroleo',
|
||||
rgb: 'rgb(0, 80, 120)'
|
||||
},
|
||||
cyan: {
|
||||
name: 'celeste',
|
||||
rgb: 'rgb(80, 200, 255)'
|
||||
},
|
||||
green: {
|
||||
name: 'verde',
|
||||
rgb: 'rgb(10, 200, 100)'
|
||||
},
|
||||
yellow: {
|
||||
name: 'amarillo',
|
||||
rgb: 'rgb(255, 240, 70)'
|
||||
},
|
||||
orange: {
|
||||
name: 'naranjo',
|
||||
rgb: 'rgb(255, 130, 70)'
|
||||
},
|
||||
red: {
|
||||
name: 'rojo',
|
||||
rgb: 'rgb(255, 20, 50)'
|
||||
}
|
||||
}
|
||||
|
||||
class Amount {
|
||||
@ -108,28 +110,24 @@ class Amount {
|
||||
|
||||
class Colors {
|
||||
constructor(elem, changing = false) {
|
||||
this.color = {
|
||||
white: 'blanco',
|
||||
black: 'negro',
|
||||
blue: 'azul',
|
||||
green: 'verde',
|
||||
yellow: 'amarillo',
|
||||
orange: 'naranjo',
|
||||
red: 'rojo'
|
||||
}
|
||||
this.colors = available_colors
|
||||
this.picked = 'blue'
|
||||
this.elem = elem
|
||||
this.input = elem.find('input[name="color"]')
|
||||
this.changing = null
|
||||
if (changing) {
|
||||
this.changing = elem.parent().parent().find('.column2 img')
|
||||
this.changing = elem.parent().parent().find('.column img')
|
||||
}
|
||||
this.setup()
|
||||
}
|
||||
setup() {
|
||||
this.elem.find('.circle').each((i, el) => {
|
||||
let color = $(el).attr('class').split(' ')[0]
|
||||
let cssColor = $(el).css('background-color')
|
||||
if (cssColor != this.colors[color]['rgb']) {
|
||||
$(el).css('background-color', this.colors[color]['rgb'])
|
||||
}
|
||||
$(el).click((e) => {
|
||||
let color = $(el).attr('class').split(' ')[0]
|
||||
this.change_color(color)
|
||||
})
|
||||
})
|
||||
@ -139,28 +137,106 @@ class Colors {
|
||||
$(el).removeClass('selected')
|
||||
}
|
||||
change_color(color) {
|
||||
this.picked = this.color[color]
|
||||
this.picked = this.colors[color]['name']
|
||||
this.input.val(this.picked)
|
||||
this.elem.find('.circle').each((i, el) => {
|
||||
this.default_color_format(el)
|
||||
})
|
||||
this.elem.find('.' + color + '.circle').addClass('selected')
|
||||
if (this.changing != null) {
|
||||
this.changing.attr('src', './assets/images/' + this.picked + '.png')
|
||||
this.changing.attr('src', './assets/images/fotos/' + this.picked + '/thumb.jpg')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let smtp = {
|
||||
Host: 'smtp.google.com',
|
||||
Username: 'rsalinas85@gmail.com',
|
||||
Password: 'salinas1234',
|
||||
From: 'ventas@3dstand.cl'
|
||||
let ventajas = {
|
||||
elem: $('#ventajas'),
|
||||
fotos: 6,
|
||||
setup: function() {
|
||||
let h = this.elem.css('height')
|
||||
let w = this.elem.css('width')
|
||||
|
||||
this.elem.find('.diagonal').css('borderBottomWidth', h)
|
||||
this.elem.find('.diagonal').css('borderRightWidth', w)
|
||||
|
||||
this.elem.find('.nav.left').click((e) => {
|
||||
this.prev()
|
||||
})
|
||||
this.elem.find('.nav.right').click((e) => {
|
||||
this.next()
|
||||
})
|
||||
|
||||
this.elem.find('.gallery').swipe({
|
||||
swipeLeft: (e, dir, d, t, n, data) => {
|
||||
this.next()
|
||||
},
|
||||
swipeRight: (e, dir, d, t, n, data) => {
|
||||
this.prev()
|
||||
}
|
||||
})
|
||||
},
|
||||
current: 1,
|
||||
next: function() {
|
||||
var n = this.current + 1
|
||||
if (n > this.fotos) {
|
||||
n = 1
|
||||
}
|
||||
this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')
|
||||
this.current = n
|
||||
},
|
||||
prev: function() {
|
||||
var n = this.current - 1
|
||||
if (n < 1) {
|
||||
n = this.fotos
|
||||
}
|
||||
this.elem.find('.gallery .image img').attr('src', './assets/images/galeria/foto' + n + '.jpg')
|
||||
this.current = n
|
||||
}
|
||||
}
|
||||
let dimensiones = {
|
||||
colors: available_colors,
|
||||
elem: $('#dimensiones'),
|
||||
setup: function() {
|
||||
this.elem.find('.colores .circle').each((i, el) => {
|
||||
let color = $(el).attr('class').split(' ')[0]
|
||||
let cssColor = $(el).css('background-color')
|
||||
if (cssColor != this.colors[color]['rgb']) {
|
||||
$(el).css('background-color', this.colors[color]['rgb'])
|
||||
}
|
||||
$(el).click((e) => {
|
||||
this.change_color(color)
|
||||
})
|
||||
})
|
||||
},
|
||||
change_color: function(color) {
|
||||
this.picked = this.colors[color]['name']
|
||||
this.elem.find('.colores .circle').each((i, el) => {
|
||||
$(el).removeClass('selected')
|
||||
})
|
||||
this.elem.find('.colores .' + color + '.circle').addClass('selected')
|
||||
this.change_images(this.colors[color]['name'])
|
||||
},
|
||||
change_images: function(color) {
|
||||
this.elem.find('.fotos img').each((i, el) => {
|
||||
let pos = $(el).attr('class')
|
||||
$(el).attr('src', './assets/images/fotos/' + color + '/' + pos + '.jpg')
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const smtp = {
|
||||
SecureToken: '4adcdc1f-6b6e-4e60-ab72-20da4c329b09',
|
||||
From: 'contacto@3dstand.cl'
|
||||
}
|
||||
|
||||
let sticky_form = {
|
||||
elem: $('.sticky form'),
|
||||
color: null,
|
||||
amount: null,
|
||||
setup: function() {
|
||||
this.amount = new Amount($('.sticky .input input[name="cantidad"]'))
|
||||
this.color = new Colors($('.sticky .colores'), true)
|
||||
|
||||
this.elem.submit((e) => {
|
||||
e.preventDefault()
|
||||
this.submit()
|
||||
@ -168,7 +244,11 @@ let sticky_form = {
|
||||
})
|
||||
},
|
||||
submit: function() {
|
||||
console.debug('submit sticky')
|
||||
carro.add(this.elem.find('[name="cantidad"]').val(), this.elem.find('[name="color"]').val())
|
||||
this.color.change_color('blue')
|
||||
this.amount.n = 0
|
||||
this.amount.print()
|
||||
this.elem.trigger('reset')
|
||||
}
|
||||
}
|
||||
let cotiza_form = {
|
||||
@ -197,9 +277,7 @@ let cotiza_form = {
|
||||
this.elem.find('[name="mensaje"]').val()
|
||||
]
|
||||
let content = {
|
||||
Host: smtp.Host,
|
||||
Username: smtp.Username,
|
||||
Password: smtp.Password,
|
||||
SecureToken: smtp.SecureToken,
|
||||
To: email,
|
||||
From: smtp.From,
|
||||
Subject: 'Cotizacion - ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}),
|
||||
@ -211,12 +289,11 @@ let cotiza_form = {
|
||||
}
|
||||
]
|
||||
}
|
||||
console.debug(email)
|
||||
//Email.send()
|
||||
Email.send(content)
|
||||
}
|
||||
}
|
||||
let conversemos_form = {
|
||||
elem: $('#contacto'),
|
||||
elem: $('#contacto_form'),
|
||||
setup: function() {
|
||||
this.elem.submit((e) => {
|
||||
e.preventDefault()
|
||||
@ -233,51 +310,121 @@ let conversemos_form = {
|
||||
this.elem.find('[name="mensaje"]').val()
|
||||
]
|
||||
let content = {
|
||||
Host: smtp.Host,
|
||||
Username: smtp.Username,
|
||||
Password: smtp.Password,
|
||||
SecureToken: smtp.SecureToken,
|
||||
From: smtp.From,
|
||||
To: email,
|
||||
Subject: 'Contacto ' + (new Date()).toLocaleString('es-CL', {timezone: "UTC-3"}),
|
||||
Body: body.join('<br />')
|
||||
}
|
||||
Email.send(content)
|
||||
}
|
||||
}
|
||||
|
||||
let testimonios = {
|
||||
testimonios: [
|
||||
"Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas",
|
||||
"Siiii todo mi gusto.. me encantó lo completo que es. Gracias",
|
||||
"Está super cool se ve de buena calidad",
|
||||
"Llego el mío, y es excelente, estoy feliz con mi compra",
|
||||
"Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida",
|
||||
"Perfecto el producto, funciona impecable, muchas gracias",
|
||||
"Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman",
|
||||
"Hola! Quería decirte que me encantaron los soportes, Muy útiles!",
|
||||
"Compré 3 y olvidé decirte que los encontré geniales! Me encantaron",
|
||||
"Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Este soporte que compré en @Stand-cl me cambió la vida, me sirve para el teléfono y el ipad, y ya no tengo que andar acomodando los aparatos en cualquier parte para las videollamadas"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Siiii todo mi gusto.. me encantó lo completo que es. Gracias"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Está super cool se ve de buena calidad"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Llego el mío, y es excelente, estoy feliz con mi compra"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Hola!!Me llegó el pedido, Muchas gracias muy bello. Me salvaste la vida"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Perfecto el producto, funciona impecable, muchas gracias"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Están bacanes! muchísimas gracias. Le regalé a mis viejos y lo aman"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Hola! Quería decirte que me encantaron los soportes, Muy útiles!"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Compré 3 y olvidé decirte que los encontré geniales! Me encantaron"
|
||||
},
|
||||
{
|
||||
"autor": "John Master",
|
||||
"contenido": "Diseño simple y funcional, minimalista y excelente precio, despacho súper Rápido.. gracias!"
|
||||
}
|
||||
],
|
||||
elem: $('#felices .testimonios'),
|
||||
elem: $('#testimonios'),
|
||||
page: 0,
|
||||
maxPages: 1,
|
||||
amount: 3,
|
||||
word_amount: {
|
||||
1: 'one',
|
||||
3: 'three'
|
||||
},
|
||||
setup: function() {
|
||||
this.maxPages = Math.ceil(this.testimonios.length / this.amount)
|
||||
this.elem.find('.testimonios').swipe({
|
||||
swipeRight: (e, dir, d, t, n, data) => {
|
||||
this.page --
|
||||
if (this.page < 0) {
|
||||
this.page = this.maxPages - 1
|
||||
}
|
||||
this.draw()
|
||||
},
|
||||
swipeLeft: (e, dir, d, t, n, data) => {
|
||||
this.page ++
|
||||
if (this.page >= this.maxPages) {
|
||||
this.page = 0
|
||||
}
|
||||
this.draw()
|
||||
}
|
||||
})
|
||||
if (this.amount != 3) {
|
||||
this.elem.find('.testimonios').removeClass('three')
|
||||
this.elem.find('.testimonios').addClass(this.word_amount[this.amount])
|
||||
}
|
||||
this.draw()
|
||||
},
|
||||
draw: function() {
|
||||
var n = this.page * 3
|
||||
this.elem.find('.testimonio').each((i, el) => {
|
||||
var n = this.page * this.amount
|
||||
let p = this.elem.find('.testimonios')
|
||||
p.html('')
|
||||
for (var i = 0; i < this.amount; i ++) {
|
||||
if (n >= this.testimonios.length) {
|
||||
$(el).html('')
|
||||
return
|
||||
break
|
||||
}
|
||||
$(el).html(this.testimonios[n])
|
||||
n += 1
|
||||
})
|
||||
p.append(
|
||||
$('<div></div>').attr('class', 'ui centered fluid card').append(
|
||||
$('<div></div>').attr('class', 'center aligned content').append(
|
||||
$('<div></div>').attr('class', 'header').html(this.testimonios[n]['autor'].toUpperCase())
|
||||
).append(
|
||||
$('<div></div>').attr('class', 'description').html(this.testimonios[n]['contenido'])
|
||||
)
|
||||
).append(
|
||||
$('<div></div>').attr('class', 'center aligned content').append(
|
||||
$('<div></div>').attr('class', 'ui mini black rating disabled').attr('data-rating', '5').attr('data-max-rating', '5')
|
||||
)
|
||||
)
|
||||
)
|
||||
n ++
|
||||
}
|
||||
this.elem.find('.ui.rating').rating()
|
||||
this.draw_nav()
|
||||
},
|
||||
draw_nav: function() {
|
||||
let N = Math.ceil(this.testimonios.length / 3)
|
||||
let N = this.maxPages
|
||||
let k = this.page
|
||||
let nav = this.elem.parent().find('.nav')
|
||||
let nav = this.elem.find('.nav')
|
||||
let tests = this
|
||||
nav.html('')
|
||||
for (var i = 0; i < N; i ++) {
|
||||
@ -294,29 +441,264 @@ let testimonios = {
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
register_resizeables()
|
||||
|
||||
if (vw < 1080) {
|
||||
resize()
|
||||
let sticky_button = {
|
||||
elem: $('#columna_sticky #side_button'),
|
||||
setup: function() {
|
||||
$('#modal_sticky').modal()
|
||||
this.elem.click((e) => {
|
||||
$('#modal_sticky').modal('show')
|
||||
})
|
||||
this.elem.sticky({
|
||||
context: '#column'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
$('.menu.sticky').sticky()
|
||||
$('.column2 .sticky').sticky({
|
||||
context: '#column'
|
||||
})
|
||||
let modal_sticky_form = {
|
||||
elem: $('#modal_sticky form'),
|
||||
color: null,
|
||||
amount: null,
|
||||
setup: function() {
|
||||
this.amount = new Amount($('#modal_sticky form .input input[name="cantidad"]'))
|
||||
this.color = new Colors($('#modal_sticky form .colores'), true)
|
||||
|
||||
this.elem.submit((e) => {
|
||||
e.preventDefault()
|
||||
this.submit()
|
||||
this.elem.parent('#modal_sticky').modal('hide')
|
||||
return false
|
||||
})
|
||||
},
|
||||
submit: function() {
|
||||
carro.add(this.elem.find('[name="cantidad"]').val(), this.elem.find('[name="color"]').val())
|
||||
this.color.change_color('blue')
|
||||
this.amount.n = 0
|
||||
this.amount.print()
|
||||
this.elem.trigger('reset')
|
||||
}
|
||||
}
|
||||
|
||||
let sticky = {
|
||||
elem: $('#columna_sticky'),
|
||||
setup: function() {
|
||||
var h = 0
|
||||
$('section.columna').each((i, el) => {
|
||||
h += $(el).outerHeight(true)
|
||||
})
|
||||
this.elem.height(h)
|
||||
this.elem.find('#column').height(h)
|
||||
|
||||
sticky_form.setup()
|
||||
|
||||
this.elem.find('.sticky .precio').html('$ ' + format(valor))
|
||||
|
||||
if ($('#columna_sticky .sticky').css('display') != 'none') {
|
||||
$('#columna_sticky .sticky').sticky({
|
||||
context: '#column'
|
||||
})
|
||||
} else {
|
||||
sticky_button.setup()
|
||||
modal_sticky_form.setup()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let image = {
|
||||
elem: $('.agrandable'),
|
||||
modal: $('#images.modal'),
|
||||
setup: function() {
|
||||
this.modal.modal()
|
||||
this.modal.find('.close.icon').click((e) => {
|
||||
this.modal.modal('hide')
|
||||
this.modal.find('.image').html('')
|
||||
})
|
||||
let p = this
|
||||
this.elem.click(function(e) {
|
||||
let img = $(this).find('img').attr('src')
|
||||
p.modal.find('.image').html('')
|
||||
p.modal.find('.image').append(
|
||||
$('<img />').attr('src', img)
|
||||
)
|
||||
p.modal.find('.image img').css('width', '100%')
|
||||
p.modal.modal('show')
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function format(value) {
|
||||
return (''+value).split('').reverse().join('').match(/.{1,3}/g).join('.').split('').reverse().join('')
|
||||
}
|
||||
|
||||
class Producto {
|
||||
constructor(id, cantidad, color) {
|
||||
this.id = id
|
||||
this.cantidad = cantidad
|
||||
this.color = color
|
||||
}
|
||||
colorName() {
|
||||
return this.color.toLowerCase().split(' ').map(function(str) {
|
||||
return str.replace(str[0], str[0].toUpperCase())
|
||||
}).join(' ')
|
||||
}
|
||||
precio(formateado = false) {
|
||||
let precio = this.cantidad * valor
|
||||
if (!formateado) {
|
||||
return precio
|
||||
}
|
||||
return format(precio)
|
||||
}
|
||||
increase() {
|
||||
this.cantidad ++
|
||||
carro.cantidad ++
|
||||
this.updateCantidad()
|
||||
}
|
||||
decrease() {
|
||||
this.cantidad --
|
||||
carro.cantidad --
|
||||
this.updateCantidad()
|
||||
if (this.cantidad <= 0) {
|
||||
carro.remove(this.id)
|
||||
}
|
||||
}
|
||||
updateCantidad() {
|
||||
$('tr[data-id="' + this.id + '"]').find('input[name="cantidad' + this.id + '"]').val(this.cantidad)
|
||||
carro.update()
|
||||
carro.draw()
|
||||
}
|
||||
draw() {
|
||||
let row = $('<tr></tr>').attr('data-id', this.id).append(
|
||||
$('<td></td>').append(
|
||||
$('<div></div>').attr('class', 'ui tiny image').append(
|
||||
$('<img />').attr('src', './assets/images/fotos/' + this.color + '/thumb.jpg')
|
||||
)
|
||||
)
|
||||
).append(
|
||||
$('<td></td>').html('Stand ' + this.colorName())
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'input cantidad').append(
|
||||
$('<button></button>').attr('class', 'minus').attr('type', 'button').append(
|
||||
$('<i></i>').attr('class', 'minus icon')
|
||||
)
|
||||
).append(
|
||||
$('<input />').attr('type', 'text').attr('name', 'cantidad' + this.id).attr('value', this.cantidad)
|
||||
).append(
|
||||
$('<button></button>').attr('class', 'plus').attr('type', 'button').append(
|
||||
$('<i></i>').attr('class', 'plus icon')
|
||||
)
|
||||
)
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'precio').html('$ ' + this.precio(true))
|
||||
).append(
|
||||
$('<td></td>').append(
|
||||
$('<i></i>').attr('class', 'trash icon')
|
||||
)
|
||||
)
|
||||
row.find('button.minus').click((e) => {
|
||||
this.decrease()
|
||||
})
|
||||
row.find('button.plus').click((e) => {
|
||||
this.increase()
|
||||
})
|
||||
row.find('.trash.icon').click((e) => {
|
||||
carro.remove(this.id)
|
||||
})
|
||||
return row
|
||||
}
|
||||
}
|
||||
let carro = {
|
||||
elem: $('#carro'),
|
||||
boton: $('nav#menu .shopping.cart'),
|
||||
cantidad: 0,
|
||||
compras: [],
|
||||
setup: function() {
|
||||
this.boton.click((e) => {
|
||||
this.draw()
|
||||
})
|
||||
this.elem.find('.close.icon').click((e) => {
|
||||
this.elem.modal('hide')
|
||||
})
|
||||
this.elem.find('form').submit((e) => {
|
||||
e.preventDefault()
|
||||
this.submit()
|
||||
return false
|
||||
})
|
||||
this.update()
|
||||
},
|
||||
update: function() {
|
||||
this.boton.find('.cantidad').html(this.cantidad)
|
||||
},
|
||||
add: function(amount, color) {
|
||||
amount = parseInt(amount)
|
||||
if (amount <= 0) {
|
||||
return
|
||||
}
|
||||
this.cantidad += amount
|
||||
this.update()
|
||||
let idx = this.compras.map(x => {return x.color}).indexOf(color)
|
||||
if (idx > -1) {
|
||||
this.compras[idx].cantidad += amount
|
||||
return
|
||||
}
|
||||
let f = Date.now()
|
||||
this.compras.push(new Producto(f, amount, color))
|
||||
},
|
||||
remove: function(id) {
|
||||
if (this.compras.length == 0) {
|
||||
this.cantidad = 0
|
||||
this.update()
|
||||
return
|
||||
}
|
||||
id = parseInt(id)
|
||||
let idx = this.compras.map(x => {return x.id}).indexOf(id)
|
||||
let n = this.compras[idx].cantidad
|
||||
this.compras.splice(idx, 1)
|
||||
this.cantidad -= n
|
||||
this.update()
|
||||
this.draw()
|
||||
},
|
||||
total: function(formateado = false) {
|
||||
let total = this.cantidad * valor
|
||||
if (!formateado) {
|
||||
return total
|
||||
}
|
||||
return format(total)
|
||||
},
|
||||
draw: function() {
|
||||
let t = this.elem.find('.productos table tbody')
|
||||
t.html('')
|
||||
$.each(this.compras, (i, el) => {
|
||||
t.append(el.draw())
|
||||
})
|
||||
t.parent().find('.total .valor').html(this.total(true))
|
||||
this.elem.modal('show')
|
||||
},
|
||||
submit: function() {
|
||||
console.debug('Comprar')
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#subir').sticky()
|
||||
|
||||
$('.shopping.cart').innerText = 0
|
||||
carro.setup()
|
||||
|
||||
window.onresize = resize;
|
||||
|
||||
let sticky_amount = new Amount($('.sticky .input input[name="cantidad"]'))
|
||||
let sticky_color = new Colors($('.sticky .colores'), true)
|
||||
sticky_form.setup()
|
||||
sticky.setup()
|
||||
ventajas.setup()
|
||||
dimensiones.setup()
|
||||
let cotiza_amount = new Amount($('#corporativos .input input[name="cantidad"]'))
|
||||
let cotiza_color = new Colors($('#corporativos .colores'))
|
||||
cotiza_form.setup()
|
||||
conversemos_form.setup()
|
||||
image.setup()
|
||||
|
||||
window.mobileCheck = function() {
|
||||
let check = false;
|
||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
||||
return check;
|
||||
};
|
||||
|
||||
if (window.mobileCheck()) {
|
||||
testimonios.amount = 1
|
||||
}
|
||||
testimonios.setup()
|
||||
})
|
||||
|
||||
44
assets/sass/_common.scss
Normal file
44
assets/sass/_common.scss
Normal file
@ -0,0 +1,44 @@
|
||||
@import 'common/header';
|
||||
@import 'common/descripcion';
|
||||
@import 'common/ventajas';
|
||||
@import 'common/dimensiones';
|
||||
@import 'common/construidos';
|
||||
@import 'common/corporativos';
|
||||
@import 'common/testimonios';
|
||||
@import 'common/contacto';
|
||||
@import 'common/nav';
|
||||
@import 'common/image_modal';
|
||||
@import 'common/carro';
|
||||
|
||||
.white.circle {
|
||||
border: thin solid rgb(0, 0, 0);
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
.black.circle {
|
||||
background-color: rgb(0, 0, 0);
|
||||
}
|
||||
.blue.circle {
|
||||
background-color: rgb(0, 110, 230);
|
||||
}
|
||||
.petrol.circle {
|
||||
background-color: rgb(0, 80, 120);
|
||||
}
|
||||
.cyan.circle {
|
||||
background-color: rgb(80, 200, 255);
|
||||
}
|
||||
.green.circle {
|
||||
background-color: rgb(10, 200, 100);
|
||||
}
|
||||
.yellow.circle {
|
||||
background-color: rgb(255, 240, 70);
|
||||
}
|
||||
.orange.circle {
|
||||
background-color: rgb(255, 130, 70);
|
||||
}
|
||||
.red.circle {
|
||||
background-color: rgb(255, 20, 50);
|
||||
}
|
||||
|
||||
.column:not(.row) {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
33
assets/sass/_fonts.scss
Normal file
33
assets/sass/_fonts.scss
Normal file
@ -0,0 +1,33 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('../fonts/icomoon.eotiedbpz');
|
||||
src: url('../fonts/icomoon.eot?iedbpz#iefix') format('embedded-opentype'),
|
||||
url('../fonts/icomoon.ttf?iedbpz') format('truetype'),
|
||||
url('../fonts/icomoon.woff?iedbpz') format('woff'),
|
||||
url('../fonts/icomoon.svg?iedbpz#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="font-icon"], [class*=" font-icon"] {
|
||||
// use !important to prevent issues with browser extensions that change fonts
|
||||
font-family: 'icomoon' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
// Better Font Rendering ===========
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
i.font-icon.angle:before {
|
||||
content: "\e900";
|
||||
}
|
||||
i.font-icon.chile:before {
|
||||
content: "\e901";
|
||||
}
|
||||
35
assets/sass/_functions.scss
Normal file
35
assets/sass/_functions.scss
Normal file
@ -0,0 +1,35 @@
|
||||
@function strip_unit($value) {
|
||||
@return $value / ($value * 0 + 1);
|
||||
}
|
||||
@function rem($px_value) {
|
||||
@return #{strip_unit($px_value) / strip_unit($html-font-size)}rem;
|
||||
}
|
||||
@function font_size($font) {
|
||||
@return #{strip_unit($font) / 12}rem;
|
||||
}
|
||||
|
||||
@mixin colors {
|
||||
.colores {
|
||||
vertical-align: center;
|
||||
|
||||
.text {
|
||||
margin-right: rem(3);
|
||||
}
|
||||
|
||||
.circle {
|
||||
display: inline-block;
|
||||
|
||||
width: rem($circle_radius);
|
||||
height: rem($circle_radius);
|
||||
border-radius: 8000px;
|
||||
margin: auto rem(1);
|
||||
cursor: pointer;
|
||||
|
||||
&.selected {
|
||||
width: rem($circle_radius + 2);
|
||||
height: rem($circle_radius + 2);
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
35
assets/sass/_phone.scss
Normal file
35
assets/sass/_phone.scss
Normal file
@ -0,0 +1,35 @@
|
||||
@import 'phone_vars';
|
||||
|
||||
@import 'phone/header';
|
||||
@import 'phone/descripcion';
|
||||
@import 'phone/ventajas';
|
||||
@import 'phone/dimensiones';
|
||||
@import 'phone/construidos';
|
||||
@import 'phone/corporativos';
|
||||
|
||||
@import 'phone/sticky';
|
||||
@import 'phone/nav';
|
||||
|
||||
.left.column {
|
||||
width: 75% !important;
|
||||
padding-left: rem(5) !important;
|
||||
}
|
||||
.right.column {
|
||||
width: 25% !important;
|
||||
}
|
||||
|
||||
.titulo {
|
||||
padding-top: rem(25);
|
||||
padding-bottom: rem(20);
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: $html-font-size+px;
|
||||
}
|
||||
|
||||
body {
|
||||
height: ($content_height)+rem;
|
||||
font-family: Roboto, sans;
|
||||
color: $gris_standard;
|
||||
}
|
||||
32
assets/sass/_phone_vars.scss
Normal file
32
assets/sass/_phone_vars.scss
Normal file
@ -0,0 +1,32 @@
|
||||
@import 'variables';
|
||||
|
||||
$html-font-size: (16*8/12);
|
||||
|
||||
$circle_radius: 10;
|
||||
|
||||
$full_width: 600;
|
||||
|
||||
$heights: (
|
||||
"cabezal": (400/16),
|
||||
"descripcion": 25,
|
||||
"ventajas": 27.5,
|
||||
"dimensiones": 27.5,
|
||||
"construido": 21.875,
|
||||
"corporativos": (520/16),
|
||||
"felices": 21.875,
|
||||
"formulario": 30
|
||||
);
|
||||
|
||||
$column1: 90;
|
||||
$column2: 10;
|
||||
|
||||
$content_height: 0;
|
||||
$column_height1: 0;
|
||||
@each $name, $val in $heights {
|
||||
$content_height: $content_height + $val;
|
||||
@if $name != 'corporativos' and $name != 'felices' and $name != 'formulario' and $name != 'cabezal' {
|
||||
$column_height1: $column_height1 + $val;
|
||||
}
|
||||
}
|
||||
|
||||
@import 'functions';
|
||||
17
assets/sass/_variables.scss
Normal file
17
assets/sass/_variables.scss
Normal file
@ -0,0 +1,17 @@
|
||||
// Colores
|
||||
$blanco: rgb(255, 255, 255);
|
||||
$negro: rgb(0, 0, 0);
|
||||
$gris: rgb(204, 204, 204);
|
||||
$gris_transparencia: rgba($gris, .5);
|
||||
$gris_standard: rgb(51, 51, 51);
|
||||
$gris_claro: rgb(102, 102, 102);
|
||||
$azul: rgb(0, 66, 123);
|
||||
|
||||
// Tipografias
|
||||
$font_family: Roboto, sans;
|
||||
|
||||
// Fondos
|
||||
$fondo_cabezal: url('../images/banner.jpg');
|
||||
$fondo_ventajas_dimensiones: url('../images/tripode.png');
|
||||
$fondo_construidos: url('../images/construido.jpg');
|
||||
$fondo_corporativos: url('../images/corporativo.png');
|
||||
29
assets/sass/_wide.scss
Normal file
29
assets/sass/_wide.scss
Normal file
@ -0,0 +1,29 @@
|
||||
@import 'wide_vars';
|
||||
@import 'wide/header';
|
||||
@import 'wide/descripcion';
|
||||
@import 'wide/ventajas';
|
||||
@import 'wide/dimensiones';
|
||||
@import 'wide/construidos';
|
||||
@import 'wide/corporativos';
|
||||
@import 'wide/testimonios';
|
||||
@import 'wide/contacto';
|
||||
@import 'wide/sticky';
|
||||
@import 'wide/nav';
|
||||
|
||||
.left.column {
|
||||
width: 67% !important;
|
||||
padding-left: rem(5) !important;
|
||||
}
|
||||
.right.column {
|
||||
width: 33% !important;
|
||||
}
|
||||
|
||||
section .titulo {
|
||||
font-size: font_size(22);
|
||||
padding-top: rem(54);
|
||||
padding-bottom: rem(25);
|
||||
}
|
||||
|
||||
body {
|
||||
color: $gris_standard;
|
||||
}
|
||||
32
assets/sass/_wide_vars.scss
Normal file
32
assets/sass/_wide_vars.scss
Normal file
@ -0,0 +1,32 @@
|
||||
@import 'variables';
|
||||
|
||||
$html-font-size: 16px;
|
||||
|
||||
$circle_radius: 12;
|
||||
|
||||
$full_width: 1080;
|
||||
|
||||
$heights: (
|
||||
"cabezal": (500/16),
|
||||
"descripcion": 25,
|
||||
"ventajas": 27.5,
|
||||
"dimensiones": 27.5,
|
||||
"construido": 21.875,
|
||||
"corporativos": (520/16),
|
||||
"felices": 21.875,
|
||||
"formulario": 30
|
||||
);
|
||||
|
||||
$column1: 67;
|
||||
$column2: 33;
|
||||
|
||||
$content_height: 0;
|
||||
$column_height1: 0;
|
||||
@each $name, $val in $heights {
|
||||
$content_height: $content_height + $val;
|
||||
@if $name != 'corporativos' and $name != 'felices' and $name != 'formulario' and $name != 'cabezal' {
|
||||
$column_height1: $column_height1 + $val;
|
||||
}
|
||||
}
|
||||
|
||||
@import 'functions';
|
||||
40
assets/sass/common/_carro.scss
Normal file
40
assets/sass/common/_carro.scss
Normal file
@ -0,0 +1,40 @@
|
||||
#carro {
|
||||
form {
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
background: rgb(255, 255, 255);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: 10pt;
|
||||
color: rgba(0, 0, 0, .87) !important;
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
color: inherit !important;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
color: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
.precio {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.content>.button {
|
||||
width: 100%;
|
||||
color: $blanco;
|
||||
background-color: $gris_standard;
|
||||
}
|
||||
}
|
||||
7
assets/sass/common/_construidos.scss
Normal file
7
assets/sass/common/_construidos.scss
Normal file
@ -0,0 +1,7 @@
|
||||
#construidos {
|
||||
background-image: $fondo_construidos;
|
||||
background-color: linear-gradient(to right, rgb(0, 0, 0, .6), rgb(0, 0, 0, 0));
|
||||
color: $blanco;
|
||||
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
58
assets/sass/common/_contacto.scss
Normal file
58
assets/sass/common/_contacto.scss
Normal file
@ -0,0 +1,58 @@
|
||||
#contacto {
|
||||
position: relative;
|
||||
margin-top: 1rem;
|
||||
|
||||
.background {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: $gris;
|
||||
clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
|
||||
}
|
||||
|
||||
.column {
|
||||
height: 100%;
|
||||
}
|
||||
.column:first-child {
|
||||
width: 67%;
|
||||
}
|
||||
.column:last-child {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
div.whatsapp {
|
||||
background-color: green;
|
||||
padding: .5rem 0;
|
||||
color: $blanco;
|
||||
}
|
||||
|
||||
.icons {
|
||||
.icon:first-child {
|
||||
color: $blanco;
|
||||
}
|
||||
.icon:last-child {
|
||||
color: $gris;
|
||||
}
|
||||
}
|
||||
|
||||
.paragraph {
|
||||
margin-bottom: .5rem;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
form {
|
||||
.row {
|
||||
margin-bottom: .5rem;
|
||||
|
||||
input {
|
||||
height: 1.5rem;
|
||||
}
|
||||
textarea {
|
||||
height: 5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
18
assets/sass/common/_corporativos.scss
Normal file
18
assets/sass/common/_corporativos.scss
Normal file
@ -0,0 +1,18 @@
|
||||
#corporativos {
|
||||
background-image: $fondo_corporativos;
|
||||
|
||||
.segment {
|
||||
.content {
|
||||
.header {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
padding-left: 1rem;
|
||||
text-indent: -1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
7
assets/sass/common/_descripcion.scss
Normal file
7
assets/sass/common/_descripcion.scss
Normal file
@ -0,0 +1,7 @@
|
||||
#descripcion {
|
||||
background-image: linear-gradient($gris, $gris);
|
||||
|
||||
.images {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
24
assets/sass/common/_dimensiones.scss
Normal file
24
assets/sass/common/_dimensiones.scss
Normal file
@ -0,0 +1,24 @@
|
||||
#dimensiones {
|
||||
position: relative;
|
||||
|
||||
background-image: $fondo_ventajas_dimensiones;
|
||||
|
||||
.fondo-gris {
|
||||
position: absolute;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba($gris, .5);
|
||||
}
|
||||
|
||||
.left.column {
|
||||
&>.grid {
|
||||
&>.column:first-child {
|
||||
min-width: 33% !important;
|
||||
}
|
||||
&>.column:last-child {
|
||||
min-width: 67% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
19
assets/sass/common/_header.scss
Normal file
19
assets/sass/common/_header.scss
Normal file
@ -0,0 +1,19 @@
|
||||
#header {
|
||||
background-image: $fondo_cabezal;
|
||||
background-repeat: no-repeat;
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
background-blend-mode: multiply;
|
||||
|
||||
color: $blanco;
|
||||
|
||||
.container {
|
||||
.segment {
|
||||
margin: 0 !important;
|
||||
#logo {
|
||||
img {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
14
assets/sass/common/_image_modal.scss
Normal file
14
assets/sass/common/_image_modal.scss
Normal file
@ -0,0 +1,14 @@
|
||||
#images.modal {
|
||||
text-align: center;
|
||||
|
||||
.header {
|
||||
text-align: right;
|
||||
}
|
||||
.content {
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
18
assets/sass/common/_nav.scss
Normal file
18
assets/sass/common/_nav.scss
Normal file
@ -0,0 +1,18 @@
|
||||
#menu {
|
||||
z-index: 100;
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
|
||||
.right.menu {
|
||||
.item {
|
||||
.shopping.cart {
|
||||
cursor: pointer;
|
||||
.cantidad {
|
||||
position: relative;
|
||||
color: $blanco;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
assets/sass/common/_testimonios.scss
Normal file
13
assets/sass/common/_testimonios.scss
Normal file
@ -0,0 +1,13 @@
|
||||
#testimonios {
|
||||
.testimonios {
|
||||
.ui.card {
|
||||
background-color: $gris;
|
||||
|
||||
.rating {
|
||||
.icon {
|
||||
color: yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
42
assets/sass/common/_ventajas.scss
Normal file
42
assets/sass/common/_ventajas.scss
Normal file
@ -0,0 +1,42 @@
|
||||
#ventajas {
|
||||
position: relative;
|
||||
|
||||
background-image: $fondo_ventajas_dimensiones;
|
||||
|
||||
.diagonal {
|
||||
position: absolute;
|
||||
background-blend-mode: color;
|
||||
}
|
||||
.gallery {
|
||||
position: relative;
|
||||
|
||||
text-align: center;
|
||||
|
||||
.image {
|
||||
max-height: inherit;
|
||||
img {
|
||||
max-height: inherit;
|
||||
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.nav {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
|
||||
background-color: rgb(255, 255, 255, .5);
|
||||
}
|
||||
.nav.left {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.nav.right {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
}
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,795 +1,17 @@
|
||||
@use "sass:map";
|
||||
@import 'reset';
|
||||
@import 'variables';
|
||||
|
||||
$html-font-size: 16px;
|
||||
@function strip_unit($value) {
|
||||
@return $value / ($value * 0 + 1);
|
||||
}
|
||||
@function rem($px_value) {
|
||||
@return #{strip_unit($px_value) / strip_unit($html-font-size)}rem;
|
||||
}
|
||||
@function font_size($font) {
|
||||
@return #{strip_unit($font) / 12}rem;
|
||||
html {
|
||||
font-family: $font_family;
|
||||
}
|
||||
|
||||
$gris: rgb(204, 204, 204);
|
||||
$gris-texto: rgb(51, 51, 51);
|
||||
@import 'common';
|
||||
@import 'fonts';
|
||||
|
||||
@mixin colors {
|
||||
.colores {
|
||||
vertical-align: center;
|
||||
|
||||
.text {
|
||||
margin-right: rem(3);
|
||||
}
|
||||
|
||||
.white {
|
||||
border: thin solid rgb(0, 0, 0);
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
.black {
|
||||
background-color: rgb(0, 0, 0);
|
||||
}
|
||||
.blue {
|
||||
background-color: rgb(0, 0, 255);
|
||||
}
|
||||
.green {
|
||||
background-color: rgb(0, 255, 0);
|
||||
}
|
||||
.yellow {
|
||||
background-color: rgb(255, 255, 0);
|
||||
}
|
||||
.orange {
|
||||
background-color: rgb(255, 130, 0);
|
||||
}
|
||||
.red {
|
||||
background-color: rgb(255, 0, 0);
|
||||
}
|
||||
.circle {
|
||||
display: inline-block;
|
||||
$a: 12;
|
||||
width: rem($a);
|
||||
height: rem($a);
|
||||
border-radius: 8000px;
|
||||
margin: auto rem(1);
|
||||
cursor: pointer;
|
||||
|
||||
&.selected {
|
||||
width: rem($a + 2);
|
||||
height: rem($a + 2);
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (orientation: portrait) {
|
||||
@import 'phone';
|
||||
}
|
||||
|
||||
$full_width: 1080;
|
||||
|
||||
$heights: (
|
||||
"cabezal": (400/16),
|
||||
"seccion1": 25,
|
||||
"seccion2": 27.5,
|
||||
"dimensiones": 27.5,
|
||||
"construido": 21.875,
|
||||
"corporativos": (520/16),
|
||||
"felices": 21.875,
|
||||
"formulario": 30
|
||||
);
|
||||
|
||||
#backgrounds {
|
||||
.cabezal {
|
||||
height: (map.get($heights, 'cabezal'))+rem;
|
||||
|
||||
background-image: url('../images/banner.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: rem(1600);
|
||||
background-position: top center;
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
.seccion1 {
|
||||
height: (map.get($heights, "seccion1"))+rem;
|
||||
|
||||
background-image: linear-gradient($gris, $gris);
|
||||
background-position: left rem(112);
|
||||
background-size: 100% rem(128);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.seccion2 {
|
||||
height: (map.get($heights, "seccion2"))+rem;
|
||||
|
||||
background-image: url('../images/fondo23.png');
|
||||
//background-color: rgb(240, 240, 240);
|
||||
|
||||
.diagonal {
|
||||
border-bottom: (map.get($heights, 'seccion2'))+rem solid rgba($gris, .5);
|
||||
border-right: rem(1900) solid transparent;
|
||||
}
|
||||
}
|
||||
.dimensiones {
|
||||
height: (map.get($heights, "dimensiones"))+rem;
|
||||
|
||||
background-image: url('../images/fondo23.png');
|
||||
.fondo-gris {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba($gris, .5);
|
||||
}
|
||||
}
|
||||
.construido {
|
||||
height: (map.get($heights, "construido"))+rem;
|
||||
|
||||
background-image: url('../images/fondo4.jpg');
|
||||
}
|
||||
.corporativos {
|
||||
height: (map.get($heights, "corporativos"))+rem;
|
||||
|
||||
background-image: url('../images/fondo5.png');
|
||||
}
|
||||
.testimonios {
|
||||
height: (map.get($heights, "felices"))+rem;
|
||||
|
||||
background-image: linear-gradient($gris, $gris);
|
||||
background-position: left rem(115);
|
||||
background-size: 100% rem(118);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.formulario {
|
||||
height: (map.get($heights, "formulario"))+rem;
|
||||
background-color: $gris;
|
||||
clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
|
||||
}
|
||||
}
|
||||
|
||||
$column1: 67;
|
||||
$column2: 33;
|
||||
|
||||
$content_height: 0;
|
||||
$column_height1: 0;
|
||||
@each $name, $val in $heights {
|
||||
$content_height: $content_height + $val;
|
||||
@if $name != 'corporativos' and $name != 'felices' and $name != 'formulario' and $name != 'cabezal' {
|
||||
$column_height1: $column_height1 + $val;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
height: ($content_height)+rem;
|
||||
font-family: Roboto, sans;
|
||||
color: $gris-texto;
|
||||
}
|
||||
|
||||
#content {
|
||||
max-width: rem($full_width) !important;
|
||||
height: ($content_height)+rem;
|
||||
|
||||
position: relative;
|
||||
top: (-$content_height)+rem;
|
||||
|
||||
#header {
|
||||
color: rgb(255, 255, 255);
|
||||
|
||||
width: 100%;
|
||||
height: (map.get($heights, 'cabezal'))+rem;
|
||||
|
||||
.ui.menu {
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
background-color: rgba(100, 100, 100, .3) !important;
|
||||
box-shadow: none !important;
|
||||
margin: 0 !important;
|
||||
|
||||
.dropdown .menu {
|
||||
/*background: none !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;*/
|
||||
color: rgb(0, 0, 0);
|
||||
font-size: 1rem;
|
||||
.item {
|
||||
padding: 1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
color: inherit !important;
|
||||
font-size: 2rem;
|
||||
|
||||
padding: rem(20) !important;
|
||||
|
||||
.shopping.cart div {
|
||||
position: relative;
|
||||
color: rgb(0, 0, 0);
|
||||
display: inline-block;
|
||||
top: -2.6rem;
|
||||
left: 0.2rem;
|
||||
font-size: 1rem;
|
||||
font-family: Roboto, sans;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
|
||||
img {
|
||||
width: 50%;
|
||||
max-width: rem(1030);
|
||||
}
|
||||
.frase1 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.frase2 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*&>.column {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
|
||||
padding-left: 1rem !important;
|
||||
padding-right: 1rem !important;
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}*/
|
||||
&>.grid>.column1 {
|
||||
//width: percentage($column1/100);
|
||||
|
||||
|
||||
#seccion1 {
|
||||
height: (map.get($heights, "seccion1"))+rem;
|
||||
width: 100%;
|
||||
|
||||
.image-container {
|
||||
/*display: flex;
|
||||
justify-content: space-between;*/
|
||||
height: rem(112+128);
|
||||
|
||||
/*img {
|
||||
height: rem(155);
|
||||
width: rem(188);
|
||||
margin-top: rem(85);
|
||||
}*/
|
||||
}
|
||||
.paragraph {
|
||||
padding-top: rem(28);
|
||||
line-height: rem(14);
|
||||
text-align: justify;
|
||||
|
||||
.header {
|
||||
margin-bottom: 1rem;
|
||||
font-size: rem(22);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#seccion2 {
|
||||
height: (map.get($heights, "seccion2"))+rem;
|
||||
|
||||
&>.column {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 50%;
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.column1 {
|
||||
margin-top: rem(80);
|
||||
img {
|
||||
width: rem(317);
|
||||
height: rem(317);
|
||||
}
|
||||
}
|
||||
.column2 {
|
||||
margin-top: rem(114);
|
||||
.row:first-child {
|
||||
background-color: #00427b;
|
||||
color: rgb(256, 256, 256);
|
||||
height: rem(180);
|
||||
width: rem(380);
|
||||
padding: 2rem;
|
||||
margin-left: -3rem;
|
||||
overflow: hidden;
|
||||
|
||||
.header {
|
||||
font-weight: bold;
|
||||
font-size: rem(16);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc inside;
|
||||
font-size: font-size(10);
|
||||
}
|
||||
}
|
||||
.row:last-child {
|
||||
margin-top: rem(18);
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
img {
|
||||
width: rem(70);
|
||||
height: rem(85);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dimensiones {
|
||||
height: (map.get($heights, "dimensiones"))+rem;
|
||||
|
||||
.header {
|
||||
padding: rem(37) 0 !important;
|
||||
.bigger {
|
||||
font-size: rem(16);
|
||||
}
|
||||
}
|
||||
|
||||
.images {
|
||||
display: flex;
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
|
||||
&>img {
|
||||
width: rem(313);
|
||||
height: rem(235);
|
||||
}
|
||||
|
||||
div {
|
||||
width: rem(313);
|
||||
margin-top: rem(25);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#construido {
|
||||
height: (map.get($heights, "construido"))+rem;
|
||||
padding-top: rem(23) !important;
|
||||
|
||||
.header {
|
||||
font-size: font_size(22);
|
||||
padding: rem(10) rem(43);
|
||||
background-color: rgba(255, 255, 255, .6);
|
||||
}
|
||||
}
|
||||
}
|
||||
&>.grid>.column2 {
|
||||
//width: percentage($column2/100);
|
||||
height: ($column_height1)+rem;
|
||||
|
||||
.sticky {
|
||||
height: rem(265);
|
||||
width: rem(310);
|
||||
margin: auto;
|
||||
|
||||
.row:first-child {
|
||||
height: rem(170);
|
||||
margin-top: rem(80);
|
||||
|
||||
.column {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.column1 {
|
||||
vertical-align: bottom;
|
||||
padding-top: rem(20);
|
||||
width: rem(310*2/3);
|
||||
|
||||
.linea {
|
||||
margin-bottom: rem(10);
|
||||
}
|
||||
|
||||
.titulo {
|
||||
font-size: font_size(25);
|
||||
}
|
||||
.precio {
|
||||
font-size: font_size(16);
|
||||
}
|
||||
font-size: font_size(14);
|
||||
|
||||
@include colors;
|
||||
.input {
|
||||
width: 4.5rem;
|
||||
border: thin solid rgb(0, 0, 0);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.column2 {
|
||||
width: rem(310/3);
|
||||
|
||||
img {
|
||||
width: rem(110);
|
||||
height: rem(160);
|
||||
}
|
||||
}
|
||||
}
|
||||
.row:last-child {
|
||||
.button {
|
||||
border-radius: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#corporativos {
|
||||
width: 100%;
|
||||
height: (map.get($heights, "corporativos"))+rem;
|
||||
|
||||
//margin-top: ($column_height1)+rem !important;
|
||||
|
||||
&>.column {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
|
||||
padding-left: 1rem !important;
|
||||
padding-right: 1rem !important;
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.column1 {
|
||||
width: percentage(67/100);
|
||||
|
||||
&>.header {
|
||||
margin-top: rem(67);
|
||||
margin-bottom: rem(37);
|
||||
.bigger {
|
||||
font-size: rem(26);
|
||||
}
|
||||
}
|
||||
.opciones {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
.opcion {
|
||||
display: inline-block;
|
||||
|
||||
.img-grande {
|
||||
display: inline-block;
|
||||
padding-right: rem(12);
|
||||
img {
|
||||
width: rem(135);
|
||||
height: rem(200);
|
||||
}
|
||||
}
|
||||
.descripcion {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
height: rem(200);
|
||||
padding-top: rem(20);
|
||||
|
||||
.content {
|
||||
display: block;
|
||||
.header {
|
||||
font-size: font_size(14);
|
||||
margin-bottom: rem(10);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc inside;
|
||||
}
|
||||
}
|
||||
.images {
|
||||
margin-top: rem(34);
|
||||
img {
|
||||
width: rem(70);
|
||||
height: rem(85);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.column2 {
|
||||
width: percentage(33/100);
|
||||
height: 100%;
|
||||
|
||||
.header {
|
||||
margin-top: rem(46);
|
||||
margin-bottom: rem(24);
|
||||
font-size: rem(26);
|
||||
}
|
||||
|
||||
form {
|
||||
@include colors;
|
||||
|
||||
.row {
|
||||
margin-bottom: rem(9);
|
||||
}
|
||||
.colores.linea {
|
||||
margin-bottom: rem(25-9);
|
||||
}
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
border: thin solid rgb(0, 0, 0);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.input [type="file"] {
|
||||
display: none;
|
||||
}
|
||||
.input .file {
|
||||
display: inline-block;
|
||||
height: rem(20*12/10);
|
||||
width: rem(150);
|
||||
padding-top: rem(3);
|
||||
background-color: #cccccb;
|
||||
border: thin solid #333;
|
||||
font-size: font_size(10);
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.input [type="text"] {
|
||||
height: rem(18);
|
||||
background-color: rgba(255, 255, 255);
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
textarea {
|
||||
height: rem(72);
|
||||
background-color: rgba(255, 255, 255);
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
margin-bottom: rem(25-9);
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
background-color: #666667;
|
||||
color: white;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#felices {
|
||||
height: (map.get($heights, "felices"))+rem;
|
||||
|
||||
padding: 0 1rem !important;
|
||||
padding-top: rem(60) !important;
|
||||
|
||||
.header {
|
||||
//margin-top: rem(60);
|
||||
font-size: font_size(22);
|
||||
}
|
||||
.testimonios {
|
||||
margin-top: rem(25);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
text-align: center;
|
||||
|
||||
.testimonio {
|
||||
height: rem(80);
|
||||
color: #666667;
|
||||
margin-top: rem(20);
|
||||
width: percentage(30/100);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.nav {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #666667;
|
||||
}
|
||||
}
|
||||
|
||||
#formulario {
|
||||
height: (map.get($heights, "formulario"))+rem;
|
||||
|
||||
padding: 0 1rem !important;
|
||||
|
||||
.whatsapp-link {
|
||||
color: inherit;
|
||||
}
|
||||
&>.column {
|
||||
float: left;
|
||||
|
||||
padding-left: 1rem !important;
|
||||
padding-right: 1rem !important;
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
&>.flotante {
|
||||
position: absolute;
|
||||
top: rem(183);
|
||||
margin: auto;
|
||||
left: 40%;
|
||||
width: rem($full_width/5);
|
||||
text-align: center;
|
||||
|
||||
&>.content {
|
||||
width: rem(130);
|
||||
margin: auto;
|
||||
left: -50%;
|
||||
|
||||
.item {
|
||||
display: block;
|
||||
padding: rem(5) 0;
|
||||
}
|
||||
div.whatsapp {
|
||||
height: rem(30);
|
||||
background-color: #1a9947;
|
||||
color: #fff;
|
||||
font-size: rem(10);
|
||||
|
||||
&>i {
|
||||
position: relative;
|
||||
font-size: font_size(16);
|
||||
top: rem(3);
|
||||
}
|
||||
}
|
||||
.rrss {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: rem(20);
|
||||
|
||||
i.inverted.grey {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&>.column1 {
|
||||
width: percentage($column1/100);
|
||||
margin-top: rem(27);
|
||||
|
||||
&>img {
|
||||
width: rem(540);
|
||||
height: rem(350);
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
&>.column2 {
|
||||
width: percentage($column2/100);
|
||||
|
||||
.header {
|
||||
margin-top: rem(20);
|
||||
text-align: center;
|
||||
font-size: font_size(22);
|
||||
|
||||
.whatsapp-link {
|
||||
display: inline-block;
|
||||
width: rem(25);
|
||||
height: rem(25);
|
||||
font-size: font_size(25);
|
||||
}
|
||||
}
|
||||
|
||||
.paragraph {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: rem(25);
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
form {
|
||||
input {
|
||||
border-radius: 0 !important;
|
||||
height: rem(18);
|
||||
margin-bottom: rem(9);
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
font-size: font_size(10);
|
||||
&::placeholder {
|
||||
color: $gris-texto;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
border-radius: 0 !important;
|
||||
height: rem(72);
|
||||
margin-bottom: rem(25);
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
font-size: font_size(10);
|
||||
&::placeholder {
|
||||
color: $gris-texto;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
border-radius: 0 !important;
|
||||
background-color: white;
|
||||
color: $gris-texto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
background: none;
|
||||
|
||||
&.segment>.container {
|
||||
height: 100%;
|
||||
|
||||
&>.column1 {
|
||||
display: inline-block;
|
||||
width: ($column1)+rem;
|
||||
}
|
||||
&>.column2 {
|
||||
display: inline-block;
|
||||
width: ($column2)+rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.simple.segment {
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
|
||||
&>.ui.grid {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.fondo-blanco {
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
}
|
||||
}
|
||||
|
||||
#subir {
|
||||
width: 100%;
|
||||
|
||||
.container {
|
||||
text-align: right;
|
||||
padding: 0 1rem !important;
|
||||
|
||||
i.icons {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (orientation: landscape) {
|
||||
@import 'wide';
|
||||
}
|
||||
|
||||
3
assets/sass/phone/_construidos.scss
Normal file
3
assets/sass/phone/_construidos.scss
Normal file
@ -0,0 +1,3 @@
|
||||
#construidos {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
62
assets/sass/phone/_corporativos.scss
Normal file
62
assets/sass/phone/_corporativos.scss
Normal file
@ -0,0 +1,62 @@
|
||||
#corporativos {
|
||||
margin-top: 1rem !important;
|
||||
|
||||
form {
|
||||
@include colors;
|
||||
|
||||
.row {
|
||||
margin-bottom: rem(9);
|
||||
|
||||
input {
|
||||
height: 1.5rem;
|
||||
}
|
||||
textarea {
|
||||
height: 5rem;
|
||||
}
|
||||
}
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
background: rgb(255, 255, 255);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
}
|
||||
}
|
||||
.input [type="file"] {
|
||||
display: none;
|
||||
}
|
||||
.input .file {
|
||||
display: inline-block;
|
||||
height: rem(20*12/10);
|
||||
padding-top: rem(3);
|
||||
margin-left: rem(5);
|
||||
font-size: font_size(16);
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
background-color: $gris_standard;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
14
assets/sass/phone/_descripcion.scss
Normal file
14
assets/sass/phone/_descripcion.scss
Normal file
@ -0,0 +1,14 @@
|
||||
#descripcion {
|
||||
padding-bottom: rem(5);
|
||||
|
||||
.paragraph {
|
||||
padding-top: rem(18);
|
||||
line-height: rem(14);
|
||||
text-align: justify;
|
||||
|
||||
.header {
|
||||
margin-bottom: rem(6);
|
||||
font-size: font_size(18);
|
||||
}
|
||||
}
|
||||
}
|
||||
10
assets/sass/phone/_dimensiones.scss
Normal file
10
assets/sass/phone/_dimensiones.scss
Normal file
@ -0,0 +1,10 @@
|
||||
#dimensiones {
|
||||
.header {
|
||||
font-size: font_size(22);
|
||||
padding-top: rem(54);
|
||||
padding-bottom: rem(25);
|
||||
}
|
||||
|
||||
$circle_radius: 15;
|
||||
@include colors;
|
||||
}
|
||||
30
assets/sass/phone/_header.scss
Normal file
30
assets/sass/phone/_header.scss
Normal file
@ -0,0 +1,30 @@
|
||||
#header {
|
||||
height: (map.get($heights, 'cabezal'))+rem;
|
||||
|
||||
background-size: 160%;
|
||||
background-position: bottom rem(-10) center;
|
||||
|
||||
.container {
|
||||
#menu {
|
||||
font-size: font_size(16);
|
||||
.right.menu {
|
||||
.item {
|
||||
.shopping.cart {
|
||||
.cantidad {
|
||||
top: rem(-20);
|
||||
left: rem(1.6);
|
||||
font-size: font_size(8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.segment {
|
||||
#logo {
|
||||
img {
|
||||
max-width: rem($full_width);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
17
assets/sass/phone/_nav.scss
Normal file
17
assets/sass/phone/_nav.scss
Normal file
@ -0,0 +1,17 @@
|
||||
#menu {
|
||||
i {
|
||||
font-size: font-size(18);
|
||||
}
|
||||
.right.menu {
|
||||
.item {
|
||||
.shopping.cart {
|
||||
.cantidad {
|
||||
font-size: font-size(12);
|
||||
font-family: $font_family;
|
||||
top: rem(-14);
|
||||
left: rem(3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
143
assets/sass/phone/_sticky.scss
Normal file
143
assets/sass/phone/_sticky.scss
Normal file
@ -0,0 +1,143 @@
|
||||
#columna_sticky {
|
||||
position: absolute;
|
||||
top: (map.get($heights, 'cabezal'))+rem;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.column {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
&>.container {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.left.column {
|
||||
pointer-events: none;
|
||||
}
|
||||
#sticky_form {
|
||||
display: none;
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
|
||||
z-index: 10;
|
||||
|
||||
margin-top: rem(40);
|
||||
padding-top: rem(54);
|
||||
|
||||
.row {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.column:first-child {
|
||||
vertical-align: bottom;
|
||||
padding-top: rem(20);
|
||||
|
||||
.titulo {
|
||||
font-size: font_size(25);
|
||||
}
|
||||
.precio {
|
||||
font-size: font_size(16);
|
||||
}
|
||||
font-size: font_size(14);
|
||||
|
||||
@include colors;
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
border: thin solid rgb(0, 0, 0);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.button {
|
||||
border-radius: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#side_button {
|
||||
background-color: $gris_standard;
|
||||
color: rgb(255, 255, 255);
|
||||
width: 100%;
|
||||
height: 12rem;
|
||||
cursor: pointer;
|
||||
|
||||
padding-top: 6rem;
|
||||
|
||||
.rotated {
|
||||
transform: rotate(-90deg);
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
#modal_sticky {
|
||||
.column:first-child {
|
||||
vertical-align: bottom;
|
||||
padding-top: rem(20);
|
||||
|
||||
.titulo {
|
||||
font-size: font_size(25);
|
||||
}
|
||||
.precio {
|
||||
font-size: font_size(16);
|
||||
}
|
||||
font-size: font_size(14);
|
||||
|
||||
@include colors;
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
border: thin solid rgb(0, 0, 0);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.button {
|
||||
border-radius: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
color: $blanco;
|
||||
background-color: $gris_standard;
|
||||
}
|
||||
}
|
||||
}
|
||||
12
assets/sass/phone/_ventajas.scss
Normal file
12
assets/sass/phone/_ventajas.scss
Normal file
@ -0,0 +1,12 @@
|
||||
#ventajas {
|
||||
//height: (map.get($heights, "ventajas"))+rem;
|
||||
|
||||
.diagonal {
|
||||
border-bottom: 100% solid rgba($gris, .5);
|
||||
border-right: 100% solid transparent;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
max-height: (map.get($heights, 'ventajas')-32/16)+rem;
|
||||
}
|
||||
}
|
||||
3
assets/sass/wide/_construidos.scss
Normal file
3
assets/sass/wide/_construidos.scss
Normal file
@ -0,0 +1,3 @@
|
||||
#construidos {
|
||||
margin-top: rem(15);
|
||||
}
|
||||
12
assets/sass/wide/_contacto.scss
Normal file
12
assets/sass/wide/_contacto.scss
Normal file
@ -0,0 +1,12 @@
|
||||
#contacto {
|
||||
.image {
|
||||
margin: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 100%;
|
||||
background-color: $gris_standard;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
62
assets/sass/wide/_corporativos.scss
Normal file
62
assets/sass/wide/_corporativos.scss
Normal file
@ -0,0 +1,62 @@
|
||||
#corporativos {
|
||||
margin-top: rem(15);
|
||||
|
||||
form {
|
||||
@include colors;
|
||||
|
||||
.row {
|
||||
margin-bottom: rem(9);
|
||||
|
||||
input {
|
||||
height: 1.5rem;
|
||||
}
|
||||
textarea {
|
||||
height: 5rem;
|
||||
}
|
||||
}
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
background: rgb(255, 255, 255);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
}
|
||||
}
|
||||
.input [type="file"] {
|
||||
display: none;
|
||||
}
|
||||
.input .file {
|
||||
display: inline-block;
|
||||
height: rem(20*12/10);
|
||||
padding-top: rem(3);
|
||||
margin-left: rem(5);
|
||||
font-size: font_size(16);
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
background-color: $gris_standard;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
24
assets/sass/wide/_descripcion.scss
Normal file
24
assets/sass/wide/_descripcion.scss
Normal file
@ -0,0 +1,24 @@
|
||||
#descripcion {
|
||||
background-position: left rem(112);
|
||||
background-size: 100% rem(110);
|
||||
background-repeat: no-repeat;
|
||||
|
||||
padding-top: rem(100);
|
||||
margin-bottom: rem(25);
|
||||
|
||||
.images {
|
||||
.image {
|
||||
max-width: 33%;
|
||||
}
|
||||
}
|
||||
.paragraph {
|
||||
padding-top: rem(28);
|
||||
line-height: rem(14);
|
||||
text-align: justify;
|
||||
|
||||
.header {
|
||||
margin-bottom: rem(16);
|
||||
font-size: font_size(22/16*12);
|
||||
}
|
||||
}
|
||||
}
|
||||
6
assets/sass/wide/_dimensiones.scss
Normal file
6
assets/sass/wide/_dimensiones.scss
Normal file
@ -0,0 +1,6 @@
|
||||
#dimensiones {
|
||||
margin-top: rem(15);
|
||||
|
||||
$circle_radius: 20;
|
||||
@include colors;
|
||||
}
|
||||
6
assets/sass/wide/_header.scss
Normal file
6
assets/sass/wide/_header.scss
Normal file
@ -0,0 +1,6 @@
|
||||
#header {
|
||||
height: (map.get($heights, 'cabezal'))+rem;
|
||||
|
||||
background-size: 160%;
|
||||
background-position: bottom rem(-40) center;
|
||||
}
|
||||
17
assets/sass/wide/_nav.scss
Normal file
17
assets/sass/wide/_nav.scss
Normal file
@ -0,0 +1,17 @@
|
||||
#menu {
|
||||
i {
|
||||
font-size: font-size(24);
|
||||
}
|
||||
.right.menu {
|
||||
.item {
|
||||
.shopping.cart {
|
||||
.cantidad {
|
||||
font-size: font-size(12);
|
||||
font-family: $font_family;
|
||||
top: rem(-28);
|
||||
left: rem(3.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
74
assets/sass/wide/_sticky.scss
Normal file
74
assets/sass/wide/_sticky.scss
Normal file
@ -0,0 +1,74 @@
|
||||
#columna_sticky {
|
||||
position: absolute;
|
||||
top: (map.get($heights, 'cabezal'))+rem;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.left.column {
|
||||
pointer-events: none;
|
||||
}
|
||||
#sticky_form {
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
|
||||
z-index: 10;
|
||||
|
||||
margin-top: rem(40);
|
||||
padding-top: rem(54);
|
||||
|
||||
.row {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.column:first-child {
|
||||
vertical-align: bottom;
|
||||
padding-top: rem(20);
|
||||
|
||||
.titulo {
|
||||
font-size: font_size(25);
|
||||
}
|
||||
.precio {
|
||||
font-size: font_size(16);
|
||||
}
|
||||
font-size: font_size(14);
|
||||
|
||||
@include colors;
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
border: thin solid rgb(0, 0, 0);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.button {
|
||||
border-radius: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
color: $blanco;
|
||||
background-color: $gris_standard;
|
||||
}
|
||||
}
|
||||
}
|
||||
#side_button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
3
assets/sass/wide/_testimonios.scss
Normal file
3
assets/sass/wide/_testimonios.scss
Normal file
@ -0,0 +1,3 @@
|
||||
#testimonios {
|
||||
margin-top: rem(15);
|
||||
}
|
||||
10
assets/sass/wide/_ventajas.scss
Normal file
10
assets/sass/wide/_ventajas.scss
Normal file
@ -0,0 +1,10 @@
|
||||
#ventajas {
|
||||
.diagonal {
|
||||
border-bottom: (map.get($heights, 'ventajas'))+rem solid rgba($gris, .5);
|
||||
border-right: rem(1900) solid transparent;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
max-height: (map.get($heights, 'ventajas')-32/16)+rem;
|
||||
}
|
||||
}
|
||||
18
gulpfile.js
18
gulpfile.js
@ -7,12 +7,14 @@ const sass = require('gulp-dart-sass')
|
||||
const babel = require('gulp-babel')
|
||||
const uglify = require('gulp-uglify')
|
||||
const htmlmin = require('gulp-htmlmin')
|
||||
//const changed = require('gulp-changed')
|
||||
//const image = require('gulp-image')
|
||||
|
||||
let source_dir = 'assets'
|
||||
let output_dir = 'public/assets'
|
||||
|
||||
function js(done) {
|
||||
return src(path.join(source_dir, 'js', '*.js'))
|
||||
return src(path.join(source_dir, 'js', '**', '*.js'))
|
||||
.pipe(concat('main.js'))
|
||||
.pipe(dest(path.join(output_dir, 'scripts')))
|
||||
.pipe(sourcemaps.init({loadMaps: true}))
|
||||
@ -26,7 +28,7 @@ function js(done) {
|
||||
}
|
||||
|
||||
function css(done) {
|
||||
return src([path.join(source_dir, 'sass', '*.scss'), path.join(source_dir, 'sass', '*.sass')])
|
||||
return src(path.join(source_dir, 'sass', 'main.scss'))
|
||||
.pipe(sass())
|
||||
.pipe(rename('main.css'))
|
||||
.pipe(dest(path.join(output_dir, 'styles')))
|
||||
@ -38,12 +40,20 @@ function css(done) {
|
||||
}
|
||||
|
||||
function html(done) {
|
||||
return src(path.join(source_dir, '*.html'))
|
||||
return src(path.join(source_dir, 'html', '**', '*.html'))
|
||||
.pipe(concat('index.html'))
|
||||
.pipe(htmlmin({collapseWhitespace: true}))
|
||||
.pipe(rename('index.html'))
|
||||
.pipe(dest(path.join(output_dir, '../')))
|
||||
}
|
||||
|
||||
watch(source_dir, parallel(js, css, html))
|
||||
function images(done) {
|
||||
return src(path.join(source_dir, 'images', '*.*'))
|
||||
.pipe(changed(path.join(output_dir, 'images')))
|
||||
.pipe(image())
|
||||
.pipe(dest(path.join(output_dir, 'images')))
|
||||
}
|
||||
|
||||
exports.watch = watch(source_dir, parallel(js, css, html))
|
||||
|
||||
exports.default = parallel(js, css, html)
|
||||
|
||||
BIN
public/assets/fonts/icomoon.eot
Normal file
BIN
public/assets/fonts/icomoon.eot
Normal file
Binary file not shown.
12
public/assets/fonts/icomoon.svg
Normal file
12
public/assets/fonts/icomoon.svg
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="icomoon" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" glyph-name="angle" horiz-adv-x="1325" d="M1141.196 132.785h-457.624c-10.618 93.644-46.826 180.902-105.693 254.713l392.607 392.604c10.889 10.889 16.888 25.367 16.888 40.768s-5.998 29.878-16.886 40.764c-10.888 10.891-25.366 16.888-40.766 16.888s-29.877-5.997-40.768-16.886l-745.74-745.736c-11.067-11.065-17.217-26.386-16.873-42.034 0.062-2.823 0.333-5.655 0.805-8.418 0.721-4.228 1.919-8.388 3.569-12.375 8.955-21.621 29.863-35.591 53.265-35.591h957.217c31.791 0 57.654 25.863 57.654 57.654s-25.864 57.65-57.655 57.65zM567.304 132.785h-244.139l172.512 172.511c37.893-50.979 62.317-109.804 71.626-172.511z" />
|
||||
<glyph unicode="" glyph-name="chile" horiz-adv-x="1604" d="M1604.11-64h-1604.11v1021.898h1604.037v-1021.898zM67.638 3.566h1468.905v886.766h-1468.905v-886.766zM1604.11-64h-1604.11v544.659h1604.037v-544.659zM67.638 3.566h1468.905v409.528h-1468.905v-409.528zM628.754 413.093h-628.754v544.804h628.754v-544.804zM67.638 480.659h493.622v409.673h-493.622v-409.673zM314.341 632.32l-61.331-32.261 11.672 68.436-49.732 48.427 68.726 10.004 30.666 62.346 30.738-62.346 68.798-10.004-49.732-48.427 11.744-68.436zM230.536 569.104l16.022 93.519-67.856 66.188 93.737 13.629 41.83 85.037 41.975-85.037 93.809-13.629-67.783-66.188 16.094-93.447-84.022 44.077-83.805-44.15zM314.341 651.459l39.148-20.516-7.467 43.497 31.608 30.738-43.787 6.38-19.501 39.51-19.429-39.51-43.642-6.38 31.536-30.738-7.395-43.497 38.93 20.516z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/assets/fonts/icomoon.ttf
Normal file
BIN
public/assets/fonts/icomoon.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/icomoon.woff
Normal file
BIN
public/assets/fonts/icomoon.woff
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 MiB |
@ -1,15 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="22.742px" height="14.125px" viewBox="0 0 22.742 14.125" enable-background="new 0 0 22.742 14.125" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<rect fill="none" stroke="#333333" stroke-width="0.5" stroke-miterlimit="10" width="22.742" height="14.125"/>
|
||||
<rect y="7.063" fill="none" stroke="#333333" stroke-width="0.5" stroke-miterlimit="10" width="22.742" height="7.062"/>
|
||||
<rect fill="none" stroke="#333333" stroke-width="0.5" stroke-miterlimit="10" width="8.306" height="7.063"/>
|
||||
<polygon fill="none" stroke="#333333" stroke-width="0.5" stroke-miterlimit="10" points="4.152,4.318 3.243,4.797 3.417,3.783
|
||||
2.681,3.066 3.698,2.918 4.152,1.996 4.607,2.918 5.625,3.066 4.889,3.783 5.063,4.797 "/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 3.1 MiB |
|
Before Width: | Height: | Size: 137 KiB After Width: | Height: | Size: 137 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
BIN
public/assets/images/descripcion1.png
Normal file
BIN
public/assets/images/descripcion1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
BIN
public/assets/images/descripcion2.png
Normal file
BIN
public/assets/images/descripcion2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
BIN
public/assets/images/descripcion3.png
Normal file
BIN
public/assets/images/descripcion3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
@ -2,167 +2,160 @@
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="312.586px" height="234.096px" viewBox="0 0 312.586 234.096" enable-background="new 0 0 312.586 234.096"
|
||||
width="235.238px" height="234.096px" viewBox="0 0 235.238 234.096" enable-background="new 0 0 235.238 234.096"
|
||||
xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<rect x="263.025" y="20.11" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#B4B4B4" stroke-miterlimit="10" width="20.387" height="20.388"/>
|
||||
<rect x="263.025" y="178.285" fill-rule="evenodd" clip-rule="evenodd" fill="#3DB54A" width="20.387" height="20.387"/>
|
||||
<rect x="263.025" y="151.921" fill-rule="evenodd" clip-rule="evenodd" fill="#FAED24" width="20.387" height="20.389"/>
|
||||
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#D2D3D4" points="256.167,233.705 8.193,233.705 37.523,137.652
|
||||
226.836,137.652 "/>
|
||||
<polygon fill="#D2D3D4" points="236.877,234.406 1,234.406 28.9,143.036 208.979,143.036 "/>
|
||||
<g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="none" d="M173.594,109.162c-0.18-0.219-0.197-0.525-0.266-0.811
|
||||
c-1.783-7.387-3.563-14.774-5.344-22.16c-1.985-8.24-3.977-16.476-5.956-24.716c-2.503-10.419-4.996-20.839-7.497-31.259
|
||||
c-1.184-4.917-2.379-9.83-3.566-14.745c-0.154-0.638-0.293-1.281-0.479-1.908c-0.218-0.74-0.581-0.986-1.341-0.887
|
||||
c-0.546,0.073-1.092,0.063-1.637,0.097c-1.09,0.062-2.18,0.14-3.268,0.221c-1.117,0.079-2.23,0.18-3.348,0.259
|
||||
c-1.063,0.075-2.125,0.123-3.188,0.202c-1.934,0.142-3.862,0.311-5.796,0.449c-1.852,0.132-3.707,0.228-5.557,0.364
|
||||
c-2.694,0.197-5.388,0.442-8.085,0.611c-2.422,0.154-4.848,0.327-7.27,0.484c-2.425,0.158-4.848,0.32-7.271,0.502
|
||||
c-1.959,0.149-3.925,0.212-5.884,0.375c-0.926,0.074-1.855,0.096-2.778,0.179c-1.577,0.14-3.149,0.326-4.741,0.293
|
||||
c-0.242-0.002-0.492,0-0.733,0.042c-0.718,0.133-1.2,0.694-1.224,1.426c-0.018,0.493,0.012,0.981,0.063,1.472
|
||||
c0.107,1.058,0.18,2.123,0.246,3.185c0.08,1.227,0.071,2.462,0.223,3.678c0.112,0.926,0.079,1.853,0.156,2.779
|
||||
c0.111,1.305,0.223,2.613,0.279,3.919c0.058,1.312,0.121,2.622,0.221,3.927c0.234,3.075,0.311,6.164,0.601,9.235
|
||||
c0.099,1.034,0.128,2.072,0.197,3.106c0.132,1.991,0.308,3.973,0.444,5.962c0.137,1.987,0.233,3.978,0.373,5.969
|
||||
c0.192,2.775,0.419,5.55,0.609,8.328c0.141,2.046,0.213,4.094,0.379,6.133c0.07,0.872,0.107,1.746,0.175,2.615
|
||||
c0.15,1.984,0.302,3.973,0.436,5.96c0.083,1.227,0.117,2.458,0.203,3.682c0.194,2.751,0.448,5.498,0.601,8.249
|
||||
c0.111,2.018,0.305,4.027,0.393,6.049c0.042,0.951,0.102,1.908,0.181,2.861c0.103,1.225,0.188,2.447,0.272,3.672
|
||||
c0.074,1.092,0.129,2.184,0.204,3.271c0.147,2.096,0.306,4.191,0.448,6.291c0.077,1.141,0.119,2.287,0.201,3.434
|
||||
c0.141,2.066,0.317,4.133,0.455,6.203c0.137,2.016,0.205,4.035,0.377,6.049c0.071,0.846,0.1,1.691,0.168,2.535
|
||||
c0.154,1.959,0.301,3.92,0.435,5.879c0.081,1.199,0.085,2.406,0.218,3.598c0.096,0.871,0.096,1.746,0.166,2.617
|
||||
c0.145,1.904,0.307,3.807,0.432,5.717c0.139,2.07,0.201,4.145,0.385,6.209c0.08,0.9,0.098,1.801,0.168,2.699
|
||||
c0.15,1.877,0.289,3.754,0.432,5.631c0.008,0.139,0.008,0.275-0.014,0.41c-0.029,0.197-0.158,0.277-0.351,0.238
|
||||
c-0.134-0.023-0.267-0.064-0.396-0.109c-2.571-0.84-5.145-1.682-7.715-2.525c-0.232-0.076-0.505-0.117-0.652-0.324
|
||||
c-0.385-0.531-0.92-0.74-1.539-0.824c-0.154-0.018-0.32-0.096-0.445-0.195c-1.33-1.004-2.689-1.975-3.455-3.541
|
||||
c-0.436-0.893-0.636-0.955-1.634-0.711c-1.567,0.385-3.143,0.738-4.69,1.186c-0.795,0.229-1.338,0.059-1.883-0.537
|
||||
c-0.67-0.732-1.275-1.502-1.838-2.309c-0.529-0.756-1.189-1.061-2.119-0.805c-1.293,0.357-2.607,0.627-3.895,0.992
|
||||
c-0.677,0.197-1.23,0.092-1.746-0.352c-0.207-0.182-0.412-0.359-0.615-0.545c-0.785-0.701-1.322-1.594-1.901-2.455
|
||||
c-0.659-0.975-1.229-1.215-2.378-0.941c-0.771,0.18-1.53,0.412-2.285,0.652c-1.025,0.324-1.245,0.637-1.086,1.686
|
||||
c0.252,1.646,0.504,3.293,0.931,4.91c0.276,1.051,0.825,1.867,1.687,2.531c3.646,2.836,7.266,5.707,10.904,8.555
|
||||
c5.963,4.662,11.93,9.324,17.9,13.982c3.277,2.553,6.565,5.094,9.853,7.633c1.883,1.455,3.785,2.881,5.661,4.342
|
||||
c0.974,0.754,1.945,1,3.197,0.604c2.996-0.943,6.035-1.744,9.061-2.604c12.386-3.502,24.775-6.996,37.161-10.502
|
||||
c10.599-3.006,21.192-6.023,31.787-9.037c0.817-0.232,1.632-0.457,2.435-0.723c0.719-0.236,0.9-0.582,0.785-1.313
|
||||
c-0.02-0.133-0.061-0.268-0.092-0.396c-1.102-4.711-2.211-9.426-3.308-14.135c-1.785-7.666-3.565-15.338-5.341-23.006
|
||||
c-0.501-2.154-0.986-4.314-1.469-6.479c-0.147-0.648-0.164-1.281,0.143-1.916c2.154-4.484,4.293-8.977,6.436-13.467
|
||||
c1.197-2.518,2.396-5.035,3.594-7.557c0.213-0.441,0.396-0.898,0.498-1.385c0.324-1.527-0.597-2.527-2.125-2.314
|
||||
c-0.164,0.021-0.322,0.063-0.484,0.092c-3.551,0.641-7.094,1.316-10.658,1.875c-0.934,0.146-1.817,0.404-2.449,1.184
|
||||
C173.891,109.058,173.799,109.171,173.594,109.162z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M173.594,109.162c0.205,0.01,0.297-0.104,0.381-0.205
|
||||
c0.632-0.779,1.516-1.037,2.449-1.184c3.564-0.559,7.107-1.234,10.658-1.875c0.162-0.029,0.32-0.07,0.484-0.092
|
||||
c1.528-0.213,2.449,0.787,2.125,2.314c-0.102,0.486-0.285,0.943-0.498,1.385c-1.198,2.521-2.396,5.039-3.594,7.557
|
||||
c-2.143,4.49-4.281,8.982-6.436,13.467c-0.307,0.635-0.29,1.268-0.143,1.916c0.482,2.164,0.968,4.324,1.469,6.479
|
||||
c1.775,7.668,3.556,15.34,5.341,23.006c1.097,4.709,2.206,9.424,3.308,14.135c0.031,0.129,0.072,0.264,0.092,0.396
|
||||
c0.115,0.73-0.066,1.076-0.785,1.313c-0.803,0.266-1.617,0.49-2.435,0.723c-10.595,3.014-21.188,6.031-31.787,9.037
|
||||
c-12.386,3.506-24.775,7-37.161,10.502c-3.025,0.859-6.064,1.66-9.061,2.604c-1.252,0.396-2.224,0.15-3.197-0.604
|
||||
c-1.876-1.461-3.778-2.887-5.661-4.342c-3.287-2.539-6.575-5.08-9.853-7.633c-5.971-4.658-11.938-9.32-17.9-13.982
|
||||
c-3.639-2.848-7.258-5.719-10.904-8.555c-0.861-0.664-1.41-1.48-1.687-2.531c-0.427-1.617-0.679-3.264-0.931-4.91
|
||||
c-0.159-1.049,0.061-1.361,1.086-1.686c0.755-0.24,1.515-0.473,2.285-0.652c1.149-0.273,1.719-0.033,2.378,0.941
|
||||
c0.579,0.861,1.116,1.754,1.901,2.455c0.203,0.186,0.408,0.363,0.615,0.545c0.516,0.443,1.069,0.549,1.746,0.352
|
||||
c1.287-0.365,2.602-0.635,3.895-0.992c0.93-0.256,1.59,0.049,2.119,0.805c0.563,0.807,1.168,1.576,1.838,2.309
|
||||
c0.545,0.596,1.088,0.766,1.883,0.537c1.548-0.447,3.123-0.801,4.69-1.186c0.998-0.244,1.198-0.182,1.634,0.711
|
||||
c0.766,1.566,2.125,2.537,3.455,3.541c0.125,0.1,0.291,0.178,0.445,0.195c0.619,0.084,1.154,0.293,1.539,0.824
|
||||
c0.147,0.207,0.42,0.248,0.652,0.324c2.57,0.844,5.144,1.686,7.715,2.525c0.129,0.045,0.262,0.086,0.396,0.109
|
||||
c0.192,0.039,0.321-0.041,0.351-0.238c0.021-0.135,0.021-0.271,0.014-0.41c-0.143-1.877-0.281-3.754-0.432-5.631
|
||||
c-0.07-0.898-0.088-1.799-0.168-2.699c-0.184-2.064-0.246-4.139-0.385-6.209c-0.125-1.91-0.287-3.813-0.432-5.717
|
||||
c-0.07-0.871-0.07-1.746-0.166-2.617c-0.133-1.191-0.137-2.398-0.218-3.598c-0.134-1.959-0.28-3.92-0.435-5.879
|
||||
c-0.068-0.844-0.097-1.689-0.168-2.535c-0.172-2.014-0.24-4.033-0.377-6.049c-0.138-2.07-0.314-4.137-0.455-6.203
|
||||
c-0.082-1.146-0.124-2.293-0.201-3.434c-0.143-2.1-0.301-4.195-0.448-6.291c-0.075-1.088-0.13-2.18-0.204-3.271
|
||||
c-0.084-1.225-0.17-2.447-0.272-3.672c-0.079-0.953-0.139-1.91-0.181-2.861c-0.088-2.021-0.281-4.031-0.393-6.049
|
||||
c-0.152-2.751-0.406-5.498-0.601-8.249c-0.086-1.225-0.12-2.456-0.203-3.682c-0.134-1.987-0.285-3.976-0.436-5.96
|
||||
c-0.067-0.87-0.104-1.744-0.175-2.615c-0.166-2.04-0.238-4.087-0.379-6.133c-0.19-2.777-0.417-5.552-0.609-8.328
|
||||
c-0.14-1.991-0.236-3.982-0.373-5.969c-0.137-1.989-0.313-3.971-0.444-5.962c-0.069-1.034-0.099-2.072-0.197-3.106
|
||||
c-0.29-3.071-0.366-6.16-0.601-9.235c-0.1-1.305-0.163-2.615-0.221-3.927c-0.057-1.306-0.168-2.614-0.279-3.919
|
||||
c-0.077-0.926-0.044-1.853-0.156-2.779c-0.151-1.216-0.143-2.451-0.223-3.678c-0.066-1.062-0.139-2.127-0.246-3.185
|
||||
c-0.051-0.49-0.08-0.979-0.063-1.472c0.023-0.732,0.506-1.292,1.224-1.426c0.241-0.042,0.491-0.044,0.733-0.042
|
||||
c1.592,0.033,3.164-0.153,4.741-0.293c0.923-0.083,1.853-0.105,2.778-0.179c1.959-0.162,3.925-0.226,5.884-0.375
|
||||
c2.423-0.182,4.846-0.344,7.271-0.502c2.422-0.158,4.848-0.331,7.27-0.484c2.697-0.168,5.391-0.414,8.085-0.611
|
||||
c1.85-0.136,3.705-0.232,5.557-0.364c1.934-0.138,3.862-0.307,5.796-0.449c1.063-0.079,2.125-0.127,3.188-0.202
|
||||
c1.117-0.079,2.23-0.18,3.348-0.259c1.088-0.081,2.178-0.159,3.268-0.221c0.545-0.033,1.091-0.024,1.637-0.097
|
||||
c0.76-0.099,1.123,0.147,1.341,0.887c0.187,0.627,0.325,1.271,0.479,1.908c1.188,4.915,2.383,9.828,3.566,14.745
|
||||
c2.501,10.419,4.994,20.839,7.497,31.259c1.979,8.24,3.971,16.476,5.956,24.716c1.78,7.386,3.561,14.773,5.344,22.16
|
||||
C173.396,108.636,173.414,108.943,173.594,109.162z M152.945,152.818c-9.699-39.031-19.379-77.993-29.06-116.953
|
||||
c-0.019-0.077-0.053-0.153-0.086-0.23c-0.008-0.02-0.031-0.046-0.052-0.052c-0.105-0.033-0.016,0.099-0.082-0.015
|
||||
c0,0.427-0.025,0.836,0.004,1.239c0.197,2.996,0.421,5.993,0.607,8.991c0.145,2.315,0.217,4.637,0.381,6.95
|
||||
c0.066,0.955,0.104,1.912,0.167,2.863c0.138,2.21,0.308,4.414,0.442,6.621c0.135,2.235,0.209,4.476,0.381,6.705
|
||||
c0.08,1.01,0.104,2.021,0.172,3.027c0.154,2.179,0.304,4.359,0.436,6.541c0.134,2.208,0.236,4.417,0.373,6.625
|
||||
c0.192,3.08,0.412,6.157,0.598,9.238c0.143,2.316,0.223,4.635,0.39,6.953c0.066,0.953,0.104,1.908,0.163,2.863
|
||||
c0.154,2.479,0.271,4.961,0.485,7.434c0.174,2.033,0.046,4.102,0.648,6.092c0.101,0.336,0.126,0.705,0.126,1.057
|
||||
c-0.012,2.135,0.184,4.256,0.305,6.381c0.201,3.549,0.359,7.094,0.549,10.641c0.092,1.689,0.202,3.381,0.313,5.072
|
||||
c0.038,0.58,0.091,0.658,0.62,0.578c0.491-0.078,0.777,0.107,1.006,0.5c0.271,0.477,0.548,0.949,0.843,1.41
|
||||
c0.642,0.986,1.761,1.42,2.917,1.143c0.529-0.129,1.059-0.271,1.592-0.391c1.371-0.295,2.408,0.236,2.986,1.525
|
||||
c0.133,0.299,0.248,0.611,0.42,0.885c0.518,0.844,1.354,1.174,2.316,0.955c0.801-0.18,1.598-0.371,2.401-0.535
|
||||
c1.276-0.266,1.569-0.133,2.222,0.951c1.15,1.906,2.691,3.43,4.549,4.641C152.301,152.669,152.514,152.865,152.945,152.818z
|
||||
M130.748,151.707c-0.08,0.506-0.051,0.936-0.011,1.363c0.139,1.551,0.226,3.105,0.31,4.658c0.101,1.881,0.236,3.766,0.364,5.645
|
||||
c0.142,2.125,0.294,4.252,0.431,6.377c0.13,1.988,0.245,3.979,0.373,5.971c0.025,0.408,0.088,0.814,0.121,1.221
|
||||
c0.027,0.311,0.168,0.455,0.486,0.371c0.158-0.039,0.314-0.088,0.473-0.127c4.832-1.295,9.665-2.584,14.498-3.879
|
||||
c0.657-0.176,1.318-0.359,1.973-0.547c0.322-0.096,0.383-0.281,0.153-0.543c-0.054-0.063-0.108-0.123-0.165-0.182
|
||||
c-2.137-2.305-4.271-4.609-6.409-6.914c-1.581-1.701-3.167-3.396-4.745-5.104c-2.354-2.549-4.698-5.105-7.055-7.656
|
||||
C131.344,152.146,131.169,151.89,130.748,151.707z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="none" d="M152.945,152.818c-0.432,0.047-0.645-0.148-0.867-0.295
|
||||
c-1.857-1.211-3.398-2.734-4.549-4.641c-0.652-1.084-0.945-1.217-2.222-0.951c-0.804,0.164-1.601,0.355-2.401,0.535
|
||||
c-0.963,0.219-1.799-0.111-2.316-0.955c-0.172-0.273-0.287-0.586-0.42-0.885c-0.578-1.289-1.615-1.82-2.986-1.525
|
||||
c-0.533,0.119-1.063,0.262-1.592,0.391c-1.156,0.277-2.275-0.156-2.917-1.143c-0.295-0.461-0.571-0.934-0.843-1.41
|
||||
c-0.229-0.393-0.515-0.578-1.006-0.5c-0.529,0.08-0.582,0.002-0.62-0.578c-0.111-1.691-0.222-3.383-0.313-5.072
|
||||
c-0.189-3.547-0.348-7.092-0.549-10.641c-0.121-2.125-0.316-4.246-0.305-6.381c0-0.352-0.025-0.721-0.126-1.057
|
||||
c-0.603-1.99-0.475-4.059-0.648-6.092c-0.214-2.473-0.331-4.955-0.485-7.434c-0.059-0.955-0.097-1.91-0.163-2.863
|
||||
c-0.167-2.318-0.247-4.637-0.39-6.953c-0.186-3.081-0.405-6.158-0.598-9.238c-0.137-2.208-0.239-4.418-0.373-6.625
|
||||
c-0.132-2.182-0.281-4.362-0.436-6.541c-0.068-1.005-0.092-2.017-0.172-3.027c-0.172-2.229-0.246-4.47-0.381-6.705
|
||||
c-0.135-2.207-0.305-4.411-0.442-6.621c-0.063-0.951-0.101-1.908-0.167-2.863c-0.164-2.313-0.236-4.635-0.381-6.95
|
||||
c-0.187-2.999-0.41-5.995-0.607-8.991c-0.029-0.403-0.004-0.813-0.004-1.239c0.066,0.114-0.023-0.018,0.082,0.015
|
||||
c0.021,0.006,0.044,0.032,0.052,0.052c0.033,0.077,0.067,0.153,0.086,0.23C133.566,74.825,143.246,113.787,152.945,152.818z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="none" d="M130.748,151.707c0.421,0.184,0.596,0.439,0.797,0.654
|
||||
c2.356,2.551,4.701,5.107,7.055,7.656c1.578,1.707,3.164,3.402,4.745,5.104c2.139,2.305,4.272,4.609,6.409,6.914
|
||||
c0.057,0.059,0.111,0.119,0.165,0.182c0.229,0.262,0.169,0.447-0.153,0.543c-0.654,0.188-1.315,0.371-1.973,0.547
|
||||
c-4.833,1.295-9.666,2.584-14.498,3.879c-0.158,0.039-0.314,0.088-0.473,0.127c-0.318,0.084-0.459-0.061-0.486-0.371
|
||||
c-0.033-0.406-0.096-0.813-0.121-1.221c-0.128-1.992-0.243-3.982-0.373-5.971c-0.137-2.125-0.289-4.252-0.431-6.377
|
||||
c-0.128-1.879-0.264-3.764-0.364-5.645c-0.084-1.553-0.171-3.107-0.31-4.658C130.697,152.642,130.668,152.212,130.748,151.707z"
|
||||
<path fill="none" d="M157.367,110.951c-0.184-0.223-0.201-0.534-0.27-0.825c-1.813-7.508-3.622-15.016-5.432-22.523
|
||||
c-2.019-8.375-4.042-16.746-6.055-25.121c-2.543-10.59-5.077-21.18-7.619-31.771c-1.203-4.998-2.418-9.991-3.625-14.986
|
||||
c-0.157-0.649-0.298-1.303-0.487-1.94c-0.222-0.751-0.591-1.001-1.363-0.901c-0.555,0.074-1.11,0.064-1.664,0.098
|
||||
c-1.108,0.063-2.216,0.143-3.321,0.225c-1.135,0.08-2.267,0.183-3.403,0.263c-1.08,0.076-2.16,0.125-3.24,0.206
|
||||
c-1.965,0.144-3.925,0.315-5.891,0.455c-1.882,0.135-3.768,0.232-5.648,0.371c-2.738,0.2-5.477,0.449-8.218,0.621
|
||||
c-2.462,0.157-4.927,0.333-7.389,0.493c-2.465,0.16-4.927,0.324-7.39,0.51c-1.991,0.151-3.989,0.215-5.981,0.381
|
||||
c-0.94,0.075-1.885,0.098-2.823,0.182c-1.603,0.142-3.201,0.332-4.819,0.298c-0.246-0.002-0.5,0-0.745,0.043
|
||||
c-0.729,0.135-1.219,0.706-1.244,1.449c-0.019,0.501,0.012,0.998,0.064,1.496c0.108,1.076,0.182,2.158,0.25,3.238
|
||||
c0.081,1.246,0.073,2.502,0.227,3.738c0.114,0.941,0.081,1.884,0.159,2.825c0.112,1.326,0.226,2.656,0.283,3.983
|
||||
c0.059,1.333,0.123,2.666,0.225,3.992c0.237,3.125,0.315,6.265,0.61,9.386c0.101,1.052,0.13,2.106,0.2,3.156
|
||||
c0.134,2.024,0.313,4.039,0.452,6.06c0.139,2.02,0.236,4.044,0.379,6.068c0.195,2.82,0.425,5.641,0.619,8.465
|
||||
c0.143,2.079,0.217,4.161,0.385,6.233c0.071,0.886,0.109,1.775,0.178,2.658c0.153,2.016,0.307,4.038,0.443,6.058
|
||||
c0.084,1.247,0.119,2.498,0.207,3.742c0.196,2.796,0.455,5.589,0.61,8.385c0.113,2.05,0.31,4.093,0.399,6.148
|
||||
c0.042,0.967,0.104,1.939,0.184,2.908c0.104,1.245,0.191,2.487,0.276,3.732c0.075,1.109,0.131,2.219,0.208,3.324
|
||||
c0.149,2.131,0.311,4.26,0.455,6.394c0.079,1.16,0.121,2.325,0.205,3.491c0.144,2.099,0.322,4.2,0.462,6.304
|
||||
c0.139,2.049,0.208,4.102,0.383,6.148c0.072,0.86,0.102,1.718,0.171,2.577c0.156,1.99,0.306,3.983,0.442,5.975
|
||||
c0.083,1.22,0.086,2.445,0.222,3.657c0.098,0.885,0.098,1.774,0.168,2.66c0.147,1.936,0.313,3.869,0.439,5.811
|
||||
c0.142,2.104,0.205,4.213,0.391,6.311c0.081,0.915,0.1,1.83,0.171,2.743c0.152,1.907,0.293,3.815,0.438,5.723
|
||||
c0.008,0.142,0.008,0.28-0.014,0.417c-0.03,0.201-0.161,0.282-0.357,0.243c-0.137-0.024-0.271-0.066-0.403-0.112
|
||||
c-2.613-0.853-5.229-1.709-7.841-2.566c-0.236-0.076-0.514-0.118-0.663-0.328c-0.391-0.54-0.936-0.753-1.564-0.838
|
||||
c-0.156-0.019-0.325-0.098-0.452-0.198c-1.352-1.021-2.733-2.008-3.512-3.6c-0.443-0.907-0.646-0.971-1.661-0.723
|
||||
c-1.593,0.392-3.194,0.751-4.768,1.206c-0.808,0.232-1.359,0.06-1.914-0.546c-0.681-0.744-1.295-1.526-1.868-2.347
|
||||
c-0.538-0.769-1.208-1.079-2.154-0.818c-1.314,0.363-2.65,0.638-3.959,1.008c-0.688,0.199-1.25,0.094-1.775-0.357
|
||||
c-0.21-0.185-0.418-0.365-0.625-0.554c-0.798-0.713-1.344-1.621-1.932-2.496c-0.67-0.99-1.249-1.234-2.417-0.955
|
||||
c-0.783,0.182-1.555,0.419-2.322,0.661c-1.042,0.33-1.266,0.648-1.104,1.714c0.256,1.674,0.512,3.348,0.946,4.991
|
||||
c0.281,1.067,0.839,1.897,1.715,2.572c3.706,2.882,7.385,5.801,11.083,8.695c6.061,4.738,12.125,9.478,18.193,14.211
|
||||
c3.331,2.595,6.673,5.178,10.015,7.758c1.914,1.479,3.847,2.929,5.754,4.414c0.989,0.767,1.977,1.017,3.249,0.613
|
||||
c3.046-0.958,6.134-1.773,9.21-2.646c12.589-3.559,25.181-7.11,37.77-10.674c10.771-3.056,21.539-6.123,32.307-9.186
|
||||
c0.832-0.235,1.66-0.465,2.477-0.735c0.73-0.239,0.914-0.591,0.797-1.334c-0.02-0.135-0.063-0.272-0.094-0.402
|
||||
c-1.119-4.788-2.246-9.58-3.361-14.367c-1.814-7.791-3.623-15.589-5.428-23.383c-0.51-2.189-1.002-4.385-1.492-6.584
|
||||
c-0.152-0.66-0.168-1.303,0.145-1.948c2.189-4.558,4.363-9.124,6.541-13.688c1.217-2.559,2.436-5.117,3.652-7.68
|
||||
c0.217-0.449,0.402-0.914,0.506-1.408c0.33-1.552-0.605-2.568-2.16-2.352c-0.166,0.022-0.326,0.064-0.492,0.093
|
||||
c-3.607,0.652-7.209,1.338-10.832,1.906c-0.949,0.149-1.848,0.411-2.488,1.204C157.67,110.845,157.576,110.96,157.367,110.951z"
|
||||
/>
|
||||
<path d="M157.367,110.951c0.209,0.01,0.303-0.106,0.387-0.208c0.643-0.792,1.541-1.054,2.49-1.204
|
||||
c3.623-0.568,7.225-1.253,10.832-1.906c0.166-0.029,0.326-0.071,0.492-0.093c1.553-0.216,2.49,0.8,2.16,2.352
|
||||
c-0.105,0.494-0.289,0.958-0.506,1.408c-1.219,2.562-2.436,5.121-3.652,7.68c-2.18,4.564-4.352,9.13-6.543,13.688
|
||||
c-0.313,0.646-0.295,1.289-0.145,1.948c0.49,2.198,0.984,4.395,1.492,6.585c1.805,7.794,3.615,15.592,5.43,23.383
|
||||
c1.113,4.787,2.24,9.579,3.361,14.366c0.031,0.132,0.072,0.27,0.094,0.403c0.117,0.742-0.066,1.094-0.797,1.334
|
||||
c-0.816,0.271-1.645,0.498-2.477,0.735c-10.77,3.063-21.535,6.13-32.308,9.186c-12.589,3.563-25.182,7.115-37.77,10.674
|
||||
c-3.075,0.872-6.163,1.687-9.21,2.646c-1.272,0.404-2.26,0.154-3.249-0.612c-1.907-1.485-3.841-2.935-5.754-4.414
|
||||
c-3.341-2.58-6.683-5.162-10.015-7.758c-6.069-4.734-12.133-9.473-18.193-14.211c-3.699-2.895-7.377-5.813-11.083-8.695
|
||||
c-0.875-0.675-1.433-1.505-1.715-2.572c-0.434-1.644-0.69-3.317-0.946-4.991c-0.162-1.065,0.062-1.383,1.104-1.714
|
||||
c0.767-0.242,1.54-0.479,2.322-0.661c1.168-0.279,1.747-0.034,2.417,0.955c0.588,0.875,1.134,1.783,1.932,2.496
|
||||
c0.207,0.188,0.414,0.369,0.625,0.554c0.525,0.45,1.087,0.557,1.775,0.357c1.309-0.371,2.645-0.646,3.959-1.008
|
||||
c0.945-0.261,1.616,0.05,2.154,0.818c0.572,0.82,1.187,1.602,1.868,2.347c0.554,0.605,1.106,0.778,1.914,0.546
|
||||
c1.574-0.454,3.174-0.815,4.768-1.205c1.014-0.249,1.217-0.186,1.661,0.722c0.779,1.592,2.16,2.579,3.512,3.6
|
||||
c0.127,0.101,0.296,0.181,0.452,0.198c0.63,0.085,1.174,0.298,1.564,0.837c0.149,0.211,0.427,0.253,0.663,0.329
|
||||
c2.612,0.858,5.228,1.715,7.841,2.566c0.131,0.046,0.266,0.088,0.403,0.112c0.195,0.038,0.326-0.042,0.357-0.242
|
||||
c0.021-0.138,0.021-0.276,0.014-0.418c-0.146-1.907-0.285-3.815-0.439-5.724c-0.071-0.912-0.089-1.827-0.17-2.742
|
||||
c-0.187-2.098-0.25-4.206-0.391-6.311c-0.127-1.941-0.292-3.875-0.439-5.811c-0.071-0.886-0.071-1.775-0.169-2.66
|
||||
c-0.135-1.211-0.139-2.438-0.222-3.657c-0.136-1.991-0.285-3.983-0.442-5.975c-0.069-0.859-0.099-1.717-0.171-2.577
|
||||
c-0.174-2.047-0.244-4.099-0.383-6.148c-0.14-2.104-0.319-4.205-0.462-6.305c-0.083-1.165-0.126-2.33-0.205-3.49
|
||||
c-0.145-2.134-0.305-4.263-0.455-6.394c-0.077-1.106-0.132-2.216-0.208-3.324c-0.085-1.246-0.173-2.488-0.276-3.732
|
||||
c-0.081-0.969-0.142-1.941-0.184-2.908c-0.089-2.055-0.286-4.098-0.399-6.148c-0.155-2.796-0.413-5.589-0.611-8.385
|
||||
c-0.088-1.245-0.122-2.496-0.207-3.743c-0.136-2.019-0.29-4.041-0.443-6.058c-0.067-0.883-0.105-1.772-0.178-2.657
|
||||
c-0.169-2.073-0.242-4.154-0.385-6.234c-0.193-2.822-0.424-5.643-0.619-8.464c-0.143-2.024-0.24-4.047-0.379-6.067
|
||||
c-0.139-2.021-0.318-4.036-0.451-6.06c-0.071-1.051-0.101-2.105-0.2-3.156c-0.295-3.122-0.372-6.262-0.611-9.387
|
||||
c-0.102-1.326-0.166-2.659-0.225-3.992c-0.058-1.328-0.171-2.657-0.284-3.983c-0.078-0.941-0.045-1.884-0.159-2.825
|
||||
c-0.153-1.236-0.146-2.491-0.227-3.738c-0.067-1.08-0.141-2.162-0.25-3.238c-0.052-0.498-0.081-0.995-0.064-1.496
|
||||
c0.024-0.745,0.515-1.313,1.245-1.449c0.245-0.043,0.499-0.045,0.745-0.043c1.619,0.034,3.216-0.156,4.819-0.298
|
||||
c0.938-0.084,1.884-0.107,2.823-0.183c1.992-0.164,3.99-0.229,5.981-0.38c2.462-0.185,4.925-0.35,7.39-0.51
|
||||
c2.462-0.16,4.927-0.337,7.389-0.492c2.741-0.171,5.479-0.421,8.218-0.621c1.88-0.138,3.766-0.235,5.648-0.371
|
||||
c1.965-0.14,3.925-0.312,5.891-0.456c1.081-0.08,2.16-0.129,3.24-0.205c1.135-0.081,2.267-0.184,3.403-0.263
|
||||
c1.105-0.083,2.213-0.162,3.321-0.225c0.554-0.034,1.109-0.024,1.664-0.098c0.772-0.101,1.141,0.149,1.363,0.901
|
||||
c0.19,0.638,0.33,1.292,0.487,1.939c1.207,4.996,2.422,9.989,3.624,14.987c2.542,10.59,5.075,21.181,7.621,31.771
|
||||
c2.011,8.375,4.036,16.747,6.053,25.121c1.811,7.508,3.619,15.016,5.432,22.523C157.166,110.416,157.184,110.728,157.367,110.951
|
||||
z M136.379,155.323c-9.857-39.67-19.697-79.271-29.536-118.87c-0.019-0.078-0.054-0.155-0.087-0.234
|
||||
c-0.008-0.02-0.031-0.046-0.053-0.053c-0.106-0.033-0.017,0.1-0.083-0.016c0,0.435-0.025,0.849,0.003,1.26
|
||||
c0.201,3.045,0.428,6.091,0.617,9.138c0.147,2.353,0.221,4.712,0.388,7.064c0.066,0.97,0.105,1.943,0.17,2.909
|
||||
c0.14,2.247,0.313,4.486,0.449,6.729c0.137,2.272,0.212,4.55,0.387,6.815c0.081,1.027,0.105,2.055,0.175,3.077
|
||||
c0.157,2.214,0.309,4.431,0.443,6.648c0.137,2.245,0.24,4.49,0.379,6.734c0.195,3.13,0.419,6.258,0.608,9.39
|
||||
c0.146,2.354,0.227,4.711,0.396,7.066c0.067,0.969,0.106,1.94,0.165,2.911c0.157,2.52,0.276,5.042,0.493,7.556
|
||||
c0.177,2.065,0.047,4.169,0.659,6.192c0.103,0.34,0.128,0.717,0.128,1.073c-0.012,2.169,0.187,4.325,0.31,6.485
|
||||
c0.205,3.606,0.365,7.212,0.559,10.816c0.093,1.716,0.205,3.436,0.318,5.153c0.039,0.59,0.092,0.669,0.63,0.588
|
||||
c0.499-0.079,0.79,0.109,1.022,0.508c0.275,0.486,0.557,0.965,0.856,1.434c0.653,1.003,1.79,1.443,2.965,1.163
|
||||
c0.538-0.132,1.077-0.276,1.618-0.398c1.394-0.3,2.448,0.24,3.035,1.55c0.135,0.305,0.252,0.62,0.427,0.9
|
||||
c0.527,0.856,1.376,1.192,2.354,0.971c0.814-0.184,1.625-0.377,2.441-0.544c1.296-0.271,1.594-0.136,2.258,0.967
|
||||
c1.168,1.938,2.735,3.485,4.624,4.717C135.725,155.171,135.942,155.37,136.379,155.323z M113.819,154.193
|
||||
c-0.082,0.515-0.052,0.952-0.011,1.385c0.141,1.578,0.229,3.156,0.315,4.735c0.103,1.911,0.24,3.828,0.37,5.738
|
||||
c0.145,2.159,0.299,4.321,0.438,6.481c0.132,2.02,0.249,4.043,0.379,6.067c0.025,0.415,0.089,0.829,0.123,1.241
|
||||
c0.027,0.316,0.17,0.463,0.493,0.378c0.161-0.04,0.319-0.09,0.481-0.13c4.912-1.316,9.823-2.626,14.736-3.941
|
||||
c0.668-0.18,1.339-0.365,2.006-0.557c0.327-0.098,0.389-0.285,0.155-0.552c-0.054-0.065-0.11-0.125-0.167-0.185
|
||||
c-2.172-2.344-4.341-4.685-6.514-7.028c-1.607-1.729-3.219-3.452-4.823-5.188c-2.392-2.591-4.775-5.188-7.17-7.781
|
||||
C114.424,154.639,114.247,154.379,113.819,154.193z"/>
|
||||
<path fill="none" d="M136.379,155.323c-0.438,0.048-0.656-0.15-0.881-0.3c-1.887-1.231-3.454-2.778-4.624-4.717
|
||||
c-0.663-1.103-0.96-1.237-2.258-0.967c-0.817,0.167-1.627,0.36-2.44,0.544c-0.979,0.222-1.829-0.114-2.354-0.971
|
||||
c-0.175-0.278-0.291-0.596-0.427-0.9c-0.587-1.31-1.641-1.85-3.035-1.55c-0.542,0.121-1.08,0.267-1.618,0.398
|
||||
c-1.174,0.28-2.312-0.159-2.965-1.163c-0.299-0.469-0.58-0.948-0.856-1.434c-0.232-0.398-0.523-0.587-1.022-0.508
|
||||
c-0.538,0.081-0.592,0.002-0.63-0.588c-0.113-1.718-0.226-3.438-0.318-5.153c-0.192-3.604-0.354-7.21-0.558-10.816
|
||||
c-0.123-2.16-0.321-4.316-0.31-6.485c0-0.356-0.025-0.733-0.128-1.073c-0.613-2.023-0.483-4.127-0.659-6.192
|
||||
c-0.217-2.514-0.336-5.036-0.492-7.556c-0.06-0.971-0.099-1.942-0.166-2.911c-0.169-2.355-0.251-4.712-0.397-7.066
|
||||
c-0.188-3.131-0.411-6.259-0.608-9.39c-0.139-2.244-0.242-4.49-0.379-6.734c-0.134-2.217-0.285-4.434-0.443-6.648
|
||||
c-0.069-1.021-0.093-2.049-0.175-3.077c-0.175-2.265-0.25-4.543-0.387-6.815c-0.137-2.243-0.31-4.483-0.449-6.729
|
||||
c-0.064-0.966-0.104-1.938-0.17-2.909c-0.167-2.352-0.24-4.712-0.388-7.064c-0.19-3.048-0.417-6.093-0.617-9.138
|
||||
c-0.029-0.411-0.004-0.826-0.004-1.26c0.067,0.116-0.023-0.018,0.083,0.016c0.021,0.006,0.044,0.033,0.053,0.053
|
||||
c0.034,0.079,0.068,0.156,0.088,0.234C116.683,76.052,126.522,115.652,136.379,155.323z"/>
|
||||
<path fill="none" d="M113.819,154.193c0.428,0.188,0.605,0.446,0.81,0.665c2.395,2.594,4.778,5.19,7.17,7.781
|
||||
c1.604,1.734,3.216,3.458,4.823,5.188c2.173,2.344,4.342,4.685,6.514,7.028c0.058,0.06,0.113,0.119,0.167,0.185
|
||||
c0.233,0.267,0.172,0.454-0.155,0.552c-0.666,0.191-1.337,0.377-2.006,0.557c-4.913,1.315-9.824,2.625-14.736,3.941
|
||||
c-0.161,0.04-0.319,0.09-0.481,0.13c-0.323,0.085-0.466-0.063-0.493-0.378c-0.034-0.411-0.098-0.826-0.123-1.241
|
||||
c-0.13-2.024-0.247-4.047-0.379-6.067c-0.139-2.16-0.294-4.322-0.438-6.481c-0.13-1.91-0.269-3.827-0.37-5.738
|
||||
c-0.085-1.579-0.174-3.157-0.315-4.735C113.767,155.144,113.737,154.706,113.819,154.193z"/>
|
||||
</g>
|
||||
<rect x="263.025" y="46.471" fill-rule="evenodd" clip-rule="evenodd" fill="#010101" width="20.387" height="20.388"/>
|
||||
<rect x="263.025" y="72.834" fill-rule="evenodd" clip-rule="evenodd" fill="#1072BA" width="20.387" height="20.388"/>
|
||||
<rect x="263.025" y="99.197" fill-rule="evenodd" clip-rule="evenodd" fill="#F15C27" width="20.387" height="20.389"/>
|
||||
<rect x="263.025" y="125.56" fill-rule="evenodd" clip-rule="evenodd" fill="#EC2227" width="20.387" height="20.387"/>
|
||||
<g>
|
||||
<g>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="111.679" y1="207.164" x2="194" y2="183.371"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="94.438" y1="210.56" x2="178.107" y2="186.376"/>
|
||||
<g>
|
||||
|
||||
<rect x="111.179" y="203.915" transform="matrix(-0.9607 0.2776 -0.2776 -0.9607 276.4689 375.1919)" width="0.999" height="6.5"/>
|
||||
<rect x="93.921" y="207.263" transform="matrix(0.9608 -0.2771 0.2771 0.9608 -54.6566 34.417)" width="1.015" height="6.606"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="193.5" y="180.122" transform="matrix(0.9608 -0.2773 0.2773 0.9608 -43.2408 60.9872)" width="1" height="6.5"/>
|
||||
|
||||
<rect x="177.603" y="183.076" transform="matrix(-0.9607 0.2776 -0.2776 -0.9607 400.9664 315.9814)" width="1.017" height="6.607"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="103.09" y1="204.804" x2="56.446" y2="167.037"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="85.708" y1="208.16" x2="38.299" y2="169.775"/>
|
||||
<g>
|
||||
<rect x="102.59" y="201.554" transform="matrix(0.7761 0.6306 -0.6306 0.7761 152.239 -19.1526)" width="1" height="6.501"/>
|
||||
|
||||
<rect x="85.207" y="204.857" transform="matrix(-0.7762 -0.6305 0.6305 -0.7762 20.9901 423.7733)" width="1.016" height="6.608"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="55.947" y="163.787" transform="matrix(-0.777 -0.6295 0.6295 -0.777 -4.8341 332.3609)" width="0.999" height="6.5"/>
|
||||
|
||||
<rect x="37.803" y="166.474" transform="matrix(0.7776 0.6288 -0.6288 0.7776 115.2769 13.6744)" width="1.014" height="6.607"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="209.469" y1="173.476" x2="209.469" y2="10.804"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="193.83" y1="176.319" x2="193.83" y2="10.981"/>
|
||||
<g>
|
||||
<rect x="206.219" y="172.976" width="6.5" height="1"/>
|
||||
<rect x="190.527" y="175.811" width="6.605" height="1.016"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="206.219" y="10.304" width="6.5" height="1"/>
|
||||
<rect x="190.527" y="10.473" width="6.605" height="1.017"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<text transform="matrix(1 0 0 1 215.6255 89.0103)" fill="#010101" font-family="'Lato-Regular'" font-size="10.2658">15 cm</text>
|
||||
<text transform="matrix(1 0 0 1 200.0879 90.47)" fill="#010101" font-family="'Lato-Regular'" font-size="10.434">15 cm</text>
|
||||
</g>
|
||||
<g>
|
||||
<text transform="matrix(1 0 0 1 47.7061 195.2666)" fill="#010101" font-family="'Lato-Regular'" font-size="10.2658">7 cm</text>
|
||||
<text transform="matrix(1 0 0 1 29.416 198.468)" fill="#010101" font-family="'Lato-Regular'" font-size="10.434">7 cm</text>
|
||||
</g>
|
||||
<text transform="matrix(1 0 0 1 149.7456 211.0596)" fill="#010101" font-family="'Lato-Regular'" font-size="10.2658">7 cm</text>
|
||||
<text transform="matrix(1 0 0 1 133.1274 214.5188)" fill="#010101" font-family="'Lato-Regular'" font-size="10.434">7 cm</text>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 610 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
BIN
public/assets/images/fotos/amarillo/center.jpg
Normal file
BIN
public/assets/images/fotos/amarillo/center.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
public/assets/images/fotos/amarillo/left.jpg
Normal file
BIN
public/assets/images/fotos/amarillo/left.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
BIN
public/assets/images/fotos/amarillo/right.jpg
Normal file
BIN
public/assets/images/fotos/amarillo/right.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
BIN
public/assets/images/fotos/amarillo/thumb.jpg
Normal file
BIN
public/assets/images/fotos/amarillo/thumb.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
public/assets/images/fotos/azul/center.jpg
Normal file
BIN
public/assets/images/fotos/azul/center.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
BIN
public/assets/images/fotos/azul/left.jpg
Normal file
BIN
public/assets/images/fotos/azul/left.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
public/assets/images/fotos/azul/right.jpg
Normal file
BIN
public/assets/images/fotos/azul/right.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
BIN
public/assets/images/fotos/azul/thumb.jpg
Normal file
BIN
public/assets/images/fotos/azul/thumb.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/assets/images/fotos/azul_petroleo/center.jpg
Normal file
BIN
public/assets/images/fotos/azul_petroleo/center.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
BIN
public/assets/images/fotos/azul_petroleo/left.jpg
Normal file
BIN
public/assets/images/fotos/azul_petroleo/left.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
BIN
public/assets/images/fotos/azul_petroleo/right.jpg
Normal file
BIN
public/assets/images/fotos/azul_petroleo/right.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
BIN
public/assets/images/fotos/azul_petroleo/thumb.jpg
Normal file
BIN
public/assets/images/fotos/azul_petroleo/thumb.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
public/assets/images/fotos/blanco/center.jpg
Normal file
BIN
public/assets/images/fotos/blanco/center.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
BIN
public/assets/images/fotos/blanco/left.jpg
Normal file
BIN
public/assets/images/fotos/blanco/left.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
BIN
public/assets/images/fotos/blanco/right.jpg
Normal file
BIN
public/assets/images/fotos/blanco/right.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
public/assets/images/fotos/blanco/thumb.jpg
Normal file
BIN
public/assets/images/fotos/blanco/thumb.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/assets/images/fotos/celeste/center.jpg
Normal file
BIN
public/assets/images/fotos/celeste/center.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
BIN
public/assets/images/fotos/celeste/left.jpg
Normal file
BIN
public/assets/images/fotos/celeste/left.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 213 KiB |
BIN
public/assets/images/fotos/celeste/right.jpg
Normal file
BIN
public/assets/images/fotos/celeste/right.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
BIN
public/assets/images/fotos/celeste/thumb.jpg
Normal file
BIN
public/assets/images/fotos/celeste/thumb.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/assets/images/fotos/naranjo/center.jpg
Normal file
BIN
public/assets/images/fotos/naranjo/center.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
BIN
public/assets/images/fotos/naranjo/left.jpg
Normal file
BIN
public/assets/images/fotos/naranjo/left.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 204 KiB |
BIN
public/assets/images/fotos/naranjo/right.jpg
Normal file
BIN
public/assets/images/fotos/naranjo/right.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user