diff --git a/assets/index.html b/assets/index.html new file mode 100644 index 0000000..cca3305 --- /dev/null +++ b/assets/index.html @@ -0,0 +1,322 @@ + + + + + Stand + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + +
+
+
+ + + +
+
+
+ LOREM IPSUM DOLOR SIT AMET, CONSECTETUR +
+ 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 +
+
+ +
+
+ +
+
+
+
+ VENTAJAS +
+
    +
  • Apoyo estable del teléfono
    • +
  • Ángulo preciso de inclinación para usar en conferencias
    • +
  • Compatible con tablets permite cargar mientras se usa
    • +
  • Diseño moderno y minimalista
    • +
+
+
+ + + + +
+
+
+ +
+
+ DIMENSIONES y colores +
+
+ + +
+
+ +
+ CONSTRUIDOS EN IMPRESIÓN 3D +
+
+
+
+
+
+
+
+ STAND +
+
+ $ 5.990 +
+
+ COLOR +
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+ CORPORATIVOS Regalos y más ... +
+
+
+
+ +
+
+
+ LOGO ABAJO +
+
    +
  • Siempre visible
    • +
  • Menor tamaño
    • +
+
+ + +
+
+
+
+
+ +
+
+
+ LOGO ARRIBA +
+
    +
  • No se ve al apoyar el teléfono
    • +
  • Mayor tamaño
    • +
+
+ + +
+
+
+
+
+
+
+ COTIZA CON NOSOSTROS +
+
+
+
+ COLOR +
+
+
+
+
+
+
+
+
+ +
+
+
+ LOGO +
+ +
Cargar archivo
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+ CLIENTES FELICES +
+ +
+
+
+ +
+ + CONVERSEMOS +
+ + +
+ ventas@3Dstand.cl +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+ CONVERSEMOS! +
+
+ scing elit, sed do eiusmod tempor incididunt ut labore et + dolore magna aliqua. Ut enim ad minim veniam, quis nosventas +
+
+ + + + +
+
+
+
+ + + + + + diff --git a/assets/js/main.js b/assets/js/main.js index c78bae4..125cfea 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,5 +1,5 @@ function resize() { - let p = 400 / 1030 + let p = 400 / 944 $('.container').each(function(i, el) { let height = $(this).height let width = $(this).width @@ -9,11 +9,12 @@ function resize() { } $(document).ready(function() { - $('.sticky').sticky({ + $('.menu.sticky').sticky() + $('.column2 .sticky').sticky({ context: '#column' }) $('.shopping.cart').innerText = 0 - window.onresize = resize; + //window.onresize = resize; }) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 6a06794..8edbd3a 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -1,99 +1,29 @@ @use "sass:map"; @import 'reset'; +$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; +} + +$gris: rgb(204, 204, 204); +$gris-texto: rgb(51, 51, 51); + body { font-family: Roboto, sans; + color: $gris-texto; } -$column1: (1030*2/3/16-1); -$column2: (1030/3/16-1); - -.ui.container { - max-width: 1030px; -} -section>.container { - height: 100%; - - &>.column1 { - display: inline-block; - width: ($column1)+rem; - } - &>.column2 { - display: inline-block; - width: ($column2)+rem; - } -} - -#header { - background-image: url('../images/header.png'); - background-repeat: no-repeat; - background-size: auto; - $header-background: rgba(70, 49, 12, .8); - background-color: $header-background; - color: rgb(255, 255, 255); - - width: 100%; - &>.container { - height: 400px; - } - - .ui.menu { - border: none !important; - background: none !important; - box-shadow: none !important; - margin: 0 !important; - - .dropdown .menu { - background: none !important; - border: none !important; - box-shadow: none !important; - } - - .item { - color: inherit !important; - font-size: 2rem; - - .shopping.cart div { - position: relative; - color: black; - 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%; - } - .frase1 { - font-size: 1.5rem; - } - .frase2 { - font-size: 1rem; - } - } -} - -.simple.segment { - border: none !important; - border-radius: 0 !important; - box-shadow: none !important; - margin: 0 !important; - padding: 0 !important; - - &>.ui.grid { - height: 100%; - } -} +$full_width: 1080; $heights: ( + "cabezal": (400/16), "seccion1": 25, "seccion2": 27.5, "dimensiones": 27.5, @@ -103,144 +33,465 @@ $heights: ( "formulario": 30 ); -#seccion1 { - background-image: linear-gradient(rgb(200, 200, 200), rgb(200, 200, 200)); - background-position: left 6.3rem; - background-size: 100% (134/16)+rem; - background-repeat: no-repeat; +#backgrounds { + .cabezal { + height: (map.get($heights, 'cabezal'))+rem; - height: (map.get($heights, "seccion1"))+rem; - margin-bottom: 2rem !important; + 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); + } + .seccion1 { + height: (map.get($heights, "seccion1"))+rem; - .column1 { - width: (1030*2/3/16)+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; - .image-container { - display: flex; - justify-content: space-between; + background-image: url('../images/fondo23.png'); + //background-color: rgb(240, 240, 240); - img { - height: (155/16)+rem; - width: (188/16)+rem; - margin-top: 5rem; - } + .diagonal { + border-bottom: (map.get($heights, 'seccion2'))+rem solid rgba($gris, .5); + border-right: rem(1900) solid transparent; } } - .column2 { - height: 100%; + .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.png'); + background-color: rgb(100, 200, 255); + } + .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 3rem; + background-size: 100% 5rem; + 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%); } } -#seccion2 { - height: (map.get($heights, "seccion2"))+rem; - - background-image: url('../images/fondo23.png'); - background-color: rgb(240, 240, 240); - - .column2 { - height: 100%; - } -} - -#dimensiones { - height: (map.get($heights, "dimensiones"))+rem; - - background-image: url('../images/fondo23.png'); - - .column2 { - height: 100%; - } -} - -#construido { - height: (map.get($heights, "construido"))+rem; - - background-image: url('../images/fondo4.png'); - background-color: rgb(100, 200, 255); - - .column2 { - height: 100%; - } -} - -#corporativos { - height: (map.get($heights, "corporativos"))+rem; - - background-image: url('../images/fondo5.png'); - - .column2 { - height: 100%; - } -} - -#felices { - background-image: linear-gradient(rgb(200, 200, 200), rgb(200, 200, 200)); - background-position: left 3rem; - background-size: 100% 5rem; - background-repeat: no-repeat; - - height: (map.get($heights, "felices"))+rem; -} - -#formulario { - height: (map.get($heights, "formulario"))+rem; - - .whatsapp-link { - color: inherit; - } -} +$column1: 67; +$column2: 33; +$content_height: 0; $column_height1: 0; -$sticky: 0; @each $name, $val in $heights { - $sticky: $sticky + $val; - @if $name != 'corporativos' and $name != 'felices' and $name != 'formulario' { + $content_height: $content_height + $val; + @if $name != 'corporativos' and $name != 'felices' and $name != 'formulario' and $name != 'cabezal' { $column_height1: $column_height1 + $val; } } -#sticky_container { + +#content { + max-width: rem($full_width) !important; + height: ($content_height)+rem; + position: relative; - height: ($column_height1)+rem; - top: -($sticky)+rem; + top: (-$content_height)+rem; - #column { - position: absolute; - width: ($column1)+rem; - height: ($column_height1)+rem; - top: 0; - left: 0; - padding: 0; + #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; + } + } } - .sticky { - float: right; - height: (265/16)+rem; - width: (310/16)+rem; - margin-left: ($column1)+rem; - .row:first-child { - height: (170/16)+rem; + &>.column { + display: inline-block; + float: left; - .column1 { + padding-left: 1rem !important; + padding-right: 1rem !important; + + &::after { + clear: both; + } + } + &>.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; - vertical-align: bottom; - padding-top: (2/16)+rem; - width: (310/16*2/3)+rem; + float: left; + width: 50%; - .linea { - margin-bottom: (10/16)+rem; + &::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; - .titulo { - font-size: (25/12)+rem; - } - .precio { - font-size: (16/12)+rem; - } - font-size: (14/12)+rem; + .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; + + img { + float: left; + width: rem(313); + height: rem(235); + } + } + } + + #construido { + height: (map.get($heights, "construido"))+rem; + + .column2 { + height: 100%; + } + } + } + &>.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); + + .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; + } + } + .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; + } + 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 { + padding: rem(37) 0 !important; + .bigger { + font-size: font_size(16); + } + } + .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; + + ul { + list-style: disc inside; + } + + .images { + img { + width: rem(70); + height: rem(85); + } + } + } + } + } + } + .column2 { + width: percentage(33/100); + height: 100%; + + form { .colores { vertical-align: center; + .text { + margin-right: rem(3); + } + .white { border: thin solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); @@ -265,17 +516,20 @@ $sticky: 0; } .circle { display: inline-block; - width: 1rem; - height: 1rem; + $a: 12; + width: rem($a); + height: rem($a); border-radius: 8000px; + margin: auto rem(1); + cursor: pointer; } } - .input { + .input.cantidad { width: 4.5rem; border: thin solid rgb(0, 0, 0); text-align: center; padding: .5rem 0.05rem; - font-size: (10/12)+rem; + font-size: font_size(10); button { background: none; @@ -291,30 +545,176 @@ $sticky: 0; margin: 0; border: 0; padding: 0; - text-align: right; + text-align: center; } } - } - .column2 { - display: inline-block; - width: ((310/16-1)/3)+rem; - - img { - width: (110/16)+rem; - height: (170/16)+rem; + .input [type="file"] { + display: none; + } + .input [type="text"] { + height: rem(18); + background-color: rgba(255, 255, 255, .5); + border-radius: 0 !important; } - } - } - .row:last-child { - .button { - border-radius: 0 !important; - width: 100%; } } } -} -.fondo-blanco { - float: right; - background-color: rgba(255, 255, 255, .5); + #felices { + height: (map.get($heights, "felices"))+rem; + + padding: 0 1rem !important; + } + + #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(434); + height: rem(280); + 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); + } } diff --git a/gulpfile.js b/gulpfile.js index 00521ba..39626d7 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,4 +1,4 @@ -const {watch, src, dest, series} = require('gulp') +const {watch, src, dest, series, parallel} = require('gulp') const path = require('path') const concat = require('gulp-concat') const rename = require('gulp-rename') @@ -6,6 +6,7 @@ const sourcemaps = require('gulp-sourcemaps') const sass = require('gulp-dart-sass') const babel = require('gulp-babel') const uglify = require('gulp-uglify') +const htmlmin = require('gulp-htmlmin') let source_dir = 'assets' let output_dir = 'public/assets' @@ -34,6 +35,13 @@ function css(done) { .pipe(dest(path.join(output_dir, 'styles'))) } -watch(source_dir, series(js, css)) +function html(done) { + return src(path.join(source_dir, '*.html')) + .pipe(htmlmin({collapseWhitespace: true})) + .pipe(rename('index.html')) + .pipe(dest(path.join(output_dir, '../'))) +} -exports.default = series(js, css) +watch(source_dir, parallel(js, css, html)) + +exports.default = parallel(js, css, html) diff --git a/index.html b/index.html new file mode 100644 index 0000000..2387517 --- /dev/null +++ b/index.html @@ -0,0 +1,183 @@ + + + + + Stand + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + +
+
+
+ + + +
+
+
+ LOREM IPSUM DOLOR SIT AMET, CONSECTETUR +
+ 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 +
+
+ +
+
+ +
+
+
+
+ VENTAJAS +
+
    +
  • Apoyo estable del teléfono
    • +
  • Ángulo preciso de inclinación para usar en conferencias
    • +
  • Compatible con tablets permite cargar mientras se usa
    • +
  • Diseño moderno y minimalista
    • +
+
+
+ + + + +
+
+
+ +
+ DIMENSIONES +
+ +
+ CONSTRUIDOS EN IMPRESIÓN 3D +
+
+
+
+
+
+
+ STAND +
+
+ $ 5.990 +
+
+ COLOR +
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ CORPORATIVOS +
+
+ COTIZA CON NOSOSTROS +
+
+ +
+ CLIENTES FELICES +
+ +
+
+
+
+
+
+
+
+
+ CONVERSEMOS! +
+
+
+
+
+
+
+
+ + + + + + diff --git a/package.json b/package.json index 022612d..3ddc105 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ "gulp-babel": "^8.0.0", "gulp-concat": "^2.6.1", "gulp-dart-sass": "^1.0.2", + "gulp-htmlmin": "^5.0.1", "gulp-rename": "^2.0.0", "gulp-sourcemaps": "^3.0.0", "gulp-uglify": "^3.0.2" diff --git a/public/assets/images/Medidas stand.svg b/public/assets/images/Medidas stand.svg deleted file mode 100644 index e54117f..0000000 --- a/public/assets/images/Medidas stand.svg +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 15 cm - - - 7 cm - -7 cm - diff --git a/public/assets/images/banner.jpg b/public/assets/images/banner.jpg new file mode 100644 index 0000000..329fcce Binary files /dev/null and b/public/assets/images/banner.jpg differ diff --git a/public/assets/images/dimensiones.svg b/public/assets/images/dimensiones.svg new file mode 100644 index 0000000..de5e76c --- /dev/null +++ b/public/assets/images/dimensiones.svg @@ -0,0 +1,168 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 15 cm + + + 7 cm + + 7 cm + + + diff --git a/public/assets/scripts/main.js b/public/assets/scripts/main.js index c78bae4..125cfea 100644 --- a/public/assets/scripts/main.js +++ b/public/assets/scripts/main.js @@ -1,5 +1,5 @@ function resize() { - let p = 400 / 1030 + let p = 400 / 944 $('.container').each(function(i, el) { let height = $(this).height let width = $(this).width @@ -9,11 +9,12 @@ function resize() { } $(document).ready(function() { - $('.sticky').sticky({ + $('.menu.sticky').sticky() + $('.column2 .sticky').sticky({ context: '#column' }) $('.shopping.cart').innerText = 0 - window.onresize = resize; + //window.onresize = resize; }) diff --git a/public/assets/scripts/main.min.js b/public/assets/scripts/main.min.js index 8484da3..6c55632 100644 --- a/public/assets/scripts/main.min.js +++ b/public/assets/scripts/main.min.js @@ -1,2 +1,2 @@ -function resize(){$(".container").each(function(i,t){var n=$(this).height;$(this).width;$(this).width=n*(400/1030)})}$(document).ready(function(){$(".sticky").sticky({context:"#column"}),$(".shopping.cart").innerText=0,window.onresize=resize}); +function resize(){$(".container").each(function(t,i){var n=$(this).height;$(this).width;$(this).width=n*(400/944)})}$(document).ready(function(){$(".menu.sticky").sticky(),$(".column2 .sticky").sticky({context:"#column"}),$(".shopping.cart").innerText=0}); //# sourceMappingURL=maps/main.min.js.map diff --git a/public/assets/scripts/maps/main.min.js.map b/public/assets/scripts/maps/main.min.js.map index 428deb3..cfa0356 100644 --- a/public/assets/scripts/maps/main.min.js.map +++ b/public/assets/scripts/maps/main.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["main.js"],"names":["resize","$","each","i","el","height","this","width","ready","sticky","context","innerText","window","onresize"],"mappings":"AAAA,SAASA,SAEPC,EAAE,cAAcC,KAAK,SAAAC,EAAAC,GACnB,IAAIC,EAASJ,EAAEK,MAAMD,OACTJ,EAAEK,MAAMC,MAFtBN,EAAAK,MAAAC,MAAAF,GADQ,IAAM,QAUdJ,EAAAA,UAAEO,MAAWC,WACXC,EAAAA,WAASD,OAAA,CADXC,QAAA,YADFT,EAAA,kBAAAU,UAAA,EAOEC,OAAOC,SAAWb","file":"../main.min.js","sourcesContent":["function resize() {\r\n let p = 400 / 1030\r\n $('.container').each(function(i, el) {\r\n let height = $(this).height\r\n let width = $(this).width\r\n\r\n $(this).width = height * p;\r\n })\r\n}\r\n\r\n$(document).ready(function() {\r\n $('.sticky').sticky({\r\n context: '#column'\r\n })\r\n\r\n $('.shopping.cart').innerText = 0\r\n\r\n window.onresize = resize;\r\n})\r\n"]} \ No newline at end of file +{"version":3,"sources":["main.js"],"names":["resize","$","each","i","el","height","this","width","ready","sticky","context","innerText"],"mappings":"AAAA,SAASA,SAEPC,EAAE,cAAcC,KAAK,SAAAC,EAAAC,GACnB,IAAIC,EAASJ,EAAEK,MAAMD,OACTJ,EAAEK,MAAMC,MAFtBN,EAAAK,MAAAC,MAAAF,GADQ,IAAM,OAUdJ,EAAAA,UAAEO,MAAD,WACDP,EAAE,gBAAAQ,SACAC,EAAAA,oBAASD,OAAA,CADXC,QAAA,YAIAT,EAAE,kBAAkBU,UAAY","file":"../main.min.js","sourcesContent":["function resize() {\r\n let p = 400 / 944\r\n $('.container').each(function(i, el) {\r\n let height = $(this).height\r\n let width = $(this).width\r\n\r\n $(this).width = height * p;\r\n })\r\n}\r\n\r\n$(document).ready(function() {\r\n $('.menu.sticky').sticky()\r\n $('.column2 .sticky').sticky({\r\n context: '#column'\r\n })\r\n\r\n $('.shopping.cart').innerText = 0\r\n\r\n //window.onresize = resize;\r\n})\r\n"]} \ No newline at end of file diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css index 4d5f71d..229a476 100644 --- a/public/assets/styles/main.css +++ b/public/assets/styles/main.css @@ -47,51 +47,96 @@ input { body { font-family: Roboto, sans; + color: #333333; } -.ui.container { - max-width: 1030px; -} - -section > .container { - height: 100%; -} -section > .container > .column1 { - display: inline-block; - width: 41.9166666667rem; -} -section > .container > .column2 { - display: inline-block; - width: 20.4583333333rem; -} - -#header { - background-image: url("../images/header.png"); +#backgrounds .cabezal { + height: 25rem; + background-image: url("../images/banner.jpg"); background-repeat: no-repeat; - background-size: auto; - background-color: rgba(70, 49, 12, 0.8); + background-size: 100rem; + background-position: top center; + background-color: rgba(0, 0, 0, 0.4); +} +#backgrounds .seccion1 { + height: 25rem; + background-image: linear-gradient(#cccccc, #cccccc); + background-position: left 7rem; + background-size: 100% 8rem; + background-repeat: no-repeat; +} +#backgrounds .seccion2 { + height: 27.5rem; + background-image: url("../images/fondo23.png"); +} +#backgrounds .seccion2 .diagonal { + border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5); + border-right: 118.75rem solid transparent; +} +#backgrounds .dimensiones { + height: 27.5rem; + background-image: url("../images/fondo23.png"); +} +#backgrounds .dimensiones .fondo-gris { + width: 100%; + height: 100%; + background-color: rgba(204, 204, 204, 0.5); +} +#backgrounds .construido { + height: 21.875rem; + background-color: #64c8ff; +} +#backgrounds .corporativos { + height: 25rem; + background-image: url("../images/fondo5.png"); +} +#backgrounds .testimonios { + height: 21.875rem; + background-image: linear-gradient(#cccccc, #cccccc); + background-position: left 3rem; + background-size: 100% 5rem; + background-repeat: no-repeat; +} +#backgrounds .formulario { + height: 30rem; + background-color: #cccccc; + clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); +} + +#content { + max-width: 67.5rem !important; + height: 203.75rem; + position: relative; + top: -203.75rem; +} +#content #header { color: white; width: 100%; + height: 25rem; } -#header > .container { - height: 400px; -} -#header .ui.menu { +#content #header .ui.menu { border: none !important; background: none !important; + background-color: rgba(100, 100, 100, 0.3) !important; box-shadow: none !important; margin: 0 !important; } -#header .ui.menu .dropdown .menu { - background: none !important; +#content #header .ui.menu .dropdown .menu { + /*background: none !important; border: none !important; - box-shadow: none !important; + box-shadow: none !important;*/ + color: black; + font-size: 1rem; } -#header .ui.menu .item { +#content #header .ui.menu .dropdown .menu .item { + padding: 1rem !important; +} +#content #header .ui.menu .item { color: inherit !important; font-size: 2rem; + padding: 1.25rem !important; } -#header .ui.menu .item .shopping.cart div { +#content #header .ui.menu .item .shopping.cart div { position: relative; color: black; display: inline-block; @@ -100,181 +145,205 @@ section > .container > .column2 { font-size: 1rem; font-family: Roboto, sans; } -#header .logo { +#content #header .logo { padding: 0 !important; margin: 0 !important; } -#header .logo img { +#content #header .logo img { width: 50%; + max-width: 64.375rem; } -#header .logo .frase1 { +#content #header .logo .frase1 { font-size: 1.5rem; } -#header .logo .frase2 { +#content #header .logo .frase2 { font-size: 1rem; } - -.simple.segment { - border: none !important; - border-radius: 0 !important; - box-shadow: none !important; - margin: 0 !important; - padding: 0 !important; +#content > .column { + display: inline-block; + float: left; + padding-left: 1rem !important; + padding-right: 1rem !important; } -.simple.segment > .ui.grid { - height: 100%; +#content > .column::after { + clear: both; } - -#seccion1 { - background-image: linear-gradient(#c8c8c8, #c8c8c8); - background-position: left 6.3rem; - background-size: 100% 8.375rem; - background-repeat: no-repeat; +#content > .column1 { + width: 67%; +} +#content > .column1 #seccion1 { height: 25rem; - margin-bottom: 2rem !important; + width: 100%; } -#seccion1 .column1 { - width: 42.9166666667rem; +#content > .column1 #seccion1 .image-container { + display: flex; + justify-content: space-between; + height: 15rem; } -#seccion1 .column1 .image-container { +#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: 27.5rem; +} +#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; + overflow: hidden; +} +#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; } -#seccion1 .column1 .image-container img { - height: 9.6875rem; - width: 11.75rem; - margin-top: 5rem; +#content > .column1 #seccion2 .column2 .row:last-child img { + width: 4.375rem; + height: 5.3125rem; } -#seccion1 .column2 { - height: 100%; -} - -#seccion2 { +#content > .column1 #dimensiones { height: 27.5rem; - background-image: url("../images/fondo23.png"); - background-color: #f0f0f0; } -#seccion2 .column2 { - height: 100%; +#content > .column1 #dimensiones .header { + padding: 2.3125rem 0 !important; } - -#dimensiones { - height: 27.5rem; - background-image: url("../images/fondo23.png"); +#content > .column1 #dimensiones .header .bigger { + font-size: 1rem; } -#dimensiones .column2 { - height: 100%; +#content > .column1 #dimensiones .images { + display: flex; } - -#construido { - height: 21.875rem; - background-image: url("../images/fondo4.png"); - background-color: #64c8ff; +#content > .column1 #dimensiones .images img { + float: left; + width: 19.5625rem; + height: 14.6875rem; } -#construido .column2 { - height: 100%; -} - -#corporativos { - height: 25rem; - background-image: url("../images/fondo5.png"); -} -#corporativos .column2 { - height: 100%; -} - -#felices { - background-image: linear-gradient(#c8c8c8, #c8c8c8); - background-position: left 3rem; - background-size: 100% 5rem; - background-repeat: no-repeat; +#content > .column1 #construido { height: 21.875rem; } - -#formulario { - height: 30rem; +#content > .column1 #construido .column2 { + height: 100%; } -#formulario .whatsapp-link { - color: inherit; -} - -#sticky_container { - position: relative; +#content > .column2 { + width: 33%; height: 101.875rem; - top: -178.75rem; } -#sticky_container #column { - position: absolute; - width: 41.9166666667rem; - height: 101.875rem; - top: 0; - left: 0; - padding: 0; -} -#sticky_container .sticky { - float: right; +#content > .column2 .sticky { height: 16.5625rem; width: 19.375rem; - margin-left: 41.9166666667rem; + margin: auto; } -#sticky_container .sticky .row:first-child { +#content > .column2 .sticky .row:first-child { height: 10.625rem; + margin-top: 5rem; } -#sticky_container .sticky .row:first-child .column1 { +#content > .column2 .sticky .row:first-child .column { display: inline-block; + float: left; +} +#content > .column2 .sticky .row:first-child .column::after { + clear: both; +} +#content > .column2 .sticky .row:first-child .column1 { vertical-align: bottom; - padding-top: 0.125rem; + padding-top: 1.25rem; width: 12.9166666667rem; font-size: 1.1666666667rem; } -#sticky_container .sticky .row:first-child .column1 .linea { +#content > .column2 .sticky .row:first-child .column1 .linea { margin-bottom: 0.625rem; } -#sticky_container .sticky .row:first-child .column1 .titulo { +#content > .column2 .sticky .row:first-child .column1 .titulo { font-size: 2.0833333333rem; } -#sticky_container .sticky .row:first-child .column1 .precio { +#content > .column2 .sticky .row:first-child .column1 .precio { font-size: 1.3333333333rem; } -#sticky_container .sticky .row:first-child .column1 .colores { +#content > .column2 .sticky .row:first-child .column1 .colores { vertical-align: center; } -#sticky_container .sticky .row:first-child .column1 .colores .white { +#content > .column2 .sticky .row:first-child .column1 .colores .text { + margin-right: 0.1875rem; +} +#content > .column2 .sticky .row:first-child .column1 .colores .white { border: thin solid black; background-color: white; } -#sticky_container .sticky .row:first-child .column1 .colores .black { +#content > .column2 .sticky .row:first-child .column1 .colores .black { background-color: black; } -#sticky_container .sticky .row:first-child .column1 .colores .blue { +#content > .column2 .sticky .row:first-child .column1 .colores .blue { background-color: blue; } -#sticky_container .sticky .row:first-child .column1 .colores .green { +#content > .column2 .sticky .row:first-child .column1 .colores .green { background-color: lime; } -#sticky_container .sticky .row:first-child .column1 .colores .yellow { +#content > .column2 .sticky .row:first-child .column1 .colores .yellow { background-color: yellow; } -#sticky_container .sticky .row:first-child .column1 .colores .orange { +#content > .column2 .sticky .row:first-child .column1 .colores .orange { background-color: #ff8200; } -#sticky_container .sticky .row:first-child .column1 .colores .red { +#content > .column2 .sticky .row:first-child .column1 .colores .red { background-color: red; } -#sticky_container .sticky .row:first-child .column1 .colores .circle { +#content > .column2 .sticky .row:first-child .column1 .colores .circle { display: inline-block; - width: 1rem; - height: 1rem; + width: 0.75rem; + height: 0.75rem; border-radius: 8000px; + margin: auto 0.0625rem; + cursor: pointer; } -#sticky_container .sticky .row:first-child .column1 .input { +#content > .column2 .sticky .row:first-child .column1 .input { width: 4.5rem; border: thin solid black; text-align: center; padding: 0.5rem 0.05rem; font-size: 0.8333333333rem; } -#sticky_container .sticky .row:first-child .column1 .input button { +#content > .column2 .sticky .row:first-child .column1 .input button { background: none; border: none; width: 1rem; @@ -282,28 +351,277 @@ section > .container > .column2 { padding: 0; cursor: pointer; } -#sticky_container .sticky .row:first-child .column1 .input input { +#content > .column2 .sticky .row:first-child .column1 .input input { width: 2rem; background: none; margin: 0; border: 0; padding: 0; - text-align: right; + text-align: center; } -#sticky_container .sticky .row:first-child .column2 { - display: inline-block; - width: 6.125rem; +#content > .column2 .sticky .row:first-child .column2 { + width: 6.4583333333rem; } -#sticky_container .sticky .row:first-child .column2 img { +#content > .column2 .sticky .row:first-child .column2 img { width: 6.875rem; - height: 10.625rem; + height: 10rem; } -#sticky_container .sticky .row:last-child .button { +#content > .column2 .sticky .row:last-child .button { border-radius: 0 !important; width: 100%; } - -.fondo-blanco { - float: right; +#content #corporativos { + width: 100%; + height: 25rem; + 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 { + padding: 2.3125rem 0 !important; +} +#content #corporativos .column1 > .header .bigger { + font-size: 1.3333333333rem; +} +#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; +} +#content #corporativos .column1 .opciones .opcion .descripcion ul { + list-style: disc inside; +} +#content #corporativos .column1 .opciones .opcion .descripcion .images img { + width: 4.375rem; + height: 5.3125rem; +} +#content #corporativos .column2 { + width: 33%; + height: 100%; +} +#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: 0.75rem; + height: 0.75rem; + border-radius: 8000px; + margin: auto 0.0625rem; + cursor: pointer; +} +#content #corporativos .column2 form .input.cantidad { + width: 4.5rem; + border: thin solid black; + text-align: center; + padding: 0.5rem 0.05rem; + font-size: 0.8333333333rem; +} +#content #corporativos .column2 form .input.cantidad button { + background: none; + border: none; + width: 1rem; + margin: 0; + padding: 0; + cursor: pointer; +} +#content #corporativos .column2 form .input.cantidad input { + width: 2rem; + background: none; + margin: 0; + border: 0; + padding: 0; + text-align: center; +} +#content #corporativos .column2 form .input [type=file] { + display: none; +} +#content #corporativos .column2 form .input [type=text] { + height: 1.125rem; + background-color: rgba(255, 255, 255, 0.5); + border-radius: 0 !important; +} +#content #felices { + height: 21.875rem; + padding: 0 1rem !important; +} +#content #formulario { + height: 30rem; + padding: 0 1rem !important; +} +#content #formulario .whatsapp-link { + color: inherit; +} +#content #formulario > .column { + float: left; + padding-left: 1rem !important; + padding-right: 1rem !important; +} +#content #formulario > .column::after { + clear: both; +} +#content #formulario > .flotante { + position: absolute; + top: 11.4375rem; + margin: auto; + left: 40%; + width: 13.5rem; + text-align: center; +} +#content #formulario > .flotante > .content { + width: 8.125rem; + margin: auto; + left: -50%; +} +#content #formulario > .flotante > .content .item { + display: block; + padding: 0.3125rem 0; +} +#content #formulario > .flotante > .content div.whatsapp { + height: 1.875rem; + background-color: #1a9947; + color: #fff; + font-size: 0.625rem; +} +#content #formulario > .flotante > .content div.whatsapp > i { + position: relative; + font-size: 1.3333333333rem; + top: 0.1875rem; +} +#content #formulario > .flotante > .content .rrss { + display: flex; + justify-content: space-between; + font-size: 1.25rem; +} +#content #formulario > .flotante > .content .rrss i.inverted.grey { + color: white !important; +} +#content #formulario > .column1 { + width: 67%; + margin-top: 1.6875rem; +} +#content #formulario > .column1 > img { + width: 27.125rem; + height: 17.5rem; + float: left; +} +#content #formulario > .column2 { + width: 33%; +} +#content #formulario > .column2 .header { + margin-top: 1.25rem; + text-align: center; + font-size: 1.8333333333rem; +} +#content #formulario > .column2 .header .whatsapp-link { + display: inline-block; + width: 1.5625rem; + height: 1.5625rem; + font-size: 2.0833333333rem; +} +#content #formulario > .column2 .paragraph { + padding-top: 1rem; + padding-bottom: 1.5625rem; + justify-content: center; +} +#content #formulario > .column2 form input { + border-radius: 0 !important; + height: 1.125rem; + margin-bottom: 0.5625rem; + background-color: rgba(255, 255, 255, 0.5); + font-size: 0.8333333333rem; +} +#content #formulario > .column2 form input::placeholder { + color: #333333; +} +#content #formulario > .column2 form textarea { + border-radius: 0 !important; + height: 4.5rem; + margin-bottom: 1.5625rem; + background-color: rgba(255, 255, 255, 0.5); + font-size: 0.8333333333rem; +} +#content #formulario > .column2 form textarea::placeholder { + color: #333333; +} +#content #formulario > .column2 form .button { + width: 100%; + border-radius: 0 !important; + background-color: white; + color: #333333; +} +#content section { + background: none; +} +#content section.segment > .container { + height: 100%; +} +#content section.segment > .container > .column1 { + display: inline-block; + width: 67rem; +} +#content section.segment > .container > .column2 { + display: inline-block; + width: 33rem; +} +#content .simple.segment { + border: none !important; + border-radius: 0 !important; + box-shadow: none !important; + margin: 0 !important; + padding: 0 !important; +} +#content .simple.segment > .ui.grid { + height: 100%; +} +#content .fondo-blanco { background-color: rgba(255, 255, 255, 0.5); } \ No newline at end of file diff --git a/public/assets/styles/main.min.css b/public/assets/styles/main.min.css index 8f2db11..70e112c 100644 --- a/public/assets/styles/main.min.css +++ b/public/assets/styles/main.min.css @@ -1,2 +1,2 @@ -*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}body{font-family:Roboto,sans}.ui.container{max-width:1030px}section>.container{height:100%}section>.container>.column1{display:inline-block;width:41.9166666667rem}section>.container>.column2{display:inline-block;width:20.4583333333rem}#header{background-image:url("../images/header.png");background-repeat:no-repeat;background-size:auto;background-color:rgba(70,49,12,.8);color:#fff;width:100%}#header>.container{height:400px}#header .ui.menu{border:none !important;background:none !important;box-shadow:none !important;margin:0 !important}#header .ui.menu .dropdown .menu{background:none !important;border:none !important;box-shadow:none !important}#header .ui.menu .item{color:inherit !important;font-size:2rem}#header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-2.6rem;left:.2rem;font-size:1rem;font-family:Roboto,sans}#header .logo{padding:0 !important;margin:0 !important}#header .logo img{width:50%}#header .logo .frase1{font-size:1.5rem}#header .logo .frase2{font-size:1rem}.simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}.simple.segment>.ui.grid{height:100%}#seccion1{background-image:linear-gradient(#c8c8c8, #c8c8c8);background-position:left 6.3rem;background-size:100% 8.375rem;background-repeat:no-repeat;height:25rem;margin-bottom:2rem !important}#seccion1 .column1{width:42.9166666667rem}#seccion1 .column1 .image-container{display:flex;justify-content:space-between}#seccion1 .column1 .image-container img{height:9.6875rem;width:11.75rem;margin-top:5rem}#seccion1 .column2{height:100%}#seccion2{height:27.5rem;background-image:url("../images/fondo23.png");background-color:#f0f0f0}#seccion2 .column2{height:100%}#dimensiones{height:27.5rem;background-image:url("../images/fondo23.png")}#dimensiones .column2{height:100%}#construido{height:21.875rem;background-image:url("../images/fondo4.png");background-color:#64c8ff}#construido .column2{height:100%}#corporativos{height:25rem;background-image:url("../images/fondo5.png")}#corporativos .column2{height:100%}#felices{background-image:linear-gradient(#c8c8c8, #c8c8c8);background-position:left 3rem;background-size:100% 5rem;background-repeat:no-repeat;height:21.875rem}#formulario{height:30rem}#formulario .whatsapp-link{color:inherit}#sticky_container{position:relative;height:101.875rem;top:-178.75rem}#sticky_container #column{position:absolute;width:41.9166666667rem;height:101.875rem;top:0;left:0;padding:0}#sticky_container .sticky{float:right;height:16.5625rem;width:19.375rem;margin-left:41.9166666667rem}#sticky_container .sticky .row:first-child{height:10.625rem}#sticky_container .sticky .row:first-child .column1{display:inline-block;vertical-align:bottom;padding-top:.125rem;width:12.9166666667rem;font-size:1.1666666667rem}#sticky_container .sticky .row:first-child .column1 .linea{margin-bottom:.625rem}#sticky_container .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#sticky_container .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#sticky_container .sticky .row:first-child .column1 .colores{vertical-align:center}#sticky_container .sticky .row:first-child .column1 .colores .white{border:thin solid #000;background-color:#fff}#sticky_container .sticky .row:first-child .column1 .colores .black{background-color:#000}#sticky_container .sticky .row:first-child .column1 .colores .blue{background-color:blue}#sticky_container .sticky .row:first-child .column1 .colores .green{background-color:lime}#sticky_container .sticky .row:first-child .column1 .colores .yellow{background-color:#ff0}#sticky_container .sticky .row:first-child .column1 .colores .orange{background-color:#ff8200}#sticky_container .sticky .row:first-child .column1 .colores .red{background-color:red}#sticky_container .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:1rem;height:1rem;border-radius:8000px}#sticky_container .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#sticky_container .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#sticky_container .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:right}#sticky_container .sticky .row:first-child .column2{display:inline-block;width:6.125rem}#sticky_container .sticky .row:first-child .column2 img{width:6.875rem;height:10.625rem}#sticky_container .sticky .row:last-child .button{border-radius:0 !important;width:100%}.fondo-blanco{float:right;background-color:rgba(255,255,255,.5)} +*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}body{font-family:Roboto,sans;color:#333}#backgrounds .cabezal{height:25rem;background-image:url("../images/banner.jpg");background-repeat:no-repeat;background-size:100rem;background-position:top center;background-color:rgba(0,0,0,.4)}#backgrounds .seccion1{height:25rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 7rem;background-size:100% 8rem;background-repeat:no-repeat}#backgrounds .seccion2{height:27.5rem;background-image:url("../images/fondo23.png")}#backgrounds .seccion2 .diagonal{border-bottom:27.5rem solid rgba(204,204,204,.5);border-right:118.75rem solid transparent}#backgrounds .dimensiones{height:27.5rem;background-image:url("../images/fondo23.png")}#backgrounds .dimensiones .fondo-gris{width:100%;height:100%;background-color:rgba(204,204,204,.5)}#backgrounds .construido{height:21.875rem;background-color:#64c8ff}#backgrounds .corporativos{height:25rem;background-image:url("../images/fondo5.png")}#backgrounds .testimonios{height:21.875rem;background-image:linear-gradient(#cccccc, #cccccc);background-position:left 3rem;background-size:100% 5rem;background-repeat:no-repeat}#backgrounds .formulario{height:30rem;background-color:#ccc;clip-path:polygon(50% 0, 100% 0%, 100% 100%, 0% 100%)}#content{max-width:67.5rem !important;height:203.75rem;position:relative;top:-203.75rem}#content #header{color:#fff;width:100%;height:25rem}#content #header .ui.menu{border:none !important;background:none !important;background-color:rgba(100,100,100,.3) !important;box-shadow:none !important;margin:0 !important}#content #header .ui.menu .dropdown .menu{color:#000;font-size:1rem}#content #header .ui.menu .dropdown .menu .item{padding:1rem !important}#content #header .ui.menu .item{color:inherit !important;font-size:2rem;padding:1.25rem !important}#content #header .ui.menu .item .shopping.cart div{position:relative;color:#000;display:inline-block;top:-2.6rem;left:.2rem;font-size:1rem;font-family:Roboto,sans}#content #header .logo{padding:0 !important;margin:0 !important}#content #header .logo img{width:50%;max-width:64.375rem}#content #header .logo .frase1{font-size:1.5rem}#content #header .logo .frase2{font-size:1rem}#content>.column{display:inline-block;float:left;padding-left:1rem !important;padding-right:1rem !important}#content>.column::after{clear:both}#content>.column1{width:67%}#content>.column1 #seccion1{height:25rem;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:.875rem;text-align:justify}#content>.column1 #seccion1 .paragraph .header{margin-bottom:1rem;font-size:1.375rem}#content>.column1 #seccion2{height:27.5rem}#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:#fff;height:11.25rem;width:23.75rem;padding:2rem;margin-left:-3rem;overflow:hidden}#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:.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 img{float:left;width:19.5625rem;height:14.6875rem}#content>.column1 #construido{height:21.875rem}#content>.column1 #construido .column2{height:100%}#content>.column2{width:33%;height:101.875rem}#content>.column2 .sticky{height:16.5625rem;width:19.375rem;margin:auto}#content>.column2 .sticky .row:first-child{height:10.625rem;margin-top:5rem}#content>.column2 .sticky .row:first-child .column{display:inline-block;float:left}#content>.column2 .sticky .row:first-child .column::after{clear:both}#content>.column2 .sticky .row:first-child .column1{vertical-align:bottom;padding-top:1.25rem;width:12.9166666667rem;font-size:1.1666666667rem}#content>.column2 .sticky .row:first-child .column1 .linea{margin-bottom:.625rem}#content>.column2 .sticky .row:first-child .column1 .titulo{font-size:2.0833333333rem}#content>.column2 .sticky .row:first-child .column1 .precio{font-size:1.3333333333rem}#content>.column2 .sticky .row:first-child .column1 .colores{vertical-align:center}#content>.column2 .sticky .row:first-child .column1 .colores .text{margin-right:.1875rem}#content>.column2 .sticky .row:first-child .column1 .colores .white{border:thin solid #000;background-color:#fff}#content>.column2 .sticky .row:first-child .column1 .colores .black{background-color:#000}#content>.column2 .sticky .row:first-child .column1 .colores .blue{background-color:blue}#content>.column2 .sticky .row:first-child .column1 .colores .green{background-color:lime}#content>.column2 .sticky .row:first-child .column1 .colores .yellow{background-color:#ff0}#content>.column2 .sticky .row:first-child .column1 .colores .orange{background-color:#ff8200}#content>.column2 .sticky .row:first-child .column1 .colores .red{background-color:red}#content>.column2 .sticky .row:first-child .column1 .colores .circle{display:inline-block;width:.75rem;height:.75rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .input{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content>.column2 .sticky .row:first-child .column1 .input button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#content>.column2 .sticky .row:first-child .column1 .input input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content>.column2 .sticky .row:first-child .column2{width:6.4583333333rem}#content>.column2 .sticky .row:first-child .column2 img{width:6.875rem;height:10rem}#content>.column2 .sticky .row:last-child .button{border-radius:0 !important;width:100%}#content #corporativos{width:100%;height:25rem;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{padding:2.3125rem 0 !important}#content #corporativos .column1>.header .bigger{font-size:1.3333333333rem}#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:.75rem}#content #corporativos .column1 .opciones .opcion .img-grande img{width:8.4375rem;height:12.5rem}#content #corporativos .column1 .opciones .opcion .descripcion{display:inline-block}#content #corporativos .column1 .opciones .opcion .descripcion ul{list-style:disc inside}#content #corporativos .column1 .opciones .opcion .descripcion .images img{width:4.375rem;height:5.3125rem}#content #corporativos .column2{width:33%;height:100%}#content #corporativos .column2 form .colores{vertical-align:center}#content #corporativos .column2 form .colores .text{margin-right:.1875rem}#content #corporativos .column2 form .colores .white{border:thin solid #000;background-color:#fff}#content #corporativos .column2 form .colores .black{background-color:#000}#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:#ff0}#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:.75rem;height:.75rem;border-radius:8000px;margin:auto .0625rem;cursor:pointer}#content #corporativos .column2 form .input.cantidad{width:4.5rem;border:thin solid #000;text-align:center;padding:.5rem .05rem;font-size:.8333333333rem}#content #corporativos .column2 form .input.cantidad button{background:none;border:none;width:1rem;margin:0;padding:0;cursor:pointer}#content #corporativos .column2 form .input.cantidad input{width:2rem;background:none;margin:0;border:0;padding:0;text-align:center}#content #corporativos .column2 form .input [type=file]{display:none}#content #corporativos .column2 form .input [type=text]{height:1.125rem;background-color:rgba(255,255,255,.5);border-radius:0 !important}#content #felices{height:21.875rem;padding:0 1rem !important}#content #formulario{height:30rem;padding:0 1rem !important}#content #formulario .whatsapp-link{color:inherit}#content #formulario>.column{float:left;padding-left:1rem !important;padding-right:1rem !important}#content #formulario>.column::after{clear:both}#content #formulario>.flotante{position:absolute;top:11.4375rem;margin:auto;left:40%;width:13.5rem;text-align:center}#content #formulario>.flotante>.content{width:8.125rem;margin:auto;left:-50%}#content #formulario>.flotante>.content .item{display:block;padding:.3125rem 0}#content #formulario>.flotante>.content div.whatsapp{height:1.875rem;background-color:#1a9947;color:#fff;font-size:.625rem}#content #formulario>.flotante>.content div.whatsapp>i{position:relative;font-size:1.3333333333rem;top:.1875rem}#content #formulario>.flotante>.content .rrss{display:flex;justify-content:space-between;font-size:1.25rem}#content #formulario>.flotante>.content .rrss i.inverted.grey{color:#fff !important}#content #formulario>.column1{width:67%;margin-top:1.6875rem}#content #formulario>.column1>img{width:27.125rem;height:17.5rem;float:left}#content #formulario>.column2{width:33%}#content #formulario>.column2 .header{margin-top:1.25rem;text-align:center;font-size:1.8333333333rem}#content #formulario>.column2 .header .whatsapp-link{display:inline-block;width:1.5625rem;height:1.5625rem;font-size:2.0833333333rem}#content #formulario>.column2 .paragraph{padding-top:1rem;padding-bottom:1.5625rem;justify-content:center}#content #formulario>.column2 form input{border-radius:0 !important;height:1.125rem;margin-bottom:.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form input::placeholder{color:#333}#content #formulario>.column2 form textarea{border-radius:0 !important;height:4.5rem;margin-bottom:1.5625rem;background-color:rgba(255,255,255,.5);font-size:.8333333333rem}#content #formulario>.column2 form textarea::placeholder{color:#333}#content #formulario>.column2 form .button{width:100%;border-radius:0 !important;background-color:#fff;color:#333}#content section{background:none}#content section.segment>.container{height:100%}#content section.segment>.container>.column1{display:inline-block;width:67rem}#content section.segment>.container>.column2{display:inline-block;width:33rem}#content .simple.segment{border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important}#content .simple.segment>.ui.grid{height:100%}#content .fondo-blanco{background-color:rgba(255,255,255,.5)} /*# sourceMappingURL=maps/main.min.css.map */ diff --git a/public/assets/styles/maps/main.min.css.map b/public/assets/styles/maps/main.min.css.map index 113eb12..4fd1c34 100644 --- a/public/assets/styles/maps/main.min.css.map +++ b/public/assets/styles/maps/main.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["main.css"],"names":[],"mappings":"AAAA,mBACE,sBAGF,sPACE,SACA,UACA,SACA,eACA,aACA,wBACA,kCACA,mCACA,sBAGF,+BACE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBAGF,MACE,wBACA,gBAGF,KACE,wBAGF,cACE,iBAGF,mBACE,YAEF,4BACE,qBACA,uBAEF,4BACE,qBACA,uBAGF,QACE,6CACA,4BACA,qBACA,mCACA,WACA,WAEF,mBACE,aAEF,iBACE,uBACA,2BACA,2BACA,oBAEF,iCACE,2BACA,uBACA,2BAEF,uBACE,yBACA,eAEF,0CACE,kBACA,WACA,qBACA,YACA,WACA,eACA,wBAEF,cACE,qBACA,oBAEF,kBACE,UAEF,sBACE,iBAEF,sBACE,eAGF,gBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,yBACE,YAGF,UACE,mDACA,gCACA,8BACA,4BACA,aACA,8BAEF,mBACE,uBAEF,oCACE,aACA,8BAEF,wCACE,iBACA,eACA,gBAEF,mBACE,YAGF,UACE,eACA,8CACA,yBAEF,mBACE,YAGF,aACE,eACA,8CAEF,sBACE,YAGF,YACE,iBACA,6CACA,yBAEF,qBACE,YAGF,cACE,aACA,6CAEF,uBACE,YAGF,SACE,mDACA,8BACA,0BACA,4BACA,iBAGF,YACE,aAEF,2BACE,cAGF,kBACE,kBACA,kBACA,eAEF,0BACE,kBACA,uBACA,kBACA,MACA,OACA,UAEF,0BACE,YACA,kBACA,gBACA,6BAEF,2CACE,iBAEF,oDACE,qBACA,sBACA,oBACA,uBACA,0BAEF,2DACE,sBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,oEACE,uBACA,sBAEF,oEACE,sBAEF,mEACE,sBAEF,oEACE,sBAEF,qEACE,sBAEF,qEACE,yBAEF,kEACE,qBAEF,qEACE,qBACA,WACA,YACA,qBAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,iBAEF,oDACE,qBACA,eAEF,wDACE,eACA,iBAEF,kDACE,2BACA,WAGF,cACE,YACA","file":"../main.min.css","sourcesContent":["*, *:before, *:after {\n box-sizing: border-box;\n}\n\nhtml, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n text-size-adjust: none;\n}\n\nfooter, header, nav, section, main {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput {\n -webkit-appearance: none;\n border-radius: 0;\n}\n\nbody {\n font-family: Roboto, sans;\n}\n\n.ui.container {\n max-width: 1030px;\n}\n\nsection > .container {\n height: 100%;\n}\nsection > .container > .column1 {\n display: inline-block;\n width: 41.9166666667rem;\n}\nsection > .container > .column2 {\n display: inline-block;\n width: 20.4583333333rem;\n}\n\n#header {\n background-image: url(\"../images/header.png\");\n background-repeat: no-repeat;\n background-size: auto;\n background-color: rgba(70, 49, 12, 0.8);\n color: white;\n width: 100%;\n}\n#header > .container {\n height: 400px;\n}\n#header .ui.menu {\n border: none !important;\n background: none !important;\n box-shadow: none !important;\n margin: 0 !important;\n}\n#header .ui.menu .dropdown .menu {\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n#header .ui.menu .item {\n color: inherit !important;\n font-size: 2rem;\n}\n#header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -2.6rem;\n left: 0.2rem;\n font-size: 1rem;\n font-family: Roboto, sans;\n}\n#header .logo {\n padding: 0 !important;\n margin: 0 !important;\n}\n#header .logo img {\n width: 50%;\n}\n#header .logo .frase1 {\n font-size: 1.5rem;\n}\n#header .logo .frase2 {\n font-size: 1rem;\n}\n\n.simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n.simple.segment > .ui.grid {\n height: 100%;\n}\n\n#seccion1 {\n background-image: linear-gradient(#c8c8c8, #c8c8c8);\n background-position: left 6.3rem;\n background-size: 100% 8.375rem;\n background-repeat: no-repeat;\n height: 25rem;\n margin-bottom: 2rem !important;\n}\n#seccion1 .column1 {\n width: 42.9166666667rem;\n}\n#seccion1 .column1 .image-container {\n display: flex;\n justify-content: space-between;\n}\n#seccion1 .column1 .image-container img {\n height: 9.6875rem;\n width: 11.75rem;\n margin-top: 5rem;\n}\n#seccion1 .column2 {\n height: 100%;\n}\n\n#seccion2 {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.png\");\n background-color: #f0f0f0;\n}\n#seccion2 .column2 {\n height: 100%;\n}\n\n#dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.png\");\n}\n#dimensiones .column2 {\n height: 100%;\n}\n\n#construido {\n height: 21.875rem;\n background-image: url(\"../images/fondo4.png\");\n background-color: #64c8ff;\n}\n#construido .column2 {\n height: 100%;\n}\n\n#corporativos {\n height: 25rem;\n background-image: url(\"../images/fondo5.png\");\n}\n#corporativos .column2 {\n height: 100%;\n}\n\n#felices {\n background-image: linear-gradient(#c8c8c8, #c8c8c8);\n background-position: left 3rem;\n background-size: 100% 5rem;\n background-repeat: no-repeat;\n height: 21.875rem;\n}\n\n#formulario {\n height: 30rem;\n}\n#formulario .whatsapp-link {\n color: inherit;\n}\n\n#sticky_container {\n position: relative;\n height: 101.875rem;\n top: -178.75rem;\n}\n#sticky_container #column {\n position: absolute;\n width: 41.9166666667rem;\n height: 101.875rem;\n top: 0;\n left: 0;\n padding: 0;\n}\n#sticky_container .sticky {\n float: right;\n height: 16.5625rem;\n width: 19.375rem;\n margin-left: 41.9166666667rem;\n}\n#sticky_container .sticky .row:first-child {\n height: 10.625rem;\n}\n#sticky_container .sticky .row:first-child .column1 {\n display: inline-block;\n vertical-align: bottom;\n padding-top: 0.125rem;\n width: 12.9166666667rem;\n font-size: 1.1666666667rem;\n}\n#sticky_container .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.625rem;\n}\n#sticky_container .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n}\n#sticky_container .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n}\n#sticky_container .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .white {\n border: thin solid black;\n background-color: white;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .black {\n background-color: black;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .blue {\n background-color: blue;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .green {\n background-color: lime;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .yellow {\n background-color: yellow;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .orange {\n background-color: #ff8200;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .red {\n background-color: red;\n}\n#sticky_container .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 1rem;\n height: 1rem;\n border-radius: 8000px;\n}\n#sticky_container .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n}\n#sticky_container .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n#sticky_container .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: right;\n}\n#sticky_container .sticky .row:first-child .column2 {\n display: inline-block;\n width: 6.125rem;\n}\n#sticky_container .sticky .row:first-child .column2 img {\n width: 6.875rem;\n height: 10.625rem;\n}\n#sticky_container .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n}\n\n.fondo-blanco {\n float: right;\n background-color: rgba(255, 255, 255, 0.5);\n}"]} \ No newline at end of file +{"version":3,"sources":["main.css"],"names":[],"mappings":"AAAA,mBACE,sBAGF,sPACE,SACA,UACA,SACA,eACA,aACA,wBACA,kCACA,mCACA,sBAGF,+BACE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBAGF,MACE,wBACA,gBAGF,KACE,wBACA,WAGF,sBACE,aACA,6CACA,4BACA,uBACA,+BACA,gCAEF,uBACE,aACA,mDACA,8BACA,0BACA,4BAEF,uBACE,eACA,8CAEF,iCACE,iDACA,yCAEF,0BACE,eACA,8CAEF,sCACE,WACA,YACA,sCAEF,yBACE,iBACA,yBAEF,2BACE,aACA,6CAEF,0BACE,iBACA,mDACA,8BACA,0BACA,4BAEF,yBACE,aACA,sBACA,sDAGF,SACE,6BACA,iBACA,kBACA,eAEF,iBACE,WACA,WACA,aAEF,0BACE,uBACA,2BACA,iDACA,2BACA,oBAEF,0CAIE,WACA,eAEF,gDACE,wBAEF,gCACE,yBACA,eACA,2BAEF,mDACE,kBACA,WACA,qBACA,YACA,WACA,eACA,wBAEF,uBACE,qBACA,oBAEF,2BACE,UACA,oBAEF,+BACE,iBAEF,+BACE,eAEF,iBACE,qBACA,WACA,6BACA,8BAEF,wBACE,WAEF,kBACE,UAEF,4BACE,aACA,WAEF,6CACE,aACA,8BACA,aAEF,iDACE,iBACA,eACA,qBAEF,uCACE,oBACA,oBACA,mBAEF,+CACE,mBACA,mBAEF,4BACE,eAEF,oCACE,qBACA,WACA,UAEF,2CACE,WAEF,qCACE,gBAEF,yCACE,iBACA,kBAEF,qCACE,oBAEF,sDACE,yBACA,WACA,gBACA,eACA,aACA,kBACA,gBAEF,8DACE,iBACA,eACA,mBAEF,yDACE,uBACA,yBAEF,qDACE,oBACA,aACA,8BAEF,yDACE,eACA,iBAEF,+BACE,eAEF,uCACE,+BAEF,+CACE,eAEF,uCACE,aAEF,2CACE,WACA,iBACA,kBAEF,8BACE,iBAEF,uCACE,YAEF,kBACE,UACA,kBAEF,0BACE,kBACA,gBACA,YAEF,2CACE,iBACA,gBAEF,mDACE,qBACA,WAEF,0DACE,WAEF,oDACE,sBACA,oBACA,uBACA,0BAEF,2DACE,sBAEF,4DACE,0BAEF,4DACE,0BAEF,6DACE,sBAEF,mEACE,sBAEF,oEACE,uBACA,sBAEF,oEACE,sBAEF,mEACE,sBAEF,oEACE,sBAEF,qEACE,sBAEF,qEACE,yBAEF,kEACE,qBAEF,qEACE,qBACA,aACA,cACA,qBACA,qBACA,eAEF,2DACE,aACA,uBACA,kBACA,qBACA,yBAEF,kEACE,gBACA,YACA,WACA,SACA,UACA,eAEF,iEACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,oDACE,sBAEF,wDACE,eACA,aAEF,kDACE,2BACA,WAEF,uBACE,WACA,aACA,iCAEF,+BACE,qBACA,WACA,6BACA,8BAEF,sCACE,WAEF,gCACE,UAEF,wCACE,+BAEF,gDACE,0BAEF,0CACE,aACA,6BAEF,kDACE,qBAEF,8DACE,qBACA,qBAEF,kEACE,gBACA,eAEF,+DACE,qBAEF,kEACE,uBAEF,2EACE,eACA,iBAEF,gCACE,UACA,YAEF,8CACE,sBAEF,oDACE,sBAEF,qDACE,uBACA,sBAEF,qDACE,sBAEF,oDACE,sBAEF,qDACE,sBAEF,sDACE,sBAEF,sDACE,yBAEF,mDACE,qBAEF,sDACE,qBACA,aACA,cACA,qBACA,qBACA,eAEF,qDACE,aACA,uBACA,kBACA,qBACA,yBAEF,4DACE,gBACA,YACA,WACA,SACA,UACA,eAEF,2DACE,WACA,gBACA,SACA,SACA,UACA,kBAEF,wDACE,aAEF,wDACE,gBACA,sCACA,2BAEF,kBACE,iBACA,0BAEF,qBACE,aACA,0BAEF,oCACE,cAEF,6BACE,WACA,6BACA,8BAEF,oCACE,WAEF,+BACE,kBACA,eACA,YACA,SACA,cACA,kBAEF,wCACE,eACA,YACA,UAEF,8CACE,cACA,mBAEF,qDACE,gBACA,yBACA,WACA,kBAEF,uDACE,kBACA,0BACA,aAEF,8CACE,aACA,8BACA,kBAEF,8DACE,sBAEF,8BACE,UACA,qBAEF,kCACE,gBACA,eACA,WAEF,8BACE,UAEF,sCACE,mBACA,kBACA,0BAEF,qDACE,qBACA,gBACA,iBACA,0BAEF,yCACE,iBACA,yBACA,uBAEF,yCACE,2BACA,gBACA,uBACA,sCACA,yBAEF,sDACE,WAEF,4CACE,2BACA,cACA,wBACA,sCACA,yBAEF,yDACE,WAEF,2CACE,WACA,2BACA,sBACA,WAEF,iBACE,gBAEF,oCACE,YAEF,6CACE,qBACA,YAEF,6CACE,qBACA,YAEF,yBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,kCACE,YAEF,uBACE","file":"../main.min.css","sourcesContent":["*, *:before, *:after {\n box-sizing: border-box;\n}\n\nhtml, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n text-size-adjust: none;\n}\n\nfooter, header, nav, section, main {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ninput {\n -webkit-appearance: none;\n border-radius: 0;\n}\n\nbody {\n font-family: Roboto, sans;\n color: #333333;\n}\n\n#backgrounds .cabezal {\n height: 25rem;\n background-image: url(\"../images/banner.jpg\");\n background-repeat: no-repeat;\n background-size: 100rem;\n background-position: top center;\n background-color: rgba(0, 0, 0, 0.4);\n}\n#backgrounds .seccion1 {\n height: 25rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 7rem;\n background-size: 100% 8rem;\n background-repeat: no-repeat;\n}\n#backgrounds .seccion2 {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.png\");\n}\n#backgrounds .seccion2 .diagonal {\n border-bottom: 27.5rem solid rgba(204, 204, 204, 0.5);\n border-right: 118.75rem solid transparent;\n}\n#backgrounds .dimensiones {\n height: 27.5rem;\n background-image: url(\"../images/fondo23.png\");\n}\n#backgrounds .dimensiones .fondo-gris {\n width: 100%;\n height: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n}\n#backgrounds .construido {\n height: 21.875rem;\n background-color: #64c8ff;\n}\n#backgrounds .corporativos {\n height: 25rem;\n background-image: url(\"../images/fondo5.png\");\n}\n#backgrounds .testimonios {\n height: 21.875rem;\n background-image: linear-gradient(#cccccc, #cccccc);\n background-position: left 3rem;\n background-size: 100% 5rem;\n background-repeat: no-repeat;\n}\n#backgrounds .formulario {\n height: 30rem;\n background-color: #cccccc;\n clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);\n}\n\n#content {\n max-width: 67.5rem !important;\n height: 203.75rem;\n position: relative;\n top: -203.75rem;\n}\n#content #header {\n color: white;\n width: 100%;\n height: 25rem;\n}\n#content #header .ui.menu {\n border: none !important;\n background: none !important;\n background-color: rgba(100, 100, 100, 0.3) !important;\n box-shadow: none !important;\n margin: 0 !important;\n}\n#content #header .ui.menu .dropdown .menu {\n /*background: none !important;\n border: none !important;\n box-shadow: none !important;*/\n color: black;\n font-size: 1rem;\n}\n#content #header .ui.menu .dropdown .menu .item {\n padding: 1rem !important;\n}\n#content #header .ui.menu .item {\n color: inherit !important;\n font-size: 2rem;\n padding: 1.25rem !important;\n}\n#content #header .ui.menu .item .shopping.cart div {\n position: relative;\n color: black;\n display: inline-block;\n top: -2.6rem;\n left: 0.2rem;\n font-size: 1rem;\n font-family: Roboto, sans;\n}\n#content #header .logo {\n padding: 0 !important;\n margin: 0 !important;\n}\n#content #header .logo img {\n width: 50%;\n max-width: 64.375rem;\n}\n#content #header .logo .frase1 {\n font-size: 1.5rem;\n}\n#content #header .logo .frase2 {\n font-size: 1rem;\n}\n#content > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n}\n#content > .column::after {\n clear: both;\n}\n#content > .column1 {\n width: 67%;\n}\n#content > .column1 #seccion1 {\n height: 25rem;\n width: 100%;\n}\n#content > .column1 #seccion1 .image-container {\n display: flex;\n justify-content: space-between;\n height: 15rem;\n}\n#content > .column1 #seccion1 .image-container img {\n height: 9.6875rem;\n width: 11.75rem;\n margin-top: 5.3125rem;\n}\n#content > .column1 #seccion1 .paragraph {\n padding-top: 1.75rem;\n line-height: 0.875rem;\n text-align: justify;\n}\n#content > .column1 #seccion1 .paragraph .header {\n margin-bottom: 1rem;\n font-size: 1.375rem;\n}\n#content > .column1 #seccion2 {\n height: 27.5rem;\n}\n#content > .column1 #seccion2 > .column {\n display: inline-block;\n float: left;\n width: 50%;\n}\n#content > .column1 #seccion2 > .column::after {\n clear: both;\n}\n#content > .column1 #seccion2 .column1 {\n margin-top: 5rem;\n}\n#content > .column1 #seccion2 .column1 img {\n width: 19.8125rem;\n height: 19.8125rem;\n}\n#content > .column1 #seccion2 .column2 {\n margin-top: 7.125rem;\n}\n#content > .column1 #seccion2 .column2 .row:first-child {\n background-color: #00427b;\n color: white;\n height: 11.25rem;\n width: 23.75rem;\n padding: 2rem;\n margin-left: -3rem;\n overflow: hidden;\n}\n#content > .column1 #seccion2 .column2 .row:first-child .header {\n font-weight: bold;\n font-size: 1rem;\n margin-bottom: 1rem;\n}\n#content > .column1 #seccion2 .column2 .row:first-child ul {\n list-style: disc inside;\n font-size: 0.8333333333rem;\n}\n#content > .column1 #seccion2 .column2 .row:last-child {\n margin-top: 1.125rem;\n display: flex;\n justify-content: space-between;\n}\n#content > .column1 #seccion2 .column2 .row:last-child img {\n width: 4.375rem;\n height: 5.3125rem;\n}\n#content > .column1 #dimensiones {\n height: 27.5rem;\n}\n#content > .column1 #dimensiones .header {\n padding: 2.3125rem 0 !important;\n}\n#content > .column1 #dimensiones .header .bigger {\n font-size: 1rem;\n}\n#content > .column1 #dimensiones .images {\n display: flex;\n}\n#content > .column1 #dimensiones .images img {\n float: left;\n width: 19.5625rem;\n height: 14.6875rem;\n}\n#content > .column1 #construido {\n height: 21.875rem;\n}\n#content > .column1 #construido .column2 {\n height: 100%;\n}\n#content > .column2 {\n width: 33%;\n height: 101.875rem;\n}\n#content > .column2 .sticky {\n height: 16.5625rem;\n width: 19.375rem;\n margin: auto;\n}\n#content > .column2 .sticky .row:first-child {\n height: 10.625rem;\n margin-top: 5rem;\n}\n#content > .column2 .sticky .row:first-child .column {\n display: inline-block;\n float: left;\n}\n#content > .column2 .sticky .row:first-child .column::after {\n clear: both;\n}\n#content > .column2 .sticky .row:first-child .column1 {\n vertical-align: bottom;\n padding-top: 1.25rem;\n width: 12.9166666667rem;\n font-size: 1.1666666667rem;\n}\n#content > .column2 .sticky .row:first-child .column1 .linea {\n margin-bottom: 0.625rem;\n}\n#content > .column2 .sticky .row:first-child .column1 .titulo {\n font-size: 2.0833333333rem;\n}\n#content > .column2 .sticky .row:first-child .column1 .precio {\n font-size: 1.3333333333rem;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores {\n vertical-align: center;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .text {\n margin-right: 0.1875rem;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .white {\n border: thin solid black;\n background-color: white;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .black {\n background-color: black;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .blue {\n background-color: blue;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .green {\n background-color: lime;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .yellow {\n background-color: yellow;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .orange {\n background-color: #ff8200;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .red {\n background-color: red;\n}\n#content > .column2 .sticky .row:first-child .column1 .colores .circle {\n display: inline-block;\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n}\n#content > .column2 .sticky .row:first-child .column1 .input {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n}\n#content > .column2 .sticky .row:first-child .column1 .input button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n#content > .column2 .sticky .row:first-child .column1 .input input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n}\n#content > .column2 .sticky .row:first-child .column2 {\n width: 6.4583333333rem;\n}\n#content > .column2 .sticky .row:first-child .column2 img {\n width: 6.875rem;\n height: 10rem;\n}\n#content > .column2 .sticky .row:last-child .button {\n border-radius: 0 !important;\n width: 100%;\n}\n#content #corporativos {\n width: 100%;\n height: 25rem;\n margin-top: 101.875rem !important;\n}\n#content #corporativos > .column {\n display: inline-block;\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n}\n#content #corporativos > .column::after {\n clear: both;\n}\n#content #corporativos .column1 {\n width: 67%;\n}\n#content #corporativos .column1 > .header {\n padding: 2.3125rem 0 !important;\n}\n#content #corporativos .column1 > .header .bigger {\n font-size: 1.3333333333rem;\n}\n#content #corporativos .column1 .opciones {\n display: flex;\n justify-content: space-around;\n}\n#content #corporativos .column1 .opciones .opcion {\n display: inline-block;\n}\n#content #corporativos .column1 .opciones .opcion .img-grande {\n display: inline-block;\n padding-right: 0.75rem;\n}\n#content #corporativos .column1 .opciones .opcion .img-grande img {\n width: 8.4375rem;\n height: 12.5rem;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion {\n display: inline-block;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion ul {\n list-style: disc inside;\n}\n#content #corporativos .column1 .opciones .opcion .descripcion .images img {\n width: 4.375rem;\n height: 5.3125rem;\n}\n#content #corporativos .column2 {\n width: 33%;\n height: 100%;\n}\n#content #corporativos .column2 form .colores {\n vertical-align: center;\n}\n#content #corporativos .column2 form .colores .text {\n margin-right: 0.1875rem;\n}\n#content #corporativos .column2 form .colores .white {\n border: thin solid black;\n background-color: white;\n}\n#content #corporativos .column2 form .colores .black {\n background-color: black;\n}\n#content #corporativos .column2 form .colores .blue {\n background-color: blue;\n}\n#content #corporativos .column2 form .colores .green {\n background-color: lime;\n}\n#content #corporativos .column2 form .colores .yellow {\n background-color: yellow;\n}\n#content #corporativos .column2 form .colores .orange {\n background-color: #ff8200;\n}\n#content #corporativos .column2 form .colores .red {\n background-color: red;\n}\n#content #corporativos .column2 form .colores .circle {\n display: inline-block;\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 8000px;\n margin: auto 0.0625rem;\n cursor: pointer;\n}\n#content #corporativos .column2 form .input.cantidad {\n width: 4.5rem;\n border: thin solid black;\n text-align: center;\n padding: 0.5rem 0.05rem;\n font-size: 0.8333333333rem;\n}\n#content #corporativos .column2 form .input.cantidad button {\n background: none;\n border: none;\n width: 1rem;\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n#content #corporativos .column2 form .input.cantidad input {\n width: 2rem;\n background: none;\n margin: 0;\n border: 0;\n padding: 0;\n text-align: center;\n}\n#content #corporativos .column2 form .input [type=file] {\n display: none;\n}\n#content #corporativos .column2 form .input [type=text] {\n height: 1.125rem;\n background-color: rgba(255, 255, 255, 0.5);\n border-radius: 0 !important;\n}\n#content #felices {\n height: 21.875rem;\n padding: 0 1rem !important;\n}\n#content #formulario {\n height: 30rem;\n padding: 0 1rem !important;\n}\n#content #formulario .whatsapp-link {\n color: inherit;\n}\n#content #formulario > .column {\n float: left;\n padding-left: 1rem !important;\n padding-right: 1rem !important;\n}\n#content #formulario > .column::after {\n clear: both;\n}\n#content #formulario > .flotante {\n position: absolute;\n top: 11.4375rem;\n margin: auto;\n left: 40%;\n width: 13.5rem;\n text-align: center;\n}\n#content #formulario > .flotante > .content {\n width: 8.125rem;\n margin: auto;\n left: -50%;\n}\n#content #formulario > .flotante > .content .item {\n display: block;\n padding: 0.3125rem 0;\n}\n#content #formulario > .flotante > .content div.whatsapp {\n height: 1.875rem;\n background-color: #1a9947;\n color: #fff;\n font-size: 0.625rem;\n}\n#content #formulario > .flotante > .content div.whatsapp > i {\n position: relative;\n font-size: 1.3333333333rem;\n top: 0.1875rem;\n}\n#content #formulario > .flotante > .content .rrss {\n display: flex;\n justify-content: space-between;\n font-size: 1.25rem;\n}\n#content #formulario > .flotante > .content .rrss i.inverted.grey {\n color: white !important;\n}\n#content #formulario > .column1 {\n width: 67%;\n margin-top: 1.6875rem;\n}\n#content #formulario > .column1 > img {\n width: 27.125rem;\n height: 17.5rem;\n float: left;\n}\n#content #formulario > .column2 {\n width: 33%;\n}\n#content #formulario > .column2 .header {\n margin-top: 1.25rem;\n text-align: center;\n font-size: 1.8333333333rem;\n}\n#content #formulario > .column2 .header .whatsapp-link {\n display: inline-block;\n width: 1.5625rem;\n height: 1.5625rem;\n font-size: 2.0833333333rem;\n}\n#content #formulario > .column2 .paragraph {\n padding-top: 1rem;\n padding-bottom: 1.5625rem;\n justify-content: center;\n}\n#content #formulario > .column2 form input {\n border-radius: 0 !important;\n height: 1.125rem;\n margin-bottom: 0.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n}\n#content #formulario > .column2 form input::placeholder {\n color: #333333;\n}\n#content #formulario > .column2 form textarea {\n border-radius: 0 !important;\n height: 4.5rem;\n margin-bottom: 1.5625rem;\n background-color: rgba(255, 255, 255, 0.5);\n font-size: 0.8333333333rem;\n}\n#content #formulario > .column2 form textarea::placeholder {\n color: #333333;\n}\n#content #formulario > .column2 form .button {\n width: 100%;\n border-radius: 0 !important;\n background-color: white;\n color: #333333;\n}\n#content section {\n background: none;\n}\n#content section.segment > .container {\n height: 100%;\n}\n#content section.segment > .container > .column1 {\n display: inline-block;\n width: 67rem;\n}\n#content section.segment > .container > .column2 {\n display: inline-block;\n width: 33rem;\n}\n#content .simple.segment {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n#content .simple.segment > .ui.grid {\n height: 100%;\n}\n#content .fondo-blanco {\n background-color: rgba(255, 255, 255, 0.5);\n}"]} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 899a37c..c3c95c5 100644 --- a/public/index.html +++ b/public/index.html @@ -1,177 +1,2 @@ - - - - - Stand - - - - - - - - - - -
-
-
-
- - - -
-

-

- LOREM IPSUM DOLOR SIT AMET, CONSECTETUR -
- 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 -

-
-
-
-
- -
-
-
- -
-
-
-
- -
-
-
- DIMENSIONES -
-
-
-
- -
-
-
- CONSTRUIDOS EN IMPRESIÓN 3D -
-
-
-
- -
-
-
- CORPORATIVOS -
-
- COTIZA CON NOSOSTROS -
-
-
- -
-
-
- CLIENTES FELICES -
-
-
-
- -
-
-
-
-
-
-
-
-
-
- CONVERSEMOS! -
-
-
-
-
-
-
-
- -
-
-
-
-
-
- STAND -
-
- $ 5.990 -
-
- COLOR -
-
-
-
-
-
-
-
-
- -
-
-
- -
-
-
- -
-
-
- - - - - - +Stand
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR
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
VENTAJAS
  • Apoyo estable del teléfono
  • Ángulo preciso de inclinación para usar en conferencias
  • Compatible con tablets permite cargar mientras se usa
  • Diseño moderno y minimalista
DIMENSIONES y colores
CONSTRUIDOS EN IMPRESIÓN 3D
STAND
$ 5.990
COLOR
CORPORATIVOS Regalos y más ...
LOGO ABAJO
  • Siempre visible
  • Menor tamaño
LOGO ARRIBA
  • No se ve al apoyar el teléfono
  • Mayor tamaño
COTIZA CON NOSOSTROS
COLOR
LOGO
Cargar archivo
CLIENTES FELICES
CONVERSEMOS
ventas@3Dstand.cl
CONVERSEMOS!
scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nosventas
\ No newline at end of file