easyvent.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318
  1. <!DOCTYPE html>
  2. <!--[if IE 8 ]> <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
  3. <!--[if IE 9 ]> <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
  4. <html xml:lang="es" lang="es">
  5. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  6. <head>
  7. <!-- Global site tag (gtag.js) - Google Analytics -->
  8. <!--Producción-->
  9. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
  10. <!--Producción-->
  11. <script>
  12. window.dataLayer = window.dataLayer || [];
  13. function gtag(){dataLayer.push(arguments);}
  14. gtag('js', new Date());
  15. gtag('config', 'UA-125019062-2');
  16. </script>
  17. <!-- End Global site tag (gtag.js) - Google Analytics -->
  18. <!-- [if IE]> -->
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  20. <meta http-equiv="cleartype" content="on" />
  21. <!-- <![endif] -->
  22. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  23. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
  24. <title>EasyVent – S&amp;P</title>
  25. <meta name="keywords" content="Magento, Varien, E-commerce" />
  26. <meta name="robots" content="INDEX,FOLLOW" />
  27. <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
  28. type="image/x-icon" />
  29. <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
  30. type="image/x-icon" />
  31. <meta name="msapplication-TileColor" content="#ffffff">
  32. <meta name="theme-color" content="#ffffff">
  33. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  34. <script type="text/javascript">
  35. var $j = jQuery.noConflict();
  36. </script>
  37. <script type="text/javascript" src="js/events.js"></script>
  38. <!-- estilo princripal -->
  39. <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
  40. <!-- Alertify -->
  41. <!-- JavaScript -->
  42. <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
  43. <!-- CSS -->
  44. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
  45. <!-- Default theme -->
  46. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
  47. <!-- Semantic UI theme -->
  48. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
  49. <!-- Bootstrap theme -->
  50. <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
  51. <style>
  52. .section-slider #section_slider .proto-controls .proto-control a{
  53. box-shadow: 3px 3px rgba(0, 0, 0, 0.2) !important;
  54. background: rgba(0, 0, 0, 0.2) !important;
  55. }
  56. </style>
  57. </head>
  58. <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
  59. <!-- aqui va el header -->
  60. <?php include 'header.php' ?>
  61. <script type="text/javascript">
  62. //<![CDATA[
  63. if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
  64. HIB.menu.init();
  65. }
  66. //]]>
  67. </script>
  68. <div class="main-container col1-layout">
  69. <div class="breadcrumbs">
  70. <div class="container">
  71. <ul xmlns:v="http://rdf.data-vocabulary.org/#">
  72. <li class="">
  73. </li>
  74. </ul>
  75. </div>
  76. </div>
  77. <div class="main">
  78. <div class="col-main">
  79. <div class="main">
  80. <div class="col-main">
  81. <main>
  82. <div id="overlaySearch" class="overlay">
  83. <!-- Overlay content -->
  84. <div id="searchResults" class="overlay-content grid"></div>
  85. </div>
  86. <div class="std">
  87. <p>
  88. <div class="page-title dark">
  89. <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
  90. <div class="page-title-container">
  91. <div class="page-title-content container">
  92. <h1 class="h1">EasyVent</h1>
  93. </div>
  94. </div>
  95. <div class="clearfix">&nbsp;</div>
  96. </div>
  97. <div class="bar-title">
  98. <h2 class="h2">EasyVent, el mejor software de selección</h2>
  99. </div>
  100. </p>
  101. <div class="container grid questions">
  102. <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
  103. <div class="image-small-container hcol-1-1">
  104. <img src="media/home/slider/easyvent_small_cta.jpg" />
  105. </div>
  106. <div class="text-cta">
  107. <p class="container-text-cta hcol-1-1">Visita EASYVENT, el portal de
  108. selecci&oacute;n m&aacute;s completo, intuitivo y &aacute;gil del
  109. mercado</p>
  110. <button class="btn default exit_btn">Entrar a EasyVent</button>
  111. </div>
  112. <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>
  113. </div>
  114. <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
  115. <div class="introduction-block">
  116. <p class="introduction-paragraph">EasyVent es el software de
  117. selecci&oacute;n Soler&amp;Palau Ventilation Group. Este selector online
  118. te acompa&ntilde;ar&aacute; desde el inicio del proyecto, siendo capaz
  119. de adaptarse a las modificaciones que aparecen a lo largo de este. Las
  120. principales funcionalidades de las que podr&aacute;s disfrutar son:</p>
  121. </div>
  122. <span class="icon_1">
  123. <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_ventiladores.svg"
  124. width="50px" alt="">
  125. </span>
  126. <p class="p-titles question">
  127. Selección de ventiladores a partir del punto de trabajo requerido:</p>
  128. <ul class="title-bullets link m-left30">
  129. <li>Descripción detallada del producto seleccionado indicando el punto de
  130. funcionamiento real del producto.</li>
  131. <li>Descripción de las características técnicas del punto de trabajo como
  132. consumo, eficiencia, niveles sonoros o SFP.</li>
  133. <li>Descripción de las características físicas del producto como modelo 3D
  134. descargable en varios formatos, esquema de dimensiones o peso.</li>
  135. </ul>
  136. <span class="icon_1">
  137. <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_fichas.svg"
  138. width="50px" alt="">
  139. </span>
  140. <p class="p-titles question">Impresión de fichas técnicas personalizadas de
  141. catálogo, producto o proyecto.</p>
  142. <ul class="title-bullets ">
  143. </ul>
  144. <ul class="title-bullets">
  145. </ul>
  146. <span class="icon_1">
  147. <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_personalizacion.svg"
  148. width="50px" alt="">
  149. </span>
  150. <p class="p-titles question">Creación, seguimiento y personalización de un
  151. proyecto de ventilación:</p>
  152. <ul class="title-bullets link m-left30">
  153. <li>Herramientas de multi-selección rápida.</li>
  154. <li>Herramienta de cesta de proyecto con los productos accesibles en
  155. cualquier momento.</li>
  156. <li>Adición de logo de proyecto.</li>
  157. <li>Posibilidad de reconfigurar un producto en todos los sentidos una vez
  158. añadido al proyecto.</li>
  159. <li>Posibilidad de reemplazar un producto por otro si es necesario.</li>
  160. </ul>
  161. <ul class="title-bullets">
  162. </ul>
  163. </div>
  164. </div>
  165. <p>
  166. <div class="bar-title">
  167. <h2 class="h2">Una mirada r&aacute;pida a Easyvent</h2>
  168. </div>
  169. </p>
  170. <!-- Section slider -->
  171. <div class="grid container slide-content">
  172. <div class="section-slider">
  173. <div class="container grid">
  174. <div id="section_slider">
  175. <!-- SLIDES -->
  176. <ul class="show">
  177. <li class="slide">
  178. <a href="#">
  179. <img src="media/home/slider/EASYVENT01.jpg"
  180. alt="" />
  181. </a>
  182. </li>
  183. <li class="slide">
  184. <a href="#">
  185. <img src="media/home/slider/EASYVENT02.jpg"
  186. alt="" />
  187. </a>
  188. </li>
  189. <li class="slide">
  190. <a href="#">
  191. <img src="media/home/slider/EASYVENT03.jpg"
  192. alt="" />
  193. </a>
  194. </li>
  195. </ul>
  196. </div>
  197. </div>
  198. </div>
  199. <script type="text/javascript">
  200. //<![CDATA[
  201. function calculateSliderWidth() {
  202. return $$('.section-slider').first().getWidth();
  203. }
  204. Event.observe(window, "resize", function() {
  205. $$('#section_slider img').each(function(elmt) {
  206. elmt.setStyle({
  207. 'max-width': calculateSliderWidth() + 'px'
  208. });
  209. section_slider.slideWidth = calculateSliderWidth();
  210. elmt.setStyle({
  211. 'width': calculateSliderWidth() + 'px'
  212. });
  213. });
  214. $$('#section_slider .slide-container').each(function(elmt) {
  215. elmt.setStyle({
  216. 'max-width': calculateSliderWidth() + 'px'
  217. });
  218. elmt.setStyle({
  219. 'width': calculateSliderWidth() + 'px'
  220. });
  221. });
  222. });
  223. $$('#section_slider img').each(function(elmt) {
  224. elmt.setStyle({
  225. 'max-width': calculateSliderWidth() + 'px'
  226. });
  227. elmt.setStyle({
  228. 'width': calculateSliderWidth() + 'px'
  229. });
  230. });
  231. $$('#section_slider .slide-container').each(function(elmt) {
  232. elmt.setStyle({
  233. 'max-width': calculateSliderWidth() + 'px'
  234. });
  235. elmt.setStyle({
  236. 'width': calculateSliderWidth() + 'px'
  237. });
  238. });
  239. var section_slider = new protoShow('section_slider', {
  240. captions: true,
  241. controls: true,
  242. progressTimer: false,
  243. transitionType: "slide"
  244. });
  245. section_slider.slideWidth = calculateSliderWidth();
  246. //]]>
  247. </script>
  248. </div>
  249. <p class="container grid text-pie-foto m-bottom10 m-top10">Esquema de dimensiones:
  250. visualización en 3D del producto, posibilidad de descarga en cualquier formato CAD.
  251. </p>
  252. <div class="container grid title-slider-easyvent m-bottom30">
  253. <button class="btn default exit_btn">Entrar a EasyVent</button>
  254. </div>
  255. </div>
  256. <br>
  257. </main>
  258. </div>
  259. </div>
  260. </div>
  261. <!-- aqui va el footer -->
  262. <?php include 'footer.php' ?>
  263. <script type="text/javascript">
  264. //Lanzar alerta al salir de la página
  265. $j('.exit_btn').click(function(event) {
  266. alertify.confirm('Redireccionando...',
  267. '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.',
  268. function() {
  269. location.href = "http://easyvent.solerpalau.com/";
  270. },
  271. function() {}).set('labels', {
  272. ok: 'Continuar',
  273. cancel: 'Cancelar'
  274. });
  275. });
  276. </script>
  277. </div>
  278. </div>
  279. </body>
  280. </html>