Naturgy

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Naturgy</title> <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="shortcut icon" href="https://www.naturgynoa.com.ar/images/2021/favicon_nat.png"> <link rel="apple-touch-icon" href="https://www.naturgynoa.com.ar/images/2021/apple-touch-icon-57x57_nat.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.naturgynoa.com.ar/images/2021/apple-touch-icon-72x72_nat.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.naturgynoa.com.ar/images/2021/apple-touch-icon-114x114_nat.png">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'> <style type="text/css">body,button{font-family:FSEmeric}.btn,body{font-size:1em}.btn,h1,h2{font-weight:700}.btn.blue,body{color:var(--blue)}.btn.blue:before,.btn.blue:hover{background:var(--blue);transition:.2s}.btn.blue:hover:before,svg{width:100%}#video,.animation{width:500px;height:500px}@font-face{font-family:FSEmeric;src:url('./fonts/naturgy/FSEmericWeb-Light.woff2') format('woff2'),url('./fonts/naturgy/FSEmericWeb-Light.woff') format('woff');font-style:normal;font-weight:300}@font-face{font-family:FSEmeric;src:url('./fonts/naturgy/FSEmericWeb-LightItalic.woff2') format('woff2'),url('./fonts/naturgy/FSEmericWeb-LightItalic.woff') format('woff');font-style:italic;font-weight:300}@font-face{font-family:FSEmeric;src:url('./fonts/naturgy/FSEmericWeb-Regular.woff2') format('woff2'),url('./fonts/naturgy/FSEmericWeb-Regular.woff') format('woff');font-style:normal;font-weight:400}@font-face{font-family:FSEmeric;src:url('./fonts/naturgy/FSEmericWeb-Bold.woff2') format('woff2'),url('./fonts/naturgy/FSEmericWeb-Bold.woff') format('woff');font-style:normal;font-weight:600}:root{--black:#0e0620;--white:#fff;--blue:#004987}body,html{height:100%}body{display:flex;align-items:center;justify-content:center}ul{list-style-type:none;-webkit-padding-start:35px;padding-inline-start:35px}svg{visibility:hidden}h1{font-size:9.5em;margin:15px 0;letter-spacing:-10px}h2{line-height:31px}.btn{z-index:1;overflow:hidden;background:0 0;position:relative;padding:8px 50px;border-radius:30px;cursor:pointer;letter-spacing:2px;transition:.2s;margin:5px 0}.btn.blue{border:4px solid var(--blue)}.btn.blue:before{content:"";position:absolute;left:0;top:0;width:0%;height:100%;z-index:-1}.btn.blue:hover{color:var(--white)}#video{background-color:#fff}video::-webkit-media-controls{display:none;background-color:#fff}video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-pausebutton,video::-webkit-media-controls-play-button{display:none;background-color:#fff}@media screen and (max-width:768px){.animacion,.container{padding-right:25px;padding-left:25px}#video,.animation{width:300px;height:300px}body{display:block}.container{text-align:center;margin-top:10px;margin-bottom:70px;padding-bottom:50px}#video{background-color:#fff}}#seconds-holder{text-align:center;letter-spacing:-2px;display:inline-block;font-weight:900;font-size:26px;width:48x;height:48px;color:#e77200;padding-left:5px;padding-right:5px}</style> </head> <body>  <main> <div class="container"> <div class="row"> <div class="col-md-6 align-self-center animacion"> <video id="video" width="500" height="500" autoplay loop muted playsinline> <source src="https://www.gasnor.com/images/naturgy/gasnor-to-naturgy.mp4" type="video/mp4"> </video> </div> <div class="col-md-6 align-self-center"> <h2 class="pb-3">Te contamos que Gasnor ahora se llama Naturgy.</h2> <p>Nos complace anunciar que nuestra empresa ha cambiado de nombre a Naturgy. Para reflejar este cambio, ser谩s redirigido autom谩ticamente a nuestro nuevo sitio web: <a href="https://www.naturgynoa.com.ar"> www.naturgynoa.com.ar</a>. Gracias por tu continuo apoyo. </p> <p>Redireci贸n en <span id="seconds-holder"></span> segundos.<br/> Si su navegador no redirecciona automaticamente haga click en el siguiente bot贸n.</p> <a href="#" class="btn blue" id="link" >Naturgynoa.com.ar</a> </div> </div> </div> </main>  <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <script type="text/javascript"> class countdownTimer { constructor(elementId, seconds, redirectUrl) { this._newUrl = redirectUrl; this._intvl = null; this._selector = elementId; this._seconds = seconds; document.getElementById("link").href = this._newUrl; this.start(); } start() { var _this = this; _this.updateSecs(); this._intvl = setInterval(function() { _this.updateSecs(); }, 1000); } updateSecs() { document.getElementById(this._selector).innerHTML = this._seconds; this._seconds--; if (this._seconds == -1) { clearInterval(this._intvl); this.redirect(); } } redirect() { document.location.href = this._newUrl; } } //And now invoke var co = new countdownTimer("seconds-holder", 15, 'https://www.naturgynoa.com.ar'); </script> </body> </html>

CINXE.COM

Naturgy