</iframe</noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-572KL5');</script> <!-- End Google Tag Manager --> <!--[if lt IE 8]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <!-- Add your site or application content here --> <!-- Facebook Share Widjet --> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <!--Hidden Sidebar Navigation--> <div class="sidebar-nav"> <ul class="sidebar-languages"> <li><a href='/'>En</a></li> <li><a href='/de'>De</a></li> <li><a href='/it'>It</a></li> <li><a href='/fr'>Fr</a></li> </ul> <nav class="slide-nav"> <ul> <li> <a href="#landing-section">News</a> </li> <li> <a href="#biography-section">Biografia</a> </li> <li> <a href="#recordings-section">Registrazioni</a> </li> <li> <a href="#gallery-section">Galleria</a> </li> <li> <a href="#contact-section">Contatti</a> </li> </ul> </nav> <div class="social-icons"> <a href="https://www.facebook.com/vitolatt" target="_blank"> <i class="fa fa-facebook fa-2x"></i> </a> <a href="https://at.linkedin.com/in/vitolattarulo" target="_blank"> <i class="fa fa-linkedin fa-2x"></i> </a> </div> </div> <!--End hidden Sidebar Navigation--> <div class="page-wrapper"> <section id="landing-section" class="cd-section"> <div class="main-header-container"> <header class="main-header" id="main-header"> <a class='logo' href='/it'> <h1>Vito Lattarulo</h1> <p>Direttore e pianista</p> </a> <nav class="menu fixed-nav clearfix" id="main-nav"> <ul class="menu__list"> <li class="menu__item menu__item--current" id="news"> <a class="menu__link" href="#landing-section" data-number="1">News</a> </li> <li class="menu__item" id="biography"> <a class="menu__link" href="#biography-section" data-number="2">Biografia</a> </li> <li class="menu__item" id="recordings"> <a class="menu__link" href="#recordings-section" data-number="3">Registrazioni</a> </li> <li class="menu__item" id="gallery"> <a class="menu__link" href="#gallery-section" data-number="4">Galleria</a> </li> <li class="menu__item" id="contact"> <a class="menu__link" href="#contact-section" data-number="5">Contatti</a> </li> </ul> </nav> <!-- Start Elastic Select --> <select class="cs-select cs-skin-elastic"> <option value="" disabled selected>Lingue</option> <option value="english" data-link="index.html" data-class="flag-england">English</option> <option value="deutsch" data-link="de.html" data-class="flag-deutschland">Deutsch</option> <option value="italiano" data-link="it.html" data-class="flag-italia">Italiano</option> <option value="français" data-link="fr.html" data-class="flag-france">Français</option> </select> <!-- End Elastic Select --> <div class="hamburger-menu hamburger--spin" aria-label="Menu" role="button" aria-controls="navigation"> <div class="hamburger-menu-container"> <div class="hamburger-inner"></div> </div> </div> </header> </div> <nav class="fixed-nav" id="cd-vertical-nav"> <ul> <li id="vertical-nav1"> <a href="#landing-section" data-number="1"> <span class="cd-dot"></span> <span class="cd-label">News</span> </a> </li> <li id="vertical-nav2"> <a href="#biography-section" data-number="2"> <span class="cd-dot"></span> <span class="cd-label">Biografia</span> </a> </li> <li id="vertical-nav3"> <a href="#recordings-section" data-number="3"> <span class="cd-dot"></span> <span class="cd-label">Registrazioni</span> </a> </li> <li id="vertical-nav4"> <a href="#gallery-section" data-number="4"> <span class="cd-dot"></span> <span class="cd-label">Galleria</span> </a> </li> <li id="vertical-nav5"> <a href="#contact-section" data-number="5"> <span class="cd-dot"></span> <span class="cd-label">Contatti</span> </a> </li> </ul> </nav> <div id="central-circle"> <div class="circle-content-wrapper"> <p id="welcome">Benvenuti nella</p> <p>pagina ufficiale di</p> <div class="gradient-line gradient-line-top"></div> <div id="triangle-down"></div> <p id="vito-lattarulo">Vito Lattarulo</p> <div id="triangle-up"></div> <div class="gradient-line gradient-line-bottom"></div> <p id="pianist">Direttore e pianista</p> <div class="social-icons"> <a href="https://www.facebook.com/vitolatt" target="_blank"> <i class="fa fa-facebook fa-2x"></i> </a> <a href="https://at.linkedin.com/in/vitolattarulo" target="_blank"> <i class="fa fa-linkedin fa-2x"></i> </a> </div> </div> </div> <a class="arrow-down" href="#biography-section"> <svg version="1.1" id="arrow-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 69 36.6" style="enable-background:new 0 0 69 36.6;transform:translateX(-50%)" xml:space="preserve"> <style type="text/css"> .st0 { fill: none; stroke: #7A7A7A; stroke-width: 5; stroke-linecap: round; stroke-miterlimit: 10; } </style> <path class="st0" d="M2.5,2.6l31.2,31.2c0.4,0.4,1.1,0.4,1.5,0L66.5,2.5" /> </svg> </a> </section> <section id="biography-section" class="cd-section"> <div class="biography-wrapper"> <article class="biography" id="bio-article"> <h1>Biografia</h1> <div class="review-wrapper"> <blockquote> " Sotto la guida di Vito Lattarulo l'Orchestra Sinfonica di Biel Solothurn interpreta un giovane Verdi fresco e frizzante, alle cui succose melodie il pubblico non può sfuggire. I tempi sono assolutamente perfetti per i cantanti, l'interpretazione non corre mai il rischio di diventare triviale. </blockquote> <p style="display: block;">— Online Merker</p> </div> <p> Vito Lattarulo è un direttore d'orchestra e pianista con sede a Vienna.<br> La sua versatilità e onestà come artista hanno sempre ricevuto grandi lodi sia dai suoi colleghi che dal pubblico. </p> <p> Come direttore d'orchestra, le sue performance durante le passate stagioni al Theater Orchester Biel Solothurn, in Svizzera (alcuni titoli: <strong>Madama Butterfly</strong>, <strong>Giovanna D’Arco</strong>, <strong>La Cenerentola</strong>, <strong>Die lustige Witwe</strong>, e <strong>La fille du régiment</strong>) hanno avuto costante successo di pubblico e di critica. Il suo recente concerto estivo con l'Orchestra Sinfonica Biel Solothurn, con musiche di Rossini, Strauß II, Mascagni, Ponchielli e Dvořák, non fa eccezione. </p> <p> Vito Lattarulo è anche un dedicato musicista da camera e si esibisce regolarmente con diversi artisti di fama internazionale. Come pianista del <strong class="trio-fontaine">Trio Fontaine</strong> ha registrato nel 2016 il CD <spam style="font-style: italic; font-weight: bold;">opus 1</spam>, con musiche di Beethoven e Arensky. </p> <p> Dopo aver conseguito il master in pianoforte con il massimo dei voti al Conservatorio della sua città natale Palermo, Vito Lattarulo si è poi trasferito a Vienna per studiare pianoforte, musica da camera, prassi esecutiva e direzione d'orchestra all'<strong style="font-style: normal;">Universität für Musik und darstellende Kunst</strong> e alla <strong style="font-style: normal;">Musik und Kunst Privatuniversität der Stadt Wien</strong>. In questa metropoli si è sviluppato il suo amore per le lingue straniere. Parla correntemente italiano, inglese, tedesco e francese. </p> <p> Già durante gli studi Vito Lattarulo era attivo come pianista concertista e répétiteur in diverse produzioni operistiche, tra cui <strong>La straniera</strong> con Edita Gruberova (répétiteur e direttore delle musiche di scena) e <strong>Le nozze di Figaro</strong>, diretta da Mark Minkowski, entrambe al <strong style="font-style: normal;">Theater an der Wien</strong>. </p> <p> Nel tempo libero Vito è un appassionato giocatore di scacchi e biliardo e ama mangiare buon cibo con gli amici. </p> <p><a target="_blank" href="/resumes/curriculum-italiano.pdf">Clicca qui per aprire il Curriculum Vitae (PDF) in una nuova scheda<i class="fa fa-chevron-right"></i></a></p> </article> <div id="img-wrapper"> <div id="vertical-top"></div> <div id="horizontal-right"></div> <div id="vertical-bottom"></div> <div id="horizontal-left"></div> </div> </div> </section> <section id="recordings-section" class="cd-section"> <h1>ReGistrazioni</h1> <div class="recordings-wrapper"> <div class="playlist-trio-wrapper"> <div class="playlist playlist-trio"> <header class="recordings-header"> <div> <div id="trio-photo" class="recordings-photo"></div> <div id="description"> <h4>Beethoven e Arensky</h4> <h2>Opus 1</h2> <p class="hidden">Trio Fontaine</p> <p>Trio Fontaine</p> </div> </div> </header> <ol class="tracks"> <h5>Ludwig van Beethoven (1770 - 1827)</h5> <h3>Trio per piano, op. 1 n. 1</h3> <li>I. Allegro <audio> <source src="https://d33wubrfki0l68.cloudfront.net/9b89f3debf04189ed159e3df5e08a2e83807e1e8/7acfd/audio/beethoven_1.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/da78e4a0538dd8b138c50682d1801950643d70e3/df681/audio/beethoven_1.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </li> <li>II. Adagio cantabile <audio> <source src="https://d33wubrfki0l68.cloudfront.net/b151d2ccd9966459503b571a552d59fa58fcce37/fa8ad/audio/beethoven_2.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/51a8e78ef9e4c1b14f7a529d9e062c5be81c8317/4a37f/audio/beethoven_2.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </li> <li>III. Scherzo. Allegro assai <audio> <source src="https://d33wubrfki0l68.cloudfront.net/08f01410053b68b6ad7598a81e66fb4e24077e6c/b10ec/audio/beethoven_3.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/c33a286d7b55cb403d8525abf0583102612ae8f9/a247a/audio/beethoven_3.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </li> <li>IV. Finale. Presto <audio> <source src="https://d33wubrfki0l68.cloudfront.net/04bd1ae6364ad30cb546b298f863b8880316ad8d/1f3ab/audio/beethoven_4.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/213ae000aa69a3739a38e3af8521ab1aeae8c272/d144a/audio/beethoven_4.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </li> <h5>Anton Stepanovich Arensky (1861 - 1901)</h5> <h3>Trio per piano n. 1, op. 32</h3> <li>I. Allegro moderato <audio> <source src="https://d33wubrfki0l68.cloudfront.net/e408faa47d66e4a2e918367ffc2b801baf374458/4fb7a/audio/arensky_1.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/9736d04df22b37303471eb3ad793ee34b1563ca0/8099f/audio/arensky_1.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </li> <li>II. Scherzo. Allegro molto <audio> <source src="https://d33wubrfki0l68.cloudfront.net/9a9679df5daac0fedd5ebcfb63cfb1a983d348af/22ea0/audio/arensky_2.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/1077838f7471747b53561c874bf6b1b8da357aaf/12a72/audio/arensky_2.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </li> <li>III. Elegia. Adagio <audio> <source src="https://d33wubrfki0l68.cloudfront.net/153d1aee21909f5411fd5c73d6b2269ae3ab6e25/7749e/audio/arensky_3.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/d1f127cd71a36c87563fde7f1504c14b5089c3d6/9658e/audio/arensky_3.ogg" type="audio/ogg"> </audio> <div class="player-button"> </div> </li> <li>IV. Allegro non troppo <audio> <source src="https://d33wubrfki0l68.cloudfront.net/970e385d151b022e3a2e326d12198730fb785f87/eea97/audio/arensky_4.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/4f16350996eaf3f08818d3d2ecc739a6b67fce90/c057d/audio/arensky_4.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </li> </ol> <div class="buy-and-share"> <div class="buy-wrapper"> <a href="http://www.triofontaine.com/en/recordings" target="_blank" class="buy">Acquista CD</a> <a href="http://www.amazon.com/gp/product/B01CS4FFPU/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B01CS4FFPU&linkCode=as2&tag=vitolattarulo-20&linkId=IY6TYXD3NKA6CNUB" target="_blank" class="buy">Acquista mp3</a> </div> </div> </div> </div> <div class="playlist-flute-wrapper"> <div class="playlist playlist-flute"> <header class="recordings-header"> <div> <div id="flute-photo" class="recordings-photo"></div> <div id="description"> <h2>Flute Voyage</h2> <p>Birgit Ramsl, <i>flauto</i></p> <p>Vito Lattarulo, <i>piano</i></p> </div> </div> </header> <ul> <li> <h3>C. P. E. Bach</h3> <h5>Sonata per flauto solo, Wq 132</h5> </li> <li> <h3>Reinecke</h3> <h5>Sonata <i>'Undine'</i> per flauto e piano <audio> <source src="https://d33wubrfki0l68.cloudfront.net/55c4aa0975cf5a0cd138833e19b0dcac774e3e15/6b513/audio/reinecke_4.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/82f3e3864355dd6281226c865c88c3f33e12449f/39bbe/audio/reinecke_4.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </h5> </li> <li> <h3>Françaix</h3> <h5>Divertimento per flauto e piano <audio> <source src="https://d33wubrfki0l68.cloudfront.net/4eb36550ce2a8053a6347e42f71cb79e21ce1cb2/c63f2/audio/francaix_5.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/89fa4b5d466118da50f1ae78fc58ee849222f145/6c80b/audio/francaix_5.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </h5> </li> <li> <h3>Takemitsu</h3> <h5><i>Air</i> per flauto solo</h5> </li> <li> <h3>Messiaen</h3> <h5><i>Le merle noir</i> per flauto e piano <audio src="https://d33wubrfki0l68.cloudfront.net/50ca692ccbdfd9811176816dc95cc58a1c0fe816/a417c/audio/messiaen.mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/50ca692ccbdfd9811176816dc95cc58a1c0fe816/a417c/audio/messiaen.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/7bf673c28f761dce857914ae634ad80daededd29/ddacf/audio/messiaen.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </h5> </li> <li> <h3>Prokofiev</h3> <h5>Sonata per flauto e piano, op. 94 <audio src="https://d33wubrfki0l68.cloudfront.net/841867ddc12f9c7037c21d08ddeda1c4fda7b4f5/c38c9/audio/prokofiev_4.mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/841867ddc12f9c7037c21d08ddeda1c4fda7b4f5/c38c9/audio/prokofiev_4.mp3" type="audio/mp3"> <source src="https://d33wubrfki0l68.cloudfront.net/5846011236d102633fa674b97e0961f1b4dda053/73d8f/audio/prokofiev_4.ogg" type="audio/ogg"> </audio> <div class="player-button"></div> </h5> </li> </ul> <p id="amazon-gramola-text">Puoi acquistare il CD nell'<a target="_blank" href="http://www.amazon.com/gp/product/B00Y1QPB1C/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B00Y1QPB1C&linkCode=as2&tag=vitolattarulo-20&linkId=7POBYLJN3IOHSRLP">Amazon</a> webstore.</p> </div> </div> </div> </section> <section id="gallery-section" class="cd-section"> <h1>Galleria</h1> <div class="gallery-wrapper"> <div class="thumbnails"> <a href="img/image-01.jpg" data-lightbox="image"> <div class="thumbnail-div" id="thumbnail-div-1"></div> </a> <a href="img/image-02.jpg" data-lightbox="image" data-title="Trio Fontaine"> <div class="thumbnail-div" id="thumbnail-div-2"></div> </a> <a href="img/image-03.jpg" data-lightbox="image" data-title="Con Birgit Ramsl"> <div class="thumbnail-div" id="thumbnail-div-3"></div> </a> <a href="img/image-04.jpg" data-lightbox="image" data-title="Trio Fontaine"> <div class="thumbnail-div" id="thumbnail-div-4"></div> </a> <a href="img/image-05.jpg" data-lightbox="image" data-title="Trio Fontaine"> <div class="thumbnail-div" id="thumbnail-div-5"></div> </a> <a href="img/image-06.jpg" data-lightbox="image"> <div class="thumbnail-div" id="thumbnail-div-6"></div> </a> </div> </div> </section> <section id="contact-section" class="cd-section"> <footer> <div class="footer-flex-wrapper"> <div class="footer-contact footer-div"> <h3>Contatti</h3> <p>Scrivi un messaggio in questo modulo.</p> <!-- <form id="contact-form" action="https://formspree.io/info@vitolattarulo.com" method="post"> <fieldset> <label for="email">Indirizzo Email<em> (campo obbligatorio)</em></label> <input type="email" name="_replyto" id="email" autocomplete="off" autocapitalize="off" autocorrect="off" class="required email" spellcheck="false" placeholder="Indirizzo Email" title="Inserisci un valido indirizzo email."> <label for="subject">Oggetto </label> <input type="text" name="subject" id="subject" autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" placeholder="Oggetto"> <label for="message">Messaggio <em> (campo obbligatorio)</em></label> <textarea name="message" id="message" cols="30" rows="10" spellcheck="false" class="required" placeholder="Messaggio" title="Inserisci il tuo messaggio."></textarea> <input type="submit" value="Invia" id="send"> <input type="hidden" name="_next" value="http://vitolattarulo.com/grazie.html" /> </fieldset> </form> --> <form action='/#contact' id='contact-form' method='POST' name='contact' novalidate><input type='hidden' name='form-name' value='contact' /> <p class="hidden-honeypot"> <label >Don’t fill this out if you're human: <input name="bot-field" /></label> </p> <fieldset> <label for="email">Indirizzo email <em>(obbligatorio)</em></label> <input type="email" name="_replyto" id="email" autocomplete="off" autocapitalize="off" autocorrect="off" class="required email" spellcheck="false" title="Per favore inserisci qui un valido indirizzo email." required aria-describedby="err_mail" /> <span class="error" aria-live="polite" id="err_mail"></span> <label for="subject">Oggetto </label> <input type="text" name="subject" id="subject" autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" title="Per favore inserisci qui l'oggetto." /> <label for="message">Messaggio <em>(obbligatorio)</em></label> <textarea name="message" id="message" cols="30" rows="10" spellcheck="false" class="required" title="Per favore inserisci qui il tuo messaggio." required aria-describedby="err_msg" ></textarea> <span class="error" aria-live="polite" id="err_msg"></span> <input type="submit" value="Invia" class="btn btn-contact" id="send" /> </fieldset> <div id="form-message"></div> </form> </div> <div class="footer-social footer-div"> <h3>Social</h3> <div class="social-icons"> <a href="https://www.facebook.com/vitolatt" target="_blank"> <div class="social-btn"> <i class="fa fa-facebook fa-2x"></i> </div> </a> <a href="https://at.linkedin.com/in/vitolattarulo" target="_blank"> <div class="social-btn"> <i class="fa fa-linkedin fa-2x"></i> </div> </a> </div> </div> </div> <footer class="footer-nav-flex"> <ul class="sec-nav"> <li><a href="#" class="back-to-top">Torna su</a></li> <li class="md-trigger" data-modal="modal-cookies">Cookie Policy</li> <li class="md-trigger" data-modal="modal-credits">Credits</li> <li class="md-trigger" data-modal="modal-links">Link</li> </ul> <div class="md-modal md-effect-1" id="modal-cookies"> <div class="md-content"> <h3>Cookie Policy</h3> <div> <!-- Utilizza questo testo nel banner per i cookies --> <!-- <p>Questo sito raccoglie dati statistici anonimi sulla navigazione, mediante cookie installati da terze parti autorizzate, rispettando la privacy dei tuoi dati personali e secondo le norme previste dalla legge. <br><br> Continuando a navigare su questo sito, cliccando sui link al suo interno o semplicemente scrollando la pagina verso il basso, accetti il servizio e gli stessi cookie.</p> --> <p>Per far funzionare bene questo sito, a volte installiamo sul tuo dispositivo dei piccoli file di dati che si chiamano "cookies". Anche la maggior parte dei grandi siti fanno lo stesso. <br> Un cookie è un piccolo file di testo che i siti salvano sul tuo computer o dispositivo mobile mentre li visiti. <br> Grazie ai cookies il sito ricorda le tue azioni e preferenze (per es. login, lingua, dimensioni dei caratteri e altre impostazioni di visualizzazione) in modo che tu non debba reinserirle quando torni sul sito o navighi da una pagina all'altra. </p> <button class="md-close">Chiudi</button> <a target='_blank' href="http://ec.europa.eu/cookies/index_it.htm">Ulteriori informazioni</a> </div> </div> </div> <div class="md-modal md-effect-1" id="modal-credits"> <div class="md-content"> <h3>Credits</h3> <div> <div class="md-content-inner-wrapper"> <p>Website e contenuto di: Vito Lattarulo</p> <p>Foto di: Evelyn Lynam</p> </div> <button class="md-close">Chiudi</button> </div> </div> </div> <div class="md-modal md-effect-1" id="modal-links"> <div class="md-content"> <h3>Links</h3> <div id="links"> <div class="md-content-inner-wrapper"> <p> <a target='_blank' href="http://www.triofontaine.com/">Trio Fontaine<i class="fa fa-long-arrow-right"></i></a> </p> <p> <a target='_blank' href="http://www.theater-wien.at/index.php/en">Theater an der Wien<i class="fa fa-long-arrow-right"></i></a> </p> <p> <a target='_blank' href="http://www.kammermusik-im-vituskircherl.at/page3.php">Kammermusik im Vituskirchel<i class="fa fa-long-arrow-right"></i></a> </p> <p> <a target='_blank' href="http://www.austrian-master-classes.com/en/introduction">Austrian Master Classes<i class="fa fa-long-arrow-right"></i></a> </p> </div> <button class="md-close">Chiudi</button> </div> </div> </div> <div class="md-overlay"></div> <!-- the overlay element --> </footer> <p class="copyright">Copyright ©2016 Vito Lattarulo</p> </footer> </section> </div> <div class="sidebar-overlay"></div> <script src='https://d33wubrfki0l68.cloudfront.net/js/44e46136f1bfd5a45c5fd346448135b4fad63334/js/output.min.js'></script> <script data-accept-on-click='true' data-accept-on-scroll='true' data-bg='rgba(0, 0, 0, .5)' data-fg='#a7a4a4' data-font-family='Raleway, sans-serif' data-height='120px' data-link='#79654c' data-linkmsg='Maggiori informazioni' data-message='Al fine di offrirti la migliore esperienza possibile, questo sito usa cookies. Continuando ad usare questo sito acconsenti al loro uso.' data-moreinfo='http://ec.europa.eu/cookies/index_it.htm' data-padding='10px' data-position='bottom' data-zindex='999999' id='cookiebanner' src='https://d33wubrfki0l68.cloudfront.net/js/93849b24bf904a5e5e96d186b5ab6a8af1697e2d/js/cookiebanner.min.js' type='text/javascript'></script> <script src="https://apis.google.com/js/platform.js" async defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <!-- Elastic Select Script --> <script> (function() { [].slice.call(document.querySelectorAll('select.cs-select')).forEach(function(el) { new SelectFx(el); }); })(); </script> <!-- Validation script --> <!-- <script> $(document).ready(function(){ $('#contact-form').validate(); }); </script> --> <script> const contactForm = document.querySelector("#contact-form"); const contactFormSubmit = document.querySelector("#send"); const formMessage = document.querySelector("#form-message"); const formEmail = document.querySelector("#email"); const emailError = document.querySelector("#email + span.error"); const formTextarea = document.querySelector("#message"); const textareaError = document.querySelector("#message + span.error"); contactForm.addEventListener("submit", (e) => { if (formEmail.validity.valid) { emailError.innerHTML = ""; // Reset the content of the message emailError.classList.remove("active"); formEmail.classList.remove("invalid"); } if (formTextarea.validity.valid) { textareaError.innerHTML = ""; // Reset the content of the message textareaError.classList.remove("active"); formTextarea.classList.remove("invalid"); } if (formEmail.validity.valid && formTextarea.validity.valid) { emailError.innerHTML = ""; // Reset the content of the message textareaError.innerHTML = ""; // Reset the content of the message // HTTP REQUEST emailError.classList.remove("active"); textareaError.classList.remove("active"); formEmail.classList.remove("invalid"); formTextarea.classList.remove("invalid"); httpRequest(); contactFormSubmit.setAttribute("disabled", ""); if (location.pathname === "/") { contactFormSubmit.value = "SENDING..."; } if (location.pathname === "/de.html") { contactFormSubmit.value = "SENDEN..."; } if (location.pathname === "/fr.html") { contactFormSubmit.value = "ENVOYER..."; } if (location.pathname === "/it.html") { contactFormSubmit.value = "INVIO..."; } } if (!formEmail.validity.valid) { // If it isn't, we display an appropriate error message showErrorEmail(); // Then we prevent the form from being sent by canceling the event event.preventDefault(); } if (!formTextarea.validity.valid) { // If it isn't, we display an appropriate error message showErrorTextarea(); // Then we prevent the form from being sent by canceling the event event.preventDefault(); } function showErrorEmail() { if (formEmail.validity.valueMissing) { // If the field is empty // display the following error message. formEmail.classList.add("invalid"); emailError.classList.add("active"); if (location.pathname === "/") { emailError.textContent = "Please enter your e-mail address."; } if (location.pathname === "/de.html") { emailError.textContent = "Bitte geben Sie Ihre Email Adresse ein."; } if (location.pathname === "/fr.html") { emailError.textContent = "S'il vous plaît, entrez votre adresse e-mail."; } if (location.pathname === "/it.html") { emailError.textContent = "Per favore inserisci qui il tuo indirizzo email."; } } else if (formEmail.validity.typeMismatch) { // If the field doesn't contain an email address // display the following error message. formEmail.classList.add("invalid"); emailError.classList.add("active"); if (location.pathname === "/") { emailError.textContent = "Invalid e-mail address."; } if (location.pathname === "/de.html") { emailError.textContent = "Die eingegebene Email Adresse ist ungültig."; } if (location.pathname === "/fr.html") { emailError.textContent = "L'adresse e-mail que vous avez entrée n'est pas vailde."; } if (location.pathname === "/it.html") { emailError.textContent = "L'indirizzo email che hai inserito non è valido."; } } } function showErrorTextarea() { if (formTextarea.validity.valueMissing) { // If the field is empty // display the following error message. formTextarea.classList.add("invalid"); textareaError.classList.add("active"); if (location.pathname === "/") { textareaError.textContent = "Please enter your message."; } if (location.pathname === "/de.html") { textareaError.textContent = "Bitte geben Sie Ihre Nachricht ein."; } if (location.pathname === "/fr.html") { textareaError.textContent = "S'il vous plaît, entrez votre message."; } if (location.pathname === "/it.html") { textareaError.textContent = "Per favore inserisci qui il tuo messaggio."; } } } }); function httpRequest() { event.preventDefault(); const formData = new FormData(contactForm); fetch(contactForm.getAttribute("action"), { method: "POST", headers: { Accept: "application/x-www-form-urlencoded;charset=UTF-8", "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8", }, body: new URLSearchParams(formData).toString(), }) .then((res) => { if (!res.ok) { formMessage.classList.add("error-message"); formMessage.textContent = "Network response was not ok."; throw new Error("Network response was not ok"); } else { formMessage.classList.add("success"); if (location.pathname === "/") { formMessage.textContent = "Thank you! Your message has been successfully submitted."; } if (location.pathname === "/de.html") { formMessage.textContent = "Vielen Dank! Ihre Nachricht wurde erfolgreich gesendet."; } if (location.pathname === "/fr.html") { formMessage.textContent = "Merci beaucoup! Votre message a bien été envoyé."; } if (location.pathname === "/it.html") { formMessage.textContent = "Grazie! Il tuo messaggio è stato inviato con successo."; } setTimeout(function () { formMessage.textContent = ""; }, 5000); contactForm.reset(); contactFormSubmit.removeAttribute("disabled", ""); if (location.pathname === "/") { contactFormSubmit.value = "SEND"; } if (location.pathname === "/de.html") { contactFormSubmit.value = "SENDEN"; } if (location.pathname === "/fr.html") { contactFormSubmit.value = "ENVOYER"; } if (location.pathname === "/it.html") { contactFormSubmit.value = "INVIA"; } } }) .catch((error) => console.log(error)); } </script> </body> </html>