easycalc.php 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  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>EasyCalc – 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. .justificar-texto {
  45. text-align: justify;
  46. }
  47. </style>
  48. </head>
  49. <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
  50. <!-- aqui va el header -->
  51. <?php include 'header.php' ?>
  52. <script type="text/javascript">
  53. if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
  54. HIB.menu.init();
  55. }
  56. </script>
  57. <div class="main-container col1-layout">
  58. <div class="breadcrumbs">
  59. <div class="container">
  60. <ul xmlns:v="http://rdf.data-vocabulary.org/#">
  61. <li class="">
  62. </li>
  63. </ul>
  64. </div>
  65. </div>
  66. <div class="main">
  67. <div class="col-main">
  68. <div class="main">
  69. <div class="col-main">
  70. <main>
  71. <div id="overlaySearch" class="overlay">
  72. <!-- Overlay content -->
  73. <div id="searchResults" class="overlay-content grid"></div>
  74. </div>
  75. <div class="std">
  76. <p>
  77. <div class="page-title dark">
  78. <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
  79. <div class="page-title-container">
  80. <div class="page-title-content container">
  81. <h1 class="h1">EasyCalc</h1>
  82. </div>
  83. </div>
  84. <div class="clearfix">&nbsp;</div>
  85. </div>
  86. <div class="bar-title">
  87. <h2 class="h2">EasyCalc, el mejor software de selección</h2>
  88. </div>
  89. </p>
  90. <div class="container grid questions">
  91. <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
  92. <div class="image-small-container hcol-1-1" style="display: flex; justify-content: center; align-items: center;">
  93. <img src="media/home/slider/bnn-easycalc.jpg" />
  94. </div>
  95. <div class="text-cta">
  96. <p class="container-text-cta hcol-1-1"> Visita EASYCALC</p>
  97. <button class="btn default exit_btn">Entrar a EasyCalc</button>
  98. </div>
  99. </div>
  100. <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
  101. <div class="introduction-block">
  102. <p class="introduction-paragraph justificar-texto">
  103. Es una herramienta desarrollada por Soler y Palau, pensada en facilitar el análisis
  104. de los sistemas de presurización de escaleras ya que permite al diseñador el cálculo de
  105. caudal para este tipo de sistemas. Está sustentada en la norma europea UNE-EN 12101-
  106. 3:2016
  107. </p>
  108. <br>
  109. <p class="justificar-texto">
  110. En el software EasyCalc están disponibles para el cálculo las clases A, B, C y D, las
  111. cuales son las más aplicadas en la industria. Para cada una de estas clases se tiene las
  112. siguientes definiciones:
  113. </p>
  114. </div>
  115. </div>
  116. <table cellspacing="5" cellpadding="0" bordercolor="#EAEAEA" border="1" align="center" style="width: 680px;">
  117. <tbody>
  118. <tr>
  119. <td class="blanco12" bgcolor="#fb0505" height="50px"><div align="center"><strong><font color="#FFFFFF">CLASE DE SISTEMA</font></strong></div></td>
  120. <td class="blanco12" bgcolor="#fb0505"><div align="center"><strong><font color="#FFFFFF">EJEMPLOS DE USO</font></strong></div></td>
  121. </tr>
  122. <tr>
  123. <td height="40"><div align="center">Sistema de clase A</div></td>
  124. <td height="40"><div align="center">Para medios de escape. Defensa <i>in situ</i> </div></td>
  125. </tr>
  126. <tr>
  127. <td height="40" bgcolor="#eceaea"><div align="center">Sistema de clase B</div></td>
  128. <td height="40" bgcolor="#eceaea"><div align="center">Para medios de escape y lucha contra incendios</div></td>
  129. </tr>
  130. <tr>
  131. <td height="40"><div align="center">Sistema de clase C</div></td>
  132. <td height="40"><div align="center">Para medios de escape mediante evacuación simultánea</div></td>
  133. </tr>
  134. <tr bgcolor="#eceaea">
  135. <td height="40"><div align="center">Sistema de clase D</div></td>
  136. <td height="40"><div align="center">Para medios de escape. Riesgo de personas dormidas</div></td>
  137. </tr>
  138. <tr>
  139. <td height="40"><div align="center">Sistema de clase E</div></td>
  140. <td height="40"><div align="center">Para medio de espace, con evaciación por fases</div></td>
  141. </tr>
  142. <tr bgcolor="#eceaea">
  143. <td height="40"><div align="center">Sistema de clase F</div></td>
  144. <td height="40"><div align="center">Sistema contra incendios y medios de escape</div></td>
  145. </tr>
  146. </tbody>
  147. </table>
  148. </div>
  149. <p>
  150. <div class="bar-title">
  151. <h2 class="h2">Una mirada rápida a EasyCalc</h2>
  152. </div>
  153. </p>
  154. <!-- Section slider -->
  155. <div class="grid container slide-content">
  156. <div class="section-slider">
  157. <div class="container grid">
  158. <div id="section_slider">
  159. <!-- SLIDES -->
  160. <ul class="show" style="height: 432px !important;">
  161. <li class="slide">
  162. <a href="#">
  163. <img src="media/home/slider/EASYCALC.png" alt="" />
  164. </a>
  165. </li>
  166. </ul>
  167. </div>
  168. </div>
  169. </div>
  170. <script type="text/javascript">
  171. function calculateSliderWidth() {
  172. return $$('.section-slider').first().getWidth();
  173. }
  174. Event.observe(window, "resize", function() {
  175. $$('#section_slider img').each(function(elmt) {
  176. elmt.setStyle({
  177. 'max-width': calculateSliderWidth() + 'px'
  178. });
  179. section_slider.slideWidth = calculateSliderWidth();
  180. elmt.setStyle({
  181. 'width': calculateSliderWidth() + 'px'
  182. });
  183. });
  184. $$('#section_slider .slide-container').each(function(elmt) {
  185. elmt.setStyle({
  186. 'max-width': calculateSliderWidth() + 'px'
  187. });
  188. elmt.setStyle({
  189. 'width': calculateSliderWidth() + 'px'
  190. });
  191. });
  192. });
  193. $$('#section_slider img').each(function(elmt) {
  194. elmt.setStyle({
  195. 'max-width': calculateSliderWidth() + 'px'
  196. });
  197. elmt.setStyle({
  198. 'width': calculateSliderWidth() + 'px'
  199. });
  200. });
  201. $$('#section_slider .slide-container').each(function(elmt) {
  202. elmt.setStyle({
  203. 'max-width': calculateSliderWidth() + 'px'
  204. });
  205. elmt.setStyle({
  206. 'width': calculateSliderWidth() + 'px'
  207. });
  208. });
  209. var section_slider = new protoShow('section_slider', {
  210. captions: true,
  211. controls: true,
  212. progressTimer: false,
  213. transitionType: "slide"
  214. });
  215. section_slider.slideWidth = calculateSliderWidth();
  216. </script>
  217. </div>
  218. <!-- <p class="container grid text-pie-foto m-bottom10 m-top10">
  219. Esquema de dimensiones: visualización en 3D del producto, posibilidad de descarga en cualquier formato CAD.
  220. </p> -->
  221. <div class="container grid title-slider-easyvent m-bottom30">
  222. <button class="btn default exit_btn">Entrar a EasyCalc</button>
  223. </div>
  224. </div>
  225. <br>
  226. </main>
  227. </div>
  228. </div>
  229. </div>
  230. <?php include 'footer.php' ?>
  231. <script type="text/javascript">
  232. // Lanzar alerta al salir de la página
  233. $j('.exit_btn').click(function(event) {
  234. alertify.confirm('Redireccionando...',
  235. 'Estás saliendo del Sitio Web de <b>S&P México</b> para entrar al sitio de <b>EasyCalc.</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.',
  236. function() {
  237. window.open('https://easyvent.solerpalau.com/easycalc', '_blank');
  238. },
  239. function() {}).set(
  240. 'labels', {
  241. ok: 'Continuar',
  242. cancel: 'Cancelar'
  243. });
  244. });
  245. </script>
  246. </div>
  247. </div>
  248. </body>
  249. </html>