<!DOCTYPE html>
<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
<html xml:lang="es" lang="es">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

<head>
<!-- Global site tag (gtag.js) - Google Analytics -->

    <!--Producción-->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>

    <!--Producción-->
    <script>

        window.dataLayer = window.dataLayer || [];

        function gtag(){dataLayer.push(arguments);}

        gtag('js', new Date());

        gtag('config', 'UA-125019062-2');

    </script>

    <!-- End Global site tag (gtag.js) - Google Analytics -->
    <!-- [if IE]> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="cleartype" content="on" />
    <!-- <![endif] -->

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>EasyVent – S&amp;P</title>
    <meta name="keywords" content="Magento, Varien, E-commerce" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
        type="image/x-icon" />
    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
        type="image/x-icon" />
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
    <script type="text/javascript">
    var $j = jQuery.noConflict();
    </script>

    <script type="text/javascript" src="js/events.js"></script>

    <!-- estilo princripal -->
    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
    <!-- Alertify -->
    <!-- JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
    <!-- Default theme -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
    <!-- Semantic UI theme -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
    <!-- Bootstrap theme -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
    <style>
        .section-slider #section_slider .proto-controls .proto-control a{
            box-shadow: 3px 3px rgba(0, 0, 0, 0.2) !important;
            background: rgba(0, 0, 0, 0.2) !important;
        }
    </style>
    
</head>
<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
    <!-- aqui va el header -->
    <?php include 'header.php' ?>
    <script type="text/javascript">
    //<![CDATA[

    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
        HIB.menu.init();
    }

    //]]>
    </script>

    <div class="main-container col1-layout">
        <div class="breadcrumbs">
            <div class="container">
                <ul xmlns:v="http://rdf.data-vocabulary.org/#">
                    <li class="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="main">
            <div class="col-main">

                <div class="main">
                    <div class="col-main">
                        <main>
                            <div id="overlaySearch" class="overlay">

                                <!-- Overlay content -->
                                <div id="searchResults" class="overlay-content grid"></div>
                            </div>
                            <div class="std">
                                <p>
                                    <div class="page-title dark">
                                        <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
                                        <div class="page-title-container">
                                            <div class="page-title-content container">
                                                <h1 class="h1">EasyVent</h1>
                                            </div>
                                        </div>
                                        <div class="clearfix">&nbsp;</div>
                                    </div>
                                    <div class="bar-title">
                                        <h2 class="h2">EasyVent, el mejor software de selección</h2>
                                    </div>
                                </p>
                                <div class="container grid questions">
                                    <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
                                        <div class="image-small-container hcol-1-1">
                                            <img src="media/home/slider/easyvent_small_cta.jpg" />
                                        </div>
                                        <div class="text-cta">
                                            <p class="container-text-cta hcol-1-1">Visita EASYVENT, el portal de
                                                selecci&oacute;n m&aacute;s completo, intuitivo y &aacute;gil del
                                                mercado</p>
                                            <button class="btn default exit_btn">Entrar a EasyVent</button>
                                        </div>

                                        
                                        <iframe width="100%" height="280px" class="m-top30" src="https://www.youtube-nocookie.com/embed/RxZI4CghVEg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                        

                                    </div>
                                    <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
                                        <div class="introduction-block">
                                            <p class="introduction-paragraph">EasyVent es el software de
                                                selecci&oacute;n Soler&amp;Palau Ventilation Group. Este selector online
                                                te acompa&ntilde;ar&aacute; desde el inicio del proyecto, siendo capaz
                                                de adaptarse a las modificaciones que aparecen a lo largo de este. Las
                                                principales funcionalidades de las que podr&aacute;s disfrutar son:</p>
                                        </div>
                                        <span class="icon_1">
                                            <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_ventiladores.svg"
                                                width="50px" alt="">
                                        </span>

                                        <p class="p-titles question">
                                            Selección de ventiladores a partir del punto de trabajo requerido:</p>
                                        <ul class="title-bullets link m-left30">
                                            <li>Descripción detallada del producto seleccionado indicando el punto de
                                                funcionamiento real del producto.</li>
                                            <li>Descripción de las características técnicas del punto de trabajo como
                                                consumo, eficiencia, niveles sonoros o SFP.</li>
                                            <li>Descripción de las características físicas del producto como modelo 3D
                                                descargable en varios formatos, esquema de dimensiones o peso.</li>
                                        </ul>
                                        <span class="icon_1">
                                            <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_fichas.svg"
                                                width="50px" alt="">
                                        </span>
                                        <p class="p-titles question">Impresión de fichas técnicas personalizadas de
                                            catálogo, producto o proyecto.</p>
                                        <ul class="title-bullets ">
                                        </ul>
                                        <ul class="title-bullets">
                                        </ul>
                                        <span class="icon_1">
                                            <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_personalizacion.svg"
                                                width="50px" alt="">
                                        </span>
                                        <p class="p-titles question">Creación, seguimiento y personalización de un
                                            proyecto de ventilación:</p>
                                        <ul class="title-bullets link m-left30">
                                            <li>Herramientas de multi-selección rápida.</li>
                                            <li>Herramienta de cesta de proyecto con los productos accesibles en
                                                cualquier momento.</li>
                                            <li>Adición de logo de proyecto.</li>
                                            <li>Posibilidad de reconfigurar un producto en todos los sentidos una vez
                                                añadido al proyecto.</li>
                                            <li>Posibilidad de reemplazar un producto por otro si es necesario.</li>
                                        </ul>
                                        <ul class="title-bullets">
                                        </ul>
                                    </div>
                                </div>
                                <p>
                                    <div class="bar-title">
                                        <h2 class="h2">Una mirada r&aacute;pida a Easyvent</h2>
                                    </div>
                                </p>
                                <!-- Section slider -->
                                <div class="grid container slide-content">
                                    <div class="section-slider">
                                        <div class="container grid">
                                            <div id="section_slider">
                                                <!-- SLIDES -->
                                                <ul class="show">
                                                    <li class="slide">
                                                        <a href="#">
                                                            <img src="media/home/slider/EASYVENT01.jpg"
                                                                alt="" />
                                                        </a>
                                                    </li>
                                                    <li class="slide">
                                                        <a href="#">
                                                            <img src="media/home/slider/EASYVENT02.jpg"
                                                                alt="" />
                                                        </a>
                                                    </li>
                                                    <li class="slide">
                                                        <a href="#">
                                                            <img src="media/home/slider/EASYVENT03.jpg"
                                                                alt="" />
                                                        </a>
                                                    </li>
                                                </ul>

                                            </div>
                                        </div>
                                    </div>

                                    <script type="text/javascript">
                                    //<![CDATA[

                                    function calculateSliderWidth() {
                                        return $$('.section-slider').first().getWidth();
                                    }

                                    Event.observe(window, "resize", function() {
                                        $$('#section_slider img').each(function(elmt) {
                                            elmt.setStyle({
                                                'max-width': calculateSliderWidth() + 'px'
                                            });
                                            section_slider.slideWidth = calculateSliderWidth();
                                            elmt.setStyle({
                                                'width': calculateSliderWidth() + 'px'
                                            });
                                        });
                                        $$('#section_slider .slide-container').each(function(elmt) {
                                            elmt.setStyle({
                                                'max-width': calculateSliderWidth() + 'px'
                                            });
                                            elmt.setStyle({
                                                'width': calculateSliderWidth() + 'px'
                                            });
                                        });
                                    });

                                    $$('#section_slider img').each(function(elmt) {
                                        elmt.setStyle({
                                            'max-width': calculateSliderWidth() + 'px'
                                        });
                                        elmt.setStyle({
                                            'width': calculateSliderWidth() + 'px'
                                        });
                                    });

                                    $$('#section_slider .slide-container').each(function(elmt) {
                                        elmt.setStyle({
                                            'max-width': calculateSliderWidth() + 'px'
                                        });
                                        elmt.setStyle({
                                            'width': calculateSliderWidth() + 'px'
                                        });
                                    });

                                    var section_slider = new protoShow('section_slider', {
                                        captions: true,
                                        controls: true,
                                        progressTimer: false,
                                        transitionType: "slide"
                                    });

                                    section_slider.slideWidth = calculateSliderWidth();
                                    //]]>
                                    </script>
                                </div>
                                <p class="container grid text-pie-foto m-bottom10 m-top10">Esquema de dimensiones:
                                    visualización en 3D del producto, posibilidad de descarga en cualquier formato CAD.
                                </p>
                                <div class="container grid title-slider-easyvent m-bottom30">
                                    <button class="btn default exit_btn">Entrar a EasyVent</button>
                                </div>
                            </div>
                            <br>

                        </main>
                    </div>
                </div>
            </div>

            <!-- aqui va el footer -->
            <?php include 'footer.php' ?>
            <script type="text/javascript">
            //Lanzar alerta al salir de la página
            $j('.exit_btn').click(function(event) {
                alertify.confirm('Redireccionando...',
                    'Estás saliendo del Sitio Web de <b>S&P México</b> para entrar al sitio de <b>EasyVent.</b> <br> Entrarás a un sitio web ajeno a <b>S&P México</b>, el cual es responsable de sus propios contenidos y mantiene su propia política de privacidad y seguridad.',
                    function() {
                        location.href = "http://easyvent.solerpalau.com/";

                    },
                    function() {}).set('labels', {
                    ok: 'Continuar',
                    cancel: 'Cancelar'
                });

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

</html>