Browse Source

Producto Final

Heriberto Camacho 4 years ago
parent
commit
9843a33099
78 changed files with 29855 additions and 0 deletions
  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>