Sicily is my love
La proposta per una progettazione di una LANDING PAGE con call to action di un brand affermato nell’ambito del Product Design & Interior Design : SMEG.La creazione della landing page prevede la collaborazione con l’affermato brand DOLCE & GABBANA, nello specifico, nella collezione: “SICILY IS MY LOVE”. Una landing page, nel web marketing, è una pagina web […]
Landing Page Barilla
/*! elementor – v3.21.0 – 30-04-2024 */ .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} /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-column .elementor-spacer-inner{height:var(–spacer-size)}.e-con{–container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(–container-widget-width,var(–spacer-size));–align-self:var(–container-widget-align-self,initial);–flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(–container-widget-height,var(–spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px} /*! elementor – v3.21.0 – 30-04-2024 */ .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} CONCEPT E OBIETTIVO L’obiettivo di una “landing page” è quello di convertire i visitatori in azioni desiderate, come […]
[ Da Pino ]
/*! elementor – v3.21.0 – 30-04-2024 */ .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} Brief /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-divider{–divider-border-style:none;–divider-border-width:1px;–divider-color:#0c0d0e;–divider-icon-size:20px;–divider-element-spacing:10px;–divider-pattern-height:24px;–divider-pattern-size:20px;–divider-pattern-url:none;–divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(–divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(–divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider–view-line_icon .elementor-divider-separator,.elementor-widget-divider–view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider–view-line_icon .elementor-divider-separator:after,.elementor-widget-divider–view-line_icon .elementor-divider-separator:before,.elementor-widget-divider–view-line_text .elementor-divider-separator:after,.elementor-widget-divider–view-line_text .elementor-divider-separator:before{display:block;content:””;border-block-end:0;flex-grow:1;border-block-start:var(–divider-border-width) var(–divider-border-style) var(–divider-color)}.elementor-widget-divider–element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider–element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider–element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider–element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider–element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider–element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider–element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider–element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider–view-line_text):not(.elementor-widget-divider–view-line_icon) .elementor-divider-separator{border-block-start:var(–divider-border-width) var(–divider-border-style) […]
Galleria Potenza
Griglia Justified Masonry Griglia
MoCDA
/*! elementor – v3.21.0 – 30-04-2024 */ .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} Landing page
Fismuler website
/*! elementor – v3.21.0 – 30-04-2024 */ .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}
[ Pandora ]
/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-column .elementor-spacer-inner{height:var(–spacer-size)}.e-con{–container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(–container-widget-width,var(–spacer-size));–align-self:var(–container-widget-align-self,initial);–flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(–container-widget-height,var(–spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px} /*! elementor – v3.21.0 – 30-04-2024 */ .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} Brief /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-divider{–divider-border-style:none;–divider-border-width:1px;–divider-color:#0c0d0e;–divider-icon-size:20px;–divider-element-spacing:10px;–divider-pattern-height:24px;–divider-pattern-size:20px;–divider-pattern-url:none;–divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(–divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(–divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider–view-line_icon .elementor-divider-separator,.elementor-widget-divider–view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider–view-line_icon .elementor-divider-separator:after,.elementor-widget-divider–view-line_icon .elementor-divider-separator:before,.elementor-widget-divider–view-line_text .elementor-divider-separator:after,.elementor-widget-divider–view-line_text .elementor-divider-separator:before{display:block;content:””;border-block-end:0;flex-grow:1;border-block-start:var(–divider-border-width) var(–divider-border-style) var(–divider-color)}.elementor-widget-divider–element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider–element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider–element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider–element-align-right […]
Leica
/*! elementor – v3.21.0 – 30-04-2024 */ .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} /*! elementor-pro – v3.21.0 – 30-04-2024 */ .elementor-gallery__container{min-height:1px}.elementor-gallery-item{position:relative;overflow:hidden;display:block;text-decoration:none;border:solid var(–image-border-width) var(–image-border-color);border-radius:var(–image-border-radius)}.elementor-gallery-item__content,.elementor-gallery-item__overlay{height:100%;width:100%;position:absolute;top:0;left:0}.elementor-gallery-item__overlay{mix-blend-mode:var(–overlay-mix-blend-mode);transition-duration:var(–overlay-transition-duration);transition-property:mix-blend-mode,transform,opacity,background-color}.elementor-gallery-item__image.e-gallery-image{transition-duration:var(–image-transition-duration);transition-property:filter,transform}.elementor-gallery-item__content{display:flex;flex-direction:column;justify-content:var(–content-justify-content,center);align-items:center;text-align:var(–content-text-align);padding:var(–content-padding)}.elementor-gallery-item__content>div{transition-duration:var(–content-transition-duration)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(2){transition-delay:calc(var(–content-transition-delay) / 3)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(3){transition-delay:calc(var(–content-transition-delay) / 3 * 2)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(4){transition-delay:calc(var(–content-transition-delay) / 3 * 3)}.elementor-gallery-item__description{color:var(–description-text-color,#fff);width:100%}.elementor-gallery-item__title{color:var(–title-text-color,#fff);font-weight:700;width:100%}.elementor-gallery__titles-container{display:flex;flex-wrap:wrap;justify-content:var(–titles-container-justify-content,center);margin-bottom:20px}.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item:after,.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item:before{background-color:var(–galleries-pointer-bg-color-hover)}.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item.elementor-item-active:after,.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item.elementor-item-active:before{background-color:var(–galleries-pointer-bg-color-active)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item:before{border-color:var(–galleries-pointer-bg-color-hover);border-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item:after{border-color:var(–galleries-pointer-bg-color-hover)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item.elementor-item-active:after,.elementor-gallery__titles-container.e–pointer-framed .elementor-item.elementor-item-active:before{border-color:var(–galleries-pointer-bg-color-active)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-draw .elementor-item:before{border-left-width:var(–galleries-pointer-border-width);border-bottom-width:var(–galleries-pointer-border-width);border-right-width:0;border-top-width:0}.elementor-gallery__titles-container.e–pointer-framed.e–animation-draw .elementor-item:after{border-left-width:0;border-bottom-width:0;border-right-width:var(–galleries-pointer-border-width);border-top-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-corners .elementor-item:before{border-left-width:var(–galleries-pointer-border-width);border-bottom-width:0;border-right-width:0;border-top-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-corners .elementor-item:after{border-left-width:0;border-bottom-width:var(–galleries-pointer-border-width);border-right-width:var(–galleries-pointer-border-width);border-top-width:0}.elementor-gallery__titles-container .e–pointer-double-line .elementor-item:after,.elementor-gallery__titles-container .e–pointer-double-line .elementor-item:before,.elementor-gallery__titles-container .e–pointer-overline .elementor-item:before,.elementor-gallery__titles-container .e–pointer-underline .elementor-item:after{height:var(–galleries-pointer-border-width)}.elementor-gallery-title{–space-between:10px;cursor:pointer;color:#6d7882;font-weight:500;position:relative;padding:7px 14px;transition:all .3s}.elementor-gallery-title–active{color:#495157}.elementor-gallery-title:not(:last-child){margin-inline-end:var(–space-between)}.elementor-gallery-item__title+.elementor-gallery-item__description{margin-top:var(–description-margin-top)}.e-gallery-item.elementor-gallery-item{transition-property:all}.e-gallery-item.elementor-animated-content .elementor-animated-item–enter-from-bottom,.e-gallery-item.elementor-animated-content […]
Palace landing page
/*! elementor – v3.21.0 – 30-04-2024 */ .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} Versione desktop /*! elementor-pro – v3.21.0 – 30-04-2024 */ .elementor-gallery__container{min-height:1px}.elementor-gallery-item{position:relative;overflow:hidden;display:block;text-decoration:none;border:solid var(–image-border-width) var(–image-border-color);border-radius:var(–image-border-radius)}.elementor-gallery-item__content,.elementor-gallery-item__overlay{height:100%;width:100%;position:absolute;top:0;left:0}.elementor-gallery-item__overlay{mix-blend-mode:var(–overlay-mix-blend-mode);transition-duration:var(–overlay-transition-duration);transition-property:mix-blend-mode,transform,opacity,background-color}.elementor-gallery-item__image.e-gallery-image{transition-duration:var(–image-transition-duration);transition-property:filter,transform}.elementor-gallery-item__content{display:flex;flex-direction:column;justify-content:var(–content-justify-content,center);align-items:center;text-align:var(–content-text-align);padding:var(–content-padding)}.elementor-gallery-item__content>div{transition-duration:var(–content-transition-duration)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(2){transition-delay:calc(var(–content-transition-delay) / 3)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(3){transition-delay:calc(var(–content-transition-delay) / 3 * 2)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(4){transition-delay:calc(var(–content-transition-delay) / 3 * 3)}.elementor-gallery-item__description{color:var(–description-text-color,#fff);width:100%}.elementor-gallery-item__title{color:var(–title-text-color,#fff);font-weight:700;width:100%}.elementor-gallery__titles-container{display:flex;flex-wrap:wrap;justify-content:var(–titles-container-justify-content,center);margin-bottom:20px}.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item:after,.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item:before{background-color:var(–galleries-pointer-bg-color-hover)}.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item.elementor-item-active:after,.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item.elementor-item-active:before{background-color:var(–galleries-pointer-bg-color-active)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item:before{border-color:var(–galleries-pointer-bg-color-hover);border-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item:after{border-color:var(–galleries-pointer-bg-color-hover)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item.elementor-item-active:after,.elementor-gallery__titles-container.e–pointer-framed .elementor-item.elementor-item-active:before{border-color:var(–galleries-pointer-bg-color-active)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-draw .elementor-item:before{border-left-width:var(–galleries-pointer-border-width);border-bottom-width:var(–galleries-pointer-border-width);border-right-width:0;border-top-width:0}.elementor-gallery__titles-container.e–pointer-framed.e–animation-draw .elementor-item:after{border-left-width:0;border-bottom-width:0;border-right-width:var(–galleries-pointer-border-width);border-top-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-corners .elementor-item:before{border-left-width:var(–galleries-pointer-border-width);border-bottom-width:0;border-right-width:0;border-top-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-corners .elementor-item:after{border-left-width:0;border-bottom-width:var(–galleries-pointer-border-width);border-right-width:var(–galleries-pointer-border-width);border-top-width:0}.elementor-gallery__titles-container .e–pointer-double-line .elementor-item:after,.elementor-gallery__titles-container .e–pointer-double-line .elementor-item:before,.elementor-gallery__titles-container .e–pointer-overline .elementor-item:before,.elementor-gallery__titles-container .e–pointer-underline […]
Victoria’s Secret
/*! elementor – v3.21.0 – 30-04-2024 */ .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} /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-column .elementor-spacer-inner{height:var(–spacer-size)}.e-con{–container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(–container-widget-width,var(–spacer-size));–align-self:var(–container-widget-align-self,initial);–flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(–container-widget-height,var(–spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px} /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-image-carousel .swiper,.elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure,.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide{max-width:calc(100% / var(–e-image-carousel-slides-to-show, 3))} Figma Prototype Desktop Figma Prototype Mobile