miércoles, 3 de junio de 2020

SISTEMA TDC

  <!DOCTYPE html> <!--[if IE 8]> <html class="ie ie8"> <![endif]--><!--[if IE 9]> <html class="ie ie9"> <![endif]--><!--[if gt IE 9]><!--> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <!--<![endif]--> <head> <meta charset='utf-8' /> <script src="/cdn-cgi/apps/head/tec5T67pwTOF1hkGrgKIgBHusAI.js"></script><link href='https://i.imgur.com/YdUuAJU.png' rel='icon' sizes='32x32' type='image/png' />  <meta content='width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0' name='viewport' /> <title>Video GRATUITO</title> <meta property="og:description" name="description" content="El SISTEMA PODEROSO que utilizan los Emprendedores Online para vender productos digitales y generar resultados increíbles" /> <meta content='https://i.imgur.com/5wOHmfM.png' property='og:image' /> <link crossorigin='anonymous' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' integrity='sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm' rel='stylesheet' /> <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" /> <style> body { background: #f8f9fb; font-family: 'Montserrat', sans-serif; } .mg-container { margin-top: 90px; margin-bottom: 20px } .logo { background: white; border-bottom: solid 1pt #d8e2e7; } .btn{ white-space:normal!important } .box { -webkit-border-radius: 4px; border-radius: 4px; background: #fff; border: solid 1px #d8e2e7; margin: 0 0 20px; } .box-center { text-align: center !important; /* display: table-cell; vertical-align: middle;*/ padding: 15px; } .title { font-size: 30px; line-height: 38px; margin-top: 10px; margin-bottom: 8px; color: #113d67 } .title-big { font-size: 42px; line-height: 50px; margin-top: 10px; margin-bottom: 24px; } .small a { color: black; text-decoration: none; } .lp1-toptitle, .lp1-form { font-size: 26px; line-height: 34px; font-weight: 600; margin-bottom: 20px; margin-top: 10px; } @media(max-width:767px){ .mg-container { margin-top: 40px; margin-bottom: 20px } .title { font-size:20px; line-height:28px; margin-top:2px; margin-bottom:8px } .title-big { font-size:26px; line-height:32px; margin-top:2px; margin-bottom:16px } .lp1-toptitle, .lp1-form { font-size: 20px; line-height: 28px; } } .cookie-choices-info { position: fixed; width: 100%; background-color: #666; margin: 0; left: 0; bottom: 0 !important; top: initial !important; padding: 0 0 8px 0 !important; z-index: 4000; text-align: center; color: #fff; line-height: 140%; font-family: roboto,Arial; } .cookie-choices-info .cookie-choices-text { font-size: 10px !important; margin: 10px !important; line-height: 16px } </style> <b:skin><![CDATA[ ]]></b:skin> </head> <body> <b:section class='main' id='main' showaddelement='yes' /> <div class="container mg-container"> <div class="title text-center"><b class="">Solicita el VIDEO GRATUITO donde descubrirás...</b></div> <div class="title-big text-center"><b class="">“El <span class="text-danger">SISTEMA PODEROSO</span> que utilizan los Emprendedores Online para vender productos digitales y <u>generar resultados increíbles</u>”</b></div> <div class="row"> <div class="col-md-7 form-group"> <div style="border: 10px solid black; border-radius: 8px" class="embed-responsive embed-responsive-16by9"> <script type="text/javascript" style="display:none">
//<![CDATA[
window.__mirage2 = {petok:"660988663c3c38dc313a0081f2e64f8ee0f728a7-1591222298-1800"};
//]]>
</script>
<script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script>
<img id="video" data-cfstyle="cursor: pointer" class="embed-responsive-item" data-cfsrc="https://i.imgur.com/zQVN6aP.jpg" alt="" style="display:none;visibility:hidden;" /><noscript><img id="video" style="cursor: pointer" class="embed-responsive-item" src="https://i.imgur.com/zQVN6aP.jpg" alt="" /></noscript> </div> </div> <div class="col-md-5 form-group"> <div style="padding: 10px" id="move"> <div style="margin-bottom: 20px; margin-top: 0" class="progress"> <div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="77" aria-valuemin="0" aria-valuemax="100" style="width: 77%"> 77% Completado </div> </div> <div class="form-group"> <div class="lp1-form text-center"> Completa el siguiente formulario y accede ahora mismo al <b style="font-weight: 800">VIDEO GRATUITO</b>: </div> <form action="https://paginaspuentetdc.com/gabycarmona3/blp1" onsubmit="myButton.disabled = true; return true;" method="post" accept-charset="utf-8"> <div style="display: none"> <input id="tracker" type="hidden" name="tracker" value="default" /> <input type="hidden" name="ref" value="523285" /> </div> <div class="row"> <div style="margin-bottom: 15px" class="col-md-12"> <input type="text" name="first_name" value="" class="form-control form-control-lg" placeholder="Ingresa Tu Nombre Aquí..." required="" /> </div> <div style="margin-bottom: 15px" class="col-md-12"> <input type="email" name="email" value="" class="form-control form-control-lg" placeholder="Ingresa Tu Mejor Email Aquí..." required="" /> </div> <div class="col-md-12"> <button name="myButton" type="submit" class="btn btn-primary btn-lg btn-block"> Sí, Quiero Acceder al Video Gratuito » </button> </div> </div> </form> </div> <div class="text-center small">* Tu información estará 100% Segura.</div> </div> </div> </div> </div> <div class="container text-center"> <div style="margin-bottom: 20px" class="small">© Todos los Derechos Reservados | <a href="https://policies.google.com/privacy?hl=es" target="_blank">Política de privacidad</a> | <a target="_blank" href="https://policies.google.com/technologies/cookies?hl=es">Política de cookies</a> | <a target="_blank" href="mailto:gabycarmona8@gmail.com">Contacto</a> </div> </div> <div style="display: none">Donec malesuada tortor id ex accumsan, facilisis aliquam metus congue. Vestibulum at sagittis sapien. Vivamus blandit tortor sollicitudin magna iaculis posuere. Proin fringilla, nulla quis condimentum tincidunt, nunc est dapibus libero, eget vulputate odio arcu et nisl. Quisque accumsan purus sed ante cursus feugiat. Donec pellentesque cursus rhoncus. Sed elementum odio purus, sit amet eleifend ipsum suscipit ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas elementum ullamcorper elementum. Quisque faucibus hendrerit est non sagittis. Maecenas placerat dolor orci, ac auctor turpis gravida ac. Sed sed turpis in orci facilisis hendrerit. Donec sit amet enim mollis, mattis nisl at, fermentum justo. Nulla at sem sit amet velit elementum sagittis sit amet a neque. Nunc tempor consectetur odio, a convallis erat pellentesque eu. Nam sed nulla facilisis, lobortis est cursus, rutrum nibh.</div> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script crossorigin='anonymous' integrity='sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl' src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js'></script> <script>
            // initialise on document ready
            $(document).ready(function ($) {

                //Mover div hacer clic en video
                function errorAnim() {
                    $('#move').css('position', 'relative').animate({
                        'left': '+=10px'
                    }, 50).animate({
                        'left': '-=20px'
                    }, 100).animate({
                        'left': '+=20px'
                    }, 100).animate({
                        'left': '-=10px'
                    }, 50, function () {
                        $('#move').css('position', '');
                    });
                }

                $('#video').on('click', function () {
                    setTimeout(errorAnim, 500);
                    $("html, body").animate({scrollTop: $('#move').offset().top}, 500);
                });

            });
        </script> </body> </html>

No hay comentarios:

Publicar un comentario