diff --git a/public/assets/scripts/main.js b/public/assets/scripts/main.js new file mode 100644 index 0000000..d70297a --- /dev/null +++ b/public/assets/scripts/main.js @@ -0,0 +1,5 @@ +$(document).ready(function() { + $('.sticky').sticky({ + context: '#column' + }) +}) diff --git a/public/assets/scripts/main.min.js b/public/assets/scripts/main.min.js new file mode 100644 index 0000000..09bfa51 --- /dev/null +++ b/public/assets/scripts/main.min.js @@ -0,0 +1,2 @@ +$(document).ready(function(){$(".sticky").sticky({context:"#column"})}); +//# 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 new file mode 100644 index 0000000..0b89ab9 --- /dev/null +++ b/public/assets/scripts/maps/main.min.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.js"],"names":["$","document","ready","sticky","context"],"mappings":"AAAAA,EAAEC,UAAUC,MAAM,WAChBF,EAAE,WAAWG,OAAO,CAClBC,QAAS","file":"../main.min.js","sourcesContent":["$(document).ready(function() {\r\n $('.sticky').sticky({\r\n context: '#column'\r\n })\r\n})\r\n"]} \ No newline at end of file diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css new file mode 100644 index 0000000..c4f9307 --- /dev/null +++ b/public/assets/styles/main.css @@ -0,0 +1,123 @@ +.ui.container { + position: relative; +} + +#header { + background-image: url("../images/header.png"); + background-repeat: no-repeat; + background-size: auto; + background-color: rgba(100, 100, 0, 0.3); + color: white; + width: 100%; + height: 30rem; +} +#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; +} +#header .logo { + padding: 0 !important; + margin: 0 !important; +} +#header .logo img { + width: 10rem; +} +#header .logo .frase1 { + font-size: 2rem; +} +#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 3rem; + background-size: 100% 5rem; + background-repeat: no-repeat; + height: 20rem; +} +#seccion1 .ui.simple.segment { + background: none !important; +} +#seccion1 img { + height: 10rem; +} + +#seccion2 { + height: 20rem; + background-image: url("../images/fondo23.png"); + background-color: #f0f0f0; +} + +#dimensiones { + height: 20rem; + background-image: url("../images/fondo23.png"); + background-color: #f0f0f0; +} + +#construido { + height: 20rem; + background-image: url("../images/fondo4.png"); + background-color: #64c8ff; +} + +#corporativos { + height: 20rem; + background-image: url("../images/fondo5.png"); + background-color: #fafafa; +} + +#felices { + background-image: linear-gradient(#c8c8c8, #c8c8c8); + background-position: left 3rem; + background-size: 100% 5rem; + background-repeat: no-repeat; + height: 20rem; +} + +#formulario { + height: 30rem; +} +#formulario .whatsapp-link { + color: inherit; +} + +#sticky_container { + position: absolute; + width: 100%; + height: 75rem; + top: 30rem; + left: 1rem; +} +#sticky_container .column { + height: inherit; + padding: 0; +} +#sticky_container .sticky .grid { + margin: 1rem !important; +} + +.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 new file mode 100644 index 0000000..6df56cd --- /dev/null +++ b/public/assets/styles/main.min.css @@ -0,0 +1,2 @@ +.ui.container{position:relative}#header{background-image:url("../images/header.png");background-repeat:no-repeat;background-size:auto;background-color:rgba(100,100,0,.3);color:#fff;width:100%;height:30rem}#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}#header .logo{padding:0 !important;margin:0 !important}#header .logo img{width:10rem}#header .logo .frase1{font-size:2rem}#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 3rem;background-size:100% 5rem;background-repeat:no-repeat;height:20rem}#seccion1 .ui.simple.segment{background:none !important}#seccion1 img{height:10rem}#seccion2{height:20rem;background-image:url("../images/fondo23.png");background-color:#f0f0f0}#dimensiones{height:20rem;background-image:url("../images/fondo23.png");background-color:#f0f0f0}#construido{height:20rem;background-image:url("../images/fondo4.png");background-color:#64c8ff}#corporativos{height:20rem;background-image:url("../images/fondo5.png");background-color:#fafafa}#felices{background-image:linear-gradient(#c8c8c8, #c8c8c8);background-position:left 3rem;background-size:100% 5rem;background-repeat:no-repeat;height:20rem}#formulario{height:30rem}#formulario .whatsapp-link{color:inherit}#sticky_container{position:absolute;width:100%;height:75rem;top:30rem;left:1rem}#sticky_container .column{height:inherit;padding:0}#sticky_container .sticky .grid{margin:1rem !important}.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 new file mode 100644 index 0000000..7b4b8d1 --- /dev/null +++ b/public/assets/styles/maps/main.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.css"],"names":[],"mappings":"AAAA,cACE,kBAGF,QACE,6CACA,4BACA,qBACA,oCACA,WACA,WACA,aAEF,iBACE,uBACA,2BACA,2BACA,oBAEF,iCACE,2BACA,uBACA,2BAEF,uBACE,yBAEF,cACE,qBACA,oBAEF,kBACE,YAEF,sBACE,eAEF,sBACE,eAGF,gBACE,uBACA,2BACA,2BACA,oBACA,qBAEF,yBACE,YAGF,UACE,mDACA,8BACA,0BACA,4BACA,aAEF,6BACE,2BAEF,cACE,aAGF,UACE,aACA,8CACA,yBAGF,aACE,aACA,8CACA,yBAGF,YACE,aACA,6CACA,yBAGF,cACE,aACA,6CACA,yBAGF,SACE,mDACA,8BACA,0BACA,4BACA,aAGF,YACE,aAEF,2BACE,cAGF,kBACE,kBACA,WACA,aACA,UACA,UAEF,0BACE,eACA,UAEF,gCACE,uBAGF,cACE","file":"../main.min.css","sourcesContent":[".ui.container {\n position: relative;\n}\n\n#header {\n background-image: url(\"../images/header.png\");\n background-repeat: no-repeat;\n background-size: auto;\n background-color: rgba(100, 100, 0, 0.3);\n color: white;\n width: 100%;\n height: 30rem;\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}\n#header .logo {\n padding: 0 !important;\n margin: 0 !important;\n}\n#header .logo img {\n width: 10rem;\n}\n#header .logo .frase1 {\n font-size: 2rem;\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 3rem;\n background-size: 100% 5rem;\n background-repeat: no-repeat;\n height: 20rem;\n}\n#seccion1 .ui.simple.segment {\n background: none !important;\n}\n#seccion1 img {\n height: 10rem;\n}\n\n#seccion2 {\n height: 20rem;\n background-image: url(\"../images/fondo23.png\");\n background-color: #f0f0f0;\n}\n\n#dimensiones {\n height: 20rem;\n background-image: url(\"../images/fondo23.png\");\n background-color: #f0f0f0;\n}\n\n#construido {\n height: 20rem;\n background-image: url(\"../images/fondo4.png\");\n background-color: #64c8ff;\n}\n\n#corporativos {\n height: 20rem;\n background-image: url(\"../images/fondo5.png\");\n background-color: #fafafa;\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: 20rem;\n}\n\n#formulario {\n height: 30rem;\n}\n#formulario .whatsapp-link {\n color: inherit;\n}\n\n#sticky_container {\n position: absolute;\n width: 100%;\n height: 75rem;\n top: 30rem;\n left: 1rem;\n}\n#sticky_container .column {\n height: inherit;\n padding: 0;\n}\n#sticky_container .sticky .grid {\n margin: 1rem !important;\n}\n\n.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 new file mode 100644 index 0000000..bc72475 --- /dev/null +++ b/public/index.html @@ -0,0 +1,152 @@ + + + + + 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 +
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+ 3 +
+ +
+
+
+ 4 +
+
+
+
+ +
+
+
+ 5 +
+
+ COTIZA CON NOSOSTROS +
+
+
+ +
+ CLIENTES FELICES +
+ +
+
+
+
+
+
+
+
+
+ CONVERSEMOS! +
+
+
+
+
+
+
+ +
+
+
+
+
+
+ STAND
+ $ 5.990
+ COLOR +
+
+ +
+
+
+
+
+
+ + + + + +