1 2<!DOCTYPE html> 3<html lang="es"> 4 5 <head> 6 <meta charset="utf-8"> 7 <title>Somos más salud - Mejorando tu bienestar</title> 8 <meta content="width=device-width, initial-scale=1.0" name="viewport"> 9 <meta content="" name="keywords"> 10 <meta content="" name="description"> 11 12 <!-- Google Web Fonts --> 13 <link rel="preconnect" href="https://fonts.googleapis.com"> 14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 15 <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=PT+Serif:wght@400;700&display=swap" rel="stylesheet"> 16 <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet"> 17 <!-- Icon Font Stylesheet --> 18 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/> 19 <link rel="stylesheet" href="css/font-awesome.min.css"> 20 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> 21 22 <!-- Libraries Stylesheet --> 23 <link href="lib/animate/animate.min.css" rel="stylesheet"> 24 <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet"> 25 <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> 26 27 28 <!-- Customized Bootstrap Stylesheet --> 29 <link href="css/bootstrap.min.css" rel="stylesheet"> 30 31 <!-- Template Stylesheet --> 32 <link href="css/style.css" rel="stylesheet"> 33 34 </head> 35 36 <body> 37 38 <!-- Spinner Start --> 39 <div id="spinner" class="show w-100 vh-100 bg-white position-fixed translate-middle top-50 start-50 d-flex align-items-center justify-content-center"> 40 <div class="spinner-grow text-primary" role="status"></div> 41 </div> 42 <!-- Spinner End --> 43 44 45 <!-- Navbar start --> 46 <div id="navbar-placeholder"></div> 47 <!-- Navbar End --> 48 49 <!-- Carousel Start --> 50 <div class="container-fluid carousel-header px-0"> 51 <div id="carouselId" class="carousel slide" data-bs-ride="carousel"> 52 <ol class="carousel-indicators"> 53 <li data-bs-target="#carouselId" data-bs-slide-to="0" class="active"></li> 54 <li data-bs-target="#carouselId" data-bs-slide-to="1"></li> 55 <!--<li data-bs-target="#carouselId" data-bs-slide-to="2"></li>--> 56 </ol> 57 <div class="carousel-inner" role="listbox"> 58 <div class="carousel-item active"> 59 <img src="img/main-1.jpg" class="img-fluid" alt="Image"> 60 <div class="carousel-caption"> 61 <div class="p-3" style="max-width: 900px;"> 62 <!--<h4 class="text-primary text-uppercase mb-3">Spa & Beauty Center</h4> 63 <h1 class="display-1 text-capitalize text-dark mb-3">Massage Treatment</h1> 64 <p class="mx-md-5 fs-4 px-4 mb-5 text-dark">Lorem rebum magna dolore amet lorem eirmod magna erat diam stet. Sadips duo stet amet amet ndiam elitr ipsum</p> 65 --><div class="d-flex align-items-center justify-content-center"> 66 <a class="btn btn-light btn-light-outline-0 rounded-pill py-3 px-5 me-4" href="about.html">Saber más</a> 67 </div> 68 </div> 69 </div> 70 </div> 71 <div class="carousel-item"> 72 <img src="img/carousel-2.jpg" class="img-fluid" alt="Image"> 73 <div class="carousel-caption"> 74 <div class="p-3" style="max-width: 900px;"> 75 <h4 class="text-primary text-uppercase mb-3" style="letter-spacing: 3px;"> </h4> 76 <h1 class="display-1 text-primary mb-3">Vive el cambio</h1> 77 <p class="mx-md-5 fs-4 px-5 mb-5 text-dark">Te queremos acompañar en esta etapa de tu vida</p> 78 <div class="d-flex align-items-center justify-content-center"> 79 <!--<a class="btn btn-light btn-light-outline-0 rounded-pill py-3 px-5 me-4" href="https://metamorfosis.somosmassalud.cl">Registrate</a> 80 <a class="btn btn-primary btn-primary-outline-0 rounded-pill py-3 px-5" href="#">Book Now</a>--> 81 </div> 82 </div> 83 </div> 84 </div> 85 <!--<div class="carousel-item"> 86 <img src="img/carousel-1.jpg" class="img-fluid" alt="Image"> 87 <div class="carousel-caption"> 88 <div class="p-3" style="max-width: 900px;"> 89 <h4 class="text-primary text-uppercase mb-3" style="letter-spacing: 3px;">Spa & Beauty Center</h4> 90 <h1 class="display-1 text-capitalize text-dark">Cellulite Treatment</h1> 91 <p class="mx-md-5 fs-4 px-5 mb-5 text-dark">Lorem rebum magna dolore amet lorem eirmod magna erat diam stet. Sadips duo stet amet amet ndiam elitr ipsum</p> 92 <div class="d-flex align-items-center justify-content-center"> 93 <a class="btn btn-light btn-light-outline-0 rounded-pill py-3 px-5 me-4" href="#">Get Start</a> 94 <a class="btn btn-primary btn-primary-outline-0 rounded-pill py-3 px-5" href="#">Book Now</a> 95 </div> 96 </div> 97 </div> 98 </div>--> 99 </div> 100 <button class="carousel-control-prev" type="button" data-bs-target="#carouselId" data-bs-slide="prev">
101 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 102 <span class="visually-hidden">Previous</span> 103 </button> 104 <button class="carousel-control-next" type="button" data-bs-target="#carouselId" data-bs-slide="next"> 105 <span class="carousel-control-next-icon" aria-hidden="true"></span> 106 <span class="visually-hidden">Next</span> 107 </button> 108 </div> 109 </div> 110 <!-- Carousel End --> 111 112 113 <!-- Modal Structure --> 114 <div class="modal fade" id="externalModal" tabindex="-1" aria-hidden="true"> 115 <div class="modal-dialog modal-xl modal-dialog-centered"> 116 <div class="modal-content"> 117 <div class="modal-header"> 118 <button type="button" class="btn-close rounded-circle" data-bs-dismiss="modal" aria-label="Close"></button> 119 </div> 120 <div class="modal-body p-0" style="height:80vh;"> 121 <!-- iframe goes here --> 122 <iframe id="externalFrame" src="" width="100%" height="100%" style="border:none; overflow:hidden;" scrolling="no"></iframe> 123 </div> 124 </div> 125 </div> 126 </div> 127 <!-- End of External Modal--> 128 129 130 <!-- About Start --> 131 <div class="container py-2"> 132 <div class="row g-5 align-items-center"> 133 <div class="col-lg-5"> 134 <div class="video"> 135 <img src="img/Alide-3-Nosotros.jpeg" class="img-fluid rounded" style="box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);" alt=""> 136 </div> 137 </div> 138 <div class="col-lg-7"> 139 <p class="fs-4 text-uppercase text-primary">Nuestra empresa</p> 140 <h1 class="display-4 mb-4">Somos más Salud</h1> 141 <p class="mb-4">La empresa SOMOS MAS SALUD E.I.R.L fue creada en abril de 2017 en la Región del BiobÃo, con la finalidad de desarrollar herramientas tecnológicas, basadas en evidencia y conocimiento, que acompañen a las personas en sus procesos de salud y enfermedad contribuyendo a mejorar su calidad de vida.</p> 142 <p class="mb-4"><strong><i>âBuscamos que las personas se sientan acompañadas, apoyándolas en los cambios que ocurren durante las transiciones de la vida, cuando pasan de una etapa a otra, o cuando son diagnosticados con una condiciónâ. Junto con ello buscamos asistir a los profesionales, proporcionando herramientas que permitan extender el tiempo de la consulta y apoyar a sus usuarios en los desafÃos que deben enfrentar.</i></strong></p> 143 <p class="mb-4">La inquietud de generar este emprendimiento surgió luego del trabajo en investigación y asesorÃa a empresas e instituciones de salud en el ámbito de la investigación en salud cardiovascular y autocuidado. 144 </p> 145 </div> 146 <div class="col-lg-5"> 147 <div class="video"> 148 <img src="img/about-3.jpg" class="img-fluid rounded" alt=""> 149 <div class="position-absolute rounded border-5 border-top border-start border-white" style="bottom: 0; right: 0;;"> 150 <!--<img src="img/about-3.jpg" class="img-fluid rounded" alt="">--> 151 </div> 152 <button type="button" class="btn btn-play" data-bs-toggle="modal" data-src="https://www.youtube.com/embed/K08IEbuFd2c?si=HIiLhBI2HQpBLWoR" data-bs-target="#videoModal"> 153 <!--<button type="button" class="btn btn-play" data-bs-toggle="modal" data-src="https://www.youtube.com/embed/85Ov-4bOQgU?si=WKC3I0hbkRIlHz3Y&start=310" data-bs-target="#videoModal"></button>--> 154 <span></span> 155 </button> 156 </div> 157 </div> 158 <div class="col-lg-7"> 159 <p class="fs-4 text-uppercase text-primary">
159Conozcámonos!</p> 160 <h1 class="display-4 mb-4">¿Qué es Metamorfosis?</h1> 161 <p class="mb-4">Es una aplicación para celulares, diseñada para acompañar a las mujeres en etapa perimenopausia en busca de controlar y disminuir los factores de riesgo del SÃndrome Metabólico. A través de la detección de sÃntomas, evaluación de su calidad de vida, acceso a recomendaciones, fijación de compromiso y seguimiento de indicadores clÃnicos.</p> 162 <p class="mb-4">Permite recibir recomendaciones nutricionales y de actividad fÃsica, alentando a las usuarias mediante estadÃsticas en lÃnea.</p> 163 <p class="mb-4">Metamorfosis tiene un doble enfoque, el primero a nivel usuaria, con las ventajas antes indicadas; Pero además, puede ser usado por profesionales de la salud, permitiendo un seguimiento y apoyo dedicado a sus pacientes; Ello permite el acceso y almacenamiento de información relevante para los tratamientos de salud en caso de ser requerido por las usuarias. La plataforma adicionalmente cuenta con un dashboard, para visualización, evaluar diferentes periodos de tiempo y realizar un seguimiento de los resultados.</p> 164 165 <!-- Store badges side by side --> 166 <div class="d-flex align-items-center gap-3 mt-3"> 167 <!-- Apple App Store --> 168 <a href="https://apps.apple.com/cl/app/appmetamorfosis/id6466329601" target="_blank" rel="noopener"> 169 <img 170 src="./img/badges/Apple-ES.svg" 171 alt="Download on the App Store" 172 style="height: 40px; width: auto;" 173 > 174 </a> 175 176 <!-- Google Play Store --> 177 <a href="https://play.google.com/store/apps/details?id=cl.cfrd.metamorfosis" target="_blank"> 178 <img 179 src="img/badges/Google-ES.png" 180 alt="Get it on Google Play" 181 style="height: 40px; width: auto;" 182 > 183 </a> 184 </div> 185 </div> 186 <div class="col-lg-7"> 187 <p class="fs-4 text-uppercase text-primary">Menopause Game</p> 188 <h1 class="display-4 mb-4">Juego educativo digital</h1> 189 190 <p class="mb-4"> 191 Menopause Game es juego educativo digital que ofrece un espacio seguro y basado en evidencia cientÃfica para aprender y conversar sobre la menopausia. 192 </p> 193 <p class="mb-4"><strong><i>¿Qué ofrece Menopause Game?</i></strong></p> 194 <p class="mb-4"> 195 <strong>Educación accesible:</strong> Un recurso lúdico que facilita el aprendizaje sobre temas de salud de manera cercana y comprensible. 196 </p> 197 <p class="mb-4"> 198 <strong>Espacio libre de tabúes:</strong> Un entorno seguro donde derribar mitos y fomentar conversaciones honestas y abiertas. 199 </p> 200 <p class="mb-4"> 201 <strong>Herramienta versátil:</strong> Ideal para mujeres en etapa de transición, profesionales de la salud y organizaciones comprometidas con el bienestar integral. 202 </p> 203 <p class="mb-4"> 204 Disponible ahora en español gracias a la alianza entre <strong>Somos Más Salud</strong> y <strong>Focus Games</strong>. 205 </p> 206 </div> 207 <div class="col-lg-5"> 208 <div class=""> 209 <a href="#" 210 data-bs-toggle="modal" 211 data-bs-target="#externalModal" 212 data-url="https://sms.menopausegame.com" 213 rel="noopener noreferrer"> 214 <img src="img/Banner_image_Chile.png" 215 class="img-fluid rounded" 216 style="box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.5);" 217 alt=""> 218 </a> 219 </div> 220 221 </div> 222 <hr style="margin: 0;"> 223 224 <!-- Collaboration Start --> 225 <div id="collaborators-placeholder" style="margin-top: 0;"> 226 227 </div> 228 <!-- Collaboration End --> 229 <hr style="margin: 0;"> 230 231 232 <!-- Modal Video --> 233 <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 234 <div class="modal-dialog">
235 <div class="modal-content rounded-0"> 236 <div class="modal-header"> 237 <h5 class="modal-title" id="exampleModalLabel"></h5> 238 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 239 </div> 240 <div class="modal-body"> 241 <!-- 16:9 aspect ratio --> 242 <div class="ratio ratio-16x9"> 243 <iframe class="embed-responsive-item" src="" id="video" allowfullscreen allowscriptaccess="always" 244 allow="autoplay"></iframe> 245 </div> 246 </div> 247 </div> 248 </div> 249 </div> 250 <!-- About End --> 251 <!-- Modal Structure --> 252 <div class="modal fade" id="descargaModal" tabindex="-1" aria-hidden="true"> 253 <div class="modal-dialog modal-dialog-centered"> 254 <div class="modal-content"> 255 <div class="modal-header border-0"> 256 <button type="button" class="btn-close rounded-circle" style="border:1px" data-bs-dismiss="modal" aria-label="Close"></button> 257 </div> 258 <div class="modal-body-0 text-center"> 259 <!-- Main Image --> 260 <a> 261 <img src="./img/descarga-img2.png" class="modal-main-img"> 262 </a> 263 264 <!-- Apple App Store --> 265 <a href="https://apps.apple.com/cl/app/appmetamorfosis/id6466329601" 266 target="_blank" rel="noopener"> 267 <img src="./img/badges/Apple-ES.svg" 268 alt="Download on the App Store" 269 class="store-badge"> 270 </a> 271 272 <!-- Google Play Store --> 273 <a href="https://play.google.com/store/apps/details?id=cl.cfrd.metamorfosis" 274 target="_blank"> 275 <img src="./img/badges/Google-ES.png" 276 alt="Get it on Google Play" 277 class="store-badge"> 278 </a> 279 280 </div> 281 282 </div> 283 </div> 284 </div> 285 <!-- End of External Modal--> 286 287 <!-- Footer Start --> 288 <!-- Footer placeholder --> 289 <div id="footer"></div> 290 <!-- Footer End--> 291 292 293 <!-- Copyright Start --> 294 <!-- Copyright placeholder --> 295 <div id="copyright"></div> 296 <!-- Copyright End --> 297 298 <!-- Back to Top --> 299 <a href="#" class="btn btn-primary btn-primary-outline-0 btn-md-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a> 300 301 302 <!-- JavaScript Libraries --> 303
303<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
303 304
304<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
304 305
305<script src="lib/wow/wow.min.js"></script>
305 306
306<script src="lib/easing/easing.min.js"></script>
306 307
307<script src="lib/waypoints/waypoints.min.js"></script>
307 308
308<script src="lib/counterup/counterup.min.js"></script>
308 309
309<script src="lib/lightbox/js/lightbox.min.js"></script>
309 310
310<script src="lib/owlcarousel/owl.carousel.min.js"></script>
310 311
311<script src="js/navBar.js"></script>
311 312 313 <!-- Template Javascript --> 314
314<script src="js/main.js"></script>
314 315
315<script> 316 window.onload = function() { 317 // Scroll to the top of the page 318 window.scrollTo(0, 0); 319 }; 320 </script>
320 321 </body> 322 323</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.