File: /home/slyfwmm/dallavitae/OLD_WP/wp-content/wizard/wizard.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta description -->
<meta name="description"
content="Dalla Vitae: Configuratore Esperienze">
<meta name="author" content="dallavitae">
<!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
<meta property="og:site_name" content=""/> <!-- website name -->
<meta property="og:site" content=""/> <!-- website link -->
<meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
<meta property="og:description" content=""/> <!-- description shown in the actual shared post -->
<meta property="og:image" content=""/> <!-- image link, make sure it's jpg -->
<meta property="og:url" content=""/> <!-- where do you want your post to link to -->
<meta property="og:type" content="article"/>
<!--title-->
<title>Dalla Vitae: Configuratore Esperienze</title>
<!--favicon icon-->
<link rel="icon" href="img/favicon.png" type="image/png" sizes="16x16">
<!--google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7COpen+Sans&display=swap"
rel="stylesheet">
<!--Bootstrap css-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--Magnific popup css-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--Themify icon css-->
<link rel="stylesheet" href="css/themify-icons.css">
<!--animated css-->
<link rel="stylesheet" href="css/animate.min.css">
<!--Owl carousel css-->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!--custom css-->
<link rel="stylesheet" href="css/style.css">
<!--responsive css-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--loader start-->
<div id="preloader">
<div class="loader1">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--loader end-->
<!--header section start-->
<header class="header">
<!--start navbar-->
<nav class="navbar navbar-expand-lg fixed-top " style="background-color: #000000;">
<div class="container">
<a class="navbar-brand" href="javascript:void(0);" >
<img src="img/Logo_DallaVitae_W_Small.png" width="150" alt="Dalla Vitae" class="img-fluid"/>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="ti-menu"></span>
</button>
<div class="collapse navbar-collapse h-auto" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto menu">
<li class="dropdown" id="exp_msg_step"><a href="javascript:void(0);">Devi scegliere 2 di 3 esperienze</a></li>
<li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle" id="exp_msg_prod_choice">Abbonamento</a>
<ul class="sub-menu">
<li><a href="javascript:void(0);" id="exp_msg_prod_single">Esperienza Singola</a></li>
<li><a href="javascript:void(0);" id="exp_msg_prod_subscriptions">Abbonamento <span class="badge color-1 color-1-bg custom-badge">Consigliato</span></a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle" id="exp_msg_sub_type"></a>
<ul class="sub-menu">
<li><a href="javascript:void(0);" id="exp_msg_prod_single">Lover</a></li>
<li><a href="javascript:void(0);" id="exp_msg_prod_subscriptions">Abbonamento <span class="badge color-1 color-1-bg custom-badge">Consigliato</span></a></li>
</ul>
</li>
<li><a href="javascript:void(0);" class="btn outline-white-btn mr-2 buy-now-btn" id="exp_btn_complete">Completa l'acquisto</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!--header section end-->
<!--body content wrap start-->
<div class="main">
<!--step 1: type of experiences secion start-->
<section class="promo-new-section ptb-100" id="type_div">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Come vuoi vivere le nostre Esperienze?</h2>
<p class="lead">Il primo passo è scegliere la modalità che preferisci </p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-6">
<div class="single-promo single-promo-hover single-promo-1 rounded text-center white-bg p-5 h-100">
<div class="circle-icon mb-2">
<span class="text-white">
<img src="img/icon-single-box.png">
</span>
</div>
<h5>Esperienza Singola</h5>
<p>Scegli questa modalità per vivere una delle nostre esperienze esclusive ed iniziare un percorso eccezionale.</p>
<a href="javascript:void(0);" class="btn outline-btn mb-3" id="exp_singola">Scegli e Prosegui</a>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="single-promo single-promo-hover single-promo-1 rounded text-center white-bg p-5 h-100">
<div class="circle-icon mb-2">
<span class="text-white">
<img src="img/icon-subription-box.png">
</span>
</div>
<h5>Abbonamento</h5>
<p>Se desideri vivere più di una esperienza i nostri abbionamenti ti permettono di ottenere la massima flessibiilità.</p>
<a href="javascript:void(0);" class="btn outline-btn mb-3" id="exp_subscription">Scegli e Prosegui</a>
</div>
</div>
</div>
</div>
</section>
<!--promo neb secion end-->
<!--Step 2: subscription section start-->
<section id="subscription_div" class="pricing ptb-100 gray-light-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading mb-5 text-center">
<h2>Scegli l'abbonamento che preferisci</h2>
<p class="lead">Un modo esclusivo per vivere e condividere le migliori esperienze che abbiamo realizzato per te.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="tab-content feature-tab-content">
<div class="tab-pane active" id="monthly">
<div class="row align-items-center justify-content-between">
<div class="col-lg-4 col-md-4 col-12">
<div class="card text-center single-pricing-pack">
<div class="pt-4"><h5>Lover</h5></div>
<div class="card-header py-4 border-0 pricing-header">
<div class="h1 text-center mb-0">€<span class="price font-weight-bolder">340</span></div>
</div>
<div class="card-body">
<ul class="list-unstyled text-sm mb-4 pricing-feature-list">
<li>3 esperienze incluse*</li>
<li>12 vini totali</li>
<li>3 experience kit incluse</li>
<li>3 dirette esclusive</li>
<li>On demand Content</li>
</ul>
<a href="javascript:void(0);" class="btn solid-btn mb-3" id="exp_sub_lov_get_list">Scegli e Prosegui</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="card popular-price text-center single-pricing-pack">
<div class="pt-4"><h5>Explorer</h5></div>
<div class="promo-content-wrap">
<span class="color-2 color-2-bg rounded py-1 px-2 text-uppercase">Il più venduto</span>
</div>
<div class="card-header py-4 border-0 pricing-header">
<!--<div class="h4 text-center mb-0 price-discounted">€<span
class="price-discounted font-weight-bolder">460</span></div>-->
<div class="h1 text-center mb-0">€<span
class="price font-weight-bolder">400</span></div>
</div>
<div class="card-body">
<ul class="list-unstyled text-sm mb-4 pricing-feature-list">
<li>4 esperienze incluse *</li>
<li>16 vini totali</li>
<li>4 experience kit incluse</li>
<li>4 dirette esclusive</li>
<li>On demand Content</li>
</ul>
<a href="javascript:void(0);" class="btn solid-btn mb-3" id="exp_sub_exp_get_list">Scegli e Prosegui</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="card text-center single-pricing-pack">
<div class="pt-4"><h5>Professional</h5></div>
<div class="card-header py-4 border-0 pricing-header">
<div class="h1 text-center mb-0">€<span class="price font-weight-bolder">670</span></div>
</div>
<div class="card-body">
<ul class="list-unstyled text-sm mb-4 pricing-feature-list">
<li>6 esperienze incluse *</li>
<li>24 vini totali</li>
<li>6 experience kit incluse</li>
<li>6 dirette esclusive</li>
<li>On demand Content</li>
</ul>
<a href="javascript:void(0);" class="btn solid-btn mb-3" id="exp_sub_pro_get_list">Scegli e Prosegui</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--subscription section end-->
<!--Step 2/bis: single section start-->
<section id="single_div" class="pricing ptb-100 gray-light-bg">
<div class="container">
<div class="row align-items-center justify-content-around">
<div class="col-md-12 col-lg-8">
<div class="section-heading mb-5">
<h2>Attiva adesso l'Esperienza Singola</h2>
<p class="lead">Il modo migliore per avvicinarsi al nostro modo di raccontarti i territori italiani. Monotonectally mesh visionary supply chains before plug-and-play interfaces. Globally benchmark worldwide information after clicks-and-mortar channels.</p>
</div>
</div>
<div class="col-md-12 col-lg-4">
<div class="col-lg-12 col-md-12 col-12">
<div class="card popular-price text-center single-pricing-pack">
<div class="card-header py-4 border-0 pricing-header">
<!--<div class="h4 text-center mb-0 price-discounted">€<span
class="price-discounted font-weight-bolder">460</span></div>-->
<div class="h1 text-center mb-0">€<span
class="price font-weight-bolder">140</span>
</div>
</div>
<div class="card-body">
<ul class="list-unstyled text-sm mb-4 pricing-feature-list">
<li>1 esperienza inclusa *</li>
<li>4 vini totali</li>
<li>1 experience kit incluse</li>
<li>1 dirette esclusive</li>
<li>On demand Content</li>
</ul>
<a href="javascript:void(0);" class="btn solid-btn mb-3" id="exp_singola_get_list">Scegli e Prosegui</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Step 2/bis: single section end-->
<!--Step 2/bis: single section start-->
<!--<section id="single_div_old" class="pricing ptb-100 gray-light-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading mb-5 text-center">
<h2>Attiva adesso l'Esperienza Singola</h2>
<p class="lead">Il modo migliore per avvicinarsi al nostro modo di raccontarti i territori italiani.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="tab-content feature-tab-content">
<div class="tab-pane active" id="single_offer">
<div class="col-lg-12 col-md-12 col-12">
<div class="card popular-price text-center single-pricing-pack">
<div class="pt-4"><h5>Esperienza Singola</h5></div>
<div class="card-header py-4 border-0 pricing-header">
<div class="h1 text-center mb-0">€<span
class="price font-weight-bolder">140</span>
</div>
</div>
<div class="card-body">
<ul class="list-unstyled text-sm mb-4 pricing-feature-list">
<li>1 esperienza inclusa *</li>
<li>4 vini totali</li>
<li>1 experience kit incluse</li>
<li>1 dirette esclusive</li>
<li>On demand Content</li>
</ul>
<a href="javascript:void(0);" class="btn solid-btn mb-3" id="exp_singola_get_list">Scegli e Prosegui</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>-->
<!--Step 2/bis: single section end-->
<!--Step 3: experiences_list section new start-->
<section class="promo-new ptb-100" id="experiences_div">
<div class="mlr-50 ">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-2">
<h2 id="exp_msg_sub_type_h2">Scegli le esperienze che vuoi vivere</h2>
<p class="lead">Sei arrivato all'ultimo passaggio: scegli le esperienze che vuoi vivere.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-lg-3">
<div class="new-single-promo border-color-2 mt-4 single-promo single-promo-hover rounded text-center white-bg p-2 h-100 pt-4 single-long">
<div class="circle-icon mb-3">
<img src="img/foto/Bianco-SudSudSud--1024x737.jpg" width="300" height="100" alt="promo" class="experience_thumb-square img-fluid mr-2 mt-1 rounded"/>
</div>
<h4 class="mb-3">I vini del Sud Sud Sud</h4>
<p>Un viaggio attraverso la storia e le tradizioni che hanno reso unico il Sud d'Italia.</p>
<div class="card-body text-center">
<a href="javascript:void(0);" class="btn outline-btn">Dettagli</a> <a href="javascript:void(0);" class="btn solid-btn exp-activable" id="3">Seleziona</a>
</div>
</div>
</div>
<div class="col-md-3 col-lg-3">
<div class="new-single-promo border-color-2 mt-4 single-promo single-promo-hover rounded text-center white-bg p-2 h-100 pt-4 single-long">
<div class="circle-icon mb-3">
<img src="img/foto/I-vulcanici-1-DallaVitae-1024x737.jpg" width="300" height="100" alt="promo" class="experience_thumb-square img-fluid mr-2 mt-1 rounded"/>
</div>
<h4 class="mb-3">I vini Vulcanici</h4>
<p>Un viaggio attraverso la storia e le tradizioni che hanno reso unico il Sud d'Italia.</p>
<div class="card-body text-center">
<a href="javascript:void(0);" class="btn outline-btn">Dettagli</a> <a href="javascript:void(0);" class="btn solid-btn exp-activable" id="1">Seleziona</a>
</div>
</div>
</div>
<div class="col-md-3 col-lg-3">
<div class="new-single-promo border-color-2 mt-4 single-promo single-promo-hover rounded text-center white-bg p-2 h-100 pt-4 single-long">
<div class="circle-icon mb-3">
<img src="img/foto/TerroirStorici_Sottovalutati_DallaVitae-1024x737.jpg" width="300" height="100" alt="promo" class="experience_thumb-square img-fluid mr-2 mt-1 rounded"/>
</div>
<h4 class="mb-2">I terroir Storici</h4>
<p>Un viaggio attraverso la storia e le tradizioni che hanno reso unico il Sud d'Italia.</p>
<div class="card-body text-center">
<a href="javascript:void(0);" class="btn outline-btn">Dettagli</a> <a href="javascript:void(0);" class="btn solid-btn exp-activable" id="2">Seleziona</a>
</div>
</div>
</div>
<div class="col-md-3 col-lg-3">
<div class="new-single-promo border-color-2 mt-4 single-promo single-promo-hover rounded text-center white-bg p-2 h-100 pt-4 single-long">
<div class="circle-icon mb-3">
<img src="img/foto/VitigniAromatici_DallaVitae-1024x737.jpg" width="300" height="100" alt="promo" class="experience_thumb-square img-fluid mr-2 mt-1 rounded"/>
</div>
<h4 class="mb-3">Vitigni Aromatici</h4>
<p>Un viaggio attraverso la storia e le tradizioni che hanno reso unico il Sud d'Italia.</p>
<div class="card-body text-center">
<a href="javascript:void(0);" class="btn outline-btn">Dettagli</a> <a href="javascript:void(0);" class="btn solid-btn exp-activable" id="4">Seleziona</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--experiences_list section new end-->
</div>
<!--body content wrap end-->
<!--footer section start-->
<footer class="footer-section">
<!--footer top start-->
<!-- <div class="footer-top gradient-bg">
<div class="container">
<div class="row">
<div class="col-lg-4 col-12">
<div class="footer-nav-wrap text-white mb-0 mb-md-4 mb-lg-0">
<a class="d-block" href="#"><img src="img/logo-white.png" alt="footer logo" width="150" class="img-fluid mb-1"></a>
<p>Intrinsicly matrix high standards in niches whereas intermandated niche markets. Objectively harness competitive resources.</p>
<ul class="list-unstyled social-list mb-0">
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-facebook white-bg color-2 shadow rounded-circle"></span></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-twitter white-bg color-2 shadow rounded-circle"></span></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-linkedin white-bg color-2 shadow rounded-circle"></span></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-dribbble white-bg color-2 shadow rounded-circle"></span></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-12">
<div class="footer-nav-wrap text-white">
<h5 class="text-white">Usefull Links</h5>
<ul class="list-unstyled footer-nav-list mt-3">
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Privacy Protection</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Safe Payments</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Terms of Services</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Documentation</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-12">
<div class="footer-nav-wrap text-white">
<h5 class="text-white">Company</h5>
<ul class="list-unstyled footer-nav-list mt-3">
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> About us Section</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Pricing Section</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Features Section</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> FAQ Section</a></li>
<li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Contact Section</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-nav-wrap text-white">
<h5 class="text-light footer-head">Newsletter</h5>
<p>Subscribe our newsletter to get our update. We don't send span email to you.</p>
<form action="#" class="newsletter-form mt-3">
<div class="input-group">
<input type="email" class="form-control" id="email" placeholder="Enter your email" required="">
<div class="input-group-append">
<button class="btn solid-btn subscribe-btn btn-hover" type="submit">
Subscribe
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>-->
<!--footer top end-->
<!--footer copyright start-->
<div class="footer-bottom gray-light-bg py-3">
<div class="container">
<div class="row text-center justify-content-center">
<div class="col-md-6 col-lg-5"><p class="copyright-text pb-0 mb-0">Copyrights © 2020. All
rights reserved by
Dalla Vitae S.r.l.
</div>
</div>
</div>
</div>
<!--footer copyright end-->
</footer>
<!--footer section end-->
<!--bottom to top button start-->
<button class="scroll-top scroll-to-target" data-target="html">
<span class="ti-angle-up"></span>
</button>
<!--bottom to top button end-->
<!--jQuery-->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>-->
<script src="js/jquery-3.4.1.min.js"></script>
<!--Popper js-->
<script src="js/popper.min.js"></script>
<!--Bootstrap js-->
<script src="js/bootstrap.min.js"></script>
<!--Magnific popup js-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--jquery easing js-->
<script src="js/jquery.easing.min.js"></script>
<!--wow js-->
<script src="js/wow.min.js"></script>
<!--owl carousel js-->
<script src="js/owl.carousel.min.js"></script>
<!--countdown js-->
<script src="js/jquery.countdown.min.js"></script>
<!--cookie js-->
<script src="js/js.cookie.min.js "></script>
<!--custom js-->
<script src="js/scripts.js"></script>
</body>
</html>