File: /home/slyfwmm/dallavitae/index.php
<!DOCTYPE html>
<!-- saved from url=(0025)https://dallavitae.local/ -->
<html lang="it-IT" class="scroll-bar site-decoration-b supports no-touchevents cssanimations csstransforms3d csstransitions dom-ready chrome non-mobile force3d page-is-loaded state2" data-skrollex-config="{isInitColorPanel: false, isCustomizer: false}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dalla Vitae</title>
<link rel="profile" href="https://gmpg.org/xfn/11">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes">
<meta name="facebook-domain-verification" content="7q6jz08br93nis9we3xj2eec66yxkf">
<meta property="og:url" content="https://dallavitae.local">
<meta property="og:type" content="article">
<meta property="og:title" content="Dalla Vitae">
<meta property="og:description" content="Experiences around Wine">
<!--<meta property="og:image" content=""/>-->
<meta property="og:image" content="https://www.dallavitae.com/wp-content/uploads/dallaVitae_open_graph.jpg">
<link rel="stylesheet" id="layers-google-fonts-css" href="assets/css2" type="text/css" media="all">
<link rel="stylesheet" id="layers-framework-css" href="assets/dv-landing-page/layerswp/assets/css/framework.min.css" type="text/css" media="all">
<link rel="stylesheet" id="layers-components-css" href="assets/dv-landing-page/layerswp/assets/css/components.min.css" type="text/css" media="all">
<link rel="stylesheet" id="layers-responsive-css" href="assets/dv-landing-page/layerswp/assets/css/responsive.min.css" type="text/css" media="all">
<link rel="stylesheet" id="animate.css-css" href="assets/dv-landing-page/skrollex/assets/lib/bower_components/animate.css/animate.min.css" type="text/css" media="all">
<link rel="stylesheet" id="purecss-css" href="assets/dv-landing-page/skrollex/assets/lib/pure/pure-min.css" type="text/css" media="all">
<link rel="stylesheet" id="purecss-grids-responsive-css" href="assets/dv-landing-page/skrollex/assets/lib/pure/grids-responsive-min.css" type="text/css" media="all">
<link rel="stylesheet" id="custom-mit-code-css" href="assets/dv-landing-page/skrollex/assets/lib/mit-code/style.min.css" type="text/css" media="all">
<link rel="stylesheet" id="custom-gnu-code-css" href="assets/dv-landing-page/skrollex/assets/lib/gnu-code/style.min.css" type="text/css" media="all">
<link rel="stylesheet" id="skrollex_child_styles-css" href="assets/dv-landing-page/skrollex/assets/css/style.min.css" type="text/css" media="all">
<link rel="stylesheet" id="theme-color-schemes-css" href="assets/dv-landing-page/skrollex/assets/css/colors-preset-nora.min.css" type="text/css" media="all">
<link rel="stylesheet" id="fancybox-css" href="assets/dv-landing-page/fancybox/css/jquery.fancybox.min.css" type="text/css" media="screen">
<link rel="stylesheet" id="custom-adb-css" href="assets/dv-landing-page/css/custom-adb.min.css?ver=3" type="text/css" media="all">
<style type="text/css" id="layers-inline-styles-header">
body {
font-family: "Ubuntu", Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
font-family: "Oswald", Helvetica, sans-serif;
}
button,
.button,
input[type=submit] {
font-family: "Oswald", Helvetica, sans-serif;
}
.header-site,
.header-site.header-sticky {
background-color: rgba(223, 95, 56, 1);
}
.title-container {
background-color: #df5f38;
}
input[type="button"],
input[type="submit"],
button,
.button,
.form-submit input[type="submit"],
.invert input[type="button"],
.invert input[type="submit"],
.invert button,
.invert .button,
.invert .form-submit input[type="submit"] {
background-color: #ad2d06;
color: #FFFFFF;
}
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover,
.form-submit input[type="submit"]:hover,
.invert input[type="button"]:hover,
.invert input[type="submit"]:hover,
.invert button:hover,
.invert .button:hover,
.invert .form-submit input[type="submit"]:hover {
background-color: #c66c51;
color: #FFFFFF;
}
.copy a:not(.button),
.story a:not(.button) {
color: #ad2d06;
border-bottom-color: #ad2d06;
}
.copy a:not(.button):hover,
.story a:not(.button):hover {
color: #c66c51;
border-bottom-color: #c66c51;
}
.footer-site {
background-color: #2b2b2b;
}
</style>
<meta name="facebook-domain-verification" content="7q6jz08br93nis9we3xj2eec66yxkf">
<meta name="author" content="dallavitae">
<style type="text/css">
.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
</style>
<link rel="icon" href="assets/dv-landing-page/icon/cropped-favicon-32x32.png" sizes="32x32">
<link rel="icon" href="assets/dv-landing-page/icon/cropped-favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="assets/dv-landing-page/icon/cropped-favicon-180x180.png">
<meta name="msapplication-TileImage" content="/assets/dv-landing-page/icon/cropped-favicon-270x270.png">
<!-- Hotjar Tracking Code for https://www.dallavitae.com -->
<script type="text/javascript" async="" src="assets/js(1)"></script>
<script type="text/javascript" id="www-widgetapi-script" src="assets/www-widgetapi.js" async=""></script>
<script src="assets/iframe_api"></script>
</script>
<script src="assets/143813507732157" async=""></script>
<script async="" src="assets/fbevents.js"></script>
<script type="text/javascript" defer="" async="" src="assets/sbn.js"></script>
<script>
(function(h, o, t, j, a, r) {
h.hj = h.hj || function() {
(h.hj.q = h.hj.q || []).push(arguments) };
h._hjSettings = { hjid: 2103406, hjsv: 6 };
a = o.getElementsByTagName('head')[0];
r = o.createElement('script');
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
<script async="" src="assets/hotjar-2103406.js"></script>
<!-- Facebook Pixel Code -->
<script>
! function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '143813507732157');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=143813507732157&ev=PageView&noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->
<script async="" src="assets/modules.e4b2dc39f985f11fb1e4.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/sbn_complete.v1.22.5.min.js"></script>
<script type="text/javascript" src="assets/sbn_preview.v1.22.5.min.js"></script>
</head>
<body id="skrollex-body" class="home page-template page-template-builder page-template-builder-php wp-custom-logo no-colors-label background-k body-header-logo-left">
<div class="page-border heading top colors-a main-navigation"></div>
<div class="page-border heading bottom colors-a main-navigation">
<a href="https://dallavitae.local/#scroll-down" class="scroll-down hover-effect">Scroll <span>Down</span></a>
</div>
<div class="page-border heading left colors-a main-navigation border-pad"></div>
<div class="page-border heading right colors-a main-navigation border-pad"></div>
<div class="page-border heading left colors-a main-navigation">
</div>
<div class="page-border heading right colors-a main-navigation"></div>
<section id="top-nav" class="page-transition main-navigation heading top-nav-logo-left colors-a" data-colors-1="colors-a" data-colors-2="colors-b">
<div class="layout-boxed top-nav-inner clearfix">
<nav class="nav nav-horizontal">
<ul id="menu-skrollex-menu-1" class="menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#home">Video</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#come-funziona" class="">Come Funziona</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#experience-kit" class="">Cosa contiene</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#contact" class="active">La tua wine experience</a></li>
</ul>
<a class="responsive-nav" data-toggle="#off-canvas-right" data-toggle-class="open">
<span class="l-menu"></span>
</a>
</nav>
<div class="logo">
<a href="https://dallavitae.local/" class="custom-logo-link" rel="home" aria-current="page">
<img width="354" height="157" src="assets/dv-landing-page/img/logo-white.png" class="custom-logo logo-big" alt="">
<img width="354" height="157" src="assets/dv-landing-page/img/logo-small.png" class="custom-logo logo-small" alt="">
</a>
</div>
</div>
</section>
<ul id="dot-scroll" class="colors-a no-colors-label">
<li><a href="#come-funziona" class=""><span></span></a></li>
<li><a href="#experience-kit" class=""><span></span></a></li>
<li><a href="#contact" class="active"><span></span></a></li>
</ul>
<div class="overlay-window gallery-overlay colors-q" data-overlay-zoom=".gallery-item">
<div class="overlay-control">
<div class="arrow">
<a class="previos" href="javascript:;"></a>
<a class="next" href="javascript:;"></a>
</div>
<span class="header-fancybox">Dalla Vitae</span>
<a class="cross" href="javascript:;"></a>
</div>
<div class="overlay-view scroll-bar">
<div class="layout-boxed overlay-content">
</div>
</div>
<ul class="loader">
<li class="background-highlight"></li>
<li class="background-highlight"></li>
<li class="background-highlight"></li>
</ul>
</div>
<div class="overlay-window map-overlay colors-q">
<div class="overlay-control">
<a class="cross" href="https://dallavitae.local/"></a>
</div>
<div class="overlay-view scroll-bar">
</div>
</div>
<div class="wrapper invert off-canvas-right scroll-bar colors-k" id="off-canvas-right">
<a class="close-canvas" data-toggle="#off-canvas-right" data-toggle-class="open">
<i class="l-close"></i>
Close
</a>
<div class="content-box nav-mobile page-transition">
<nav class="nav nav-vertical">
<ul id="menu-skrollex-menu-2" class="menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://dallavitae.local/#home">Video</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://dallavitae.local/#come-funziona">Come Funziona</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://dallavitae.local/#experience-kit">Cosa Contiene</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://dallavitae.local/#contact">La Tua Wine Experience</a></li>
</ul>
</nav>
</div>
</div>
<section class="wrapper-site">
<section id="wrapper-content" class="wrapper-content">
<div class="view x40-widget">
<div class="rwd-video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/TjFqDvTF4Mg?si=Oi1Ybty4EQ-fmV5a&autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<!--<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api?autoplay=1";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '360',
width: '640',
videoId: 'TjFqDvTF4Mg'
});
}
</script>-->
</div>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '360',
width: '640',
videoId: 'TjFqDvTF4Mg',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.playVideo();
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
}
function stopVideo() {
player.stopVideo();
}
</script>
<style>
.rwd-video {
height: 0;
overflow: hidden;
padding-bottom: 51%;
padding-top: 0;
position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
@media(max-width:768px) {
.rwd-video {
margin-top: 60px;
}
}
</style>
</div>
<div id="form-landing-page-maintenance"></div>
<div class="view x40-widget widget text-bg player" data-text-effect-selector="h1,h2,h3" data-text-effect="effect-a-animated">
<img alt="" class="bg" src="assets/dv-landing-page/img/come-funziona/bg-01.jpg" style="transform: translate3d(0px, -533px, 0px) scale(1.72693, 1.72693); opacity: 1; transform-origin: left top 0px;">
<img alt="" class="bg" src="assets/dv-landing-page/img/come-funziona/bg-02.jpg" style="transform: translate3d(1050px, -533px, 0px) scale(1.72964, 1.72964); opacity: 0.585931; transform-origin: right top 0px;">
<div id="come-funziona" class="grid-gallery fg colors-c lateral-padding">
<div class="layout-boxed section-top">
<h3 class="heading-section-title text-bg-svg svg-effect" style="height: 115px;">
<svg width="100%" height="100%" viewBox="0 0 1140 115">
<defs>
<pattern x="0" y="0" width="211.46655546509405" height="115" patternUnits="userSpaceOnUse" id="patternSly7dd8ms11" viewBox="0 0 300 115" preserveAspectRatio="none" dummy="0">
<g>
<rect width="100%" height="115" class="fill-highlight"></rect>
<rect width="90%" height="115" class="fill-heading"></rect>
<rect width="50%" height="115" class="fill-highlight"></rect>
<rect width="20%" height="115" class="fill-heading"></rect>
</g>
</pattern>
</defs><text x="0" y="0" fill="url('#patternSly7dd8ms11')">
<tspan dy="96" x="570" style="text-anchor: middle;">come funziona</tspan>
</text>
</svg></h3>
<p class="header-details">Vivere un'Esperienza <span>Unica attorno al Vino</span></p>
<p class="lead">Preparati a scoprire i luoghi più belli del nostro paese degustando le etichette che meglio li rappresentano.</p>
</div>
<div class="masonry-grd" style="position: relative; height: 416.406px;">
<div class="pure-g">
<div class="masonry-item gallery-item item" style="position: absolute; left: 0%; top: 0px;">
<a href="javascript:;" data-src="#fb-content-1" class="gallery-link">
<div class="hover-overlay">
<img src="assets/dv-landing-page/img/come-funziona/01.jpg" alt="">
<div class="overlay background-e heading-e link-heading-e internal-highlight-e">
<div>
<img src="assets/dv-landing-page/img/come-funziona/01.png" alt="">
<h4 class="heading-subsection-title text-center">Scegli <span>L'esperienza</span></h4>
</div>
</div>
</div>
</a>
<div id="fb-content-1" class="gallery-item-content">
<h4 class="heading-subsection-title text-center">Scegli <span>L'esperienza</span></h4>
<div class="row responsive-wide">
<div class="pure-u-lg-14-24">
<div class="x40-embed-container"><iframe src="assets/547146392.html" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" data-gtm-yt-inspected-4="true"></iframe></div>
</div>
<div class="pure-u-lg-9-24">
<p class="big" style="margin-top:0;">Lasciati ispirare e vivi un viaggio tra i sapori, i profumi e le atmosfere.</p>
<p>Il team Dalla Vitae ha ideato e prodotto decine di Esperienze pronte ad essere vissute. Scegli attraverso il nostro editor le esperienze che più ci piacciono e preparati a viaggiare e scoprire luoghi e sapori nascosti dell’Italia più bella.</p>
</div>
</div>
</div>
</div>
<div class="masonry-item gallery-item item" style="position: absolute; left: 25%; top: 0px;">
<a href="javascript:;" data-src="#fb-content-2" class="gallery-link">
<div class="hover-overlay">
<img src="assets/dv-landing-page/img/come-funziona/02.jpg" alt="">
<div class="overlay background-e heading-e link-heading-e internal-highlight-e">
<div>
<img src="assets/dv-landing-page/img/come-funziona/02.png" alt="">
<h4 class="heading-subsection-title text-center">Scegli <span>Come Viverla</span></h4>
</div>
</div>
</div>
</a>
<div id="fb-content-2" class="gallery-item-content">
<h4 class="heading-subsection-title text-center">Scegli <span>Come Viverla</span></h4>
<div class="row responsive-wide">
<div class="pure-u-lg-14-24">
<div class="x40-embed-container"><iframe src="assets/547149288.html" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" data-gtm-yt-inspected-4="true"></iframe></div>
</div>
<div class="pure-u-lg-9-24">
<p class="big" style="margin-top:0;">Da solo o in compagnia grazie alle sottoscrizioni (Guarda il nostro video!).</p>
<p>Sei un amante dei vini? Hai una passione irrefrenabile per i territori italiani?</p>
<p>Singola (1 box, 1 esperienza), Lover (2 box, 2 esperienze), Explorer (3 box, 3 esperienze ) o Professional(4 box, 4 esperienze).</p>
<p>Il prezzo varia a seconda della sottoscrizione che scegli.</p>
</div>
</div>
</div>
</div>
<div class="masonry-item gallery-item item" style="position: absolute; left: 50%; top: 0px;">
<a href="javascript:;" data-src="#fb-content-3" class="gallery-link">
<div class="hover-overlay">
<img src="assets/dv-landing-page/img/come-funziona/03.jpg" alt="">
<div class="overlay background-e heading-e link-heading-e internal-highlight-e">
<div>
<img src="assets/dv-landing-page/img/come-funziona/03.png" alt="">
<h4 class="heading-subsection-title text-center">Contenuti <span>Esclusivi</span></h4>
</div>
</div>
</div>
</a>
<div id="#fb-content-3" class="gallery-item-content">
<h4 class="heading-subsection-title text-center">Contenuti <span>Esclusivi</span></h4>
<div class="row responsive-wide">
<div class="pure-u-lg-14-24">
<div class="x40-embed-container"><iframe src="assets/547150115.html" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" data-gtm-yt-inspected-4="true"></iframe></div>
</div>
<div class="pure-u-lg-9-24">
<p class="big" style="margin-top:0;">Vivi dal vivo o in modalità On Demand gli esclusivi racconti Dalla Vitae.</p>
<p>Parte integrante delle nostre esperienze sono le nostre produzioni audio/video, materiali di alta qualità finalizzati a garantirvi un’esperienza immersa nel mood di ogni esperienza. Potrai accedere ai contenuti on-demand a tua disposizione e partecipare alle live in diretta.</p>
</div>
</div>
</div>
</div>
<div class="masonry-item gallery-item item" style="position: absolute; left: 75%; top: 0px;">
<a href="javascript:;" data-src="#fb-content-4" class="gallery-link">
<div class="hover-overlay">
<img src="assets/dv-landing-page/img/come-funziona/04.jpg" alt="">
<div class="overlay background-e heading-e link-heading-e internal-highlight-e">
<div>
<img src="assets/dv-landing-page/img/come-funziona/04.png" alt="">
<h4 class="heading-subsection-title text-center">Ricevi <span>L'Experice Kit</span></h4>
</div>
</div>
</div>
</a>
<div id="#fb-content-4" class="gallery-item-content">
<h4 class="heading-subsection-title text-center">Ricevi <span>L'Experice Kit</span></h4>
<div class="row responsive-wide">
<div class="pure-u-lg-14-24">
<div class="x40-embed-container"><iframe src="assets/547150021.html" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" data-gtm-yt-inspected-4="true"></iframe></div>
</div>
<div class="pure-u-lg-9-24">
<p class="big" style="margin-top:0;">Riceverai tutto il materiale relativo alla esperienza scelta.</p>
<p>Riceverai il materiale per vivere appieno l'esperienza scelta. Riceverai il tuo Experience Kit comodamente a casa tua.</p>
<p>Al suo interno troverai tutti i materiali necessari per vivere appieno le esperienze che hai scelto guidato dai nostri esperti.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="view x40-widget widget text-bg player" data-text-effect-selector="h1,h2,h3" data-text-effect="effect-a-animated">
<div id="experience-kit" class="fg colors-c full-width bg-white lateral-padding multi-column-info">
<div class="layout-boxed section-top">
<h3 class="heading-section-title text-bg-svg svg-effect" style="height: 115px;"><svg width="100%" height="100%" viewBox="0 0 1140 115">
<defs>
<pattern x="0" y="0" width="210.8142648183066" height="115" patternUnits="userSpaceOnUse" id="patternSly7dd8ms1b" viewBox="0 0 300 115" preserveAspectRatio="none" dummy="0">
<g>
<rect width="100%" height="115" class="fill-highlight"></rect>
<rect width="90%" height="115" class="fill-heading"></rect>
<rect width="50%" height="115" class="fill-highlight"></rect>
<rect width="20%" height="115" class="fill-heading"></rect>
</g>
</pattern>
</defs><text x="0" y="0" fill="url('#patternSly7dd8ms1b')">
<tspan dy="96" x="570" style="text-anchor: middle;">Cosa riceverai a casa</tspan>
</text>
</svg></h3>
<p class="header-details"><span>Sapori</span>, <span>profumi</span> e <span>tradizioni</span></p>
<p class="lead">Scopri ciò che di meglio il nostro territorio ha da offrire, partendo dal suo frutto migliore, il vino..</p>
</div>
<div class="section-cols deco">
<div class="pure-g">
<div class="lpure-u-1 pure-u-lg-6-24 pure-u-md-12-24 col-padding">
<div class="col-icon color-heading">
<img src="assets/dv-landing-page/img/experience-kit/01.png" alt="">
</div>
<div class="col-content">
<h5 class="heading-col-title">2 bottiglie <span>di vino</span></h5>
<p>In ogni Box troverete una selezione di 2 bottiglie attentamente selezionate dai nostri esperti. Vini provenienti da cantine artigianali che creano vini unici in grado di trasmettere ciò che il territorio e l’ambiente locale sanno raccontare.</p>
</div>
</div>
<div class="lpure-u-1 pure-u-lg-6-24 pure-u-md-12-24 col-padding">
<div class="col-icon color-heading">
<img src="assets/dv-landing-page/img/experience-kit/02.png" alt="">
</div>
<div class="col-content">
<h5 class="heading-col-title">2 calici <span>da degustazione</span></h5>
<p>Riceverete tutto il necessario per vivere questa esperienza nel migliore modo possibile.</p>
<p>Comodamente seduti a casa o durante un’escursione domenicale, da soli o assieme a chi desiderate.</p>
</div>
</div>
<div class="lpure-u-1 pure-u-lg-6-24 pure-u-md-12-24 col-padding">
<div class="col-icon color-heading">
<img src="assets/dv-landing-page/img/experience-kit/03.png" alt="">
</div>
<div class="col-content">
<h5 class="heading-col-title">1 favoloso <span>Experience Kit</span></h5>
<p>Per vivere appieno questa esperienza, riceverete uno splendido cofanettto.</p>
<p>Contenente materiali tattili e olfattivi indispensabili per vivere appieno i profumi e le sensazioni delle terre e dei vitigni in questione.</p>
</div>
</div>
<div class="lpure-u-1 pure-u-lg-6-24 pure-u-md-12-24 col-padding">
<div class="col-icon color-heading">
<img src="assets/dv-landing-page/img/experience-kit/04.png" alt="">
</div>
<div class="col-content">
<h5 class="heading-col-title">Contenuti <span>on-demand</span></h5>
<p>Avrete accesso alla nostra collezione di contenuti video tematici e potrete godervi la video degustazione di questa splendida experienza. Lasciatevi guidare dal nostro Wine Explorer alla scoperta di questo territorio e di questi vini davvero unici.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="view x40-widget widget text-bg player" data-text-effect-selector="h1,h2" data-text-effect="effect-a-animated">
<div class="fg colors-c full-width bg-white">
<div class="layout-boxed section-top">
<h2 class="heading-section-title text-bg-svg svg-effect" style="height: 115px;"><svg width="100%" height="100%" viewBox="0 0 1140 115">
<defs>
<pattern x="0" y="0" width="284.4929052401668" height="115" patternUnits="userSpaceOnUse" id="patternSly7dd8ms1l" viewBox="0 0 300 115" preserveAspectRatio="none" dummy="0">
<g>
<rect width="100%" height="115" class="fill-highlight"></rect>
<rect width="90%" height="115" class="fill-heading"></rect>
<rect width="50%" height="115" class="fill-highlight"></rect>
<rect width="20%" height="115" class="fill-heading"></rect>
</g>
</pattern>
</defs><text x="0" y="0" fill="url('#patternSly7dd8ms1l')">
<tspan dy="96" x="570" style="text-anchor: middle;">Experience kit</tspan>
</text>
</svg></h2>
<p></p>
</div>
<div class="section-cols layout-fullwidth">
<div class="pure-g">
<div class="pure-u-1 pure-u-lg-14-24 col-height position-relative height-400">
<div class="view">
<img class="bg" srcset="assets/DSC_5821-1024x662.jpg 1920w,assets/DSC_5821-768x497.jpg 1024w,assets/DSC_5821-300x194.jpg 550w," src="assets/DSC_5821-1024x662.jpg" alt="" style="transform: translate3d(46.665px, -193.813px, 0px) scale(1.06837, 1.06837); opacity: 1; transform-origin: center center 0px;">
<div class="fg content-box col-height height-400">
<div class="position-middle-center"></div>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-lg-10-24 col-padding">
<div class="col-content lateral-padding">
<h3 class="heading-col-title">L’EXPERIENCE KIT DI <span>DALLA VITAE</span></h3>
<p>Vivi a pieno la tua wine experience: scopri consistenze, profumi e odori che raccontano un territorio, ritrovali all’interno del calice e prepararti a vivere un’emozione unica.</p>
<div class="pure-g">
<div class="lpure-u-1 pure-u-lg-11-24 pure-u-md-11-24">
<h4>Materiali <span>Tattili</span></h4>
<p>Legno, pietra, e molto altro ancora: un territorio si racconta anche attraverso ciò che più lo costituisce e contraddistingue.</p>
</div>
<div class="lpure-u-1 pure-u-lg-2-24 pure-u-md-2-24"></div>
<div class="lpure-u-1 pure-u-lg-11-24 pure-u-md-11-24">
<h4>Materiali <span>Olfattivi</span></h4>
<p>Frutta secca, bacche e non solo: ritrova nell’Experience Kit di Dalla Vitae i profumi e le atmosfere che rendono magico un luogo.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="view x40-widget widget">
<img alt="" class="bg" src="assets/dv-landing-page/img/contatti.jpg" style="transform: translate3d(525px, -260px, 0px) scale(1.7, 1.7); opacity: 1; transform-origin: center center 0px;">
<div id="contact" class="fg colors-z half-size" style="padding-top: 214px; padding-bottom: 202px;">
<div class="layout-boxed section-top">
<h3 class="heading-section-title">Crea la tua wine experience</h3>
</div>
<div class="section-cols layout-boxed">
<div class="pure-g">
<div class="pure-u-1 pure-u-lg-24-24 col-padding form-adabra-landing-wrap">
<div class="form-adabra-landing"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer" class="animated page-transition non-preloading">
<div class="footer-widgets clearfix">
<div class="pure-g">
<div class="pure-u-1 pure-u-md-24-24"></div>
</div>
<div class="footer-bottom colors-p" style="padding-bottom: 47.53px;">
<div class="text-center">Copyrights © 2020-2024. All rights reserved by Dalla Vitae</div>
</div>
</div>
</footer>
</section>
<!-- Facebook Pixel Code -->
<noscript>
<img height="1" width="1" style="display:none" alt="fbpx" src="https://www.facebook.com/tr?id=575311160052695&ev=PageView&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
<script type="text/javascript" src="assets/dv-landing-page/js/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" src="assets/jquery-migrate.min.js?ver=3.4.0" id="jquery-migrate-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/skrollex/assets/js/script-bundle.min.js" id="layers-skrollex-script-bundle-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/js/url.min.js" id="wp-url-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/js/imagesloaded.min.js" id="imagesloaded-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/js/masonry.min.js" id="masonry-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/skrollex/assets/lib/tween/tween.min.js" id="tween.js-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/skrollex/assets/lib/modernizr-custom.js" id="modernizr-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/skrollex/assets/lib/bower_components/snap.svg/dist/snap.svg-min.js" id="snap.svg-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/skrollex/assets/lib/bower_components/textillate/assets/jquery.lettering.min.js" id="lettering-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/skrollex/assets/lib/bower_components/textillate/assets/jquery.fittext.min.js" id="fittext-js"></script>
<script type="text/javascript" src="assets/dv-landing-page/skrollex/assets/lib/bower_components/textillate/jquery.textillate.min.js" id="textillate-js"></script>
<iframe id="_hjSafeContext_8312068" title="_hjSafeContext" tabindex="-1" aria-hidden="true" src="assets/saved_resource(1).html" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;" data-gtm-yt-inspected-4="true"></iframe>
<iframe src="assets/optoutfrd.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width: 100px; height: 20px; display: none;" data-gtm-yt-inspected-4="true"></iframe>
<iframe src="assets/audiencefrd.html" id="adbAudienceIframe" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width: 100px; height: 20px; display: none;" data-gtm-yt-inspected-4="true"></iframe>
</body>
</html>