easyduct.php 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. <!DOCTYPE html>
  2. <html xml:lang="es" lang="es">
  3. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  4. <head>
  5. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
  6. <script>
  7. window.dataLayer = window.dataLayer || [];
  8. function gtag(){dataLayer.push(arguments);}
  9. gtag('js', new Date());
  10. gtag('config', 'UA-125019062-2');
  11. </script>
  12. <title>EasyDuct – S&amp;P</title>
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  14. <meta http-equiv="cleartype" content="on" />
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  16. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
  17. <meta name="keywords" content="Magento, Varien, E-commerce" />
  18. <meta name="robots" content="INDEX,FOLLOW" />
  19. <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
  20. <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
  21. <meta name="msapplication-TileColor" content="#ffffff">
  22. <meta name="theme-color" content="#ffffff">
  23. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  24. <script type="text/javascript"> var $j = jQuery.noConflict(); </script>
  25. <script type="text/javascript" src="js/events.js"></script>
  26. <!-- estilo princripal -->
  27. <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
  28. <!-- Alertify -->
  29. <!-- JavaScript -->
  30. <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
  31. <!-- CSS -->
  32. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
  33. <!-- Default theme -->
  34. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
  35. <!-- Semantic UI theme -->
  36. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
  37. <!-- Bootstrap theme -->
  38. <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
  39. <style>
  40. .section-slider #section_slider .proto-controls .proto-control a{
  41. box-shadow: 3px 3px rgba(0, 0, 0, 0.2) !important;
  42. background: rgba(0, 0, 0, 0.2) !important;
  43. }
  44. .section-slider #section_slider .show-window {
  45. height: auto !important;
  46. }
  47. .justificar-texto {
  48. text-align: justify;
  49. }
  50. </style>
  51. </head>
  52. <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
  53. <!-- aqui va el header -->
  54. <?php include 'header.php' ?>
  55. <script type="text/javascript">
  56. if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
  57. HIB.menu.init();
  58. }
  59. </script>
  60. <div class="main-container col1-layout">
  61. <div class="breadcrumbs">
  62. <div class="container">
  63. <ul xmlns:v="http://rdf.data-vocabulary.org/#">
  64. <li class="">
  65. </li>
  66. </ul>
  67. </div>
  68. </div>
  69. <div class="main">
  70. <div class="col-main">
  71. <div class="main">
  72. <div class="col-main">
  73. <main>
  74. <div id="overlaySearch" class="overlay">
  75. <!-- Overlay content -->
  76. <div id="searchResults" class="overlay-content grid"></div>
  77. </div>
  78. <div class="std">
  79. <p>
  80. <div class="page-title dark">
  81. <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
  82. <div class="page-title-container">
  83. <div class="page-title-content container">
  84. <h1 class="h1">EasyDuct</h1>
  85. </div>
  86. </div>
  87. <div class="clearfix">&nbsp;</div>
  88. </div>
  89. <div class="bar-title">
  90. <h2 class="h2">Software para el dimensionamiento de instalaciones de ventilación</h2>
  91. </div>
  92. </p>
  93. <div class="container grid questions">
  94. <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
  95. <div class="image-small-container hcol-1-1" style="display: flex; justify-content: center; align-items: center;">
  96. <img src="media/home/slider/bnn-easyduct.jpg" />
  97. </div>
  98. <div class="text-cta">
  99. <p class="container-text-cta hcol-1-1"> Visita EASYDUCT</p>
  100. <button class="btn default exit_btn">Entrar a EasyDuct</button>
  101. </div>
  102. </div>
  103. <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
  104. <div class="introduction-block">
  105. <p class="introduction-paragraph justificar-texto">
  106. EasyDuct es un software desarrollado para realizar el diseño de instalaciones de
  107. ventilación. Está especialmente concebido para guiar al usuario en el dimensionamiento
  108. de conductos de ventilación, obtener la pérdida de carga de la instalación, y conectar
  109. con el portal de selección de S&P (EasyVent) para la obtención del producto más adecuado.
  110. </p>
  111. <br>
  112. <span class="icon_1">
  113. <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_fichas.svg" width="50px" alt="">
  114. </span>
  115. <p class="p-titles question"> ¿Qué puedes hacer con EasyDuct? </p>
  116. <ul class="title-bullets link m-left30">
  117. <li>Definir las redes de conductos y sus rejillas. </li>
  118. <li>Crear y gestionar proyectos de ventilación.</li>
  119. <li>Dimensionar tu instalación y calcular la pérdida de presión del sistema.</li>
  120. <li>Personalizar, editar guardar todos los proyectos.</li>
  121. <li>Enlace con nuestro software EasyVent.</li>
  122. <li>Lista de materiales y cálculos realizados.</li>
  123. </ul>
  124. </div>
  125. </div>
  126. </div>
  127. <p>
  128. <div class="bar-title">
  129. <h2 class="h2">Una mirada rápida a EasyDuct</h2>
  130. </div>
  131. </p>
  132. <!-- Section slider -->
  133. <div class="grid container slide-content">
  134. <div class="section-slider">
  135. <div class="container grid">
  136. <div id="section_slider">
  137. <!-- SLIDES -->
  138. <ul class="show" >
  139. <li class="slide">
  140. <a href="#">
  141. <img src="media/home/slider/EASYDUCT 2022-0.jpg" alt="" />
  142. </a>
  143. </li>
  144. <li class="slide">
  145. <a href="#">
  146. <img src="media/home/slider/EASYDUCT 2022-1.jpg" alt="" />
  147. </a>
  148. </li>
  149. <li class="slide">
  150. <a href="#">
  151. <img src="media/home/slider/EASYDUCT 2022-2.jpg" alt="" />
  152. </a>
  153. </li>
  154. <li class="slide">
  155. <a href="#">
  156. <img src="media/home/slider/EASYDUCT 2022-3.jpg" alt="" />
  157. </a>
  158. </li>
  159. <li class="slide">
  160. <a href="#">
  161. <img src="media/home/slider/EASYDUCT 2022-4.jpg" alt="" />
  162. </a>
  163. </li>
  164. </ul>
  165. </div>
  166. </div>
  167. </div>
  168. <script type="text/javascript">
  169. function calculateSliderWidth() {
  170. return $$('.section-slider').first().getWidth();
  171. }
  172. Event.observe(window, "resize", function() {
  173. $$('#section_slider img').each(function(elmt) {
  174. elmt.setStyle({
  175. 'max-width': calculateSliderWidth() + 'px'
  176. });
  177. section_slider.slideWidth = calculateSliderWidth();
  178. elmt.setStyle({
  179. 'width': calculateSliderWidth() + 'px'
  180. });
  181. });
  182. $$('#section_slider .slide-container').each(function(elmt) {
  183. elmt.setStyle({
  184. 'max-width': calculateSliderWidth() + 'px'
  185. });
  186. elmt.setStyle({
  187. 'width': calculateSliderWidth() + 'px'
  188. });
  189. });
  190. });
  191. $$('#section_slider img').each(function(elmt) {
  192. elmt.setStyle({
  193. 'max-width': calculateSliderWidth() + 'px'
  194. });
  195. elmt.setStyle({
  196. 'width': calculateSliderWidth() + 'px'
  197. });
  198. });
  199. $$('#section_slider .slide-container').each(function(elmt) {
  200. elmt.setStyle({
  201. 'max-width': calculateSliderWidth() + 'px'
  202. });
  203. elmt.setStyle({
  204. 'width': calculateSliderWidth() + 'px'
  205. });
  206. });
  207. var section_slider = new protoShow('section_slider', {
  208. captions: true,
  209. controls: true,
  210. progressTimer: false,
  211. transitionType: "slide"
  212. });
  213. section_slider.slideWidth = calculateSliderWidth();
  214. </script>
  215. </div>
  216. <div class="container grid title-slider-easyvent m-bottom30">
  217. <button class="btn default exit_btn">Entrar a EasyDuct</button>
  218. </div>
  219. </div>
  220. <br>
  221. </main>
  222. </div>
  223. </div>
  224. </div>
  225. <?php include 'footer.php' ?>
  226. <script type="text/javascript">
  227. // Lanzar alerta al salir de la página
  228. $j('.exit_btn').click(function(event) {
  229. alertify.confirm('Redireccionando...',
  230. 'Estás saliendo del Sitio Web de <b>S&P México</b> para entrar al sitio de <b>EasyDuct.</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.',
  231. function() {
  232. window.open('https://store.bimserver.center/es/app/160/easyduct', '_blank');
  233. },
  234. function() {}).set(
  235. 'labels', {
  236. ok: 'Continuar',
  237. cancel: 'Cancelar'
  238. });
  239. });
  240. </script>
  241. </div>
  242. </div>
  243. </body>
  244. </html>