CCOM4030
/
pazParaMujer
Watch 4
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Producto Final

Heriberto Camacho 4 years ago
parent
43171d8c98
commit
9843a33099
78 changed files with 29855 additions and 0 deletions
Split View Show Diff Stats
  1. 59
    0
      www/agresion_sexual.html
  2. 60
    0
      www/app_en/agresion_sexual_en.html
  3. 60
    0
      www/app_en/area_central_en.html
  4. 61
    0
      www/app_en/area_este_en.html
  5. 62
    0
      www/app_en/area_norte_en.html
  6. 59
    0
      www/app_en/area_oeste_en.html
  7. 64
    0
      www/app_en/ayudas_en.html
  8. 53
    0
      www/app_en/buena_relacion_en.html
  9. 76
    0
      www/app_en/campanas_en.html
  10. 58
    0
      www/app_en/cerca_en.html
  11. 73
    0
      www/app_en/contacto_en.html
  12. 108
    0
      www/app_en/index.html
  13. 85
    0
      www/app_en/leyes_en.html
  14. 56
    0
      www/app_en/relacion_con_problemas_en.html
  15. 54
    0
      www/app_en/relacion_toxica_en.html
  16. 83
    0
      www/app_en/servicios_en.html
  17. 60
    0
      www/app_en/servicios_g_en.html
  18. 76
    0
      www/app_en/servicios_info_en.html
  19. 74
    0
      www/app_en/test_en.html
  20. 64
    0
      www/app_en/universidad_en.html
  21. 62
    0
      www/app_en/vd_as_en.html
  22. 57
    0
      www/app_en/vdomestica_en.html
  23. 56
    0
      www/app_en/vsexual_en.html
  24. 59
    0
      www/area_central.html
  25. 60
    0
      www/area_este.html
  26. 61
    0
      www/area_norte.html
  27. 58
    0
      www/area_oeste.html
  28. 63
    0
      www/ayudas.html
  29. 51
    0
      www/buena_relacion.html
  30. 66
    0
      www/campanas.html
  31. 58
    0
      www/cerca.html
  32. 73
    0
      www/contacto.html
  33. 3719
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.css
  34. 1
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.css.map
  35. 7
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.min.css
  36. 1
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.min.css.map
  37. 331
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.css
  38. 1
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.css.map
  39. 8
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.min.css
  40. 1
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.min.css.map
  41. 10038
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap.css
  42. 1
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap.css.map
  43. 7
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap.min.css
  44. 1
    0
      www/css/bootstrap-4.3.1-dist/css/bootstrap.min.css.map
  45. 7013
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.js
  46. 1
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.js.map
  47. 7
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js
  48. 1
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js.map
  49. 4435
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.js
  50. 1
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.js.map
  51. 7
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.min.js
  52. 1
    0
      www/css/bootstrap-4.3.1-dist/js/bootstrap.min.js.map
  53. 236
    0
      www/css/custom.css
  54. 95
    0
      www/css/index.css
  55. 52
    0
      www/css/serv.css
  56. BIN
      www/img/AMA.png
  57. BIN
      www/img/JANGUEA.png
  58. BIN
      www/img/JUEGA.png
  59. BIN
      www/img/LEYES.PNG
  60. BIN
      www/img/Themis-the-Greek-god-of-justice.jpg
  61. BIN
      www/img/logo.png
  62. 108
    0
      www/index.html
  63. 8
    0
      www/js/custom.js
  64. 432
    0
      www/js/index.js
  65. 239
    0
      www/js/quiz_preg.js
  66. 239
    0
      www/js/quiz_preg_en.js
  67. 83
    0
      www/leyes.html
  68. 85
    0
      www/quiz.html
  69. 53
    0
      www/relacion_con_problemas.html
  70. 51
    0
      www/relacion_toxica.html
  71. 83
    0
      www/servicios.html
  72. 59
    0
      www/servicios_g.html
  73. 75
    0
      www/servicios_info.html
  74. 71
    0
      www/test.html
  75. 63
    0
      www/universidad.html
  76. 61
    0
      www/vd_as.html
  77. 57
    0
      www/vdomestica.html
  78. 54
    0
      www/vsexual.html

+ 59
- 0
www/agresion_sexual.html View File 

@@ -0,0 +1,59 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Agresion Sexual</title>
11 
+	  <link href="https://fonts.googleapis.com/css?family=Lato&display=swap"	rel="stylesheet">
12 
+
13 
+    <style>
14 
+	     body {
15 
+	       font-family: 'Lato', sans-serif;
16 
+	       font-size: 12px;
17 
+	      }
18 
+	  </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Inicio</a>
34 
+            <a href="vdomestica.html">Violencia Doméstica</a>
35 
+            <a href="vsexual.html">Violencia Sexual</a>
36 
+            <a href="leyes.html">Leyes</a>
37 
+            <a href="campanas.html">Campañas</a>
38 
+            <a href="test.html">Test </a>
39 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
40 
+            <a href="cerca.html">Cerca de mi</a>
41 
+            <a href="contacto.html">Contacto</a>
42 
+            <a href="app_en/index.html">App en Ingles</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;"> Agresion Sexual </h2> </center>
54 
+    <p style="font-size:20px">✓ Centro Salud Justicia de Puerto Rico: (787)337-3737 (llamada o texto) </p>
55 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
56 
+
57 
+  </body>
58 
+
59 
+</html>

+ 60
- 0
www/app_en/agresion_sexual_en.html View File 

@@ -0,0 +1,60 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Agresion Sexual</title>
12 
+	  <link href="https://fonts.googleapis.com/css?family=Lato&display=swap"	rel="stylesheet">
13 
+
14 
+    <style>
15 
+	     body {
16 
+	       font-family: 'Lato', sans-serif;
17 
+	       font-size: 12px;
18 
+	      }
19 
+	  </style>
20 
+
21 
+  </head>
22 
+
23 
+  <body>
24 
+
25 
+    <!--MENU-->
26 
+    <div class="nav-bar">
27 
+      <div id="myNav" class="overlay">
28 
+
29 
+        <div>
30 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
31 
+        </div>
32 
+
33 
+          <div class="overlay-content">
34 
+            <a href="index.html">Start</a>
35 
+            <a href="vdomestica_en.html">Domestic Violence</a>
36 
+            <a href="vsexual_en.html">Sexual Violence</a>
37 
+            <a href="leyes_en.html">Laws</a>
38 
+            <a href="campanas_en.html">Campaings</a>
39 
+            <a href="test_en.html">Test </a>
40 
+            <a href="servicios_en.html">Find Help</a>
41 
+            <a href="cerca_en.html">Near Me</a>
42 
+            <a href="contacto_en.html">Contacts</a>
43 
+            <a href="../index.html">App in Spanish</a>
44 
+          </div>
45 
+      </div>
46 
+
47 
+      <p id="demo"></p>
48 
+    </div>
49 
+
50 
+    <div id="menubtn">
51 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+    </div>
53 
+
54 
+    <center> <h2 style="font-size:30px;"> Agresion Sexual </h2> </center>
55 
+    <p style="font-size:20px">✓ Centro Salud Justicia de Puerto Rico: (787)337-3737 (llamada o texto) </p>
56 
+    <a href="servicios_en.html">Return</a>
57 
+
58 
+  </body>
59 
+
60 
+</html>

+ 60
- 0
www/app_en/area_central_en.html View File 

@@ -0,0 +1,60 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Area Central</title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+    <style>
14 
+      body {
15 
+        font-family: 'Lato', sans-serif;
16 
+        font-size: 12px;
17 
+      }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+        <div>
28 
+
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Start</a>
34 
+            <a href="vdomestica_en.html">Domestic Violence</a>
35 
+            <a href="vsexual_en.html">Sexual Violence</a>
36 
+            <a href="leyes_en.html">Laws</a>
37 
+            <a href="campanas_en.html">Campaings</a>
38 
+            <a href="test_en.html">Test </a>
39 
+            <a href="servicios_en.html">Find Help</a>
40 
+            <a href="cerca_en.html">Near Me</a>
41 
+            <a href="contacto_en.html">Contacts</a>
42 
+            <a href="../index.html">App in Spanish</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;">Area Central </h2> </center>
54 
+    <p style="font-size:20px"> ✓ Hogar Nueva Mujer Santa María de la Merced, Inc.: (787) 263-6473 ó (787) 263-8980 </p>
55 
+    <p style="font-size:20px"> ✓ Hogar La Piedad: (787) 258-5162, (787) 743-7658 </p>
56 
+    <a href="servicios_en.html">Return</a>
57 
+
58 
+  </body>
59 
+
60 
+</html>

+ 61
- 0
www/app_en/area_este_en.html View File 

@@ -0,0 +1,61 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Area Este</title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+
14 
+    <style>
15 
+      body {
16 
+        font-family: 'Lato', sans-serif;
17 
+        font-size: 12px;
18 
+      }
19 
+    </style>
20 
+
21 
+  </head>
22 
+
23 
+  <body>
24 
+
25 
+    <!--MENU-->
26 
+    <div class="nav-bar">
27 
+      <div id="myNav" class="overlay">
28 
+
29 
+        <div>
30 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
31 
+        </div>
32 
+
33 
+          <div class="overlay-content">
34 
+            <a href="index.html">Start</a>
35 
+            <a href="vdomestica_en.html">Domestic Violence</a>
36 
+            <a href="vsexual_en.html">Sexual Violence</a>
37 
+            <a href="leyes_en.html">Laws</a>
38 
+            <a href="campanas_en.html">Campaings</a>
39 
+            <a href="test_en.html">Test </a>
40 
+            <a href="servicios_en.html">Find Help</a>
41 
+            <a href="cerca_en.html">Near Me</a>
42 
+            <a href="contacto_en.html">Contacts</a>
43 
+            <a href="../index.html">App in Spanish</a>
44 
+          </div>
45 
+      </div>
46 
+
47 
+      <p id="demo"></p>
48 
+    </div>
49 
+
50 
+    <div id="menubtn">
51 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+    </div>
53 
+
54 
+    <center> <h2 style="font-size:30px;">Area Este </h2> </center>
55 
+    <p style="font-size:20px"> ✓ Casa de la Bondad, Inc.: (787) 852-7265, (787) 852-2087 </p>
56 
+    <p style="font-size:20px"> ✓ Casa de Todos: (787) 734-3132, (787) 223-1886 </p>
57 
+    <a href="servicios_en.html">Return</a>
58 
+
59 
+  </body>
60 
+
61 
+</html>

+ 62
- 0
www/app_en/area_norte_en.html View File 

@@ -0,0 +1,62 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Area Norte</title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+
14 
+    <style>
15 
+      body {
16 
+        font-family: 'Lato', sans-serif;
17 
+        font-size: 12px;
18 
+      }
19 
+    </style>
20 
+
21 
+  </head>
22 
+
23 
+  <body>
24 
+
25 
+    <!--MENU-->
26 
+    <div class="nav-bar">
27 
+      <div id="myNav" class="overlay">
28 
+
29 
+        <div>
30 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
31 
+        </div>
32 
+
33 
+          <div class="overlay-content">
34 
+            <a href="index.html">Start</a>
35 
+            <a href="vdomestica_en.html">Domestic Violence</a>
36 
+            <a href="vsexual_en.html">Sexual Violence</a>
37 
+            <a href="leyes_en.html">Laws</a>
38 
+            <a href="campanas_en.html">Campaings</a>
39 
+            <a href="test_en.html">Test </a>
40 
+            <a href="servicios_en.html">Find Help</a>
41 
+            <a href="cerca_en.html">Near Me</a>
42 
+            <a href="contacto_en.html">Contacts</a>
43 
+            <a href="../index.html">App in Spanish</a>
44 
+          </div>
45 
+      </div>
46 
+
47 
+      <p id="demo"></p>
48 
+    </div>
49 
+
50 
+    <div id="menubtn">
51 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+    </div>
53 
+
54 
+    <center> <h2 style="font-size:30px;">Area Norte </h2> </center>
55 
+    <p style="font-size:20px"> ✓ Casa Protegida Julia de Burgos, Inc. :(787) 723- 3500 </p>
56 
+    <p style="font-size:20px"> ✓ Hogar Ruth, Inc.: (787) 883-1805, (787) 883-1884 ó (787) 792-6596 </p>
57 
+    <p style="font-size:20px"> ✓ Casa Protegida de Mujeres y Niños, CAPROMUNI I: (787) 880-2272</p>
58 
+    <a href="servicios_en.html">Return</a>
59 
+
60 
+  </body>
61 
+
62 
+</html>

+ 59
- 0
www/app_en/area_oeste_en.html View File 

@@ -0,0 +1,59 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+  <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+  <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+  <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+  <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+  <title>Area Oeste</title>
12 
+  <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+
14 
+  <style>
15 
+    body {
16 
+      font-family: 'Lato', sans-serif;
17 
+      font-size: 12px;
18 
+    }
19 
+  </style>
20 
+
21 
+</head>
22 
+
23 
+<body>
24 
+
25 
+  <!--MENU-->
26 
+  <div class="nav-bar">
27 
+    <div id="myNav" class="overlay">
28 
+
29 
+      <div>
30 
+        <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
31 
+      </div>
32 
+
33 
+        <div class="overlay-content">
34 
+          <a href="index.html">Start</a>
35 
+          <a href="vdomestica_en.html">Domestic Violence</a>
36 
+          <a href="vsexual_en.html">Sexual Violence</a>
37 
+          <a href="leyes_en.html">Laws</a>
38 
+          <a href="campanas_en.html">Campaings</a>
39 
+          <a href="test_en.html">Test </a>
40 
+          <a href="servicios_en.html">Find Help</a>
41 
+          <a href="cerca_en.html">Near Me</a>
42 
+          <a href="contacto_en.html">Contacts</a>
43 
+          <a href="../index.html">App in Spanish</a>
44 
+        </div>
45 
+    </div>
46 
+
47 
+    <p id="demo"></p>
48 
+  </div>
49 
+
50 
+  <div id="menubtn">
51 
+    <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+  </div>
53 
+
54 
+  <center> <h2 style="font-size:30px;">Area Oeste </h2> </center>
55 
+  <p style="font-size:20px"> ✓ Casa Protegida de Mujeres y Niños, CAPROMUNI II: (787) 831-2272 </p>
56 
+  <a href="servicios_en.html">Return</a>
57 
+
58 
+</body>
59 
+</html>

+ 64
- 0
www/app_en/ayudas_en.html View File 

@@ -0,0 +1,64 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Donde Buscar Ayuda </title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+
14 
+    <style>
15 
+      body {
16 
+        font-family: 'Lato', sans-serif;
17 
+        font-size: 12px;
18 
+      }
19 
+    </style>
20 
+
21 
+  </head>
22 
+
23 
+  <body>
24 
+
25 
+    <!--MENU-->
26 
+    <div class="nav-bar">
27 
+      <div id="myNav" class="overlay">
28 
+
29 
+        <div>
30 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
31 
+        </div>
32 
+
33 
+          <div class="overlay-content">
34 
+            <a href="index.html">Start</a>
35 
+            <a href="vdomestica_en.html">Domestic Violence</a>
36 
+            <a href="vsexual_en.html">Sexual Violence</a>
37 
+            <a href="leyes_en.html">Laws</a>
38 
+            <a href="campanas_en.html">Campaings</a>
39 
+            <a href="test_en.html">Test </a>
40 
+            <a href="servicios_en.html">Find Help</a>
41 
+            <a href="cerca_en.html">Near Me</a>
42 
+            <a href="contacto_en.html">Contacts</a>
43 
+            <a href="../index.html">App in Spanish</a>
44 
+          </div>
45 
+      </div>
46 
+
47 
+      <p id="demo"></p>
48 
+    </div>
49 
+
50 
+    <div id="menubtn">
51 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+    </div>
53 
+
54 
+    <center> <h2 style="font-size:30px;">Donde Buscar Ayuda </h2> </center>
55 
+    <p style="font-size:20px"> ✓ 9-1-1 </p>
56 
+    <p style="font-size:20px"> ✓ Sala de Emergencia más cercana </p>
57 
+    <p style="font-size:20px"> ✓ Policía de Puerto Rico (787) 343-2020 </p>
58 
+    <p style="font-size:20px"> ✓ División de Delitos Sexuales y Maltrato a Menores: (787)793-1234 x. 2467, </p>
59 
+    <p style="font-size:20px"> ✓ División Especializada de Violencia Doméstica: (787) 548-0146,(787)793-1234 x. 2470 </p>
60 
+    <a href="servicios_en.html">Return</a>
61 
+
62 
+  </body>
63 
+
64 
+</html>

+ 53
- 0
www/app_en/buena_relacion_en.html View File 

@@ -0,0 +1,53 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Start</a>
25 
+              <a href="vdomestica_en.html">Domestic Violence</a>
26 
+              <a href="vsexual_en.html">Sexual Violence</a>
27 
+              <a href="leyes_en.html">Laws</a>
28 
+              <a href="campanas_en.html">Campaings</a>
29 
+              <a href="test_en.html">Test </a>
30 
+              <a href="servicios_en.html">Find Help</a>
31 
+              <a href="cerca_en.html">Near Me</a>
32 
+              <a href="contacto_en.html">Contacts</a>
33 
+              <a href="../index.html">App in Spanish</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+
45 
+      <!--CONTENT-->
46 
+
47 
+      <h1 style="text-align: center; font-size:30px;">You are in a Healthy Relationship!</h1>
48 
+
49 
+      <p>The results of your autoevaluation show that you are in a healthy relationship. As with all relationships, there might be unsavory moments
50 
+      or unplesant characteristics in your partner, but they can be managed by maintaining good comunication and a mutual understanding.</p>
51 
+
52 
+    </body>
53 
+</html>

+ 76
- 0
www/app_en/campanas_en.html View File 

@@ -0,0 +1,76 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    </head>
12 
+    <body>
13 
+      <!--MENU-->
14 
+      <div class="nav-bar">
15 
+        <div id="myNav" class="overlay">
16 
+          <div>
17 
+
18 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
19 
+          </div>
20 
+
21 
+            <div class="overlay-content">
22 
+              <a href="index.html">Start</a>
23 
+              <a href="vdomestica_en.html">Domestic Violence</a>
24 
+              <a href="vsexual_en.html">Sexual Violence</a>
25 
+              <a href="leyes_en.html">Laws</a>
26 
+              <a href="campanas_en.html">Campaings</a>
27 
+              <a href="test_en.html">Test </a>
28 
+              <a href="servicios_en.html">Find Help</a>
29 
+              <a href="cerca_en.html">Near Me</a>
30 
+              <a href="contacto_en.html">Contacts</a>
31 
+              <a href="../index.html">App in Spanish</a>
32 
+            </div>
33 
+        </div>
34 
+
35 
+        <p id="demo"></p>
36 
+        </div>
37 
+        <div id="menubtn">
38 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
39 
+        </div>
40 
+      </div>
41 
+
42 
+      <center><h1 style=" font-size:30px;">Campaings</h1></center>
43 
+
44 
+      <!--CONTENT-->
45 
+      <br>
46 
+      <center> <h2>Janguea Consenti2</h2> </center>
47 
+      <center> <img src="../img/JANGUEA.png" alt="JANGUEA CON SENTIDO" style= "width:300px;height:300px;"> </center>
48 
+      <br>
49 
+      <p> Educational campaign for the prevention and identification of
50 
+          sexual assault in multitudiniary events such as the San Sebastian Street Festival in
51 
+          January as well as at the Justas LAI athletic event organized by the athletic league
52 
+          of the Interuniversitaria (LAI) university along with 21 other participating
53 
+          universities. (Website, educational materials such as posters and pamphlets)</p>
54 
+
55 
+      <br>
56 
+      <center> <h2>AMACONSENTIDO</h2> </center>
57 
+      <center> <img src="../img/AMA.png" alt="AMACONSENTIDO" style="width:300px;height:300px;"> </center>
58 
+      <br>
59 
+      <p>Campaign for the prevention and identification of dating
60 
+         violence as well as promoting healthy relationships with a focus on the months of
61 
+         January and February by using educational materials such as memes, online
62 
+         questionnaires on intimate relationships, posters and workshops for younger
63 
+         people.</p>
64 
+
65 
+      <br>
66 
+      <center> <h2>Juega pal Equipo</h2> </center>
67 
+      <center> <img src="../img/JUEGA.png" alt="JUEGA PAL EQUIPO" style="width:300px;height:300px;"> </center>
68 
+      <br>
69 
+      <p> Campaign for the prevention and identification of sexual assault
70 
+          in sports, tailord toward athletes and coaches in the context of schools and
71 
+          universities that specialize in athletics. Educational material is comprised of
72 
+          handbooks, memes, and commercials. </p>
73 
+
74 
+
75 
+    </body>
76 
+</html>

+ 58
- 0
www/app_en/cerca_en.html View File 

@@ -0,0 +1,58 @@
1 
+<!DOCTYPE html>
2 
+
3 
+<html>
4 
+    <head>
5 
+
6 
+
7 
+            <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
8 
+            <link rel="stylesheet" type="text/css" href="../css/custom.css">
9 
+
10 
+            <script type="text/javascript" src="../js/custom.js"></script>
11 
+
12 
+        <meta name="format-detection" content="telephone=no">
13 
+        <meta name="msapplication-tap-highlight" content="no">
14 
+        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
15 
+        <link rel="stylesheet" type="text/css" href="../css/index.css">
16 
+
17 
+    </head>
18 
+    <body>
19 
+
20 
+              <!-- MENU -->
21 
+      <div class="nav-bar">
22 
+            <div id="myNav" class="overlay">
23 
+              <div>
24 
+               <!-- <h2>Menu</h2> -->
25 
+                <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
26 
+              </div>
27 
+
28 
+                <div class="overlay-content">
29 
+                  <a href="index.html">Start</a>
30 
+                  <a href="vdomestica_en.html">Domestic Violence</a>
31 
+                  <a href="vsexual_en.html">Sexual Violence</a>
32 
+                  <a href="leyes_en.html">Laws</a>
33 
+                  <a href="campanas_en.html">Campaings</a>
34 
+                  <a href="test_en.html">Test </a>
35 
+                  <a href="servicios_en.html">Find Help</a>
36 
+                  <a href="cerca_en.html">Near Me</a>
37 
+                  <a href="contacto_en.html">Contacts</a>
38 
+                  <a href="../index.html">App in Spanish</a>
39 
+                </div>
40 
+            </div>
41 
+
42 
+            <p id="demo"></p>
43 
+            </div>
44 
+            <div id="menubtn">
45 
+              <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
46 
+            </div>
47 
+          </div>
48 
+
49 
+
50 
+        <div id="map">
51 
+
52 
+        </div>
53 
+
54 
+        <script type="text/javascript" src="../cordova.js"></script>
55 
+        <script type="text/javascript" src="../js/index.js"></script>
56 
+        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDVW7P2iKOS8DE91D7JU077DjB9hH7K8eQ&callback=initMap"></script>
57 
+    </body>
58 
+</html>

+ 73
- 0
www/app_en/contacto_en.html View File 

@@ -0,0 +1,73 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
11 
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
12 
+
13 
+    </head>
14 
+    <body>
15 
+
16 
+      <!-- MENU -->
17 
+      <div class="nav-bar">
18 
+        <div id="myNav" class="overlay">
19 
+          <div>
20 
+
21 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
22 
+          </div>
23 
+
24 
+            <div class="overlay-content">
25 
+              <a href="index.html">Start</a>
26 
+              <a href="vdomestica_en.html">Domestic Violence</a>
27 
+              <a href="vsexual_en.html">Sexual Violence</a>
28 
+              <a href="leyes_en.html">Laws</a>
29 
+              <a href="campanas_en.html">Campaings</a>
30 
+              <a href="test_en.html">Test </a>
31 
+              <a href="servicios_en.html">Find Help</a>
32 
+              <a href="cerca_en.html">Near Me</a>
33 
+              <a href="contacto_en.html">Contacts</a>
34 
+              <a href="../index.html">App in Spanish</a>
35 
+            </div>
36 
+        </div>
37 
+
38 
+        <p id="demo"></p>
39 
+        </div>
40 
+        <div id="menubtn">
41 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
42 
+        </div>
43 
+      </div>
44 
+
45 
+      <!--CONTENT-->
46 
+
47 
+      <div class="top-div">
48 
+
49 
+
50 
+        <div class="app">
51 
+
52 
+            <div class="info-section">
53 
+                <h1 style="text-align: center; font-size:30px;">Contáctanos</h1>
54 
+
55 
+                   <ul style="list-style-type:none;">
56 
+
57 
+                      <li><b>Tel: </b> (787) 281-7579</li>
58 
+                      <li><a href="#" class="fa fa-envelope"></i></a>  info@pazparalamujer.org</li>
59 
+                      <li><a href="#" class="fa fa-facebook"></a> Paz Mujer </li>
60 
+                      <li><a href="#" class="fa fa-twitter"></a> pazparalamujer </li>
61 
+                      <li><a href="#" class="fa fa-instagram"></a></span> </b> pazmujer</li>
62 
+                      <li><a href="#" class="fa fa-youtube"></a> pazmujer</li>
63 
+                    </ul>
64 
+            </div>
65 
+
66 
+
67 
+
68 
+
69 
+          </div>
70 
+        </div>
71 
+
72 
+    </body>
73 
+    </html>

+ 108
- 0
www/app_en/index.html View File 

@@ -0,0 +1,108 @@
1 
+<!-- Version en ingles de lla aplicacion. Se pondra en un futuro un enlace que
2 
+podra llevar al usuario a ambas versiones -->
3 
+
4 
+<!DOCTYPE html>
5 
+<html>
6 
+    <head>
7 
+        <meta charset="utf-8">
8 
+
9 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
10 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
11 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
12 
+
13 
+        <script type="text/javascript" src="../js/custom.js"></script>
14 
+
15 
+
16 
+    </head>
17 
+    <body>
18 
+
19 
+      <!-- MENU -->
20 
+      <div class="nav-bar">
21 
+        <div id="myNav" class="overlay">
22 
+          <div>
23 
+           <!-- <h2>Menu</h2> -->
24 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
25 
+          </div>
26 
+
27 
+            <div class="overlay-content">
28 
+              <a href="index.html">Start</a>
29 
+              <a href="vdomestica_en.html">Domestic Violence</a>
30 
+              <a href="vsexual_en.html">Sexual Violence</a>
31 
+              <a href="leyes_en.html">Laws</a>
32 
+              <a href="campanas_en.html">Campaings</a>
33 
+              <a href="test_en.html">Test </a>
34 
+              <a href="servicios_en.html">Find Help</a>
35 
+              <a href="cerca_en.html">Near Me</a>
36 
+              <a href="contacto_en.html">Contacts</a>
37 
+              <a href="../index.html">App in Spanish</a>
38 
+            </div>
39 
+        </div>
40 
+
41 
+        <p id="demo"></p>
42 
+        </div>
43 
+        <div id="menubtn">
44 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
45 
+        </div>
46 
+      </div>
47 
+
48 
+      <!--CONTENT
49 
+      <div class="top-div">
50 
+        <img class="top-img" src="img/logo.png" style= "display: block; width:320px;height:300px; margin-left: auto; margin-right: auto;">
51 
+
52 
+      </div>
53 
+    -->
54 
+
55 
+    <div class="top-div">
56 
+        <center> <img src="../img/logo.png" alt="LOGO" style= "width:280px;height:250px;"> </center>
57 
+
58 
+      </div>
59 
+      <div class="app">
60 
+
61 
+          <div class="info-section">
62 
+              <h1 style="text-align: center;">Who are we?</h1>
63 
+
64 
+              <p> <b>Coordinadora Paz para las Mujeres, Inc. (CPM)</b> is a coalition comprised of
65 
+                     approximately (49) organizations and individual members that recognize and
66 
+                     defend women’s rights and develop services, research and assignments centered
67 
+                     around gender-based violence affecting women. </p>
68 
+
69 
+                  <p><b>Currently, the coalition is comprised by: </b></p>
70 
+
71 
+                 <ul style="list-style-type:circle;">
72 
+                    <li>Shelter for domestic violence survivors and their children</li>
73 
+                    <li>Non-residential service centers for victims of domestic violence and
74 
+                        sexual assault</li>
75 
+                    <li>Feminist organizations, individual feminists, and human right’s activists.</li>
76 
+                    <li>Universities and governmental organizations that support the CPM
77 
+                        philosophy.</li>
78 
+                  </ul>
79 
+          </div>
80 
+
81 
+
82 
+          <div class="info-section">
83 
+              <p> <b>Coordinadora Paz para las Mujeres provides: </b></p>
84 
+
85 
+              <ul style="list-style-type:circle;">
86 
+                  <li>Community-based education</li>
87 
+                  <li>Technical assistance to organizations</li>
88 
+                  <li>Support through referrals to survivors of domestic violence and sexual
89 
+                      assault victims.</li>
90 
+                  <li>Educational services focused on under supported populations</li>
91 
+                  <li>Support services in public policies</li>
92 
+                  <li>Interagency collaboration</li>
93 
+                  <li>Education campaigns</li>
94 
+                  <li>Voz de Voces newspaper</li>
95 
+                  <li>Videos and educational materials</li>
96 
+                </ul>
97 
+
98 
+              <p><b>CPM’s mission</b> is to strengthen gender equality and human rights in coordination with members
99 
+                    and the community. Our vision is a country free of violence.</p>
100 
+
101 
+          </div>
102 
+
103 
+        </div>
104 
+      </div>
105 
+
106 
+
107 
+    </body>
108 
+</html>

+ 85
- 0
www/app_en/leyes_en.html View File 

@@ -0,0 +1,85 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+        <title>Ordenes de Protección en Violencia Domestica y Agresión Sexual</title>
12 
+
13 
+    </head>
14 
+    <body>
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Start</a>
25 
+              <a href="vdomestica_en.html">Domestic Violence</a>
26 
+              <a href="vsexual_en.html">Sexual Violence</a>
27 
+              <a href="leyes_en.html">Laws</a>
28 
+              <a href="campanas_en.html">Campaings</a>
29 
+              <a href="test_en.html">Test </a>
30 
+              <a href="servicios_en.html">Find Help</a>
31 
+              <a href="cerca_en.html">Near Me</a>
32 
+              <a href="contacto_en.html">Contacts</a>
33 
+              <a href="../index.html">App in Spanish</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+      <h1 style="text-align: center; font-size:30px;"> Laws</h1>
45 
+
46 
+      <!--CONTENT-->
47 
+
48 
+
49 
+        <div class="top-div">
50 
+          <center> <img src="../img/LEYES.PNG" alt="LEYES" style= "width:300px;height:300px;"> </center>
51 
+           <br>
52 
+        </div>
53 
+
54 
+        <div class="app">
55 
+          <div id="deviceready">
56 
+            <h2 style="padding-right: 20px;padding-left: 20px;">Law 54: Protection Order in Domestic Violence situations:</h2>
57 
+            <div class="info-section">
58 
+
59 
+                <p> Civil remedy available under the
60 
+                    “Law for the prevention and intervention in cases of Domestic Violence”, Law num. 54 of
61 
+                    August 15, 1989 with the purpose of attaining protection for the victim of domestic violence,
62 
+                    regardless of sex, marital status, sexual orientation, gender indentity or immigration status of
63 
+                    any of the individuals that comprise the relationship. As well as the protection of their
64 
+                    offspring, family members and property. </p>
65 
+            </div>
66 
+
67 
+            <h2 style="padding-right: 20px;padding-left: 20px;">Law 148: Protection Order in Sexual Assault Situations: </h2>
68 
+            <div class="info-section">
69 
+                <p> Civil remedy available under Law Num.
70 
+                    148 of September 15, 2015: Law for the Protection of Victims of Sexual Violence in Puerto Rico.
71 
+                    This law provides access to a protection order that serves to prohibit an agresor from coming
72 
+                    within distance, o attempting to contact the sexual violence victim/survivor, as defined in the
73 
+                    Penal Code.</p>
74 
+
75 
+                <p> <b>You can request a protection order and the company of a legal advisor or advocated in any
76 
+                       Judicial Center in Puerto Rico</b></p>
77 
+
78 
+
79 
+            </div>
80 
+
81 
+          </div>
82 
+        </div>
83 
+
84 
+  </body>
85 
+</html>

+ 56
- 0
www/app_en/relacion_con_problemas_en.html View File 

@@ -0,0 +1,56 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Start</a>
25 
+              <a href="vdomestica_en.html">Domestic Violence</a>
26 
+              <a href="vsexual_en.html">Sexual Violence</a>
27 
+              <a href="leyes_en.html">Laws</a>
28 
+              <a href="campanas_en.html">Campaings</a>
29 
+              <a href="test_en.html">Test </a>
30 
+              <a href="servicios_en.html">Find Help</a>
31 
+              <a href="cerca_en.html">Near Me</a>
32 
+              <a href="contacto_en.html">Contacts</a>
33 
+              <a href="../index.html">App in Spanish</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+
45 
+      <!--CONTENT-->
46 
+
47 
+      <h1 style="text-align: center; font-size:30px;">Su relación puede mejorar</h1>
48 
+
49 
+      <p>The results of your autoevaluation show that that your relationship has some issues. In all relationships
50 
+      there will come a time when conflict arises, and you might feel pressured to keep the relationship going. As such,
51 
+      is important to keep in mind that a relationship is built upon mutual respect, trust, honesty, support, equality,
52 
+      separate identities, and a healthy, open communication. Reinforcing and improving these aspects are important to
53 
+      imprve the relationship.</p>
54 
+
55 
+    </body>
56 
+</html>

+ 54
- 0
www/app_en/relacion_toxica_en.html View File 

@@ -0,0 +1,54 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Start</a>
25 
+              <a href="vdomestica_en.html">Domestic Violence</a>
26 
+              <a href="vsexual_en.html">Sexual Violence</a>
27 
+              <a href="leyes_en.html">Laws</a>
28 
+              <a href="campanas_en.html">Campaings</a>
29 
+              <a href="test_en.html">Test </a>
30 
+              <a href="servicios_en.html">Find Help</a>
31 
+              <a href="cerca_en.html">Near Me</a>
32 
+              <a href="contacto_en.html">Contacts</a>
33 
+              <a href="../index.html">App in Spanish</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+
45 
+      <!--CONTENT-->
46 
+
47 
+      <h1 style="text-align: center; font-size:30px;"><span class="urgent">URGENT!</span>: You are in a Unhealthy Relationship!</h1>
48 
+
49 
+      <p>The results of your autoevaluation show that your relationship is not a healthy one. Knowing this, consider
50 
+      <a href="servicios_en.html">looking for help</a> should it be a serious situation. You might also want to consider ending the relationship,
51 
+       as it shouldn't be the root of your pains or unhappiness.</p>
52 
+
53 
+    </body>
54 
+</html>

+ 83
- 0
www/app_en/servicios_en.html View File 

@@ -0,0 +1,83 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+        <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+
10 
+        <script type="text/javascript" src="../js/custom.js"></script>
11 
+
12 
+        <script type="text/javascript">
13 
+        $(document).ready(function(e) {
14 
+           $('.has-sub').click(function(){
15 
+        		$(this).toggleClass('tap');
16 
+        	});
17 
+        });
18 
+        </script>
19 
+
20 
+
21 
+    </head>
22 
+    <body>
23 
+
24 
+      <!--MENU-->
25 
+      <div class="nav-bar">
26 
+        <div id="myNav" class="overlay">
27 
+          <div>
28 
+
29 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+          </div>
31 
+
32 
+            <div class="overlay-content">
33 
+              <a href="index.html">Start</a>
34 
+              <a href="vdomestica_en.html">Domestic Violence</a>
35 
+              <a href="vsexual_en.html">Sexual Violence</a>
36 
+              <a href="leyes_en.html">Laws</a>
37 
+              <a href="campanas_en.html">Campaings</a>
38 
+              <a href="test_en.html">Test </a>
39 
+              <a href="servicios_en.html">Find Help</a>
40 
+              <a href="cerca_en.html">Near Me</a>
41 
+              <a href="contacto_en.html">Contacts</a>
42 
+              <a href="../index.html">App in Spanish</a>
43 
+            </div>
44 
+        </div>
45 
+
46 
+        <p id="demo"></p>
47 
+        </div>
48 
+        <div id="menubtn">
49 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
50 
+        </div>
51 
+      </div>
52 
+
53 
+
54 
+      <!--CONTENT-->
55 
+
56 
+      <nav class="main-nav">
57 
+      	<ul class="main-nav-ul">
58 
+
59 
+          <li><a href="ayudas_en.html">Where to look for help</a></li>
60 
+          <li class="has-sub"><a href="#">24/7 Phoneline for Orientation and Aid<span class="sub-arrow"></span></a>
61 
+            <ul>
62 
+             	<li><a href="agresion_sexual_en.html">Sexual Aggresion</a></li>
63 
+              <li><a href="vd_as_en.html">Domestic Violence and Sexual Aggresion</a></li>
64 
+            </ul>
65 
+          </li>
66 
+
67 
+          <li class="has-sub"><a href="#">Shelters in Puerto Rico<span class="sub-arrow"></span></a>
68 
+            <ul>
69 
+              <li><a href="area_norte_en.html">North Area</a></li>
70 
+              <li><a href="area_este_en.html">East Area</a></li>
71 
+      	      <li><a href="area_oeste_en.html">West Area</a></li>
72 
+              <li><a href="area_central_en.html">Central Area</a></li>
73 
+            </ul>
74 
+          </li>
75 
+
76 
+          <li><a href="servicios_info_en.html">Service Centers</a></li>
77 
+          <li><a href="servicios_g_en.html">Center of Goverment Services</a></li>
78 
+          <li><a href="universidad_en.html">Universities</a></li>
79 
+        </ul>
80 
+      </nav>
81 
+
82 
+    </body>
83 
+</html>

+ 60
- 0
www/app_en/servicios_g_en.html View File 

@@ -0,0 +1,60 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Centros de Servicios Gubernamentales</title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+    <style>
14 
+      body {
15 
+        font-family: 'Lato', sans-serif;
16 
+        font-size: 12px;
17 
+      }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Start</a>
34 
+            <a href="vdomestica_en.html">Domestic Violence</a>
35 
+            <a href="vsexual_en.html">Sexual Violence</a>
36 
+            <a href="leyes_en.html">Laws</a>
37 
+            <a href="campanas_en.html">Campaings</a>
38 
+            <a href="test_en.html">Test </a>
39 
+            <a href="servicios_en.html">Find Help</a>
40 
+            <a href="cerca_en.html">Near Me</a>
41 
+            <a href="contacto_en.html">Contacts</a>
42 
+            <a href="../index.html">App in Spanish</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;">Centros de Servicios Gubernamentales </h2> </center>
54 
+    <p style="font-size:20px"> ✓ Proyecto RAMA, Municipio de Carolina: 787-701-2395, Línea 24/7: 787-769-4000 </p>
55 
+    <p style="font-size:20px"> ✓ Oficina de la Procuradora de las Mujeres: 787-722-2977 </p>
56 
+    <a href="servicios_en.html">Return</a>
57 
+
58 
+  </body>
59 
+
60 
+</html>

+ 76
- 0
www/app_en/servicios_info_en.html View File 

@@ -0,0 +1,76 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Centro de Servicios</title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+    <style>
14 
+      body {
15 
+        font-family: 'Lato', sans-serif;
16 
+        font-size: 12px;
17 
+      }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Start</a>
34 
+            <a href="vdomestica_en.html">Domestic Violence</a>
35 
+            <a href="vsexual_en.html">Sexual Violence</a>
36 
+            <a href="leyes_en.html">Laws</a>
37 
+            <a href="campanas_en.html">Campaings</a>
38 
+            <a href="test_en.html">Test </a>
39 
+            <a href="servicios_en.html">Find Help</a>
40 
+            <a href="cerca_en.html">Near Me</a>
41 
+            <a href="contacto_en.html">Contacts</a>
42 
+            <a href="../index.html">App in Spanish</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;">Centro de Servicios </h2> </center>
54 
+    <p style="font-size:20px"> ✓ Casa Pensamiento Mujer del Centro (Aibonito): (787)735-3200, (787)735-6698 </p>
55 
+    <p style="font-size:20px"> ✓ Casa Juana Colón (Comerío): (787)875-3170 </p>
56 
+    <p style="font-size:20px"> ✓ Centro de la Mujer Dominicana (San Juan): (787)772-9251 </p>
57 
+    <p style="font-size:20px"> ✓ Envejecer en Armonía (Aibonito): (787)735-2126 </p>
58 
+    <p style="font-size:20px"> ✓ Fundación Alas a la Mujer: (San Juan) (787)783-4535, (Utuado) (787)894-8495 </p>
59 
+    <p style="font-size:20px"> ✓ Grupo de Apoyo Mujer eres Especial (Lares):(787)299-6876 </p>
60 
+    <p style="font-size:20px"> ✓ Oficina para Promoción y Desarrollo Humano, OPDH (Arecibo): (787) 817-6951, (787) 817-6954 </p>
61 
+    <p style="font-size:20px"> ✓ Centro Salud Justicia de Puerto Rico (Caguas): (787)743-3038 ext. 3210 </p>
62 
+    <p style="font-size:20px"> ✓ Centro Comunitario LGBT (San Juan): (787) 294-9850 </p>
63 
+    <p style="font-size:20px"> ✓ Taller Salud (Loíza): (787) 876-3440, (787)256-7568 </p>
64 
+    <p style="font-size:20px"> ✓ Profamilias (San Juan): (787) 765-7373 </p>
65 
+    <p style="font-size:20px"> ✓ Mujeres de Islas (Culebra): (787) 413-3436 </p>
66 
+    <p style="font-size:20px"> ✓ Instituto del Hogar Celia y Harrys Bunker, Proyecto Criando para la Paz (San Juan): (787)765-7899, (787) 765-7896 </p>
67 
+    <p style="font-size:20px"> ✓ Casa Protegida Luisa Capetillo (Arecibo): (939) 246-3728 </p>
68 
+    <p style="font-size:20px"> ✓ Centro de Apoyo para Víctimas el Crimen, CAVIC (San Juan): (787)763-6337 </p>
69 
+    <p style="font-size:20px"> ✓ Programa de Asistencia Integral a Víctimas del Crimen, PAIVC (San Juan): (787) 522-1342, 787-764-0000 exts. 87680, 87681 </p>
70 
+    <p style="font-size:20px"> ✓ Centro de Servicios Psicológicos Nueva Vida (Arecibo): (787) 881-1212 exts. 6072, 6103, 6106 </p>
71 
+    <p style="font-size:20px"> ✓ Programa de Violencia Doméstica, Universidad Carlos Albizu (San Juan): (787)725-6500 exts. 1107, 1117 </p>
72 
+    <a href="servicios_en.html">Return</a>
73 
+
74 
+  </body>
75 
+
76 
+</html>

+ 74
- 0
www/app_en/test_en.html View File 

@@ -0,0 +1,74 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Start</a>
25 
+              <a href="vdomestica_en.html">Domestic Violence</a>
26 
+              <a href="vsexual_en.html">Sexual Violence</a>
27 
+              <a href="leyes_en.html">Laws</a>
28 
+              <a href="campanas_en.html">Campaings</a>
29 
+              <a href="test_en.html">Test </a>
30 
+              <a href="servicios_en.html">Find Help</a>
31 
+              <a href="cerca_en.html">Near Me</a>
32 
+              <a href="contacto_en.html">Contacts</a>
33 
+              <a href="../index.html">App in Spanish</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+
45 
+      <!--CONTENT-->
46 
+
47 
+      <div class="top-div">
48 
+        <div class="top-quiz-title">Autoevaluate your relationship</div>
49 
+      </div>
50 
+
51 
+      <div class="app">
52 
+        <div id="container">
53 
+          <div class="container">
54 
+
55 
+            <div class="inicio" id="start"> Do you have a healthy relationship?</div>
56 
+            <div id = "quiz" style="display: none">
57 
+              <div class="pregunta" id="pregunta"></div>
58 
+              <div id="opciones">
59 
+                <div class="opcion" id="1"></div>
60 
+                <div class="opcion" id="2"></div>
61 
+                <div class="opcion" id="3"></div>
62 
+              </div>
63 
+            </div>
64 
+
65 
+          </div>
66 
+
67 
+        </div>
68 
+      </div>
69 
+
70 
+    <script type="text/javascript" src="../js/quiz_preg_en.js"></script>
71 
+
72 
+
73 
+    </body>
74 
+</html>

+ 64
- 0
www/app_en/universidad_en.html View File 

@@ -0,0 +1,64 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Universidades </title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+    <style>
14 
+      body {
15 
+        font-family: 'Lato', sans-serif;
16 
+        font-size: 12px;
17 
+      }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Start</a>
34 
+            <a href="vdomestica_en.html">Domestic Violence</a>
35 
+            <a href="vsexual_en.html">Sexual Violence</a>
36 
+            <a href="leyes_en.html">Laws</a>
37 
+            <a href="campanas_en.html">Campaings</a>
38 
+            <a href="test_en.html">Test </a>
39 
+            <a href="servicios_en.html">Find Help</a>
40 
+            <a href="cerca_en.html">Near Me</a>
41 
+            <a href="contacto_en.html">Contacts</a>
42 
+            <a href="../index.html">App in Spanish</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;">Universidades </h2> </center>
54 
+    <p style="font-size:20px"> ✓ Proyecto Construyendo Equidad entre Géneros, UPR Carolina: (787) 257-0000 ext. 4799 </p>
55 
+    <p style="font-size:20px"> ✓ Proyecto de Estudios de las Mujeres, ProMujeres, UPR Cayey: (787) 738-2161 ext. 2292 </p>
56 
+    <p style="font-size:20px"> ✓ Programa de Prevención de la Violencia hacia las Mujeres, UPR Humacao: (787) 850-0000 ext. 9629, 9642 </p>
57 
+    <p style="font-size:20px"> ✓ Centro Mujer y Salud, Recinto de Ciencias Médicas: (787) 758-0090 </p>
58 
+    <p style="font-size:20px"> ✓ Instituto de Deficiencias en el Desarrollo, UPR, Recinto de Ciencias Médicas: (787) 754-4377 </p>
59 
+    <p style="font-size:20px"> ✓ Proyecto Apoyo a Mujeres Sobrevivientes de Violencia Doméstica, Siempre Vivas, UPR Mayagüez:: 787-832-4040 ext. 6203 </p>
60 
+    <a href="servicios_en.html">Return</a>
61 
+
62 
+  </body>
63 
+
64 
+</html>

+ 62
- 0
www/app_en/vd_as_en.html View File 

@@ -0,0 +1,62 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+    <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+    <title>Agresion Sexual</title>
12 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
13 
+
14 
+    <style>
15 
+      body {
16 
+          font-family: 'Lato', sans-serif;
17 
+          font-size: 12px;
18 
+        }
19 
+    </style>
20 
+
21 
+  </head>
22 
+
23 
+  <body>
24 
+
25 
+    <!--MENU-->
26 
+    <div class="nav-bar">
27 
+      <div id="myNav" class="overlay">
28 
+
29 
+        <div>
30 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
31 
+        </div>
32 
+
33 
+          <div class="overlay-content">
34 
+            <a href="index.html">Start</a>
35 
+            <a href="vdomestica_en.html">Domestic Violence</a>
36 
+            <a href="vsexual_en.html">Sexual Violence</a>
37 
+            <a href="leyes_en.html">Laws</a>
38 
+            <a href="campanas_en.html">Campaings</a>
39 
+            <a href="test_en.html">Test </a>
40 
+            <a href="servicios_en.html">Find Help</a>
41 
+            <a href="cerca_en.html">Near Me</a>
42 
+            <a href="contacto_en.html">Contacts</a>
43 
+            <a href="../index.html">App in Spanish</a>
44 
+          </div>
45 
+      </div>
46 
+
47 
+      <p id="demo"></p>
48 
+    </div>
49 
+
50 
+    <div id="menubtn">
51 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+    </div>
53 
+
54 
+    <center> <h2 style="font-size:30px;"> Violencia Domestica y Agresion Sexual </h2> </center>
55 
+    <p style="font-size:20px"> ✓ Centro de Ayuda a Víctimas de Violación (CAVV): (787)765-2285 </p>
56 
+    <p style="font-size:20px"> ✓ Oficina de Desarrollo Integral de la Mujer (ODIM) (939)-CONTIGO, (939)266-8446 </p>
57 
+    <p style="font-size:20px"> ✓ Hogar Nueva Mujer Santa María de la Merced: (939)255-9800 </p>
58 
+    <a href="servicios_en.html">Return</a>
59 
+
60 
+  </body>
61 
+
62 
+</html>

+ 57
- 0
www/app_en/vdomestica_en.html View File 

@@ -0,0 +1,57 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Start</a>
25 
+              <a href="vdomestica_en.html">Domestic Violence</a>
26 
+              <a href="vsexual_en.html">Sexual Violence</a>
27 
+              <a href="leyes_en.html">Laws</a>
28 
+              <a href="campanas_en.html">Campaings</a>
29 
+              <a href="test_en.html">Test </a>
30 
+              <a href="servicios_en.html">Find Help</a>
31 
+              <a href="cerca_en.html">Near Me</a>
32 
+              <a href="contacto_en.html">Contacts</a>
33 
+              <a href="../index.html">App in Spanish</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+      <!--CONTENT-->
45 
+
46 
+      <h1 style="text-align: center; font-size:30px;">Domestic Violence</h1>
47 
+
48 
+
49 
+    <p>Domestic violence is a pattern of behavior in which power and control are used to
50 
+       intimidate a person. This behavior can be progressive and severe regardless of
51 
+       gender, race, education, religion, social or immigration status, developmental
52 
+       disabilities or impediments and/or sexual orientation. This can happen with
53 
+       married couples that may or may not live together.</p>
54 
+
55 
+
56 
+    </body>
57 
+</html>

+ 56
- 0
www/app_en/vsexual_en.html View File 

@@ -0,0 +1,56 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="../css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="../js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Start</a>
25 
+              <a href="vdomestica_en.html">Domestic Violence</a>
26 
+              <a href="vsexual_en.html">Sexual Violence</a>
27 
+              <a href="leyes_en.html">Laws</a>
28 
+              <a href="campanas_en.html">Campaings</a>
29 
+              <a href="test_en.html">Test </a>
30 
+              <a href="servicios_en.html">Find Help</a>
31 
+              <a href="cerca_en.html">Near Me</a>
32 
+              <a href="contacto_en.html">Contacts</a>
33 
+              <a href="../index.html">App in Spanish</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+    <!--CONTENT-->
45 
+
46 
+    <h1 style="text-align: center; font-size:30px;">Sexual Violence</h1>
47 
+
48 
+    <p>In any sexual act, prior to the consummation of a sexual act, comments or sexual
49 
+       insinuations that are not desired, actions to commercialize or utilize, in any way,
50 
+       the sexuality of a person by means of coercion by another person, regardless of
51 
+       the type of relationship with the victim, in any setting, including home and the
52 
+       workplace. (OMS, 2011).</p>
53 
+
54 
+
55 
+    </body>
56 
+</html>

+ 59
- 0
www/area_central.html View File 

@@ -0,0 +1,59 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Area Central</title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+    <style>
13 
+      body {
14 
+        font-family: 'Lato', sans-serif;
15 
+        font-size: 12px;
16 
+      }
17 
+    </style>
18 
+
19 
+  </head>
20 
+
21 
+  <body>
22 
+
23 
+    <!--MENU-->
24 
+    <div class="nav-bar">
25 
+      <div id="myNav" class="overlay">
26 
+        <div>
27 
+
28 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
29 
+        </div>
30 
+
31 
+          <div class="overlay-content">
32 
+            <a href="index.html">Inicio</a>
33 
+            <a href="vdomestica.html">Violencia Doméstica</a>
34 
+            <a href="vsexual.html">Violencia Sexual</a>
35 
+            <a href="leyes.html">Leyes</a>
36 
+            <a href="campanas.html">Campañas</a>
37 
+            <a href="test.html">Test </a>
38 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
39 
+            <a href="cerca.html">Cerca de mi</a>
40 
+            <a href="contacto.html">Contacto</a>
41 
+            <a href="app_en/index.html">App en Ingles</a>
42 
+          </div>
43 
+      </div>
44 
+
45 
+      <p id="demo"></p>
46 
+    </div>
47 
+
48 
+    <div id="menubtn">
49 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
50 
+    </div>
51 
+
52 
+    <center> <h2 style="font-size:30px;">Area Central </h2> </center>
53 
+    <p style="font-size:20px"> ✓ Hogar Nueva Mujer Santa María de la Merced, Inc.: (787) 263-6473 ó (787) 263-8980 </p>
54 
+    <p style="font-size:20px"> ✓ Hogar La Piedad: (787) 258-5162, (787) 743-7658 </p>
55 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
56 
+
57 
+  </body>
58 
+
59 
+</html>

+ 60
- 0
www/area_este.html View File 

@@ -0,0 +1,60 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Area Este</title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+
13 
+    <style>
14 
+      body {
15 
+        font-family: 'Lato', sans-serif;
16 
+        font-size: 12px;
17 
+      }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Inicio</a>
34 
+            <a href="vdomestica.html">Violencia Doméstica</a>
35 
+            <a href="vsexual.html">Violencia Sexual</a>
36 
+            <a href="leyes.html">Leyes</a>
37 
+            <a href="campanas.html">Campañas</a>
38 
+            <a href="test.html">Test </a>
39 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
40 
+            <a href="cerca.html">Cerca de mi</a>
41 
+            <a href="contacto.html">Contacto</a>
42 
+            <a href="app_en/index.html">App en Ingles</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;">Area Este </h2> </center>
54 
+    <p style="font-size:20px"> ✓ Casa de la Bondad, Inc.: (787) 852-7265, (787) 852-2087 </p>
55 
+    <p style="font-size:20px"> ✓ Casa de Todos: (787) 734-3132, (787) 223-1886 </p>
56 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
57 
+
58 
+  </body>
59 
+
60 
+</html>

+ 61
- 0
www/area_norte.html View File 

@@ -0,0 +1,61 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Area Norte</title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+
13 
+    <style>
14 
+      body {
15 
+        font-family: 'Lato', sans-serif;
16 
+        font-size: 12px;
17 
+      }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Inicio</a>
34 
+            <a href="vdomestica.html">Violencia Doméstica</a>
35 
+            <a href="vsexual.html">Violencia Sexual</a>
36 
+            <a href="leyes.html">Leyes</a>
37 
+            <a href="campanas.html">Campañas</a>
38 
+            <a href="test.html">Test </a>
39 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
40 
+            <a href="cerca.html">Cerca de mi</a>
41 
+            <a href="contacto.html">Contacto</a>
42 
+            <a href="app_en/index.html">App en Ingles</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;">Area Norte </h2> </center>
54 
+    <p style="font-size:20px"> ✓ Casa Protegida Julia de Burgos, Inc. :(787) 723- 3500 </p>
55 
+    <p style="font-size:20px"> ✓ Hogar Ruth, Inc.: (787) 883-1805, (787) 883-1884 ó (787) 792-6596 </p>
56 
+    <p style="font-size:20px"> ✓ Casa Protegida de Mujeres y Niños, CAPROMUNI I: (787) 880-2272</p>
57 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
58 
+
59 
+  </body>
60 
+
61 
+</html>

+ 58
- 0
www/area_oeste.html View File 

@@ -0,0 +1,58 @@
1 
+<html lang="es">
2 
+<head>
3 
+  <meta charset="utf-8">
4 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+  <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+  <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+  <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+  <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+  <title>Area Oeste</title>
11 
+  <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+
13 
+  <style>
14 
+    body {
15 
+      font-family: 'Lato', sans-serif;
16 
+      font-size: 12px;
17 
+    }
18 
+  </style>
19 
+
20 
+</head>
21 
+
22 
+<body>
23 
+
24 
+  <!--MENU-->
25 
+  <div class="nav-bar">
26 
+    <div id="myNav" class="overlay">
27 
+
28 
+      <div>
29 
+        <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+      </div>
31 
+
32 
+        <div class="overlay-content">
33 
+          <a href="index.html">Inicio</a>
34 
+          <a href="vdomestica.html">Violencia Doméstica</a>
35 
+          <a href="vsexual.html">Violencia Sexual</a>
36 
+          <a href="leyes.html">Leyes</a>
37 
+          <a href="campanas.html">Campañas</a>
38 
+          <a href="test.html">Test </a>
39 
+          <a href="servicios.html">Dónde Buscar Ayuda</a>
40 
+          <a href="cerca.html">Cerca de mi</a>
41 
+          <a href="contacto.html">Contacto</a>
42 
+          <a href="app_en/index.html">App en Ingles</a>
43 
+        </div>
44 
+    </div>
45 
+
46 
+    <p id="demo"></p>
47 
+  </div>
48 
+
49 
+  <div id="menubtn">
50 
+    <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+  </div>
52 
+
53 
+  <center> <h2 style="font-size:30px;">Area Oeste </h2> </center>
54 
+  <p style="font-size:20px"> ✓ Casa Protegida de Mujeres y Niños, CAPROMUNI II: (787) 831-2272 </p>
55 
+  <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
56 
+
57 
+</body>
58 
+</html>

+ 63
- 0
www/ayudas.html View File 

@@ -0,0 +1,63 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Donde Buscar Ayuda </title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+
13 
+    <style>
14 
+      body {
15 
+        font-family: 'Lato', sans-serif;
16 
+        font-size: 12px;
17 
+      }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Inicio</a>
34 
+            <a href="vdomestica.html">Violencia Doméstica</a>
35 
+            <a href="vsexual.html">Violencia Sexual</a>
36 
+            <a href="leyes.html">Leyes</a>
37 
+            <a href="campanas.html">Campañas</a>
38 
+            <a href="test.html">Test </a>
39 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
40 
+            <a href="cerca.html">Cerca de mi</a>
41 
+            <a href="contacto.html">Contacto</a>
42 
+            <a href="app_en/index.html">App en Ingles</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;">Donde Buscar Ayuda </h2> </center>
54 
+    <p style="font-size:20px"> ✓ 9-1-1 </p>
55 
+    <p style="font-size:20px"> ✓ Sala de Emergencia más cercana </p>
56 
+    <p style="font-size:20px"> ✓ Policía de Puerto Rico (787) 343-2020 </p>
57 
+    <p style="font-size:20px"> ✓ División de Delitos Sexuales y Maltrato a Menores: (787)793-1234 x. 2467, </p>
58 
+    <p style="font-size:20px"> ✓ División Especializada de Violencia Doméstica: (787) 548-0146,(787)793-1234 x. 2470 </p>
59 
+    <a href="servicios.html">Volver</a>
60 
+
61 
+  </body>
62 
+
63 
+</html>

+ 51
- 0
www/buena_relacion.html View File 

@@ -0,0 +1,51 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+  </head>
11 
+
12 
+  <body>
13 
+
14 
+    <!--MENU-->
15 
+    <div class="nav-bar">
16 
+      <div id="myNav" class="overlay">
17 
+        <div>
18 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
19 
+        </div>
20 
+
21 
+        <div class="overlay-content">
22 
+          <a href="index.html">Inicio</a>
23 
+          <a href="vdomestica.html">Violencia Doméstica</a>
24 
+          <a href="vsexual.html">Violencia Sexual</a>
25 
+          <a href="leyes.html">Leyes</a>
26 
+          <a href="campanas.html">Campañas</a>
27 
+          <a href="test.html">Test </a>
28 
+          <a href="main_servicios.html">Buscar Ayuda</a>
29 
+          <a href="cerca.html">Cerca de mi</a>
30 
+          <a href="contacto.html">Contacto</a>
31 
+          <a href="app_en/index.html">App in English</a>
32 
+        </div>
33 
+      </div>
34 
+
35 
+      <p id="demo"></p>
36 
+    </div>
37 
+
38 
+    <div id="menubtn">
39 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
40 
+    </div>
41 
+
42 
+    <!--CONTENT-->
43 
+    <h1 style="text-align: center; font-size:30px;">Esta en una Buena Relación</h1>
44 
+
45 
+    <p>Los resultados de la autoevaluación muestra que se encuentra en una relación saludable. Tal vez esten presentes
46 
+    caracteristicas, o momentos indeseables, pero pueden ser manejados manteniendo esa comunicacion abierta y entendimiento
47 
+    mutuo.</p>
48 
+
49 
+  </body>
50 
+
51 
+</html>

+ 66
- 0
www/campanas.html View File 

@@ -0,0 +1,66 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="js/custom.js"></script>
10 
+
11 
+    </head>
12 
+    <body>
13 
+      <!--MENU-->
14 
+      <div class="nav-bar">
15 
+        <div id="myNav" class="overlay">
16 
+          <div>
17 
+
18 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
19 
+          </div>
20 
+
21 
+            <div class="overlay-content">
22 
+                <a href="index.html">Inicio</a>
23 
+                <a href="vdomestica.html">Violencia Doméstica</a>
24 
+                <a href="vsexual.html">Violencia Sexual</a>
25 
+                <a href="leyes.html">Leyes</a>
26 
+                <a href="campanas.html">Campañas</a>
27 
+                <a href="test.html">Test </a>
28 
+                <a href="servicios.html">Dónde Buscar Ayuda</a>
29 
+                <a href="cerca.html">Cerca de mi</a>
30 
+                <a href="contacto.html">Contacto</a>
31 
+                <a href="app_en/index.html">App en Ingles</a>
32 
+            </div>
33 
+        </div>
34 
+
35 
+        <p id="demo"></p>
36 
+        </div>
37 
+        <div id="menubtn">
38 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
39 
+        </div>
40 
+      </div>
41 
+
42 
+      <center><h1 style=" font-size:30px;">Campa&ntilde;as</h1></center>
43 
+
44 
+      <!--CONTENT-->
45 
+      <br>
46 
+      <center> <h2>Janguea Consenti2</h2> </center>
47 
+      <center> <img src="img/JANGUEA.png" alt="JANGUEA CON SENTIDO" style= "width:300px;height:300px;"> </center>
48 
+      <br>
49 
+      <p> Campa&ntilde;a educativa de prevencion e identificacion de la Violencia Sexual en los eventos multitudinarios como las Fiestas de la Calle San Sebastian en Enero y desde noviembre en las Justas LAI de la Liga Atletica Interuniversitaria (LAI) en conjunto a las 21 universidades participantes.
50 
+        (Pagina internet, material educativo como tarjeta y afiche, al igual que talleres a universidades) </p>
51 
+
52 
+      <br>
53 
+      <center> <h2>AMACONSENTIDO</h2> </center>
54 
+      <center> <img src="img/AMA.png" alt="AMACONSENTIDO" style="width:300px;height:300px;"> </center>
55 
+      <br>
56 
+      <p>Campa&ntilde;a de prevencion e identificacion de violencia en el noviazgo y la promocion de relaciones de parejas saludables enfasis en los meses de Enero a Febrero con material educativo tales como memes, Prueba en linea sobre las relaciones de pareja, afiche y talleres a jovenes. </p>
57 
+
58 
+      <br>
59 
+      <center> <h2>Juega pal Equipo</h2> </center>
60 
+      <center> <img src="img/JUEGA.png" alt="JUEGA PAL EQUIPO" style="width:300px;height:300px;"> </center>
61 
+      <br>
62 
+      <p> Campa&ntilde;a de prevencion e identificacion de violencia sexual en el deporte dirigido a deportistas y entrenadores en el contexto deportivo en las escuelas especializadas en el deporte y en las Universidades. Su material educativo cuenta con manual de trabajo, memes y comercial.
63 
+
64 
+
65 
+    </body>
66 
+</html>

+ 58
- 0
www/cerca.html View File 

@@ -0,0 +1,58 @@
1 
+<!DOCTYPE html>
2 
+
3 
+<html lang="es">
4 
+    <head>
5 
+
6 
+
7 
+            <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
8 
+            <link rel="stylesheet" type="text/css" href="css/custom.css">
9 
+
10 
+            <script type="text/javascript" src="js/custom.js"></script>
11 
+
12 
+        <meta name="format-detection" content="telephone=no">
13 
+        <meta name="msapplication-tap-highlight" content="no">
14 
+        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
15 
+        <link rel="stylesheet" type="text/css" href="css/index.css">
16 
+
17 
+    </head>
18 
+    <body>
19 
+
20 
+              <!-- MENU -->
21 
+      <div class="nav-bar">
22 
+            <div id="myNav" class="overlay">
23 
+              <div>
24 
+               <!-- <h2>Menu</h2> -->
25 
+                <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
26 
+              </div>
27 
+
28 
+                <div class="overlay-content">
29 
+                  <a href="index.html">Inicio</a>
30 
+                  <a href="vdomestica.html">Violencia Doméstica</a>
31 
+                  <a href="vsexual.html">Violencia Sexual</a>
32 
+                  <a href="leyes.html">Leyes</a>
33 
+                  <a href="campanas.html">Campañas</a>
34 
+                  <a href="test.html">Test </a>
35 
+                  <a href="servicios.html">Buscar Ayuda</a>
36 
+                  <a href="cerca.html">Cerca de mi</a>
37 
+                  <a href="contacto.html">Contacto</a>
38 
+                  <a href="app_en/index.html">App en Ingles</a>
39 
+                </div>
40 
+            </div>
41 
+
42 
+            <p id="demo"></p>
43 
+            </div>
44 
+            <div id="menubtn">
45 
+              <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
46 
+            </div>
47 
+          </div>
48 
+
49 
+
50 
+        <div id="map">
51 
+
52 
+        </div>
53 
+
54 
+        <script type="text/javascript" src="cordova.js"></script>
55 
+        <script type="text/javascript" src="js/index.js"></script>
56 
+        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDVW7P2iKOS8DE91D7JU077DjB9hH7K8eQ&callback=initMap"></script>
57 
+    </body>
58 
+</html>

+ 73
- 0
www/contacto.html View File 

@@ -0,0 +1,73 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="js/custom.js"></script>
10 
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
11 
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
12 
+
13 
+    </head>
14 
+    <body>
15 
+
16 
+      <!-- MENU -->
17 
+      <div class="nav-bar">
18 
+        <div id="myNav" class="overlay">
19 
+          <div>
20 
+
21 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
22 
+          </div>
23 
+
24 
+            <div class="overlay-content">
25 
+                <a href="index.html">Inicio</a>
26 
+                <a href="vdomestica.html">Violencia Doméstica</a>
27 
+                <a href="vsexual.html">Violencia Sexual</a>
28 
+                <a href="leyes.html">Leyes</a>
29 
+                <a href="campanas.html">Campañas</a>
30 
+                <a href="test.html">Test </a>
31 
+                <a href="servicios.html">Dónde Buscar Ayuda</a>
32 
+                <a href="cerca.html">Cerca de mi</a>
33 
+                <a href="contacto.html">Contacto</a>
34 
+                <a href="app_en/index.html">App en Ingles</a>
35 
+            </div>
36 
+        </div>
37 
+
38 
+        <p id="demo"></p>
39 
+        </div>
40 
+        <div id="menubtn">
41 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
42 
+        </div>
43 
+      </div>
44 
+
45 
+      <!--CONTENT-->
46 
+
47 
+      <div class="top-div">
48 
+
49 
+
50 
+        <div class="app">
51 
+
52 
+            <div class="info-section">
53 
+                <h1 style="text-align: center; font-size:30px;">Contáctanos</h1>
54 
+
55 
+                   <ul style="list-style-type:none;">
56 
+
57 
+                      <li><b>Teléfono:</b> (787) 281-7579</li>
58 
+                      <li> <a href="#" class="fa fa-envelope"></i></a>  info@pazparalamujer.org</li>
59 
+                      <li><a href="#" class="fa fa-facebook"></a> Paz Mujer </li>
60 
+                      <li><a href="#" class="fa fa-twitter"></a> pazparalamujer </li>
61 
+                      <li><b><a href="#" class="fa fa-instagram"></a></span> </b> pazmujer</li>
62 
+                      <a href="#" class="fa fa-youtube"></a> pazmujer</li>
63 
+                    </ul>
64 
+            </div>
65 
+
66 
+
67 
+
68 
+
69 
+          </div>
70 
+        </div>
71 
+
72 
+    </body>
73 
+    </html>

+ 3719
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.css
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.css.map
File diff suppressed because it is too large
View File


+ 7
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.min.css
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.min.css.map
File diff suppressed because it is too large
View File


+ 331
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.css View File 

@@ -0,0 +1,331 @@
1 
+/*!
2 
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
3 
+ * Copyright 2011-2019 The Bootstrap Authors
4 
+ * Copyright 2011-2019 Twitter, Inc.
5 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 
+ */
8 
+*,
9 
+*::before,
10 
+*::after {
11 
+  box-sizing: border-box;
12 
+}
13 
+
14 
+html {
15 
+  font-family: sans-serif;
16 
+  line-height: 1.15;
17 
+  -webkit-text-size-adjust: 100%;
18 
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19 
+}
20 
+
21 
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
22 
+  display: block;
23 
+}
24 
+
25 
+body {
26 
+  margin: 0;
27 
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
28 
+  font-size: 1rem;
29 
+  font-weight: 400;
30 
+  line-height: 1.5;
31 
+  color: #212529;
32 
+  text-align: left;
33 
+  background-color: #fff;
34 
+}
35 
+
36 
+[tabindex="-1"]:focus {
37 
+  outline: 0 !important;
38 
+}
39 
+
40 
+hr {
41 
+  box-sizing: content-box;
42 
+  height: 0;
43 
+  overflow: visible;
44 
+}
45 
+
46 
+h1, h2, h3, h4, h5, h6 {
47 
+  margin-top: 0;
48 
+  margin-bottom: 0.5rem;
49 
+}
50 
+
51 
+p {
52 
+  margin-top: 0;
53 
+  margin-bottom: 1rem;
54 
+}
55 
+
56 
+abbr[title],
57 
+abbr[data-original-title] {
58 
+  text-decoration: underline;
59 
+  -webkit-text-decoration: underline dotted;
60 
+  text-decoration: underline dotted;
61 
+  cursor: help;
62 
+  border-bottom: 0;
63 
+  -webkit-text-decoration-skip-ink: none;
64 
+  text-decoration-skip-ink: none;
65 
+}
66 
+
67 
+address {
68 
+  margin-bottom: 1rem;
69 
+  font-style: normal;
70 
+  line-height: inherit;
71 
+}
72 
+
73 
+ol,
74 
+ul,
75 
+dl {
76 
+  margin-top: 0;
77 
+  margin-bottom: 1rem;
78 
+}
79 
+
80 
+ol ol,
81 
+ul ul,
82 
+ol ul,
83 
+ul ol {
84 
+  margin-bottom: 0;
85 
+}
86 
+
87 
+dt {
88 
+  font-weight: 700;
89 
+}
90 
+
91 
+dd {
92 
+  margin-bottom: .5rem;
93 
+  margin-left: 0;
94 
+}
95 
+
96 
+blockquote {
97 
+  margin: 0 0 1rem;
98 
+}
99 
+
100 
+b,
101 
+strong {
102 
+  font-weight: bolder;
103 
+}
104 
+
105 
+small {
106 
+  font-size: 80%;
107 
+}
108 
+
109 
+sub,
110 
+sup {
111 
+  position: relative;
112 
+  font-size: 75%;
113 
+  line-height: 0;
114 
+  vertical-align: baseline;
115 
+}
116 
+
117 
+sub {
118 
+  bottom: -.25em;
119 
+}
120 
+
121 
+sup {
122 
+  top: -.5em;
123 
+}
124 
+
125 
+a {
126 
+  color: #007bff;
127 
+  text-decoration: none;
128 
+  background-color: transparent;
129 
+}
130 
+
131 
+a:hover {
132 
+  color: #0056b3;
133 
+  text-decoration: underline;
134 
+}
135 
+
136 
+a:not([href]):not([tabindex]) {
137 
+  color: inherit;
138 
+  text-decoration: none;
139 
+}
140 
+
141 
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
142 
+  color: inherit;
143 
+  text-decoration: none;
144 
+}
145 
+
146 
+a:not([href]):not([tabindex]):focus {
147 
+  outline: 0;
148 
+}
149 
+
150 
+pre,
151 
+code,
152 
+kbd,
153 
+samp {
154 
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
155 
+  font-size: 1em;
156 
+}
157 
+
158 
+pre {
159 
+  margin-top: 0;
160 
+  margin-bottom: 1rem;
161 
+  overflow: auto;
162 
+}
163 
+
164 
+figure {
165 
+  margin: 0 0 1rem;
166 
+}
167 
+
168 
+img {
169 
+  vertical-align: middle;
170 
+  border-style: none;
171 
+}
172 
+
173 
+svg {
174 
+  overflow: hidden;
175 
+  vertical-align: middle;
176 
+}
177 
+
178 
+table {
179 
+  border-collapse: collapse;
180 
+}
181 
+
182 
+caption {
183 
+  padding-top: 0.75rem;
184 
+  padding-bottom: 0.75rem;
185 
+  color: #6c757d;
186 
+  text-align: left;
187 
+  caption-side: bottom;
188 
+}
189 
+
190 
+th {
191 
+  text-align: inherit;
192 
+}
193 
+
194 
+label {
195 
+  display: inline-block;
196 
+  margin-bottom: 0.5rem;
197 
+}
198 
+
199 
+button {
200 
+  border-radius: 0;
201 
+}
202 
+
203 
+button:focus {
204 
+  outline: 1px dotted;
205 
+  outline: 5px auto -webkit-focus-ring-color;
206 
+}
207 
+
208 
+input,
209 
+button,
210 
+select,
211 
+optgroup,
212 
+textarea {
213 
+  margin: 0;
214 
+  font-family: inherit;
215 
+  font-size: inherit;
216 
+  line-height: inherit;
217 
+}
218 
+
219 
+button,
220 
+input {
221 
+  overflow: visible;
222 
+}
223 
+
224 
+button,
225 
+select {
226 
+  text-transform: none;
227 
+}
228 
+
229 
+select {
230 
+  word-wrap: normal;
231 
+}
232 
+
233 
+button,
234 
+[type="button"],
235 
+[type="reset"],
236 
+[type="submit"] {
237 
+  -webkit-appearance: button;
238 
+}
239 
+
240 
+button:not(:disabled),
241 
+[type="button"]:not(:disabled),
242 
+[type="reset"]:not(:disabled),
243 
+[type="submit"]:not(:disabled) {
244 
+  cursor: pointer;
245 
+}
246 
+
247 
+button::-moz-focus-inner,
248 
+[type="button"]::-moz-focus-inner,
249 
+[type="reset"]::-moz-focus-inner,
250 
+[type="submit"]::-moz-focus-inner {
251 
+  padding: 0;
252 
+  border-style: none;
253 
+}
254 
+
255 
+input[type="radio"],
256 
+input[type="checkbox"] {
257 
+  box-sizing: border-box;
258 
+  padding: 0;
259 
+}
260 
+
261 
+input[type="date"],
262 
+input[type="time"],
263 
+input[type="datetime-local"],
264 
+input[type="month"] {
265 
+  -webkit-appearance: listbox;
266 
+}
267 
+
268 
+textarea {
269 
+  overflow: auto;
270 
+  resize: vertical;
271 
+}
272 
+
273 
+fieldset {
274 
+  min-width: 0;
275 
+  padding: 0;
276 
+  margin: 0;
277 
+  border: 0;
278 
+}
279 
+
280 
+legend {
281 
+  display: block;
282 
+  width: 100%;
283 
+  max-width: 100%;
284 
+  padding: 0;
285 
+  margin-bottom: .5rem;
286 
+  font-size: 1.5rem;
287 
+  line-height: inherit;
288 
+  color: inherit;
289 
+  white-space: normal;
290 
+}
291 
+
292 
+progress {
293 
+  vertical-align: baseline;
294 
+}
295 
+
296 
+[type="number"]::-webkit-inner-spin-button,
297 
+[type="number"]::-webkit-outer-spin-button {
298 
+  height: auto;
299 
+}
300 
+
301 
+[type="search"] {
302 
+  outline-offset: -2px;
303 
+  -webkit-appearance: none;
304 
+}
305 
+
306 
+[type="search"]::-webkit-search-decoration {
307 
+  -webkit-appearance: none;
308 
+}
309 
+
310 
+::-webkit-file-upload-button {
311 
+  font: inherit;
312 
+  -webkit-appearance: button;
313 
+}
314 
+
315 
+output {
316 
+  display: inline-block;
317 
+}
318 
+
319 
+summary {
320 
+  display: list-item;
321 
+  cursor: pointer;
322 
+}
323 
+
324 
+template {
325 
+  display: none;
326 
+}
327 
+
328 
+[hidden] {
329 
+  display: none !important;
330 
+}
331 
+/*# sourceMappingURL=bootstrap-reboot.css.map */

+ 1
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.css.map
File diff suppressed because it is too large
View File


+ 8
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.min.css View File 

@@ -0,0 +1,8 @@
1 
+/*!
2 
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
3 
+ * Copyright 2011-2019 The Bootstrap Authors
4 
+ * Copyright 2011-2019 Twitter, Inc.
5 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
8 
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */

+ 1
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.min.css.map
File diff suppressed because it is too large
View File


+ 10038
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap.css
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap.css.map
File diff suppressed because it is too large
View File


+ 7
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap.min.css
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/css/bootstrap.min.css.map
File diff suppressed because it is too large
View File


+ 7013
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.js
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.js.map
File diff suppressed because it is too large
View File


+ 7
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js.map
File diff suppressed because it is too large
View File


+ 4435
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.js
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.js.map
File diff suppressed because it is too large
View File


+ 7
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.min.js
File diff suppressed because it is too large
View File


+ 1
- 0
www/css/bootstrap-4.3.1-dist/js/bootstrap.min.js.map
File diff suppressed because it is too large
View File


+ 236
- 0
www/css/custom.css View File 

@@ -0,0 +1,236 @@
1 
+body {
2 
+
3 
+  font-family: "Lato", sans-serif;
4 
+  font-size:20px;
5 
+}
6 
+h1 {
7 
+  font-size:30px;
8 
+
9 
+}
10 
+
11 
+h2 {
12 
+  font-size:25px;
13 
+}
14 
+
15 
+p {
16 
+  padding-right: 20px;
17 
+  padding-left: 20px;
18 
+  text-align: justify;
19 
+  text-justify: inter-word;
20 
+}
21 
+
22 
+.fa {
23 
+  padding: 20px;
24 
+  font-size: 50px;
25 
+  width: 60px;
26 
+  text-align: center;
27 
+  text-decoration: none;
28 
+  margin: 5px 2px;
29 
+  border-radius: 50%;
30 
+}
31 
+
32 
+.fa-facebook {
33 
+  background: #3B5998;
34 
+  color: white;
35 
+}
36 
+
37 
+.fa-twitter {
38 
+  background: #55ACEE;
39 
+  color: white;
40 
+}
41 
+
42 
+.fa-youtube {
43 
+  background: #bb0000;
44 
+  color: white;
45 
+}
46 
+
47 
+.fa-instagram {
48 
+  background: #125688;
49 
+  color: white;
50 
+}
51 
+
52 
+.fa-envelope {
53 
+  background: #333;
54 
+  color: white;
55 
+}
56 
+
57 
+
58 
+.overlay {
59 
+  height: 100%;
60 
+  width: 50%;
61 
+  position: fixed;
62 
+  z-index: 1;
63 
+  top: 0;
64 
+  left: 100%;
65 
+  right: 0;
66 
+  background-color: rgb(122, 38, 122);
67 
+
68 
+  border-width: 2px;
69 
+  overflow-x: hidden;
70 
+  transition: 0.5s;
71 
+}
72 
+
73 
+.nav-bar{
74 
+	width: 100%;
75 
+	margin: auto;
76 
+}
77 
+
78 
+#menubtn {
79 
+  padding: 5px;
80 
+  float:right;
81 
+}
82 
+
83 
+.overlay-content {
84 
+  position: relative;
85 
+  top: auto;
86 
+  width: 85%;
87 
+  text-align: left;
88 
+  padding-top: 50px;
89 
+  margin-left: 8px;
90 
+}
91 
+
92 
+.overlay span {
93 
+  padding: 8px;
94 
+  text-decoration: none;
95 
+  font-size: 36px;
96 
+  color: white;
97 
+  display: block;
98 
+  transition: 0.3s;
99 
+  float:right;
100 
+}
101 
+
102 
+.overlay h2 {
103 
+  padding: 8px;
104 
+  font-size: 48px ;
105 
+  color: white;
106 
+  display: block;
107 
+  transition: 0.3s;
108 
+  float:left;
109 
+}
110 
+
111 
+.overlay a {
112 
+  padding: 8px;
113 
+  text-decoration: none;
114 
+  font-size: 26px;
115 
+  color: white;
116 
+  display: block;
117 
+  transition: 0.3s;
118 
+}
119 
+
120 
+.overlay a:hover, .overlay a:focus {
121 
+  color: #f1f1f1;
122 
+}
123 
+
124 
+.overlay .closebtn {
125 
+  position: absolute;
126 
+  top: 20px;
127 
+  right: 45px;
128 
+  font-size: 60px;
129 
+}
130 
+
131 
+@media screen and (max-height: 450px) {
132 
+  .overlay h2 {font-size: 32px}
133 
+  .overlay a {font-size: 20px}
134 
+  .overlay-content {font-size: 20px}
135 
+  .overlay .closebtn {
136 
+  font-size: 40px;
137 
+  top: 15px;
138 
+  right: 35px;
139 
+  }
140 
+}
141 
+
142 
+/* CSS del quiz */
143 
+.top-quiz-title {
144 
+  font-size: 175%;
145 
+  padding: 10px;
146 
+}
147 
+
148 
+.inicio{
149 
+  font-size: 125%;
150 
+  padding-bottom: 10px;
151 
+}
152 
+
153 
+.container {
154 
+  padding: 10px;
155 
+}
156 
+
157 
+.pregunta{
158 
+  font-size: 125%;
159 
+}
160 
+
161 
+.opciones{
162 
+  padding-left: 10px;
163 
+  padding-right: 10px;
164 
+  padding-bottom: 10px;
165 
+}
166 
+
167 
+.opcion{
168 
+  font-size: 125%;
169 
+  padding: 8px;
170 
+}
171 
+/* Termina CSS del quiz */
172 
+
173 
+/* Empieza CSS del area de Servicios */
174 
+
175 
+.main-nav {
176 
+  background: rgba(153, 51, 102, 1.00);
177 
+}
178 
+
179 
+.main-nav li {
180 
+  list-style: none;
181 
+}
182 
+
183 
+.main-nav a {
184 
+	height: 45px;
185 
+	color: #FFF;
186 
+	text-transform: none;
187 
+	letter-spacing: .2em;
188 
+	text-decoration: none;
189 
+	display: block;
190 
+	padding: 10px 0 10px 20px;
191 
+	border-bottom: 1px dotted gray;
192 
+}
193 
+
194 
+.main-nav a:hover {
195 
+  background: rgba(118,166,174,1.00);
196 
+}
197 
+
198 
+.main-nav-ul ul {
199 
+  display: none;
200 
+}
201 
+
202 
+.main-nav-ul li.tap ul {
203 
+  display: block;
204 
+}
205 
+
206 
+.main-nav-ul ul a:before {
207 
+	content: '\203A';
208 
+	margin-right: 20px;
209 
+}
210 
+
211 
+.main-nav .sub-arrow:after {
212 
+	content: '\203A';
213 
+	float: right;
214 
+	margin-right: 20px;
215 
+	transform: rotate(90deg);
216 
+	-webkit-transform: rotate(90deg);
217 
+	-moz-transform: rotate(90deg);
218 
+}
219 
+
220 
+.main-nav li.tap .sub-arrow:after {
221 
+	content: '\2039';
222 
+}
223 
+
224 
+.volver{
225 
+  background-color: rgba(153, 51, 102, 1.00);
226 
+  height: 40px;
227 
+  color: rgb(255, 255, 255);
228 
+  border-radius: 4px;
229 
+  margin-left: 18px;
230 
+}
231 
+
232 
+.urgent {
233 
+  color: red;
234 
+}
235 
+
236 
+/* Termina area de CSS del area de Servicios */

+ 95
- 0
www/css/index.css View File 

@@ -0,0 +1,95 @@
1 
+
2 
+* {
3 
+    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
4 
+}
5 
+
6 
+body {
7 
+    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
8 
+    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
9 
+    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
10 
+    background-color:#E4E4E4;
11 
+    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
12 
+    font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
13 
+    font-size:12px;
14 
+    height:100vh;
15 
+    margin:0px;
16 
+    padding:0px;
17 
+    /* Padding to avoid the "unsafe" areas behind notches in the screen */
18 
+    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);
19 
+    text-transform:uppercase;
20 
+    width:100%;
21 
+}
22 
+
23 
+/* Portrait layout (default) */
24 
+.app {
25 
+    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
26 
+    position:absolute;             /* position in the center of the screen */
27 
+    left:50%;
28 
+    top:50%;
29 
+    height:50px;                   /* text area height */
30 
+    width:225px;                   /* text area width */
31 
+    text-align:center;
32 
+    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
33 
+    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
34 
+                                   /* offset horizontal: half of text area width */
35 
+}
36 
+
37 
+/* Landscape layout (with min-width) */
38 
+@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
39 
+    .app {
40 
+        background-position:left center;
41 
+        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
42 
+        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
43 
+                                      /* offset horizontal: half of image width and text area width */
44 
+    }
45 
+}
46 
+
47 
+h1 {
48 
+    font-size:24px;
49 
+    font-weight:normal;
50 
+    margin:0px;
51 
+    overflow:visible;
52 
+    padding:0px;
53 
+    text-align:center;
54 
+}
55 
+
56 
+.event {
57 
+    border-radius:4px;
58 
+    -webkit-border-radius:4px;
59 
+    color:#FFFFFF;
60 
+    font-size:12px;
61 
+    margin:0px 30px;
62 
+    padding:2px 0px;
63 
+}
64 
+
65 
+.event.listening {
66 
+    background-color:#333333;
67 
+    display:block;
68 
+}
69 
+
70 
+.event.received {
71 
+    background-color:#4B946A;
72 
+    display:none;
73 
+}
74 
+
75 
+@keyframes fade {
76 
+    from { opacity: 1.0; }
77 
+    50% { opacity: 0.4; }
78 
+    to { opacity: 1.0; }
79 
+}
80 
+
81 
+@-webkit-keyframes fade {
82 
+    from { opacity: 1.0; }
83 
+    50% { opacity: 0.4; }
84 
+    to { opacity: 1.0; }
85 
+}
86 
+
87 
+.blink {
88 
+    animation:fade 3000ms infinite;
89 
+    -webkit-animation:fade 3000ms infinite;
90 
+}
91 
+
92 
+#map{
93 
+    width: 100%;
94 
+    height: 100%;
95 
+}

+ 52
- 0
www/css/serv.css View File 

@@ -0,0 +1,52 @@
1 
+/* Empieza CSS del area de Servicios */
2 
+
3 
+.main-nav {
4 
+  background: rgba(122,38,122,1.00);
5 
+}
6 
+
7 
+.main-nav li {
8 
+  list-style: none;
9 
+}
10 
+
11 
+.main-nav a {
12 
+	height: 50px;
13 
+	color: #FFF;
14 
+	text-transform: uppercase;
15 
+	letter-spacing: .2em;
16 
+	text-decoration: none;
17 
+	display: block;
18 
+	padding: 10px 0 10px 20px;
19 
+	border-bottom: 1px dotted gray;
20 
+}
21 
+
22 
+.main-nav a:hover {
23 
+  background: rgba(118,166,174,1.00);
24 
+}
25 
+
26 
+.main-nav-ul ul {
27 
+  display: none;
28 
+}
29 
+
30 
+.main-nav-ul li.tap ul {
31 
+  display: block;
32 
+}
33 
+
34 
+.main-nav-ul ul a:before {
35 
+	content: '\203A';
36 
+	margin-right: 20px;
37 
+}
38 
+
39 
+.main-nav .sub-arrow:after {
40 
+	content: '\203A';
41 
+	float: right;
42 
+	margin-right: 20px;
43 
+	transform: rotate(90deg);
44 
+	-webkit-transform: rotate(90deg);
45 
+	-moz-transform: rotate(90deg);
46 
+}
47 
+
48 
+.main-nav li.tap .sub-arrow:after {
49 
+	content: '\2039';
50 
+}
51 
+
52 
+/* Termina area de CSS del area de Servicios */

BIN
www/img/AMA.png View File


BIN
www/img/JANGUEA.png View File


BIN
www/img/JUEGA.png View File


BIN
www/img/LEYES.PNG View File


BIN
www/img/Themis-the-Greek-god-of-justice.jpg View File


BIN
www/img/logo.png View File


+ 108
- 0
www/index.html View File 

@@ -0,0 +1,108 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+
6 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
8 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
9 
+
10 
+        <script type="text/javascript" src="js/custom.js"></script>
11 
+
12 
+
13 
+    </head>
14 
+    <body>
15 
+
16 
+      <!-- MENU -->
17 
+      <div class="nav-bar">
18 
+        <div id="myNav" class="overlay">
19 
+          <div>
20 
+           <!-- <h2>Menu</h2> -->
21 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
22 
+          </div>
23 
+
24 
+            <div class="overlay-content">
25 
+              <a href="index.html">Inicio</a>
26 
+              <a href="vdomestica.html">Violencia Doméstica</a>
27 
+              <a href="vsexual.html">Violencia Sexual</a>
28 
+              <a href="leyes.html">Leyes</a>
29 
+              <a href="campanas.html">Campañas</a>
30 
+              <a href="test.html">Test </a>
31 
+              <a href="servicios.html">Buscar Ayuda</a>
32 
+              <a href="cerca.html">Cerca de mi</a>
33 
+              <a href="contacto.html">Contacto</a>
34 
+              <a href="app_en/index.html">App en Ingles</a>
35 
+            </div>
36 
+        </div>
37 
+
38 
+        <p id="demo"></p>
39 
+        </div>
40 
+        <div id="menubtn">
41 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
42 
+        </div>
43 
+      </div>
44 
+
45 
+      <!--CONTENT
46 
+      <div class="top-div">
47 
+        <img class="top-img" src="img/logo.png" style= "display: block; width:320px;height:300px; margin-left: auto; margin-right: auto;">
48 
+
49 
+      </div>
50 
+    -->
51 
+
52 
+    <div class="top-div">
53 
+        <center> <img src="img/logo.png" alt="LOGO" style= "width:280px;height:250px;"> </center>
54 
+
55 
+      </div>
56 
+      <div class="app">
57 
+
58 
+          <div class="info-section">
59 
+              <h1 style="text-align: center;">Quiénes Somos</h1>
60 
+
61 
+              <p> <b>Coordinadora Paz para las Mujeres, Inc. (CPM)</b> es una Coalición integrada por
62 
+                  alrededor de cuarenta y cinco (45) organizaciones y miembros individuales que
63 
+                  reconocen y defienden los derechos de las mujeres y desarrollan servicios,
64 
+                  investigaciones y trabajos en torno al tema de la violencia que afecta a las
65 
+                  mujeres por razón de género. </p>
66 
+
67 
+                  <p><b>Actualmente integran la Coalición: </b></p>
68 
+
69 
+                 <ul style="list-style-type:circle;">
70 
+                    <li>Albergues para sobrevivientes de violencia doméstica y sus hijas e hijos</li>
71 
+                    <li>Centros de servicios no residenciales para víctimas de violencia
72 
+                        doméstica y agresión sexual</li>
73 
+                    <li>Organizaciones feministas, feministas en su carácter individual y
74 
+                        activistas de derechos humanos</li>
75 
+                    <li>Universidades y Organizaciones gubernamentales que respaldan la
76 
+                        filosofía de CPM</li>
77 
+                  </ul>
78 
+          </div>
79 
+
80 
+
81 
+          <div class="info-section">
82 
+              <p> <b>Coordinadora Paz para las Mujeres provee: </b></p>
83 
+
84 
+              <ul style="list-style-type:circle;">
85 
+                  <li>Educación a la comunidad</li>
86 
+                  <li>Asistencia técnica a organizaciones</li>
87 
+                  <li>Apoyo a través de referidos para sobrevivientes de violencia de
88 
+                      género y agresión sexual.</li>
89 
+                  <li>Servicios educativos enfocados en poblaciones sub atendidas</li>
90 
+                  <li>Servicios de apoyo en política pública</li>
91 
+                  <li>Colaboraciones interagenciales</li>
92 
+                  <li>Campañas educativas</li>
93 
+                  <li>Periódico Voz de Voces</li>
94 
+                  <li>Videos y materiales educativos</li>
95 
+                </ul>
96 
+
97 
+              <p><b>La misión de CPM </b>es fortalecer la equidad de género y los derechos humanos en
98 
+                  coordinación con integrantes y la comunidad. Nuestra visión es una nación libre
99 
+                  de violencias.</p>
100 
+
101 
+          </div>
102 
+
103 
+        </div>
104 
+      </div>
105 
+
106 
+
107 
+    </body>
108 
+</html>

+ 8
- 0
www/js/custom.js View File 

@@ -0,0 +1,8 @@
1 
+//Funciones que se encargan de abrir y cerrar el menu de la aplicacion
2 
+function openNav() {
3 
+  document.getElementById("myNav").style.left = "50%";
4 
+}
5 
+
6 
+function closeNav() {
7 
+  document.getElementById("myNav").style.left = "100%";
8 
+}

+ 432
- 0
www/js/index.js View File 

@@ -0,0 +1,432 @@
1 
+var data = [
2 
+    {
3 
+      position: {lng: -66.056812, lat: 18.415312},
4 
+      title: "Centro de Ayuda a Víctimas de Violación"
5 
+    },
6 
+    {
7 
+      position: {lng: -66.227438, lat: 18.218187},
8 
+      title: "Casa Juana Colón"
9 
+    },
10 
+    {
11 
+      position: {lng: -66.265938, lat: 18.140312},
12 
+      title: "Envejecer en Armonía"
13 
+    },
14 
+    {
15 
+      position: {lng: -66.703438, lat: 18.265812},
16 
+      title: "Fundación Alas a la Mujer"
17 
+    },
18 
+    {
19 
+      position: {lng: -66.740563, lat: 18.444438},
20 
+      title: "Oficina para Promoción y Desarrollo Humano"
21 
+    },
22 
+    {
23 
+      position: {lng: -66.051063, lat: 18.219813},
24 
+      title: "Centro Salud Justicia de Puerto Rico"
25 
+    },
26 
+    {
27 
+      position: {lng: -66.051687, lat: 18.412188},
28 
+      title: "Centro Comunitario LGBT"
29 
+    },
30 
+    {
31 
+      position: {lng: -65.833312, lat: 18.422687},
32 
+      title: "Taller Salud"
33 
+    },
34 
+    {
35 
+      position: {lng: -66.075187, lat: 18.399687},
36 
+      title: "Profamilias"
37 
+    },
38 
+    {
39 
+      position: {lng: -66.056437, lat: 18.402188},
40 
+      title: "Instituto del Hogar Celia y Harrys Bunker, Proyecto Criando para la Paz"
41 
+    },
42 
+    {
43 
+      position: {lng: -66.052188, lat: 18.403937},
44 
+      title: "Centro de Apoyo para Víctimas el Crimen"
45 
+    },
46 
+    {
47 
+      position: {lng: -66.058062, lat: 18.427938},
48 
+      title: "Oficina de la Procuradora de las Mujeres"
49 
+    },
50 
+    {
51 
+      position: {lng: -66.074562, lat: 18.396437},
52 
+      title: "Instituto de Deficiencias en el Desarrollo, UPR RCM"
53 
+    },
54 
+    {
55 
+      position: {lng: -67.139813, lat: 18.212188},
56 
+      title: "Proyecto Apoyo a Mujeres Sobrevivientes de Violencia Doméstica, Siempre Vivas, UPRM"
57 
+    }
58 
+
59 
+];
60 
+
61 
+
62 
+  var app = {
63 
+      // Application Constructor
64 
+      initialize: function() {
65 
+          document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
66 
+      },
67 
+
68 
+      // deviceready Event Handler
69 
+      //
70 
+      // Bind any cordova events here. Common events are:
71 
+      // 'pause', 'resume', etc.
72 
+      onDeviceReady: function() {
73 
+          this.receivedEvent('deviceready');
74 
+      },
75 
+
76 
+      // Update DOM on a Received Event
77 
+      receivedEvent: function(id) {
78 
+          navigator.geolocation.getCurrentPosition(onMapSuccess, onMapError, { enableHighAccuracy: true });
79 
+
80 
+      }
81 
+
82 
+  };
83 
+
84 
+  app.initialize();
85 
+
86 
+  // Success callback for get geo coordinates
87 
+
88 
+  var onMapSuccess = function (position) {
89 
+
90 
+      Latitude = position.coords.latitude;
91 
+      Longitude = position.coords.longitude;
92 
+
93 
+      getMap(Latitude, Longitude);
94 
+
95 
+  }
96 
+
97 
+  function getMap(Latitude, Longitude){
98 
+      var latLong = new google.maps.LatLng(Latitude, Longitude);
99 
+
100 
+       var mapOptions = {
101 
+          center: latLong,
102 
+          zoom: 8,
103 
+          mapTypeId: google.maps.MapTypeId.ROADMAP
104 
+      };
105 
+      //MAPA
106 
+      var map = new google.maps.Map(document.getElementById("map"), mapOptions);
107 
+
108 
+
109 
+    //MARKERS
110 
+     var contentString = '<div id="content">'+
111 
+     '<div id="siteNotice">'+
112 
+     '</div>'+
113 
+     '<h1 id="firstHeading" class="firstHeading">Centro de Ayuda a Víctimas de Violación</h1>'+
114 
+     '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
115 
+     'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
116 
+     '(last visited June 22, 2009).</p>'+
117 
+     '</div>';
118 
+
119 
+
120 
+     var infowindow = new google.maps.InfoWindow({
121 
+        content: contentString,
122 
+        maxWidth: 300
123 
+      });
124 
+
125 
+      var marker = new google.maps.Marker({position: data[0]['position'], title: data[0]['title'], map: map});
126 
+      marker.addListener('click', function() {
127 
+        infowindow.open(map, marker);
128 
+      });
129 
+
130 
+      /////////////////////////////////////////////////////////////////////////////
131 
+
132 
+      var contentString1 = '<div id="content">'+
133 
+     '<div id="siteNotice">'+
134 
+     '</div>'+
135 
+     '<h1 id="firstHeading" class="firstHeading">Casa Juana Colón</h1>'+
136 
+     '<div id="bodyContent">'+
137 
+     '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
138 
+     'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
139 
+     '(last visited June 22, 2009).</p>'+
140 
+     '</div>';
141 
+
142 
+      var infowindow1 = new google.maps.InfoWindow({
143 
+        content: contentString1,
144 
+        maxWidth: 300
145 
+      });
146 
+
147 
+      var marker1 = new google.maps.Marker({position: data[1]['position'], title: data[1]['title'],map: map});
148 
+      marker1.addListener('click', function() {
149 
+        infowindow1.open(map, marker1);
150 
+      });
151 
+
152 
+      ////////////////////////////////////////////////////////////////////////////////
153 
+
154 
+      var contentString2 = '<div id="content">'+
155 
+     '<div id="siteNotice">'+
156 
+     '</div>'+
157 
+     '<h1 id="firstHeading" class="firstHeading">Envejecer en Armonía</h1>'+
158 
+     '<div id="bodyContent">'+
159 
+     '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
160 
+     'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
161 
+     '(last visited June 22, 2009).</p>'+
162 
+     '</div>';
163 
+
164 
+      var infowindow2 = new google.maps.InfoWindow({
165 
+        content: contentString2,
166 
+        maxWidth: 300
167 
+      });
168 
+
169 
+      var marker2 = new google.maps.Marker({position: data[2]['position'], title: data[2]['title'],map: map});
170 
+      marker2.addListener('click', function() {
171 
+        infowindow2.open(map, marker2);
172 
+      });
173 
+
174 
+      /////////////////////////////////////////////////////////////////////////////////
175 
+      var contentString3 = '<div id="content">'+
176 
+     '<div id="siteNotice">'+
177 
+     '</div>'+
178 
+     '<h1 id="firstHeading" class="firstHeading">Fundación Alas a la Mujer</h1>'+
179 
+     '<div id="bodyContent">'+
180 
+     '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
181 
+     'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
182 
+     '(last visited June 22, 2009).</p>'+
183 
+     '</div>';
184 
+
185 
+      var infowindow3 = new google.maps.InfoWindow({
186 
+        content: contentString3,
187 
+        maxWidth: 300
188 
+      });
189 
+
190 
+      var marker3 = new google.maps.Marker({position: data[3]['position'], title: data[3]['title'],map: map});
191 
+      marker3.addListener('click', function() {
192 
+        infowindow3.open(map, marker3);
193 
+      });
194 
+
195 
+      ////////////////////////////////////////////////////////////////////////////////////
196 
+      var contentString4 = '<div id="content">'+
197 
+     '<div id="siteNotice">'+
198 
+     '</div>'+
199 
+     '<h1 id="firstHeading" class="firstHeading">Oficina para Promoción y Desarrollo Humano</h1>'+
200 
+     '<div id="bodyContent">'+
201 
+     '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
202 
+     'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
203 
+     '(last visited June 22, 2009).</p>'+
204 
+     '</div>';
205 
+
206 
+      var infowindow4 = new google.maps.InfoWindow({
207 
+        content: contentString4,
208 
+        maxWidth: 300
209 
+      });
210 
+
211 
+      var marker4 = new google.maps.Marker({position: data[4]['position'], title: data[4]['title'],map: map});
212 
+      marker4.addListener('click', function() {
213 
+        infowindow4.open(map, marker4);
214 
+      });
215 
+
216 
+      //////////////////////////////////////////////////////////////////////////////////
217 
+      var contentString5 = '<div id="content">'+
218 
+      '<div id="siteNotice">'+
219 
+      '</div>'+
220 
+      '<h1 id="firstHeading" class="firstHeading">Centro Salud Justicia de Puerto Rico</h1>'+
221 
+      '<div id="bodyContent">'+
222 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
223 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
224 
+      '(last visited June 22, 2009).</p>'+
225 
+      '</div>';
226 
+
227 
+       var infowindow5 = new google.maps.InfoWindow({
228 
+         content: contentString5,
229 
+         maxWidth: 300
230 
+       });
231 
+
232 
+      var marker5 = new google.maps.Marker({position: data[5]['position'], title: data[5]['title'],map: map});
233 
+      marker5.addListener('click', function() {
234 
+        infowindow5.open(map, marker5);
235 
+      });
236 
+      //////////////////////////////////////////////////////////////////////////////////
237 
+      var contentString6 = '<div id="content">'+
238 
+      '<div id="siteNotice">'+
239 
+      '</div>'+
240 
+      '<h1 id="firstHeading" class="firstHeading">Centro Comunitario LGBT</h1>'+
241 
+      '<div id="bodyContent">'+
242 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
243 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
244 
+      '(last visited June 22, 2009).</p>'+
245 
+      '</div>';
246 
+
247 
+       var infowindow6 = new google.maps.InfoWindow({
248 
+         content: contentString6,
249 
+         maxWidth: 300
250 
+       });
251 
+      var marker6 = new google.maps.Marker({position: data[6]['position'], title: data[6]['title'],map: map});
252 
+      marker6.addListener('click', function() {
253 
+        infowindow6.open(map, marker6);
254 
+      });
255 
+      //////////////////////////////////////////////////////////////////////////////////
256 
+      var contentString7 = '<div id="content">'+
257 
+      '<div id="siteNotice">'+
258 
+      '</div>'+
259 
+      '<h1 id="firstHeading" class="firstHeading">Taller Salud</h1>'+
260 
+      '<div id="bodyContent">'+
261 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
262 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
263 
+      '(last visited June 22, 2009).</p>'+
264 
+      '</div>';
265 
+
266 
+       var infowindow7 = new google.maps.InfoWindow({
267 
+         content: contentString7,
268 
+         maxWidth: 300
269 
+       });
270 
+
271 
+      var marker7 = new google.maps.Marker({position: data[7]['position'], title: data[7]['title'],map: map});
272 
+      marker7.addListener('click', function() {
273 
+        infowindow7.open(map, marker7);
274 
+      });
275 
+      //////////////////////////////////////////////////////////////////////////////////
276 
+
277 
+      var contentString8 = '<div id="content">'+
278 
+      '<div id="siteNotice">'+
279 
+      '</div>'+
280 
+      '<h1 id="firstHeading" class="firstHeading">Profamilias</h1>'+
281 
+      '<div id="bodyContent">'+
282 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
283 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
284 
+      '(last visited June 22, 2009).</p>'+
285 
+      '</div>';
286 
+
287 
+       var infowindow8 = new google.maps.InfoWindow({
288 
+         content: contentString8,
289 
+         maxWidth: 300
290 
+       });
291 
+
292 
+      var marker8 = new google.maps.Marker({position: data[8]['position'], title: data[8]['title'],map: map});
293 
+       marker8.addListener('click', function() {
294 
+        infowindow8.open(map, marker8);
295 
+      });
296 
+      //////////////////////////////////////////////////////////////////////////////////
297 
+      var contentString9 = '<div id="content">'+
298 
+      '<div id="siteNotice">'+
299 
+      '</div>'+
300 
+      '<h1 id="firstHeading" class="firstHeading">Instituto del Hogar Celia y Harrys Bunker, Proyecto Criando para la Paz</h1>'+
301 
+      '<div id="bodyContent">'+
302 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
303 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
304 
+      '(last visited June 22, 2009).</p>'+
305 
+      '</div>';
306 
+
307 
+       var infowindow9 = new google.maps.InfoWindow({
308 
+         content: contentString9,
309 
+         maxWidth: 300
310 
+       });
311 
+
312 
+      var marker9 = new google.maps.Marker({position: data[9]['position'], title: data[9]['title'],map: map})
313 
+      marker9.addListener('click', function() {
314 
+        infowindow9.open(map, marker9);
315 
+      });
316 
+
317 
+
318 
+    /////////////////////////////////////////////////////////////////////////////////////
319 
+    var contentString10 = '<div id="content">'+
320 
+      '<div id="siteNotice">'+
321 
+      '</div>'+
322 
+      '<h1 id="firstHeading" class="firstHeading">Centro de Apoyo para Víctimas el Crimen</h1>'+
323 
+      '<div id="bodyContent">'+
324 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
325 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
326 
+      '(last visited June 22, 2009).</p>'+
327 
+      '</div>';
328 
+
329 
+       var infowindow10 = new google.maps.InfoWindow({
330 
+         content: contentString10,
331 
+         maxWidth: 300
332 
+       });
333 
+
334 
+      var marker10 = new google.maps.Marker({position: data[10]['position'], title: data[10]['title'],map: map})
335 
+      marker10.addListener('click', function() {
336 
+        infowindow10.open(map, marker10);
337 
+      });
338 
+
339 
+      ////////////////////////////////////////////////////////////////////////////////////////
340 
+      var contentString11 = '<div id="content">'+
341 
+      '<div id="siteNotice">'+
342 
+      '</div>'+
343 
+      '<h1 id="firstHeading" class="firstHeading">Oficina de la Procuradora de las Mujeres</h1>'+
344 
+      '<div id="bodyContent">'+
345 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
346 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
347 
+      '(last visited June 22, 2009).</p>'+
348 
+      '</div>';
349 
+
350 
+       var infowindow11 = new google.maps.InfoWindow({
351 
+         content: contentString11,
352 
+         maxWidth: 300
353 
+       });
354 
+
355 
+      var marker11 = new google.maps.Marker({position: data[10]['position'], title: data[10]['title'],map: map})
356 
+      marker11.addListener('click', function() {
357 
+        infowindow11.open(map, marker11);
358 
+      });
359 
+
360 
+      ///////////////////////////////////////////////////////////////////////////////////////////
361 
+      var contentString11 = '<div id="content">'+
362 
+      '<div id="siteNotice">'+
363 
+      '</div>'+
364 
+      '<h1 id="firstHeading" class="firstHeading">Oficina de la Procuradora de las Mujeres</h1>'+
365 
+      '<div id="bodyContent">'+
366 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
367 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
368 
+      '(last visited June 22, 2009).</p>'+
369 
+      '</div>';
370 
+
371 
+       var infowindow11 = new google.maps.InfoWindow({
372 
+         content: contentString11,
373 
+         maxWidth: 300
374 
+       });
375 
+
376 
+      var marker11 = new google.maps.Marker({position: data[11]['position'], title: data[11]['title'],map: map})
377 
+      marker11.addListener('click', function() {
378 
+        infowindow11.open(map, marker11);
379 
+      });
380 
+
381 
+      /////////////////////////////////////////////////////////////////////////////////////////////
382 
+
383 
+      var contentString12 = '<div id="content">'+
384 
+      '<div id="siteNotice">'+
385 
+      '</div>'+
386 
+      '<h1 id="firstHeading" class="firstHeading">Instituto de Deficiencias en el Desarrollo, UPR RCM</h1>'+
387 
+      '<div id="bodyContent">'+
388 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
389 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
390 
+      '(last visited June 22, 2009).</p>'+
391 
+      '</div>';
392 
+
393 
+       var infowindow12 = new google.maps.InfoWindow({
394 
+         content: contentString12,
395 
+         maxWidth: 300
396 
+       });
397 
+
398 
+      var marker12 = new google.maps.Marker({position: data[12]['position'], title: data[12]['title'],map: map})
399 
+      marker12.addListener('click', function() {
400 
+        infowindow12.open(map, marker12);
401 
+      });
402 
+
403 
+      //////////////////////////////////////////////////////////////////////////////////////////////
404 
+
405 
+      var contentString13 = '<div id="content">'+
406 
+      '<div id="siteNotice">'+
407 
+      '</div>'+
408 
+      '<h1 id="firstHeading" class="firstHeading">Proyecto Apoyo a Mujeres Sobrevivientes de Violencia Doméstica, Siempre Vivas, UPRM</h1>'+
409 
+      '<div id="bodyContent">'+
410 
+      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
411 
+      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
412 
+      '(last visited June 22, 2009).</p>'+
413 
+      '</div>';
414 
+
415 
+       var infowindow13 = new google.maps.InfoWindow({
416 
+         content: contentString13,
417 
+         maxWidth: 300
418 
+       });
419 
+
420 
+      var marker13 = new google.maps.Marker({position: data[13]['position'], title: data[13]['title'],map: map})
421 
+      marker13.addListener('click', function() {
422 
+        infowindow13.open(map, marker13);
423 
+      });
424 
+    }
425 
+
426 
+  // Error callback
427 
+
428 
+  function onMapError(error) {
429 
+      console.log('code: ' + error.code + '\n' +
430 
+          'message: ' + error.message + '\n');
431 
+  }
432 
+

+ 239
- 0
www/js/quiz_preg.js View File 

@@ -0,0 +1,239 @@
1 
+//Seccion que se encargara de los quices
2 
+//Variables que guardaran los diferentes valores de los componentes del quiz
3 
+const start = document.getElementById("start");
4 
+const pregunta = document.getElementById("pregunta");
5 
+const uno = document.getElementById("1");
6 
+const dos = document.getElementById("2");
7 
+const tres = document.getElementById("3");
8 
+
9 
+// Arreglo que guardara el contenido de las preguntas del quiz,
10 
+// y las diferentes contestaciones que pueden ser elegidas
11 
+let preguntas = [
12 
+
13 
+  {
14 
+    pregunta : "1. Complazco a mi pareja:",
15 
+    uno : "a. Por que me nace como algo natural",
16 
+    dos : "b. Por que es mi obligación",
17 
+    tres : "c. Solo cuando se lo gana y me complace a mí",
18 
+    saludable : "tres",
19 
+    masOmenos: "uno",
20 
+    violencia: "dos"
21 
+
22 
+  } , {
23 
+    pregunta : "2. Cuando desea compartir solo/a con mis amistades:",
24 
+    uno : "a. Siempre me da espacio",
25 
+    dos : "b. Aun que no le gusta que salga sol@, me complace y respeta mi espacio personal",
26 
+    tres : "c. Me prohíbe que salga sol@",
27 
+    saludable : "uno",
28 
+    masOmenos: "dos",
29 
+    violencia: "tres"
30 
+
31 
+  } , {
32 
+    pregunta : "3. Cuando discutimos:",
33 
+    uno : "a. Me escucha, pero al final hace lo que quiere",
34 
+    dos : "b. Dialogamos y llegamos a acuerdos en común",
35 
+    tres : "c. Mi pareja siempre tiene que ganar",
36 
+    saludable : "dos",
37 
+    masOmenos: "uno",
38 
+    violencia: "tres"
39 
+
40 
+  } , {
41 
+    pregunta : "4. Cuando hablo con amistades:",
42 
+    uno : "a. Me acusa de que estoy 'tirandole' o coquetenando con el/ella",
43 
+    dos : "b. No se siente amenazad@, pues confia en mi",
44 
+    tres : "c. Se pone celos@, pero no lo demuestra",
45 
+    saludable : "dos",
46 
+    masOmenos: "tres",
47 
+    violencia: "uno"
48 
+
49 
+  } , {
50 
+    pregunta : "5. Cuando hemos tenido alguna diferencia:",
51 
+    uno : "a. Rompe mis cosas",
52 
+    dos : "b. Tratamos de llegar a un acuerdo, pero busca la manera de castigarme",
53 
+    tres : "c. Dialogamos y llegamos a acuerdos que nos beneficien ambos",
54 
+    saludable : "tres",
55 
+    masOmenos: "dos",
56 
+    violencia: "uno"
57 
+  } , {
58 
+    pregunta : "6. En cuanto a los acercamientos sexuales:",
59 
+    uno : "a. Respeta cuando digo que no quiero",
60 
+    dos : "b. Trata de convencerme para que tengamos sexo, y aveces lo logra",
61 
+    tres : "c. Tengo miedo de decor que no",
62 
+    saludable : "uno",
63 
+    masOmenos: "dos",
64 
+    violencia: "tres"
65 
+
66 
+  } , {
67 
+    pregunta : "7. En cuanto a celular:",
68 
+    uno : "a. Puedo hablar con quien deseo y cuando quiero sin tener que dar explicaciones",
69 
+    dos : "b. Controla mis llamadas, revisa mi celular sin permiso, y me prohibe hablar con ciertas personas",
70 
+    tres : "c. Siempre me pregunta con quien hablo, y a veces se molesta si es alguien del sexo opuesto",
71 
+    saludable : "uno",
72 
+    masOmenos: "tres",
73 
+    violencia: "dos"
74 
+
75 
+  } , {
76 
+    pregunta : "8. En nuestra relacion:",
77 
+    uno : "a. Escucha mis opiniones, siempre y cuando estemos de acuerdo",
78 
+    dos : "b. Nunca digo mi opinion por miedo a que me rechace",
79 
+    tres : "c. Ambos expresamos nuestras opiniones y las respetamos",
80 
+    saludable : "tres",
81 
+    masOmenos: "dos",
82 
+    violencia: "uno"
83 
+
84 
+  } , {
85 
+    pregunta : "9. En nuestra relacion:",
86 
+    uno : "a. Ambos podemos realizar nuestras propias actividades",
87 
+    dos : "b. Cada quien hace sus cosas, pero a veces tengo que informar donde y con quien estoy",
88 
+    tres : "c. Mi pareja me llama constantemente para saber donde estoy",
89 
+    saludable : "uno",
90 
+    masOmenos: "dos",
91 
+    violencia: "tres"
92 
+
93 
+  } , {
94 
+    pregunta : "10. Frente a mia amistades y familiares, mi pareja:",
95 
+    uno : "a. Me ofende, pero siempre se disculpa",
96 
+    dos : "b. Me trata con mucho respeto y cariño",
97 
+    tres : "c. Me ha humillado u ofendido, y no se a disculpado",
98 
+    saludable : "dos",
99 
+    masOmenos: "uno",
100 
+    violencia: "tres"
101 
+
102 
+  } , {
103 
+    pregunta : "11. La comunicacion en mi relacion:",
104 
+    uno : "a. Es abierta, y hablamos de lo que sea sin problemas",
105 
+    dos : "b. Es buena, pero a veces no se como vaya a reaccionar mi pareja",
106 
+    tres : "c. Siento miedo de las reacciones de mi pareja ante ciertos temas",
107 
+    saludable : "uno",
108 
+    masOmenos: "dos",
109 
+    violencia: "tres"
110 
+
111 
+  } , {
112 
+    pregunta : "12. La cuenta de Facebook:",
113 
+    uno : "a. Es de ambos, y no me permite tener una cuenta propia",
114 
+    dos : "b. Cada quien tiene la suya, pero tiene mi contraseña, y me pregunta por las cosas que posteo",
115 
+    tres : "c. Es privada, y no tengo que darle explicaciones de mis fotos o de lo que posteo",
116 
+    saludable : "tres",
117 
+    masOmenos: "dos",
118 
+    violencia: "uno"
119 
+
120 
+  } , {
121 
+    pregunta : "13. Los gastos economicos:",
122 
+    uno : "a. Son divididos por ambos",
123 
+    dos : "b. Uno de los dos siempre paga voluntariamente",
124 
+    tres : "c. Mi pareja controla mi dinero y el suyo",
125 
+    saludable : "dos",
126 
+    masOmenos: "uno",
127 
+    violencia: "tres"
128 
+
129 
+  } , {
130 
+    pregunta : "14. Siento que mi pareja:",
131 
+    uno : "a. Me da espacio y apoya mis decisiones",
132 
+    dos : "b. Me quiere controlar",
133 
+    tres : "c. Me manipula y me convence para que haga lo que el/ella quiera y muchas veces lo logra",
134 
+    saludable : "uno",
135 
+    masOmenos: "dos",
136 
+    violencia: "tres"
137 
+
138 
+  }
139 
+
140 
+];
141 
+
142 
+// Variables que contienen el tamaño del arreglo en donde se guardan las
143 
+// preguntas y las posibles opciones, cual es la pregunta actual, y que
144 
+// contestaciones fueron elegidas
145 
+let ultimaPregunta = preguntas.length - 1;
146 
+let preguntaActual = 0;
147 
+let total = 0;
148 
+
149 
+// Funcion que despliega las preguntas y las posibles contestaciones
150 
+function renderPreguntas() {
151 
+  let p = preguntas[preguntaActual];
152 
+  pregunta.innerHTML = p.pregunta;
153 
+  uno.innerHTML = p.uno;
154 
+  dos.innerHTML = p.dos;
155 
+  tres.innerHTML = p.tres;
156 
+}
157 
+
158 
+// Funcion que esta pendiente a si se le dio un click al evento que
159 
+// iniciara el quiz
160 
+start.addEventListener("click", empiezaQuiz);
161 
+
162 
+// Funcion que hace que se vea el contenido del quiz. Inicialmente
163 
+// estan escondidas
164 
+function empiezaQuiz(){
165 
+
166 
+  var quiz_var = document.getElementById('quiz');
167 
+  var quiz_display = quiz_var.style.display;
168 
+
169 
+  if(quiz_display == "none"){
170 
+    quiz_var.style.display = "block";
171 
+    renderPreguntas();
172 
+    pregunta.style.display = "block";
173 
+  }
174 
+
175 
+  else{
176 
+    quiz_var.style.display = "none";
177 
+    pregunta.style.display = "none";
178 
+    preguntaActual = 0;
179 
+    total = 0;
180 
+  }
181 
+
182 
+}
183 
+
184 
+function verifyResult(){
185 
+
186 
+    var porciento = (total/1400)*100;
187 
+
188 
+    if(porciento >= 84){
189 
+      window.location.href = "buena_relacion.html";
190 
+    }
191 
+
192 
+    else if (porciento >= 74) {
193 
+      window.location.href = "relacion_con_problemas.html";
194 
+    }
195 
+
196 
+    else{
197 
+      window.location.href = "relacion_toxica.html";
198 
+    }
199 
+  }
200 
+
201 
+// Funcion que verifica y guarda las conestaciones escogidas. Luego de que una
202 
+// es seleccionada, se pasa a la proxima pregunta
203 
+function checkAnswer(answer){
204 
+
205 
+  if(answer == preguntas[preguntaActual].saludable){
206 
+    total += 100;
207 
+  }
208 
+
209 
+  else if (answer == preguntas[preguntaActual].masOmenos) {
210 
+    total += 67;
211 
+  }
212 
+
213 
+  else{
214 
+    total += 33;
215 
+  }
216 
+
217 
+  if(preguntaActual < ultimaPregunta){
218 
+    preguntaActual++;
219 
+    renderPreguntas();
220 
+  }
221 
+
222 
+  else{
223 
+    verifyResult();
224 
+    empiezaQuiz();
225 
+  }
226 
+}
227 
+
228 
+// Variables de los botones, que contienen evenlisteners pendientes
229 
+// a cual opcion es seleccionada. Cada opcion elegida invoca a
230 
+// checkAnswers y clickedOption# para cambiar su color de fondo.
231 
+// Esto indicara que fue seleccionado
232 
+let op1 = document.getElementById("1");
233 
+op1.addEventListener('click', function(){checkAnswer("uno")}, false);
234 
+
235 
+let op2 = document.getElementById("2");
236 
+op2.addEventListener('click', function(){checkAnswer("dos")}, false);
237 
+
238 
+let op3 = document.getElementById("3");
239 
+op3.addEventListener('click', function(){checkAnswer("tres")}, false);

+ 239
- 0
www/js/quiz_preg_en.js View File 

@@ -0,0 +1,239 @@
1 
+//Seccion que se encargara de los quices
2 
+//Variables que guardaran los diferentes valores de los componentes del quiz
3 
+const start = document.getElementById("start");
4 
+const pregunta = document.getElementById("pregunta");
5 
+const uno = document.getElementById("1");
6 
+const dos = document.getElementById("2");
7 
+const tres = document.getElementById("3");
8 
+
9 
+// Arreglo que guardara el contenido de las preguntas del quiz,
10 
+// y las diferentes contestaciones que pueden ser elegidas
11 
+let preguntas = [
12 
+
13 
+  {
14 
+    pregunta : "1. I please my parter:",
15 
+    uno : "a. Because is the natural thing to do",
16 
+    dos : "b. Because is my obligation",
17 
+    tres : "c. Only when it is earned and I've been pleased before hand",
18 
+    saludable : "tres",
19 
+    masOmenos: "uno",
20 
+    violencia: "dos"
21 
+
22 
+  } , {
23 
+    pregunta : "2. When I wish to be with my friends:",
24 
+    uno : "a. I am given the space to do so",
25 
+    dos : "b. My personal space is respected and granted, but is a bit frowned opon",
26 
+    tres : "c. I can't go out on my own",
27 
+    saludable : "uno",
28 
+    masOmenos: "dos",
29 
+    violencia: "tres"
30 
+
31 
+  } , {
32 
+    pregunta : "3. When we have an argument:",
33 
+    uno : "a. Im being listened to, but in the end they do what ever they want",
34 
+    dos : "b. We talk it out, and reach a mutual understanding",
35 
+    tres : "c. They always got to win the argument",
36 
+    saludable : "dos",
37 
+    masOmenos: "uno",
38 
+    violencia: "tres"
39 
+
40 
+  } , {
41 
+    pregunta : "4. When I speak with my friends:",
42 
+    uno : "a. I am accused of flirting with them",
43 
+    dos : "b. They trust me and doesn't feel threatened by them",
44 
+    tres : "c. Gets jealous, but doesn't show it",
45 
+    saludable : "dos",
46 
+    masOmenos: "tres",
47 
+    violencia: "uno"
48 
+
49 
+  } , {
50 
+    pregunta : "5. When we have our differences:",
51 
+    uno : "a. They break my stuff",
52 
+    dos : "b. Even though an agreement was reached, they find a way to punish me",
53 
+    tres : "c. We talk it out, and make agreements that benefit us both",
54 
+    saludable : "tres",
55 
+    masOmenos: "dos",
56 
+    violencia: "uno"
57 
+  } , {
58 
+    pregunta : "6. In regards to sexual advances:",
59 
+    uno : "a. Respects when I say no",
60 
+    dos : "b. Tries to convince me to have sex, and sometimes gets it",
61 
+    tres : "c. I'm afraid to say no",
62 
+    saludable : "uno",
63 
+    masOmenos: "dos",
64 
+    violencia: "tres"
65 
+
66 
+  } , {
67 
+    pregunta : "7. In regards to my celphone:",
68 
+    uno : "a. Can talk to whomever I want, whenever I want, without a need to explain myself",
69 
+    dos : "b. I'm forbidden to talk with certain people, checks my phone without permission, and controls my calls",
70 
+    tres : "c. Always askswith who I'm talking to, and gets mad if it's someone I could potentially be attracted to",
71 
+    saludable : "uno",
72 
+    masOmenos: "tres",
73 
+    violencia: "dos"
74 
+
75 
+  } , {
76 
+    pregunta : "8. In our relationship:",
77 
+    uno : "a. Listens to my opinions, as long as we are in agreement",
78 
+    dos : "b. I never speak my mind out of fear of rejection",
79 
+    tres : "c. We both speak our minds and respect each other's opinion",
80 
+    saludable : "tres",
81 
+    masOmenos: "dos",
82 
+    violencia: "uno"
83 
+
84 
+  } , {
85 
+    pregunta : "9. In our relationship:",
86 
+    uno : "a. We can both act independently",
87 
+    dos : "b. We can act on our own, but have to inform where I am and with whom",
88 
+    tres : "c. My partner always calls to find out where I am",
89 
+    saludable : "uno",
90 
+    masOmenos: "dos",
91 
+    violencia: "tres"
92 
+
93 
+  } , {
94 
+    pregunta : "10. While with friends or family:",
95 
+    uno : "a. Offends me, but always apologizes afterwards",
96 
+    dos : "b. Treats me with much love and respect",
97 
+    tres : "c. Offends and humiliates me, and doesn't apologize",
98 
+    saludable : "dos",
99 
+    masOmenos: "uno",
100 
+    violencia: "tres"
101 
+
102 
+  } , {
103 
+    pregunta : "11. Communication in our relationship:",
104 
+    uno : "a. Is very open, and we speak without much trouble",
105 
+    dos : "b. Is good, but from time to time I'm afraid of how they will react",
106 
+    tres : "c. I'm afraid of my partner's reactions to certain topics",
107 
+    saludable : "uno",
108 
+    masOmenos: "dos",
109 
+    violencia: "tres"
110 
+
111 
+  } , {
112 
+    pregunta : "12. Facebook account:",
113 
+    uno : "a. It is shared, can't have my own account",
114 
+    dos : "b. Each has their own, but they know my password and questions my posts and shares",
115 
+    tres : "c. Private account, and I don't have to give any explanation of the things I do",
116 
+    saludable : "tres",
117 
+    masOmenos: "dos",
118 
+    violencia: "uno"
119 
+
120 
+  } , {
121 
+    pregunta : "13. Spending:",
122 
+    uno : "a. Split between us",
123 
+    dos : "b. One or the other always pays voluntarily",
124 
+    tres : "c. They control my money and theirs",
125 
+    saludable : "dos",
126 
+    masOmenos: "uno",
127 
+    violencia: "tres"
128 
+
129 
+  } , {
130 
+    pregunta : "14. I feel like my partner:",
131 
+    uno : "a. Gives me space and supports my decisions",
132 
+    dos : "b. Wants to control me",
133 
+    tres : "c. Manipulates and convinces me to do what ever they want, and sometimes succeeds",
134 
+    saludable : "uno",
135 
+    masOmenos: "dos",
136 
+    violencia: "tres"
137 
+
138 
+  }
139 
+
140 
+];
141 
+
142 
+// Variables que contienen el tamaño del arreglo en donde se guardan las
143 
+// preguntas y las posibles opciones, cual es la pregunta actual, y que
144 
+// contestaciones fueron elegidas
145 
+let ultimaPregunta = preguntas.length - 1;
146 
+let preguntaActual = 0;
147 
+let total = 0;
148 
+
149 
+// Funcion que despliega las preguntas y las posibles contestaciones
150 
+function renderPreguntas() {
151 
+  let p = preguntas[preguntaActual];
152 
+  pregunta.innerHTML = p.pregunta;
153 
+  uno.innerHTML = p.uno;
154 
+  dos.innerHTML = p.dos;
155 
+  tres.innerHTML = p.tres;
156 
+}
157 
+
158 
+// Funcion que esta pendiente a si se le dio un click al evento que
159 
+// iniciara el quiz
160 
+start.addEventListener("click", empiezaQuiz);
161 
+
162 
+// Funcion que hace que se vea el contenido del quiz. Inicialmente
163 
+// estan escondidas
164 
+function empiezaQuiz(){
165 
+
166 
+  var quiz_var = document.getElementById('quiz');
167 
+  var quiz_display = quiz_var.style.display;
168 
+
169 
+  if(quiz_display == "none"){
170 
+    quiz_var.style.display = "block";
171 
+    renderPreguntas();
172 
+    pregunta.style.display = "block";
173 
+  }
174 
+
175 
+  else{
176 
+    quiz_var.style.display = "none";
177 
+    pregunta.style.display = "none";
178 
+    preguntaActual = 0;
179 
+    total = 0;
180 
+  }
181 
+
182 
+}
183 
+
184 
+function verifyResult(){
185 
+
186 
+    var porciento = (total/1400)*100;
187 
+
188 
+    if(porciento >= 84){
189 
+      window.location.href = "buena_relacion_en.html";
190 
+    }
191 
+
192 
+    else if (porciento >= 74) {
193 
+      window.location.href = "relacion_con_problemas_en.html";
194 
+    }
195 
+
196 
+    else{
197 
+      window.location.href = "relacion_toxica_en.html";
198 
+    }
199 
+  }
200 
+
201 
+// Funcion que verifica y guarda las conestaciones escogidas. Luego de que una
202 
+// es seleccionada, se pasa a la proxima pregunta
203 
+function checkAnswer(answer){
204 
+
205 
+  if(answer == preguntas[preguntaActual].saludable){
206 
+    total += 100;
207 
+  }
208 
+
209 
+  else if (answer == preguntas[preguntaActual].masOmenos) {
210 
+    total += 67;
211 
+  }
212 
+
213 
+  else{
214 
+    total += 33;
215 
+  }
216 
+
217 
+  if(preguntaActual < ultimaPregunta){
218 
+    preguntaActual++;
219 
+    renderPreguntas();
220 
+  }
221 
+
222 
+  else{
223 
+    verifyResult();
224 
+    empiezaQuiz();
225 
+  }
226 
+}
227 
+
228 
+// Variables de los botones, que contienen evenlisteners pendientes
229 
+// a cual opcion es seleccionada. Cada opcion elegida invoca a
230 
+// checkAnswers y clickedOption# para cambiar su color de fondo.
231 
+// Esto indicara que fue seleccionado
232 
+let op1 = document.getElementById("1");
233 
+op1.addEventListener('click', function(){checkAnswer("uno")}, false);
234 
+
235 
+let op2 = document.getElementById("2");
236 
+op2.addEventListener('click', function(){checkAnswer("dos")}, false);
237 
+
238 
+let op3 = document.getElementById("3");
239 
+op3.addEventListener('click', function(){checkAnswer("tres")}, false);

+ 83
- 0
www/leyes.html View File 

@@ -0,0 +1,83 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="js/custom.js"></script>
10 
+
11 
+        <title>Ordenes de Protección en Violencia Domestica y Agresión Sexual</title>
12 
+
13 
+    </head>
14 
+    <body>
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+                <a href="index.html">Inicio</a>
25 
+                <a href="vdomestica.html">Violencia Doméstica</a>
26 
+                <a href="vsexual.html">Violencia Sexual</a>
27 
+                <a href="leyes.html">Leyes</a>
28 
+                <a href="campanas.html">Campañas</a>
29 
+                <a href="test.html">Test </a>
30 
+                <a href="servicios.html">Dónde Buscar Ayuda</a>
31 
+                <a href="cerca.html">Cerca de mi</a>
32 
+                <a href="contacto.html">Contacto</a>
33 
+                <a href="app_en/index.html">App en Ingles</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+      <h1 style="text-align: center; font-size:30px;"> Leyes</h1>
45 
+
46 
+      <!--CONTENT-->
47 
+
48 
+
49 
+        <div class="top-div">
50 
+          <center> <img src="img/LEYES.PNG" alt="LEYES" style= "width:300px;height:300px;"> </center>
51 
+           <br>
52 
+        </div>
53 
+
54 
+        <div class="app">
55 
+          <div id="deviceready">
56 
+            <h2 style="padding-right: 20px;padding-left: 20px;">Ley 54: Orden de Protección en situaciones de Violencia Doméstica: </h2>
57 
+            <div class="info-section">
58 
+
59 
+                <p> Es un remedio civil disponible bajo la “Ley para la prevención e Intervención con la Violencia Doméstica”, Ley
60 
+                  Núm. 54 de 15 de agosto de 1989 con el propósito de lograr la protección de la
61 
+                  víctima o sobreviviente de violencia doméstica, independiente del sexo, estado civil,
62 
+                  orientación sexual, identidad de género o estatus migratorio de cualquiera de las personas
63 
+                  involucradas en la relación. Así como, la protección de sus hijos e hijas, familiares y bienes. </p>
64 
+            </div>
65 
+
66 
+            <h2 style="padding-right: 20px;padding-left: 20px;">Ley 148: Orden de Protección en situaciones de Agresión Sexual: </h2>
67 
+            <div class="info-section">
68 
+                <p> Remedio civil disponible en la Ley Núm. 148 del 15 de septiembre de 2015: Ley para la
69 
+                  Protección de las Víctimas de Violencia Sexual en Puerto Rico. Esta ley provee el
70 
+                  acceso a una orden de protección, que sirve para prohibir a la persona agresora
71 
+                  acercarse a, o ponerse en contacto con la víctima/sobreviviente de algún acto o evento
72 
+                  de violencia sexual, tipificado en el Código Penal. </p>
73 
+
74 
+                <p> <b>Puedes solicitar la orden de protección en cualquier Centro Judicial de Puerto Rico y solicitar que te acompañe una Intercesora Legal</b></p>
75 
+
76 
+
77 
+            </div>
78 
+
79 
+          </div>
80 
+        </div>
81 
+
82 
+  </body>
83 
+</html>

+ 85
- 0
www/quiz.html View File 

@@ -0,0 +1,85 @@
1 
+<!DOCTYPE html>
2 
+<!--
3 
+    Licensed to the Apache Software Foundation (ASF) under one
4 
+    or more contributor license agreements.  See the NOTICE file
5 
+    distributed with this work for additional information
6 
+    regarding copyright ownership.  The ASF licenses this file
7 
+    to you under the Apache License, Version 2.0 (the
8 
+    "License"); you may not use this file except in compliance
9 
+    with the License.  You may obtain a copy of the License at
10 
+
11 
+    http://www.apache.org/licenses/LICENSE-2.0
12 
+
13 
+    Unless required by applicable law or agreed to in writing,
14 
+    software distributed under the License is distributed on an
15 
+    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
16 
+     KIND, either express or implied.  See the License for the
17 
+    specific language governing permissions and limitations
18 
+    under the License.
19 
+-->
20 
+<html>
21 
+    <head>
22 
+        <!--
23 
+        Customize this policy to fit your own app's needs. For more guidance, see:
24 
+            https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
25 
+        Some notes:
26 
+            * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
27 
+            * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
28 
+            * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
29 
+                * Enable inline JS: add 'unsafe-inline' to default-src
30 
+        -->
31 
+        <meta charset="utf-8">
32 
+        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
33 
+        <meta name="format-detection" content="telephone=no">
34 
+        <meta name="msapplication-tap-highlight" content="no">
35 
+        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
36 
+
37 
+        <link rel="stylesheet" type="text/css" href="css/index.css">
38 
+        <title>Autoevaluacion de tu estado de la relacion</title>
39 
+    </head>
40 
+    <body>
41 
+
42 
+        <div id="mySidenav" class="sidenav">
43 
+          <a href="javascript:void(0)" class="closebtn" id="closeBtn">X</a>
44 
+          <a href="index.html">Leyes de Protección</a>
45 
+          <a href="quiz.html">Autoevalua tu Relación</a>
46 
+        </div>
47 
+
48 
+        <span id="openBtn">open</span>
49 
+
50 
+        <div class="app">
51 
+          <div id="deviceready">
52 
+            <div class="event listening">
53 
+            <div class="event received">
54 
+            </div>
55 
+            </div>
56 
+          </div>
57 
+        </div>
58 
+
59 
+        <div class="top-div">
60 
+          <div class="top-quiz-title">Autoevaluacion sobre tu relacion</div>
61 
+        </div>
62 
+
63 
+        <div class="app">
64 
+          <div id="container">
65 
+            <div class="container">
66 
+
67 
+              <div id="start"> Tienes una relacion de pareja saludable?</div>
68 
+              <div id = "quiz" style="display: none">
69 
+                <div id="pregunta"></div>
70 
+                <div id="opciones">
71 
+                  <div class="opcion" id="1"></div>
72 
+                  <div class="opcion" id="2"></div>
73 
+                  <div class="opcion" id="3"></div>
74 
+                </div>
75 
+              </div>
76 
+
77 
+            </div>
78 
+
79 
+          </div>
80 
+        </div>
81 
+
82 
+        <script type="text/javascript" src="cordova.js"></script>
83 
+        <script type="text/javascript" src="js/index.js"></script>
84 
+    </body>
85 
+</html>

+ 53
- 0
www/relacion_con_problemas.html View File 

@@ -0,0 +1,53 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+  </head>
11 
+
12 
+  <body>
13 
+
14 
+    <!--MENU-->
15 
+    <div class="nav-bar">
16 
+      <div id="myNav" class="overlay">
17 
+        <div>
18 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
19 
+        </div>
20 
+
21 
+        <div class="overlay-content">
22 
+          <a href="index.html">Inicio</a>
23 
+          <a href="vdomestica.html">Violencia Doméstica</a>
24 
+          <a href="vsexual.html">Violencia Sexual</a>
25 
+          <a href="leyes.html">Leyes</a>
26 
+          <a href="campanas.html">Campañas</a>
27 
+          <a href="test.html">Test </a>
28 
+          <a href="main_servicios.html">Buscar Ayuda</a>
29 
+          <a href="cerca.html">Cerca de mi</a>
30 
+          <a href="contacto.html">Contacto</a>
31 
+          <a href="app_en/index.html">App in English</a>
32 
+        </div>
33 
+      </div>
34 
+
35 
+      <p id="demo"></p>
36 
+    </div>
37 
+
38 
+    <div id="menubtn">
39 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
40 
+    </div>
41 
+
42 
+    <!--CONTENT-->
43 
+    <h1 style="text-align: center; font-size:30px;">Su relación puede mejorar</h1>
44 
+
45 
+    <p>Los resultados de su autoevaluación muestra que se encuentra en una relación que tiene algunos defectos.
46 
+    Llegaran momentos en donde ocurriran conflictos y presiones seran ejercidas para tratar de mantener la relación.
47 
+    De tal forma, es importante tener en mente que una relación esta compuesta de respeto mutuo, confianza, honestidad,
48 
+    apoyo, igualdad, identidades separadas y una comunicacion saludable y abierta. Mejorar y reforzar estos aspectos
49 
+    es importante para fortalecer la relación.</p>
50 
+
51 
+  </body>
52 
+
53 
+</html>

+ 51
- 0
www/relacion_toxica.html View File 

@@ -0,0 +1,51 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+  <head>
4 
+    <meta charset="utf-8">
5 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+  </head>
11 
+
12 
+  <body>
13 
+
14 
+    <!--MENU-->
15 
+    <div class="nav-bar">
16 
+      <div id="myNav" class="overlay">
17 
+        <div>
18 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
19 
+        </div>
20 
+
21 
+        <div class="overlay-content">
22 
+          <a href="index.html">Inicio</a>
23 
+          <a href="vdomestica.html">Violencia Doméstica</a>
24 
+          <a href="vsexual.html">Violencia Sexual</a>
25 
+          <a href="leyes.html">Leyes</a>
26 
+          <a href="campanas.html">Campañas</a>
27 
+          <a href="test.html">Test </a>
28 
+          <a href="main_servicios.html">Buscar Ayuda</a>
29 
+          <a href="cerca.html">Cerca de mi</a>
30 
+          <a href="contacto.html">Contacto</a>
31 
+          <a href="app_en/index.html">App in English</a>
32 
+        </div>
33 
+      </div>
34 
+
35 
+      <p id="demo"></p>
36 
+    </div>
37 
+
38 
+    <div id="menubtn">
39 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
40 
+    </div>
41 
+
42 
+    <!--CONTENT-->
43 
+    <h1 style="text-align: center; font-size:30px;"><span class="urgent">URGENTE</span>: Su relación no es saludable!</h1>
44 
+
45 
+    <p>Los resultados de su autoevaluación muestra que se encuentra en una relación que no es saludable.
46 
+    Sabiendo esto, considere <a href="main_servicios.html">buscar ayuda </a>de encontrarse en una situacion grave.
47 
+    Tambien considere la opcion de terminar la relacion, ya que esta no deberia ser la raiz de tus dolores o infelicidad.</p>
48 
+
49 
+  </body>
50 
+
51 
+</html>

+ 83
- 0
www/servicios.html View File 

@@ -0,0 +1,83 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+        <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+
10 
+        <script type="text/javascript" src="js/custom.js"></script>
11 
+
12 
+        <script type="text/javascript">
13 
+        $(document).ready(function(e) {
14 
+           $('.has-sub').click(function(){
15 
+        		$(this).toggleClass('tap');
16 
+        	});
17 
+        });
18 
+        </script>
19 
+
20 
+
21 
+    </head>
22 
+    <body>
23 
+
24 
+      <!--MENU-->
25 
+      <div class="nav-bar">
26 
+        <div id="myNav" class="overlay">
27 
+          <div>
28 
+
29 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+          </div>
31 
+
32 
+            <div class="overlay-content">
33 
+              <a href="index.html">Inicio</a>
34 
+              <a href="vdomestica.html">Violencia Doméstica</a>
35 
+              <a href="vsexual.html">Violencia Sexual</a>
36 
+              <a href="leyes.html">Leyes</a>
37 
+              <a href="campanas.html">Campañas</a>
38 
+              <a href="test.html">Test </a>
39 
+              <a href="servicios.html">Dónde Buscar Ayuda</a>
40 
+              <a href="cerca.html">Cerca de mi</a>
41 
+              <a href="contacto.html">Contacto</a>
42 
+              <a href="app_en/index.html">App en Ingles</a>
43 
+            </div>
44 
+        </div>
45 
+
46 
+        <p id="demo"></p>
47 
+        </div>
48 
+        <div id="menubtn">
49 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
50 
+        </div>
51 
+      </div>
52 
+
53 
+
54 
+      <!--CONTENT-->
55 
+      <nav class="main-nav">
56 
+      	<ul class="main-nav-ul">
57 
+
58 
+            <li><a href="ayudas.html">Donde Buscar Ayuda</a></li>
59 
+            <li class="has-sub"><a href="#">Linea de Orientacion y Ayuda 24/7<span class="sub-arrow"></span></a>
60 
+            	<ul>
61 
+               	<li><a href="agresion_sexual.html">Agresion Sexual</a></li>
62 
+                <li><a href="vd_as.html">Violencia Domestica y Agresion Sexual</a></li>
63 
+               </ul>
64 
+            </li>
65 
+
66 
+            <li class="has-sub"><a href="#">Albergues en Puerto Rico<span class="sub-arrow"></span></a>
67 
+              <ul>
68 
+                <li><a href="area_norte.html">Area Norte</a></li>
69 
+                <li><a href="area_este.html">Area Este</a></li>
70 
+      	        <li><a href="area_oeste.html">Area Oeste</a></li>
71 
+                <li><a href="area_central.html">Area Central</a></li>
72 
+               </ul>
73 
+            </li>
74 
+
75 
+            <li><a href="servicios_info.html">Centro de Servicios</a></li>
76 
+            <li><a href="servicios_g.html">Centro de Servicios Gubermentales</a></li>
77 
+            <li><a href="universidad.html">Universidades</a></li>
78 
+         </ul>
79 
+      </nav>
80 
+
81 
+
82 
+    </body>
83 
+</html>

+ 59
- 0
www/servicios_g.html View File 

@@ -0,0 +1,59 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Centros de Servicios Gubernamentales</title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+    <style>
13 
+      body {
14 
+        font-family: 'Lato', sans-serif;
15 
+        font-size: 12px;
16 
+      }
17 
+    </style>
18 
+
19 
+  </head>
20 
+
21 
+  <body>
22 
+
23 
+    <!--MENU-->
24 
+    <div class="nav-bar">
25 
+      <div id="myNav" class="overlay">
26 
+
27 
+        <div>
28 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
29 
+        </div>
30 
+
31 
+          <div class="overlay-content">
32 
+            <a href="index.html">Inicio</a>
33 
+            <a href="vdomestica.html">Violencia Doméstica</a>
34 
+            <a href="vsexual.html">Violencia Sexual</a>
35 
+            <a href="leyes.html">Leyes</a>
36 
+            <a href="campanas.html">Campañas</a>
37 
+            <a href="test.html">Test </a>
38 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
39 
+            <a href="cerca.html">Cerca de mi</a>
40 
+            <a href="contacto.html">Contacto</a>
41 
+            <a href="app_en/index.html">App en Ingles</a>
42 
+          </div>
43 
+      </div>
44 
+
45 
+      <p id="demo"></p>
46 
+    </div>
47 
+
48 
+    <div id="menubtn">
49 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
50 
+    </div>
51 
+
52 
+    <center> <h2 style="font-size:30px;">Centros de Servicios Gubernamentales </h2> </center>
53 
+    <p style="font-size:20px"> ✓ Proyecto RAMA, Municipio de Carolina: 787-701-2395, Línea 24/7: 787-769-4000 </p>
54 
+    <p style="font-size:20px"> ✓ Oficina de la Procuradora de las Mujeres: 787-722-2977 </p>
55 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
56 
+
57 
+  </body>
58 
+
59 
+</html>

+ 75
- 0
www/servicios_info.html View File 

@@ -0,0 +1,75 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Centro de Servicios</title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+    <style>
13 
+      body {
14 
+        font-family: 'Lato', sans-serif;
15 
+        font-size: 12px;
16 
+      }
17 
+    </style>
18 
+
19 
+  </head>
20 
+
21 
+  <body>
22 
+
23 
+    <!--MENU-->
24 
+    <div class="nav-bar">
25 
+      <div id="myNav" class="overlay">
26 
+
27 
+        <div>
28 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
29 
+        </div>
30 
+
31 
+          <div class="overlay-content">
32 
+            <a href="index.html">Inicio</a>
33 
+            <a href="vdomestica.html">Violencia Doméstica</a>
34 
+            <a href="vsexual.html">Violencia Sexual</a>
35 
+            <a href="leyes.html">Leyes</a>
36 
+            <a href="campanas.html">Campañas</a>
37 
+            <a href="test.html">Test </a>
38 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
39 
+            <a href="cerca.html">Cerca de mi</a>
40 
+            <a href="contacto.html">Contacto</a>
41 
+            <a href="app_en/index.html">App en Ingles</a>
42 
+          </div>
43 
+      </div>
44 
+
45 
+      <p id="demo"></p>
46 
+    </div>
47 
+
48 
+    <div id="menubtn">
49 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
50 
+    </div>
51 
+
52 
+    <center> <h2 style="font-size:30px;">Centro de Servicios </h2> </center>
53 
+    <p style="font-size:20px"> ✓ Casa Pensamiento Mujer del Centro (Aibonito): (787)735-3200, (787)735-6698 </p>
54 
+    <p style="font-size:20px"> ✓ Casa Juana Colón (Comerío): (787)875-3170 </p>
55 
+    <p style="font-size:20px"> ✓ Centro de la Mujer Dominicana (San Juan): (787)772-9251 </p>
56 
+    <p style="font-size:20px"> ✓ Envejecer en Armonía (Aibonito): (787)735-2126 </p>
57 
+    <p style="font-size:20px"> ✓ Fundación Alas a la Mujer: (San Juan) (787)783-4535, (Utuado) (787)894-8495 </p>
58 
+    <p style="font-size:20px"> ✓ Grupo de Apoyo Mujer eres Especial (Lares):(787)299-6876 </p>
59 
+    <p style="font-size:20px"> ✓ Oficina para Promoción y Desarrollo Humano, OPDH (Arecibo): (787) 817-6951, (787) 817-6954 </p>
60 
+    <p style="font-size:20px"> ✓ Centro Salud Justicia de Puerto Rico (Caguas): (787)743-3038 ext. 3210 </p>
61 
+    <p style="font-size:20px"> ✓ Centro Comunitario LGBT (San Juan): (787) 294-9850 </p>
62 
+    <p style="font-size:20px"> ✓ Taller Salud (Loíza): (787) 876-3440, (787)256-7568 </p>
63 
+    <p style="font-size:20px"> ✓ Profamilias (San Juan): (787) 765-7373 </p>
64 
+    <p style="font-size:20px"> ✓ Mujeres de Islas (Culebra): (787) 413-3436 </p>
65 
+    <p style="font-size:20px"> ✓ Instituto del Hogar Celia y Harrys Bunker, Proyecto Criando para la Paz (San Juan): (787)765-7899, (787) 765-7896 </p>
66 
+    <p style="font-size:20px"> ✓ Casa Protegida Luisa Capetillo (Arecibo): (939) 246-3728 </p>
67 
+    <p style="font-size:20px"> ✓ Centro de Apoyo para Víctimas el Crimen, CAVIC (San Juan): (787)763-6337 </p>
68 
+    <p style="font-size:20px"> ✓ Programa de Asistencia Integral a Víctimas del Crimen, PAIVC (San Juan): (787) 522-1342, 787-764-0000 exts. 87680, 87681 </p>
69 
+    <p style="font-size:20px"> ✓ Centro de Servicios Psicológicos Nueva Vida (Arecibo): (787) 881-1212 exts. 6072, 6103, 6106 </p>
70 
+    <p style="font-size:20px"> ✓ Programa de Violencia Doméstica, Universidad Carlos Albizu (San Juan): (787)725-6500 exts. 1107, 1117 </p>
71 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
72 
+
73 
+  </body>
74 
+
75 
+</html>

+ 71
- 0
www/test.html View File 

@@ -0,0 +1,71 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+        <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+
11 
+    </head>
12 
+    <body>
13 
+
14 
+      <!--MENU-->
15 
+      <div class="nav-bar">
16 
+        <div id="myNav" class="overlay">
17 
+          <div>
18 
+
19 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
20 
+          </div>
21 
+
22 
+            <div class="overlay-content">
23 
+              <a href="index.html">Inicio</a>
24 
+              <a href="vdomestica.html">Violencia Doméstica</a>
25 
+              <a href="vsexual.html">Violencia Sexual</a>
26 
+              <a href="leyes.html">Leyes</a>
27 
+              <a href="campanas.html">Campañas</a>
28 
+              <a href="test.html">Test </a>
29 
+              <a href="servicios.html">Dónde Buscar Ayuda</a>
30 
+              <a href="cerca.html">Cerca de mi</a>
31 
+              <a href="contacto.html">Contacto</a>
32 
+              <a href="app_en/index.html">App en Ingles</a>
33 
+            </div>
34 
+        </div>
35 
+
36 
+        <p id="demo"></p>
37 
+        </div>
38 
+        <div id="menubtn">
39 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
40 
+        </div>
41 
+      </div>
42 
+
43 
+
44 
+      <!--CONTENT-->
45 
+      <div class="top-div">
46 
+        <div class="top-quiz-title">Autoevaluacion sobre tu relacion</div>
47 
+      </div>
48 
+
49 
+      <div class="app">
50 
+        <div id="container">
51 
+          <div class="container">
52 
+
53 
+            <div class="inicio" id="start"> Tienes una relacion de pareja saludable?</div>
54 
+            <div id = "quiz" style="display: none">
55 
+              <div class="pregunta" id="pregunta"></div>
56 
+              <div id="opciones">
57 
+                <div class="opcion" id="1"></div>
58 
+                <div class="opcion" id="2"></div>
59 
+                <div class="opcion" id="3"></div>
60 
+              </div>
61 
+            </div>
62 
+
63 
+          </div>
64 
+
65 
+        </div>
66 
+      </div>
67 
+
68 
+    <script type="text/javascript" src="js/quiz_preg.js"></script>
69 
+
70 
+    </body>
71 
+</html>

+ 63
- 0
www/universidad.html View File 

@@ -0,0 +1,63 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Universidades </title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+    <style>
13 
+      body {
14 
+        font-family: 'Lato', sans-serif;
15 
+        font-size: 12px;
16 
+      }
17 
+    </style>
18 
+
19 
+  </head>
20 
+
21 
+  <body>
22 
+
23 
+    <!--MENU-->
24 
+    <div class="nav-bar">
25 
+      <div id="myNav" class="overlay">
26 
+
27 
+        <div>
28 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
29 
+        </div>
30 
+
31 
+          <div class="overlay-content">
32 
+            <a href="index.html">Inicio</a>
33 
+            <a href="vdomestica.html">Violencia Doméstica</a>
34 
+            <a href="vsexual.html">Violencia Sexual</a>
35 
+            <a href="leyes.html">Leyes</a>
36 
+            <a href="campanas.html">Campañas</a>
37 
+            <a href="test.html">Test </a>
38 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
39 
+            <a href="cerca.html">Cerca de mi</a>
40 
+            <a href="contacto.html">Contacto</a>
41 
+            <a href="app_en/index.html">App en Ingles</a>
42 
+          </div>
43 
+      </div>
44 
+
45 
+      <p id="demo"></p>
46 
+    </div>
47 
+
48 
+    <div id="menubtn">
49 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
50 
+    </div>
51 
+
52 
+    <center> <h2 style="font-size:30px;">Universidades </h2> </center>
53 
+    <p style="font-size:20px"> ✓ Proyecto Construyendo Equidad entre Géneros, UPR Carolina: (787) 257-0000 ext. 4799 </p>
54 
+    <p style="font-size:20px"> ✓ Proyecto de Estudios de las Mujeres, ProMujeres, UPR Cayey: (787) 738-2161 ext. 2292 </p>
55 
+    <p style="font-size:20px"> ✓ Programa de Prevención de la Violencia hacia las Mujeres, UPR Humacao: (787) 850-0000 ext. 9629, 9642 </p>
56 
+    <p style="font-size:20px"> ✓ Centro Mujer y Salud, Recinto de Ciencias Médicas: (787) 758-0090 </p>
57 
+    <p style="font-size:20px"> ✓ Instituto de Deficiencias en el Desarrollo, UPR, Recinto de Ciencias Médicas: (787) 754-4377 </p>
58 
+    <p style="font-size:20px"> ✓ Proyecto Apoyo a Mujeres Sobrevivientes de Violencia Doméstica, Siempre Vivas, UPR Mayagüez:: 787-832-4040 ext. 6203 </p>
59 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
60 
+
61 
+  </body>
62 
+
63 
+</html>

+ 61
- 0
www/vd_as.html View File 

@@ -0,0 +1,61 @@
1 
+<html lang="es">
2 
+  <head>
3 
+    <meta charset="utf-8">
4 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 
+    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
6 
+    <link rel="stylesheet" type="text/css" href="css/custom.css">
7 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+    <script type="text/javascript" src="js/custom.js"></script>
9 
+
10 
+    <title>Agresion Sexual</title>
11 
+    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
12 
+
13 
+    <style>
14 
+      body {
15 
+          font-family: 'Lato', sans-serif;
16 
+          font-size: 12px;
17 
+        }
18 
+    </style>
19 
+
20 
+  </head>
21 
+
22 
+  <body>
23 
+
24 
+    <!--MENU-->
25 
+    <div class="nav-bar">
26 
+      <div id="myNav" class="overlay">
27 
+
28 
+        <div>
29 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
30 
+        </div>
31 
+
32 
+          <div class="overlay-content">
33 
+            <a href="index.html">Inicio</a>
34 
+            <a href="vdomestica.html">Violencia Doméstica</a>
35 
+            <a href="vsexual.html">Violencia Sexual</a>
36 
+            <a href="leyes.html">Leyes</a>
37 
+            <a href="campanas.html">Campañas</a>
38 
+            <a href="test.html">Test </a>
39 
+            <a href="servicios.html">Dónde Buscar Ayuda</a>
40 
+            <a href="cerca.html">Cerca de mi</a>
41 
+            <a href="contacto.html">Contacto</a>
42 
+            <a href="app_en/index.html">App en Ingles</a>
43 
+          </div>
44 
+      </div>
45 
+
46 
+      <p id="demo"></p>
47 
+    </div>
48 
+
49 
+    <div id="menubtn">
50 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
51 
+    </div>
52 
+
53 
+    <center> <h2 style="font-size:30px;"> Violencia Domestica y Agresion Sexual </h2> </center>
54 
+    <p style="font-size:20px"> ✓ Centro de Ayuda a Víctimas de Violación (CAVV): (787)765-2285 </p>
55 
+    <p style="font-size:20px"> ✓ Oficina de Desarrollo Integral de la Mujer (ODIM) (939)-CONTIGO, (939)266-8446 </p>
56 
+    <p style="font-size:20px"> ✓ Hogar Nueva Mujer Santa María de la Merced: (939)255-9800 </p>
57 
+    <button class="volver" name="Volver" id="Volver" onclick="window.location.href = 'servicios.html';">Volver</button>
58 
+
59 
+  </body>
60 
+
61 
+</html>

+ 57
- 0
www/vdomestica.html View File 

@@ -0,0 +1,57 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+                <a href="index.html">Inicio</a>
25 
+                <a href="vdomestica.html">Violencia Doméstica</a>
26 
+                <a href="vsexual.html">Violencia Sexual</a>
27 
+                <a href="leyes.html">Leyes</a>
28 
+                <a href="campanas.html">Campañas</a>
29 
+                <a href="test.html">Test </a>
30 
+                <a href="servicios.html">Dónde Buscar Ayuda</a>
31 
+                <a href="cerca.html">Cerca de mi</a>
32 
+                <a href="contacto.html">Contacto</a>
33 
+                <a href="app_en/index.html">App en Ingles</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+      <!--CONTENT-->
45 
+
46 
+      <h1 style="text-align: center; font-size:30px;">Violencia Doméstica</h1>
47 
+
48 
+
49 
+    <p>La Violencia doméstica es un patrón de conducta el cual se utiliza el poder y
50 
+        control para intimidar a una persona. No importa su género, raza, educación,
51 
+        religión, status social o migratorio, deficiencias en el desarrollo o impedimento y/o
52 
+        orientación sexual para que este patrón sea progresivo e intenso. Esto puede
53 
+        suceder en parejas casadas, que convivan o hallan convivido.</p>
54 
+
55 
+
56 
+    </body>
57 
+</html>

+ 54
- 0
www/vsexual.html View File 

@@ -0,0 +1,54 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
7 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
8 
+
9 
+        <script type="text/javascript" src="js/custom.js"></script>
10 
+
11 
+
12 
+    </head>
13 
+    <body>
14 
+
15 
+      <!--MENU-->
16 
+      <div class="nav-bar">
17 
+        <div id="myNav" class="overlay">
18 
+          <div>
19 
+
20 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
21 
+          </div>
22 
+
23 
+            <div class="overlay-content">
24 
+              <a href="index.html">Inicio</a>
25 
+              <a href="vdomestica.html">Violencia Doméstica</a>
26 
+              <a href="vsexual.html">Violencia Sexual</a>
27 
+              <a href="leyes.html">Leyes</a>
28 
+              <a href="campanas.html">Campañas</a>
29 
+              <a href="test.html">Test </a>
30 
+              <a href="servicios.html">Dónde Buscar Ayuda</a>
31 
+              <a href="cerca.html">Cerca de mi</a>
32 
+              <a href="contacto.html">Contacto</a>
33 
+              <a href="app_en/index.html">App en Ingles</a>
34 
+            </div>
35 
+        </div>
36 
+
37 
+        <p id="demo"></p>
38 
+        </div>
39 
+        <div id="menubtn">
40 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
41 
+        </div>
42 
+      </div>
43 
+
44 
+    <!--CONTENT-->
45 
+
46 
+    <h1 style="text-align: center; font-size:30px;">Violencia Sexual</h1>
47 
+
48 
+    <p>Es todo acto sexual, tentativa de consumar un acto sexual, comentarios o insinuaciones sexuales no deseadas, acciones para comercializar o utilizar,
49 
+      de cualquier otro modo, la sexualidad de una persona mediante coacción por otra persona, independientemente de la relación de esta con la víctima,
50 
+      en cualquier ámbito, incluidos el hogar y el lugar de trabajo.</p>
51 
+
52 
+
53 
+    </body>
54 
+</html>