PageSourceSearch

https://somosmassalud.cl/

html somosmassalud.cl collected 2026-10-02 14:37:50 UTC 19,472 bytes, 323 lines download raw bytes

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&aacute;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&amp;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.