index.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, minimun-scale=1">
  6. <title>Vademecum</title>
  7. <link rel="stylesheet" href="css/bulma.min.css">
  8. <link rel="stylesheet" href="css/main.css">
  9. <link href="https://fonts.googleapis.com/css?family=Fira+Sans|Raleway:300,300i,400,400i|Roboto" rel="stylesheet">
  10. <!-- Polyfill file for wkhtmltopdf -->
  11. <script src="js/polyfill.min.js"></script>
  12. </head>
  13. <body>
  14. <div class="cover">
  15. <div class="hero eba-hero">
  16. <div class="hero-body">
  17. </div>
  18. </div>
  19. <div class="container">
  20. <image src="images/logo.png" class="image"/>
  21. <h1>Vademecum Profesional</h1>
  22. <image src="images/varios.png" class="image"/>
  23. </div>
  24. </div>
  25. <section class="container us-container">
  26. <h2>Nosotros</h2>
  27. <div class="us-body">
  28. <p>
  29. Productos profesionales, elaborados con normas de calidad internacional GMP, basados en sustancias activas concentradas de gran pureza y vehículos específicos altamente eficaces que permiten optimizar la belleza y cuidados personalizados de la piel, con base científica.
  30. </p>
  31. <p>
  32. ESPECIFICOS Buenos Aires se compromete a garantizar productos de confianza, ultra-eficaces, tecnología de avanzada y control de calidad permanente bajo normas internacionales de bioseguridad. Texturas aterciopeladas, principios activos de gran pureza, vehículos especializados que conforman productos vanguardistas con delicadas fragancias.
  33. </p>
  34. <p>
  35. El diagnóstico previo personalizado y seguimiento por una profesional formada en tratamientos ESPECIFICOS Buenos Aires es nuestra filosofía de excelencia, ética, seriedad y apoyo constante para un perfecto resultado.
  36. </p>
  37. </div>
  38. <div class="container eba-foundations">
  39. <div class="columns">
  40. <div class="column">
  41. <image src="images/pure.png" width="124"/>
  42. <p>Principios activos seleccionados de máximo grado de pureza.</p>
  43. </div>
  44. <div class="column">
  45. <image src="images/application.png" width="124" />
  46. <p>Formulaciones únicas, concebidas en combinación con técnicas de aplicación sinérgica, que aportan resultados inmediatos y duraderos.</p>
  47. </div>
  48. </div>
  49. <div class="columns">
  50. <div class="column">
  51. <image src="images/science.png" width="124"/>
  52. <p>Vehículos especializados para preservar la integridad de las fórmulas y evitar procesos de sensibilización.</p>
  53. </div>
  54. <div class="column">
  55. <image src="images/certification.png" width="124" />
  56. <p>Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.</p>
  57. </div>
  58. </div>
  59. </div>
  60. </section>
  61. <section class="table-of-content container">
  62. <h2>Indice</h2>
  63. <div class="toc-container">
  64. <div class="columns is-mobile">
  65. <div class="column is-11">
  66. <a href="#higiene"><h4>Higiene</h4></a>
  67. <p class="">
  68. <span>Emulsion de Higiene</span>
  69. <span>Exfoliating Scrub</span>
  70. </p>
  71. </div>
  72. <div class="column is-1">
  73. 4
  74. </div>
  75. </div>
  76. <ul>
  77. <li>
  78. <a href="#higiene"><span class="item-number">4</span> Higiene</li></a>
  79. <li>
  80. <a href="#máscaras"><span class="item-number">5</span> Máscaras</a></li>
  81. <li>
  82. <a href="#ácido-hialurónico"><span class="item-number">6</span> Ácido Hialurónico</a></li>
  83. <li>
  84. <a href="#peeling"><span class="item-number">8</span> Peeling</a></li>
  85. <li>
  86. <a href="#corporales"><span class="item-number">9</span> Corporales</a></li>
  87. <li>
  88. <a href="#hombres"><span class="item-number">11</span> Hombres</a></li>
  89. <li>
  90. <a href="#protección-intensiva"><span class="item-number">13</span> Protección Intensiva</a></li>
  91. <li>
  92. <a href="#monodosis"><span class="item-number">18</span> Monodosis</a></li>
  93. <li>
  94. <a href="#activos-concentrados"><span class="item-number">23</span> Activos Concentrados</a></li>
  95. <li>
  96. <a href="#protección-solar"><span class="item-number">27</span> Protección Solar</a></li>
  97. </ul>
  98. </div>
  99. </section>
  100. <div id="vademecum" class="container"></div>
  101. <!-- Load React. -->
  102. <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
  103. <script src="js/react.production.min.js"></script>
  104. <script src="js/react-dom.production.min.js"></script>
  105. <!-- Load our React component. -->
  106. <script src="lib/vademecum.js"></script>
  107. </body>
  108. </html>