Tu evento online | Entorno inmersivo 3D para desplegar tu evento en un espacio virtual

<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Tu evento online | Entorno inmersivo 3D para desplegar tu evento en un espacio virtual</title> <meta name="keywords" content="HTML5 Template" /> <meta name="description" content="Entorno inmersivo 3D Para desplegar tu evento en un espacio virtual. Plataforma de gesti贸n completa de los contenidos de tu evento. Registro y venta online de entradas F谩cil y r谩pido"> <meta name="author" content="https://primate.es">  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="img/apple-touch-icon.png">  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css">  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="vendor/animate/animate.min.css">  <link rel="stylesheet" href="css/theme.css"> <link rel="stylesheet" href="css/theme-elements.css">  <link rel="stylesheet" href="css/demo-one-page-agency.css">  <link rel="stylesheet" href="css/styles.css">  <script src="https://kit.fontawesome.com/58a104aee7.js" crossorigin="anonymous"></script> </head> <body data-spy="scroll" data-target=".wrapper-spy" data-offset="100"> <div class="body"> <header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAtElement': '#header', 'stickySetTop': '0', 'stickyChangeLogo': false}"> <div class="header-body"> <div class="header-container container"> <div class="header-row"> <div class="header-column custom-divider-1"> <div class="header-logo"> <a href="demo-one-page-agency.html"> <img alt="Porto One Page Agency" width="100" src="img/images/logo-blanco.svg"> </a> </div> </div> <div class="header-column"> <div class="header-row"> <div class="header-nav header-nav-center pt-xs"> <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main"> <i class="fa fa-bars"></i> </button> <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse m-none"> <nav class="wrapper-spy"> <ul class="nav nav-pills" id="mainNav"> <li class="active"> <a href="#inicio" data-hash> Inicio </a> </li> <li> <a href="#sobre" data-hash data-hash-offset="32"> Sobre nosotros </a> </li> <li> <a href="#servicios" data-hash data-hash-offset="32"> Servicios </a> </li> <li> <a href="#contacto" data-hash data-hash-offset="32"> Contacto </a> </li> </ul> </nav> </div> </div> </div> </div> <div class="header-column custom-divider-1 _left"> <div class="header-row"> <ul class="idiomas float-right"> <li> <a href="en/index.php">EN</a> </li> <span>|</span> <li> <a href="index.php" class="active">ES</a> </li> </ul> </div> </div> </div> </div> </div> </header> <div role="main" class="main"> <div id="inicio" class="slider-container rev_slider_wrapper fondo-teaser"> <div class="row"> <div class="col-md-12 logo-teaser"> <h1 style="text-align:center"><img src="img/images/logo-blanco.svg" width="300"/></h1> </div> </div> </div> <section id="sobre" class="section section-no-border background-color-light m-none"> <div class="container"> <div class="row center"> <div class="col-md-12 m-bottom-25" data-appear-animation="fadeIn" data-appear-animation-delay="1000" data-appear-animation-duration="100"> <h2 class="text-white titulo">Sobre nosotros</h2> </div> </div> <div class="row"> <div class="col-md-5 p-top-45" data-appear-animation="fadeInUp" data-appear-animation-delay="500" data-appear-animation-duration="100"> <h3 class="text-white"> Hacemos de tu evento una experiencia 100% online, en un espacio 3D, con navegaci贸n por salas y stands. </h3> </div> <div class="col-md-7 custom-margin-3 center p-top-25"> <svg id="curved-line-1" x="0px" y="0px" width="545px" height="305px" viewBox="0 0 545 305" enable-background="new 0 0 545 305" xml:space="preserve"> <circle class="circle appear-animation" data-appear-animation="circle-anim" fill="none" stroke="#231F20" stroke-miterlimit="10" stroke-dasharray="2.0106,1.0053" cx="10.206" cy="9.91" r="8.167"/> <circle class="circle-dashed" fill="none" stroke="white" stroke-miterlimit="10" stroke-dasharray="3,3" cx="10.206" cy="9.91" r="8.167"/> <path class="path appear-animation" data-appear-animation="line-anim" data-appear-animation-delay="800" fill="none" stroke="#010101" stroke-miterlimit="10" stroke-dasharray="2.0024,2.0024" d="M11.469,21.046 c3.191,19.81,32.779,130.736,292.756,87.863c280.979-46.337,240.717,145.948,212.215,185.401"/> <path class="path-dashed" fill="none" stroke="white" stroke-miterlimit="10" stroke-dasharray="3,3" d="M11.469,21.046 c3.191,19.81,32.779,130.736,292.756,87.863c280.979-46.337,240.717,145.948,212.215,185.401"/> </svg> <img src="img/images/sobre-nosotros-01.jpg" alt class="custom-image-style-1 _left" data-appear-animation="zoomIn" data-appear-animation-delay="1300" /> <img src="img/images/sobre-nosotros-02.jpg" alt class="custom-image-style-1 _middle" data-appear-animation="zoomIn" data-appear-animation-delay="1800" /> <img src="img/images/sobre-nosotros-03.jpg" alt class="custom-image-style-1 _right" data-appear-animation="zoomIn" data-appear-animation-delay="2300" /> </div> </div> </div> </section> <section id="servicios" class="bg-black p-bottom-45"> <div class="container"> <div class="row center"> <div class="col-md-12 m-bottom-25" data-appear-animation="fadeIn" data-appear-animation-delay="1000" data-appear-animation-duration="100"> <h2 class="text-white titulo">Servicios</h2> </div> </div> <div class="row"> <div class="col-lg-3 white-box" data-appear-animation="fadeInLeft" data-appear-animation-delay="1000" data-appear-animation-duration="100"> <i class="fas fa-vr-cardboard fa-3x blue m-bottom-25"></i> <h4>Entorno inmersivo 3D</h4> <p>Para desplegar tu evento en un espacio virtual</p> </div> <div class="col-lg-3 white-box" data-appear-animation="fadeInDown" data-appear-animation-delay="1000" data-appear-animation-duration="100"> <i class="fas fa-laptop fa-3x blue m-bottom-10"></i> <h4>Plataforma de gesti贸n completa de los contenidos de tu evento</h4> <p class="margin-0">Expositores, charlas, talleres, patrocinadores, programar, etc</p> </div> <div class="col-lg-3 white-box" data-appear-animation="fadeInUp" data-appear-animation-delay="1000" data-appear-animation-duration="100"> <i class="fas fa-globe fa-3x blue m-bottom-25"></i> <h4>P谩gina web</h4> <p>Multidioma y responsive</p> </div> <div class="col-lg-3 white-box" data-appear-animation="fadeInRight" data-appear-animation-delay="1000" data-appear-animation-duration="100"> <i class="fas fa-ticket-alt fa-3x blue m-bottom-25"></i> <h4>Registro y venta online de entradas</h4> <p>F谩cil y r谩pido</p> </div> </div> </div> </section> <section class="bg-blue"> <div class="container"> <div class="row center"> <div class="col-md-12 m-bottom-25" data-appear-animation="fadeIn" data-appear-animation-delay="1300" data-appear-animation-duration="100"> <h2 class="text-white titulo">Casos de 茅xito</h2> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12" data-appear-animation="fadeInUp" data-appear-animation-delay="1300" data-appear-animation-duration="100"> <h1 style="text-align:center"><a href="https://makerfairegalicia.com/" target="_blank"><img src="img/images/mf-logo.png" width="300"/></a></h1> </div> </div> </div> </section> <div id="contacto" class="m-none custom-contact-pos"></div> <section class="section section-no-border m-none p-none contacto_"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 custom-contact-box custom-contact-pos bg-white"> <h2 class="text-color-light">Contacto</h2> <div class="feature-box feature-box-style-2 custom-feature-box-style-2 mb-lg row"> <div class="col-md-5"> <h6 class="mb-none text-sm"><i class="fas fa-phone-alt"></i> Tel茅fono</h6> <a href="tel:+34686955677" class="text-color-light text-decoration-none">+34 686 955 677</a><br><br> <h6 class="mb-none text-sm"><i class="fas fa-envelope"></i> Email</h6> <p class="tall text-color-light"><a href="mailto:info@tueventoonline.es">info@tueventoonline.es</a></p> <h6 class="mb-none text-sm"><i class="fas fa-map-marker-alt"></i> Direcci贸n</h6> <p class="tall text-color-light">Santiago de Compostela, Galicia, Spain</p> </div> <div class="col-md-7"> <img src="img/images/logo.svg"/> </div> </div> <h5 class="text-color-light">Env铆anos un mensaje</h5> <form id="contactForm2" class="custom-contact-form-style-1" action="/casdasdasdasd.php" method="POST"> <div class="alert alert-success hidden mt-lg" id="contactError"> <strong>Bien!</strong> Tu mensaje ha sido enviado con 茅xito. </div> <div class="alert alert-danger hidden mt-lg" id="contactSuccess"> <strong>Error!</strong> Hubo un error al enviar tu mensaje. <span class="font-size-xs mt-sm display-block" id="mailErrorMessage"></span> </div> <div class="row"> <div class="form-group _divider"> <div class="col-md-6 col-sm-6"> <input type="text" value="" maxlength="100" class="form-control" name="name" id="name" placeholder="Tu nombre" required> </div> <div class="col-md-6 col-sm-6"> <input type="text" value="" maxlength="100" class="form-control" name="phone" id="phone" placeholder="Tu tel茅fono" required> </div> </div> </div> <div class="row"> <div class="form-group"> <div class="col-md-12"> <input type="email" value="" maxlength="100" class="form-control" name="email" id="email" placeholder="Tu email" required> </div> </div> </div> <div class="row"> <div class="form-group"> <div class="col-md-12"> <textarea maxlength="5000" rows="7" class="form-control" name="message" id="message" placeholder="Mensaje" required></textarea> </div> </div> </div> <input type="hidden" value="" id="google_captcha_v3" class="form-control" name="google_captcha_v3" required> </form> <script src="https://www.google.com/recaptcha/api.js?onload=ReCaptchaCallbackV3&render=6LeQ1OUZAAAAAOaQd5AVQYQWE0RbFYd4MHdSbV7b"></script> <script> ReCaptchaCallbackV3 = function() { grecaptcha.ready(function() { grecaptcha.execute("6LeQ1OUZAAAAAOaQd5AVQYQWE0RbFYd4MHdSbV7b").then(function(token) { //alert(token); $('#google_captcha_v3').val(token); //alert(token + ' ----------------------------------------- ' + $('#google_captcha_v3').val()); $('#contactForm2').attr('action', '/contact_form.php'); $('#contactForm2').append('<div class="row"><div class="col-md-12"><input type="submit" value="ENVIAR" class="btn btn-primary custom-btn-style-2 text-color-light custom-margin-2 pull-right" data-loading-text="Cargando..."></div></div>'); }); }); }; function convert() { var srch=document.getElementById("username"); str = srch.value; srch.value=str.toLowerCase(); } </script> </div> </div> </div> </section> </div> <footer id="footer" class="m-none p-none"> <div class="footer-copyright background-color-light"> <div class="container"> <div class="row"> <div class="col-xs-8 col-sm-11 col-md-9"> <p>漏 Copyright 2020. Todos los derechos reservados.</p> </div> <div class="col-xs-4 col-sm-1 col-md-3"> <ul class="social-icons custom-social-icons-style-2 pull-right"> <li class="social-icons-facebook"> <a href="http://www.facebook.com/" class="text-color-quaternary" target="_blank" title="Facebook"> <i class="fa fa-facebook fa-2x m-right-10"></i> </a> </li> <li class="social-icons-twitter"> <a href="http://www.twitter.com/" class="text-color-quaternary" target="_blank" title="Twitter"> <i class="fa fa-twitter fa-2x m-right-10"></i> </a> </li> <li class="social-icons-linkedin"> <a href="http://www.linkedin.com/" class="text-color-quaternary" target="_blank" title="Linkedin"> <i class="fa fa-linkedin fa-2x"></i> </a> </li> </ul> </div> </div> </div> </div> </footer>  <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery.appear/jquery.appear.min.js"></script> <script src="vendor/jquery.easing/jquery.easing.min.js"></script> <script src="vendor/jquery-cookie/jquery-cookie.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <script src="vendor/common/common.min.js"></script> <script src="vendor/jquery.validation/jquery.validation.min.js"></script>  <script src="js/theme.js"></script>   <script src="js/views/view.contact.js"></script>  <script src="js/demos/demo-one-page-agency.js"></script>   <script src="js/theme.init.js"></script> <script> /* Map Settings Find the Latitude and Longitude of your address: - http://universimmedia.pagesperso-orange.fr/geo/loc.htm - http://www.findlatitudeandlongitude.com/find-address-from-latitude-and-longitude/ */ // Map Markers var mapMarkers = [{ address: "New York, NY 10017", html: "<strong>Porto One Page Agency</strong><br>New York, NY 10017", icon: { image: "img/pin.png", iconsize: [26, 46], iconanchor: [12, 46] }, popup: true }]; // Map Initial Location var initLatitude = 40.75198; var initLongitude = -73.96978; // Map Extended Settings var mapSettings = { controls: { panControl: true, zoomControl: true, mapTypeControl: true, scaleControl: true, streetViewControl: true, overviewMapControl: true }, scrollwheel: false, markers: mapMarkers, latitude: initLatitude, longitude: initLongitude, zoom: 16 }; var map = $('#googlemaps').gMap(mapSettings), mapRef = $('#googlemaps').data('gMap.reference'); // Map Center At var mapCenterAt = function(options, e) { e.preventDefault(); $('#googlemaps').gMap("centerAt", options); } var mapRef = $('#googlemaps').data('gMap.reference'); // Styles from https://snazzymaps.com/ var styles = [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]; var styledMap = new google.maps.StyledMapType(styles, { name: 'Styled Map' }); mapRef.mapTypes.set('map_style', styledMap); mapRef.setMapTypeId('map_style'); // Change Center Position if( $(window).width() > 767 ) { if( $('html[dir="rtl"]').get(0) ) { mapRef.panBy(250,0); } else { mapRef.panBy(-250,0); } } </script>  </body> </html>

CINXE.COM

Tu evento online | Entorno inmersivo 3D para desplegar tu evento en un espacio virtual