v2.0.2-beta

This commit is contained in:
2021-01-13 14:17:30 -03:00
parent daab2b65f5
commit 10622c2e94
28 changed files with 456 additions and 744 deletions

Binary file not shown.

View 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="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" 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="&#xe901;" 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

Binary file not shown.

Binary file not shown.

View File

@ -273,7 +273,7 @@ let cotiza_form = {
}
}
let conversemos_form = {
elem: $('#contacto'),
elem: $('#contacto_form'),
setup: function() {
this.elem.submit((e) => {
e.preventDefault()
@ -302,38 +302,91 @@ let conversemos_form = {
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,
setup: function() {
if (this.amount != 3) {
this.elem.find('.testimonios').removeClass('three')
this.elem.find('.testimonios').addClass(this.word_amount[this.amount])
}
this.draw()
},
amount: 3,
word_amount: {
1: 'one',
3: 'three'
},
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 = Math.ceil(this.testimonios.length / this.amount)
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 ++) {
@ -351,7 +404,6 @@ let testimonios = {
}
$(document).ready(function() {
$('#menu.sticky').sticky()
$('.column2 .sticky').sticky({
context: '#column'
@ -369,5 +421,15 @@ $(document).ready(function() {
let cotiza_color = new Colors($('#corporativos .colores'))
cotiza_form.setup()
conversemos_form.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()
})

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,3 +1,4 @@
@charset "UTF-8";
*, *:before, *:after {
box-sizing: border-box;
}
@ -153,7 +154,90 @@ html {
text-indent: -1rem;
}
@media screen and (max-width: 800px) {
#testimonios .testimonios .ui.card {
background-color: #cccccc;
}
#testimonios .testimonios .ui.card .rating .icon {
color: white;
}
#contacto {
position: relative;
margin-top: 1rem;
}
#contacto .background {
position: absolute;
width: 100%;
height: 100%;
background-color: #cccccc;
clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
}
#contacto .column {
height: 100%;
}
#contacto .column:first-child {
width: 67%;
}
#contacto .column:last-child {
width: 33%;
}
#contacto a {
color: inherit;
}
#contacto div.whatsapp {
background-color: green;
padding: 0.5rem 0;
color: white;
}
#contacto .icons .icon:first-child {
color: white;
}
#contacto .icons .icon:last-child {
color: #cccccc;
}
#contacto .paragraph {
margin-bottom: 0.5rem;
text-align: justify;
}
#contacto form .row {
margin-bottom: 0.5rem;
}
#contacto form .row input {
height: 1.5rem;
}
#contacto form .row textarea {
height: 5rem;
}
@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"] {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
i.font-icon.angle:before {
content: "";
}
i.font-icon.chile:before {
content: "";
}
@media screen and (orientation: portrait) {
#header {
height: 25rem;
background-size: 160%;
@ -935,7 +1019,7 @@ html {
background-color: rgba(255, 255, 255, 0.5);
}
}
@media screen and (min-width: 800px) {
@media screen and (orientation: landscape) {
#header {
height: 31.25rem;
background-size: 160%;
@ -1024,6 +1108,13 @@ html {
cursor: default;
}
#construidos {
margin-top: 0.9375rem;
}
#corporativos {
margin-top: 0.9375rem;
}
#corporativos form .colores {
vertical-align: center;
}
@ -1106,25 +1197,30 @@ html {
text-align: center;
cursor: pointer;
}
#corporativos form .input [type=text] {
height: 1.125rem;
background-color: white;
border: none !important;
border-radius: 0 !important;
#corporativos form .row input {
height: 1.5rem;
}
#corporativos form textarea {
height: 4.5rem;
background-color: white;
border: none !important;
border-radius: 0 !important;
margin-bottom: 1rem;
#corporativos form .row textarea {
height: 5rem;
}
#corporativos form .button {
width: 100%;
background-color: #666667;
color: white;
border: none !important;
border-radius: 0 !important;
}
#testimonios {
margin-top: 0.9375rem;
}
#contacto .image {
margin: auto;
vertical-align: middle;
}
#contacto .button {
width: 100%;
background-color: #666667;
color: white;
}
.left.column {
@ -1142,44 +1238,6 @@ html {
padding-bottom: 1.5625rem;
}
#backgrounds .seccion2 {
height: rem;
background-image: url("../images/tripode.png");
}
#backgrounds .seccion2 .diagonal {
border-bottom: rem solid rgba(204, 204, 204, 0.5);
border-right: 118.75rem solid transparent;
}
#backgrounds .dimensiones {
height: 27.5rem;
background-image: url("../images/tripode.png");
}
#backgrounds .dimensiones .fondo-gris {
width: 100%;
height: 100%;
background-color: rgba(204, 204, 204, 0.5);
}
#backgrounds .construido {
height: 21.875rem;
background-image: url("../images/construido.jpg");
}
#backgrounds .corporativos {
height: 32.5rem;
background-image: url("../images/corporativo.png");
}
#backgrounds .testimonios {
height: 21.875rem;
background-image: linear-gradient(#cccccc, #cccccc);
background-position: left 7.1875rem;
background-size: 100% 7.375rem;
background-repeat: no-repeat;
}
#backgrounds .formulario {
height: 30rem;
background-color: #cccccc;
clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
}
body {
color: #333333;
}
@ -1202,108 +1260,6 @@ html {
#content > .column1 {
width: 67%;
}
#content > .column1 #seccion1 {
height: rem;
width: 100%;
}
#content > .column1 #seccion1 .image-container {
display: flex;
justify-content: space-between;
height: 15rem;
}
#content > .column1 #seccion1 .image-container img {
height: 9.6875rem;
width: 11.75rem;
margin-top: 5.3125rem;
}
#content > .column1 #seccion1 .paragraph {
padding-top: 1.75rem;
line-height: 0.875rem;
text-align: justify;
}
#content > .column1 #seccion1 .paragraph .header {
margin-bottom: 1rem;
font-size: 1.375rem;
}
#content > .column1 #seccion2 {
height: rem;
}
#content > .column1 #seccion2 > .column {
display: inline-block;
float: left;
width: 50%;
}
#content > .column1 #seccion2 > .column::after {
clear: both;
}
#content > .column1 #seccion2 .column1 {
margin-top: 5rem;
}
#content > .column1 #seccion2 .column1 img {
width: 19.8125rem;
height: 19.8125rem;
}
#content > .column1 #seccion2 .column2 {
margin-top: 7.125rem;
}
#content > .column1 #seccion2 .column2 .row:first-child {
background-color: #00427b;
color: white;
height: 11.25rem;
width: 23.75rem;
padding: 2rem;
margin-left: -3rem;
}
#content > .column1 #seccion2 .column2 .row:first-child .header {
font-weight: bold;
font-size: 1rem;
margin-bottom: 1rem;
}
#content > .column1 #seccion2 .column2 .row:first-child ul {
list-style: disc inside;
font-size: 0.8333333333rem;
}
#content > .column1 #seccion2 .column2 .row:last-child {
margin-top: 1.125rem;
display: flex;
justify-content: space-between;
}
#content > .column1 #seccion2 .column2 .row:last-child img {
width: 4.375rem;
height: 5.3125rem;
}
#content > .column1 #dimensiones {
height: 27.5rem;
}
#content > .column1 #dimensiones .header {
padding: 2.3125rem 0 !important;
}
#content > .column1 #dimensiones .header .bigger {
font-size: 1rem;
}
#content > .column1 #dimensiones .images {
display: flex;
}
#content > .column1 #dimensiones .images .column {
float: left;
}
#content > .column1 #dimensiones .images .column > img {
width: 19.5625rem;
height: 14.6875rem;
}
#content > .column1 #dimensiones .images .column div {
width: 19.5625rem;
margin-top: 1.5625rem;
}
#content > .column1 #construido {
height: 21.875rem;
padding-top: 1.4375rem !important;
}
#content > .column1 #construido .header {
font-size: 1.8333333333rem;
padding: 0.625rem 2.6875rem;
background-color: rgba(255, 255, 255, 0.6);
}
#content > .column2 {
width: 33%;
height: 101.875rem;
@ -1415,179 +1371,6 @@ html {
border-radius: 0 !important;
width: 100%;
}
#content #corporativos {
width: 100%;
height: 32.5rem;
margin-top: 101.875rem !important;
}
#content #corporativos > .column {
display: inline-block;
float: left;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
#content #corporativos > .column::after {
clear: both;
}
#content #corporativos .column1 {
width: 67%;
}
#content #corporativos .column1 > .header {
margin-top: 4.1875rem;
margin-bottom: 2.3125rem;
}
#content #corporativos .column1 > .header .bigger {
font-size: 1.625rem;
}
#content #corporativos .column1 .opciones {
display: flex;
justify-content: space-around;
}
#content #corporativos .column1 .opciones .opcion {
display: inline-block;
}
#content #corporativos .column1 .opciones .opcion .img-grande {
display: inline-block;
padding-right: 0.75rem;
}
#content #corporativos .column1 .opciones .opcion .img-grande img {
width: 8.4375rem;
height: 12.5rem;
}
#content #corporativos .column1 .opciones .opcion .descripcion {
display: inline-block;
vertical-align: top;
height: 12.5rem;
padding-top: 1.25rem;
}
#content #corporativos .column1 .opciones .opcion .descripcion .content {
display: block;
}
#content #corporativos .column1 .opciones .opcion .descripcion .content .header {
font-size: 1.1666666667rem;
margin-bottom: 0.625rem;
}
#content #corporativos .column1 .opciones .opcion .descripcion .content ul {
list-style: disc inside;
}
#content #corporativos .column1 .opciones .opcion .descripcion .images {
margin-top: 2.125rem;
}
#content #corporativos .column1 .opciones .opcion .descripcion .images img {
width: 4.375rem;
height: 5.3125rem;
}
#content #corporativos .column2 {
width: 33%;
height: 100%;
}
#content #corporativos .column2 .header {
margin-top: 2.875rem;
margin-bottom: 1.5rem;
font-size: 1.625rem;
}
#content #corporativos .column2 form .colores {
vertical-align: center;
}
#content #corporativos .column2 form .colores .text {
margin-right: 0.1875rem;
}
#content #corporativos .column2 form .colores .white {
border: thin solid black;
background-color: white;
}
#content #corporativos .column2 form .colores .black {
background-color: black;
}
#content #corporativos .column2 form .colores .blue {
background-color: blue;
}
#content #corporativos .column2 form .colores .green {
background-color: lime;
}
#content #corporativos .column2 form .colores .yellow {
background-color: yellow;
}
#content #corporativos .column2 form .colores .orange {
background-color: #ff8200;
}
#content #corporativos .column2 form .colores .red {
background-color: red;
}
#content #corporativos .column2 form .colores .circle {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
border-radius: 8000px;
margin: auto 0.0625rem;
cursor: pointer;
}
#content #corporativos .column2 form .colores .circle.selected {
width: 1.375rem;
height: 1.375rem;
cursor: default;
}
#content #corporativos .column2 form .row {
margin-bottom: 0.5625rem;
}
#content #corporativos .column2 form .input.cantidad {
width: 4.5rem;
background: white;
text-align: center;
padding: 0.5rem 0.05rem;
font-size: 0.8333333333rem;
color: rgba(191, 191, 191, 0.87) !important;
}
#content #corporativos .column2 form .input.cantidad button {
background: none;
border: none;
width: 1rem;
margin: 0;
padding: 0;
cursor: pointer;
color: rgba(191, 191, 191, 0.87) !important;
}
#content #corporativos .column2 form .input.cantidad input {
width: 2rem;
background: none;
margin: 0;
border: 0;
padding: 0;
text-align: center;
color: rgba(191, 191, 191, 0.87) !important;
}
#content #corporativos .column2 form .input [type=file] {
display: none;
}
#content #corporativos .column2 form .input .file {
display: inline-block;
height: 1.5rem;
padding-top: 0.1875rem;
margin-left: 0.3125rem;
font-size: 1.3333333333rem;
text-align: center;
cursor: pointer;
}
#content #corporativos .column2 form .input [type=text] {
height: 1.125rem;
background-color: white;
border: none !important;
border-radius: 0 !important;
}
#content #corporativos .column2 form textarea {
height: 4.5rem;
background-color: white;
border: none !important;
border-radius: 0 !important;
margin-bottom: 1rem;
}
#content #corporativos .column2 form .button {
width: 100%;
background-color: #666667;
color: white;
border: none !important;
border-radius: 0 !important;
}
#content #felices {
height: 21.875rem;
padding: 0 1rem !important;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long