index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Basic Page Needs
  5. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  6. <meta charset="utf-8">
  7. <title>ESPECIFICOS Buenos Aires</title>
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <!-- Mobile Specific Metas
  11. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13. <!-- FONT
  14. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  15. <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
  16. <!-- CSS
  17. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  18. <link rel="stylesheet" href="css/normalize.css">
  19. <link rel="stylesheet" href="css/skeleton.css">
  20. <link rel="stylesheet" href="css/styles.css">
  21. <link href='https://api.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.css' rel='stylesheet' />
  22. <!-- Favicon
  23. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  24. <link rel="icon" type="image/png" href="images/favicon.png">
  25. <!-- Scripts
  26. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  27. <script src='https://api.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.js'></script>
  28. <script src="js/vue.js"></script>
  29. <script src="js/vue-router.js"></script>
  30. </head>
  31. <body>
  32. <!--<div id="app">
  33. <div class="navbar-container">
  34. <ul class="navbar-list">
  35. <li v-for="item in navbar">
  36. <router-link :to="item.path">{{item.text}}</router-link>
  37. </li>
  38. </ul>
  39. </div>
  40. </div>-->
  41. <div id="app">
  42. <nav>
  43. <div class="navbar-container">
  44. <ul class="navbar-list">
  45. <li v-for="route in routes">
  46. <router-link :to="route.path">{{route.text}}</router-link>
  47. </li>
  48. </ul>
  49. </div>
  50. </nav>
  51. <router-view></router-view>
  52. </div>
  53. <template id="empresa">
  54. <div>
  55. <div class="container">
  56. <div class="row">
  57. <div class="twelve columns">
  58. <h4>{{ title }}</h4>
  59. <p>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.</p>
  60. <p>La línea profesional ESPECIFICOS Buenos Aires, fue creada hace diez años por iniciativa de un matrimonio de químicos cosméticos, con más de 25 años de experiencia en la industria del cuidado de la piel. Quienes han unido su pasión por la cosmética y experiencia para desarrollar y perfeccionar una extensa gama de productos que podrán dar solución a las demandas y expectativas de sus clientas más exigentes.</p>
  61. <p>Tratamientos pensados desde una profesional de la estética hacia sus colegas, consciente de la problemática a la que cada una de las profesionales se enfrenta cada día. Combinando un enfoque personalizado de tratamientos con métodos no invasivos, basados en sistemas específicos para cada instancia de la piel.</p>
  62. <p>Tratando y compensando los distintos biotipos cutáneos en cada necesidad en particular, con sistemas de vanguardia, siempre basados en el profundo estudio de la piel. Hoy, la Metodología Específica, combinando un enfoque personalizado de tratamientos estéticos, ingredientes puros concentrados, vehículos de alto desarrollo, protocolos de procedimiento innovadores, como también estrictos controles de calidad internacional, goza de una incuestionable reputación de excelencia.</p>
  63. <p>La ética, el apoyo profesional constante y la formulación constituyen los valores fundamentales de ESPECIFICOS Buenos Aires. </p>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </template>
  69. <template id="productos">
  70. <div>
  71. <div class="container">
  72. <div class="row">
  73. <div class="twelve columns">
  74. <h4>{{ title }}</h4>
  75. <p>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.</p>
  76. <p>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.</p>
  77. <p>Cuidado específico para cada tipo de piel. 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.</p>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </template>
  83. <script src="js/main.js"></script>
  84. </body>
  85. </html>