{"id":873,"date":"2024-02-02T09:34:50","date_gmt":"2024-02-02T09:34:50","guid":{"rendered":"https:\/\/liliguinot.com\/portfolio\/?page_id=873"},"modified":"2024-02-21T16:49:15","modified_gmt":"2024-02-21T16:49:15","slug":"slider-vertical-lateral","status":"publish","type":"page","link":"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/","title":{"rendered":"Slider vertical lateral"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"873\" class=\"elementor elementor-873\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3406b78a e-flex e-con-boxed e-con e-parent\" data-id=\"3406b78a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-af4bf44 e-flex e-con-boxed e-con e-child\" data-id=\"af4bf44\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a0be8a0 elementor-widget elementor-widget-image\" data-id=\"6a0be8a0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 29-01-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1638\" height=\"878\" src=\"https:\/\/liliguinot.com\/portfolio\/wp-content\/uploads\/Lili-Guinot-quien-soy.jpg\" class=\"attachment-large size-large wp-image-703\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-433732e7 elementor-widget elementor-widget-heading\" data-id=\"433732e7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 29-01-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">liliguinot<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d69b96 elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"2d69b96\" data-element_type=\"widget\" data-settings=\"{&quot;marker&quot;:&quot;strikethrough&quot;,&quot;highlighted_text&quot;:&quot;sin c\\u00f3digo&quot;,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;highlight_animation_duration&quot;:1200}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/liliguinot.com\/portfolio\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-animated-headline.min.css\">\t\t<h3 class=\"elementor-headline\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Desarrollo web<\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">sin c\u00f3digo<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">para creativos<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f84f55e elementor-widget elementor-widget-text-editor\" data-id=\"f84f55e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 29-01-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Te invito a conocer algunos de los proyectos en los que he trabajado. En este recorrido te muestro distintas opciones creativas que son posibles con desarrollo web visual gracias a Elementor Pro, para que puedas ofrecer a tus clientes sitios web m\u00e1s econ\u00f3micos y creados en tiempo r\u00e9cord, sin renunciar al dise\u00f1o y a los efectos visuales.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3916e0b e-flex e-con-boxed e-con e-child\" data-id=\"3916e0b\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3cfac11 e-flex e-con-boxed e-con e-child\" data-id=\"3cfac11\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-43d37fc3 e-flex e-con-boxed e-con e-child\" data-id=\"43d37fc3\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6ad5e9cd e-flex e-con-boxed e-con e-child\" data-id=\"6ad5e9cd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c91541b elementor-widget elementor-widget-heading\" data-id=\"c91541b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EJEMPLO DE NAVEGACI\u00d3N CREATIVA CON ELEMENTOR PRO\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1ca210 elementor-widget elementor-widget-heading\" data-id=\"1a1ca210\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Slider vertical<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42f02100 elementor-widget elementor-widget-text-editor\" data-id=\"42f02100\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Consigue un efecto \u00abwow\u00bb con una navegaci\u00f3n web diferente. Al superponer una secci\u00f3n encima de otra, conseguimos un efecto de slider vertical que llama la atenci\u00f3n del usuario.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92b88d6 elementor-widget elementor-widget-button\" data-id=\"92b88d6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/liliguinot.com\/portfolio\/slider-vertical\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver ejemplo<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5467b40 e-flex e-con-boxed e-con e-child\" data-id=\"5467b40\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-818656d e-flex e-con-boxed e-con e-child\" data-id=\"818656d\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bb6d7ed e-flex e-con-boxed e-con e-child\" data-id=\"bb6d7ed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec693da elementor-widget elementor-widget-heading\" data-id=\"ec693da\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EJEMPLO DE WIDGET<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-411f02d elementor-widget elementor-widget-heading\" data-id=\"411f02d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Acorde\u00f3n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd4f031 elementor-widget elementor-widget-text-editor\" data-id=\"dd4f031\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Gracias al widget \u2018Acorde\u00f3n\u2019 de Elementor Pro, conseguimos webs m\u00e1s minimalistas. Ideal para p\u00e1ginas con mucho contenido o secciones de preguntas y respuestas.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fe6e5d elementor-widget elementor-widget-button\" data-id=\"5fe6e5d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/liliguinot.com\/portfolio\/conmutador\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver ejemplo<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2ee09c e-flex e-con-boxed e-con e-child\" data-id=\"f2ee09c\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ded27fc e-flex e-con-boxed e-con e-child\" data-id=\"ded27fc\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-99f1b96 e-flex e-con-boxed e-con e-child\" data-id=\"99f1b96\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-083f1a9 elementor-widget elementor-widget-heading\" data-id=\"083f1a9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EJEMPLO DE WIDGET<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdac2ab elementor-widget elementor-widget-heading\" data-id=\"cdac2ab\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Punto caliente<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96d25ea elementor-widget elementor-widget-text-editor\" data-id=\"96d25ea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Gracias al widget \u2018Punto Caliente\u2019 de Elementor Pro, se pueden conseguir secciones interactivas como mapas e infograf\u00edas.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02fcd04 elementor-widget elementor-widget-button\" data-id=\"02fcd04\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/liliguinot.com\/portfolio\/punto-caliente\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver ejemplo<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bb4cea e-flex e-con-boxed e-con e-child\" data-id=\"4bb4cea\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-08423a0 e-flex e-con-boxed e-con e-child\" data-id=\"08423a0\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d925b93 e-flex e-con-boxed e-con e-child\" data-id=\"d925b93\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-422fe12 elementor-widget elementor-widget-heading\" data-id=\"422fe12\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EJEMPLO DE WIDGET Y NAVEGACI\u00d3N CREATIVA CON ELEMENTOR PRO<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e02d6ef elementor-widget elementor-widget-heading\" data-id=\"e02d6ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tablas anidadas<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f89ab8b elementor-widget elementor-widget-text-editor\" data-id=\"f89ab8b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Tu historia o la de tus clientes se puede contar de muchas formas. Gracias a las nuevas tablas anidadas de Elementor Pro, podemos explorar nuevas formas de organizar la informaci\u00f3n.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d70d944 elementor-widget elementor-widget-button\" data-id=\"d70d944\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/liliguinot.com\/portfolio\/tablas-anidadas\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver ejemplo<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12584f7 e-flex e-con-boxed e-con e-child\" data-id=\"12584f7\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fde537a e-flex e-con-boxed e-con e-child\" data-id=\"fde537a\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-057987d e-flex e-con-boxed e-con e-child\" data-id=\"057987d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1a58e1 elementor-widget elementor-widget-heading\" data-id=\"f1a58e1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EJEMPLO DE EFECTO<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c3cedf elementor-widget elementor-widget-heading\" data-id=\"0c3cedf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Animaci\u00f3n de elementos<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1370d7d elementor-widget elementor-widget-text-editor\" data-id=\"1370d7d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>A veces un simple efecto puede cambiar toda una web. El uso de gifs combinados con animaciones de entrada pueden marcar la diferencia.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f49c41 elementor-widget elementor-widget-button\" data-id=\"5f49c41\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/liliguinot.com\/portfolio\/animacion-de-elementos\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver ejemplo<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2b2361 e-flex e-con-boxed e-con e-child\" data-id=\"d2b2361\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6074293 e-flex e-con-boxed e-con e-child\" data-id=\"6074293\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-686785b e-flex e-con-boxed e-con e-child\" data-id=\"686785b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6cab7d elementor-widget elementor-widget-heading\" data-id=\"e6cab7d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EJEMPLO DE EFECTO\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7afea elementor-widget elementor-widget-heading\" data-id=\"dc7afea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Timeline animado<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4853dae elementor-widget elementor-widget-text-editor\" data-id=\"4853dae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>A veces un simple efecto puede cambiar toda una web. Consigue timelines din\u00e1micos como este.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-683701f elementor-widget elementor-widget-button\" data-id=\"683701f\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/liliguinot.com\/portfolio\/timeline-animado\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver ejemplo<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae5fe45 e-flex e-con-boxed e-con e-child\" data-id=\"ae5fe45\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0d768a7 e-flex e-con-boxed e-con e-child\" data-id=\"0d768a7\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-330a272 e-flex e-con-boxed e-con e-child\" data-id=\"330a272\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7a5711 elementor-widget elementor-widget-heading\" data-id=\"b7a5711\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EJEMPLO DE NAVEGACI\u00d3N CREATIVA CON ELEMENTOR PRO<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7519b3e elementor-widget elementor-widget-heading\" data-id=\"7519b3e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Slider vertical lateral<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30e7dde elementor-widget elementor-widget-text-editor\" data-id=\"30e7dde\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Existen una infinidad de maneras creativas de presentar la informaci\u00f3n de un sitio web. Para proporcionar datos adicionales a una informaci\u00f3n lateral fija, este efecto es perfecto.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8792d38 elementor-widget elementor-widget-button\" data-id=\"8792d38\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/liliguinot.com\/portfolio\/?page_id=885\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver ejemplo<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>liliguinot Desarrollo web sin c\u00f3digo para creativos Te invito a conocer algunos de los proyectos en los que he trabajado. En este recorrido te muestro distintas opciones creativas que son posibles con desarrollo web visual gracias a Elementor Pro, para que puedas ofrecer a tus clientes sitios web m\u00e1s econ\u00f3micos y creados en tiempo r\u00e9cord, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-873","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Slider vertical lateral | Lili Guinot | Portfolio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Slider vertical lateral | Lili Guinot | Portfolio\" \/>\n<meta property=\"og:description\" content=\"liliguinot Desarrollo web sin c\u00f3digo para creativos Te invito a conocer algunos de los proyectos en los que he trabajado. En este recorrido te muestro distintas opciones creativas que son posibles con desarrollo web visual gracias a Elementor Pro, para que puedas ofrecer a tus clientes sitios web m\u00e1s econ\u00f3micos y creados en tiempo r\u00e9cord, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/\" \/>\n<meta property=\"og:site_name\" content=\"Lili Guinot | Portfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-21T16:49:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/liliguinot.com\/portfolio\/wp-content\/uploads\/Lili-Guinot-quien-soy.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/\",\"url\":\"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/\",\"name\":\"Slider vertical lateral | Lili Guinot | Portfolio\",\"isPartOf\":{\"@id\":\"https:\/\/liliguinot.com\/portfolio\/#website\"},\"datePublished\":\"2024-02-02T09:34:50+00:00\",\"dateModified\":\"2024-02-21T16:49:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/liliguinot.com\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Slider vertical lateral\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/liliguinot.com\/portfolio\/#website\",\"url\":\"https:\/\/liliguinot.com\/portfolio\/\",\"name\":\"Lili Guinot | Portfolio\",\"description\":\"Desarrollo web sin c\u00f3digo con Elementor Pro\",\"publisher\":{\"@id\":\"https:\/\/liliguinot.com\/portfolio\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/liliguinot.com\/portfolio\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/liliguinot.com\/portfolio\/#organization\",\"name\":\"L\u00eddia Garcia Serra\",\"url\":\"https:\/\/liliguinot.com\/portfolio\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/liliguinot.com\/portfolio\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/liliguinot.com\/portfolio\/wp-content\/uploads\/Lili-Guinot-logo.png\",\"contentUrl\":\"https:\/\/liliguinot.com\/portfolio\/wp-content\/uploads\/Lili-Guinot-logo.png\",\"width\":2024,\"height\":2024,\"caption\":\"L\u00eddia Garcia Serra\"},\"image\":{\"@id\":\"https:\/\/liliguinot.com\/portfolio\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/liliguinot.web\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Slider vertical lateral | Lili Guinot | Portfolio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/","og_locale":"es_ES","og_type":"article","og_title":"Slider vertical lateral | Lili Guinot | Portfolio","og_description":"liliguinot Desarrollo web sin c\u00f3digo para creativos Te invito a conocer algunos de los proyectos en los que he trabajado. En este recorrido te muestro distintas opciones creativas que son posibles con desarrollo web visual gracias a Elementor Pro, para que puedas ofrecer a tus clientes sitios web m\u00e1s econ\u00f3micos y creados en tiempo r\u00e9cord, [&hellip;]","og_url":"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/","og_site_name":"Lili Guinot | Portfolio","article_modified_time":"2024-02-21T16:49:15+00:00","og_image":[{"url":"https:\/\/liliguinot.com\/portfolio\/wp-content\/uploads\/Lili-Guinot-quien-soy.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/","url":"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/","name":"Slider vertical lateral | Lili Guinot | Portfolio","isPartOf":{"@id":"https:\/\/liliguinot.com\/portfolio\/#website"},"datePublished":"2024-02-02T09:34:50+00:00","dateModified":"2024-02-21T16:49:15+00:00","breadcrumb":{"@id":"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/liliguinot.com\/portfolio\/slider-vertical-lateral\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/liliguinot.com\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Slider vertical lateral"}]},{"@type":"WebSite","@id":"https:\/\/liliguinot.com\/portfolio\/#website","url":"https:\/\/liliguinot.com\/portfolio\/","name":"Lili Guinot | Portfolio","description":"Desarrollo web sin c\u00f3digo con Elementor Pro","publisher":{"@id":"https:\/\/liliguinot.com\/portfolio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/liliguinot.com\/portfolio\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/liliguinot.com\/portfolio\/#organization","name":"L\u00eddia Garcia Serra","url":"https:\/\/liliguinot.com\/portfolio\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/liliguinot.com\/portfolio\/#\/schema\/logo\/image\/","url":"https:\/\/liliguinot.com\/portfolio\/wp-content\/uploads\/Lili-Guinot-logo.png","contentUrl":"https:\/\/liliguinot.com\/portfolio\/wp-content\/uploads\/Lili-Guinot-logo.png","width":2024,"height":2024,"caption":"L\u00eddia Garcia Serra"},"image":{"@id":"https:\/\/liliguinot.com\/portfolio\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/liliguinot.web\/"]}]}},"_links":{"self":[{"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/pages\/873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/comments?post=873"}],"version-history":[{"count":26,"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/pages\/873\/revisions"}],"predecessor-version":[{"id":906,"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/pages\/873\/revisions\/906"}],"wp:attachment":[{"href":"https:\/\/liliguinot.com\/portfolio\/wp-json\/wp\/v2\/media?parent=873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}