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

ultima version de Arvin

arvin.torres 4 years ago
parent
bdca7dc86f
commit
c02d8e3cc0
75 changed files with 29816 additions and 0 deletions
Split View Show Diff Stats
  1. BIN
      pazapp/www/.index.html.swo
  2. 53
    0
      pazapp/www/agresion_sexual.html
  3. 58
    0
      pazapp/www/app_en/agresion_sexual_en.html
  4. 59
    0
      pazapp/www/app_en/area_central_en.html
  5. 124
    0
      pazapp/www/app_en/area_este_en.html
  6. 61
    0
      pazapp/www/app_en/area_norte_en.html
  7. 57
    0
      pazapp/www/app_en/area_oeste_en.html
  8. 62
    0
      pazapp/www/app_en/ayudas_en.html
  9. 76
    0
      pazapp/www/app_en/campanas_en.html
  10. 66
    0
      pazapp/www/app_en/cerca_en.html
  11. 74
    0
      pazapp/www/app_en/contacto_en.html
  12. 108
    0
      pazapp/www/app_en/index.html
  13. 85
    0
      pazapp/www/app_en/leyes_en.html
  14. 125
    0
      pazapp/www/app_en/servicios_en.html
  15. 58
    0
      pazapp/www/app_en/servicios_g_en.html
  16. 75
    0
      pazapp/www/app_en/servicios_info_en.html
  17. 74
    0
      pazapp/www/app_en/test_en.html
  18. 62
    0
      pazapp/www/app_en/universidad_en.html
  19. 60
    0
      pazapp/www/app_en/vd_as_en.html
  20. 57
    0
      pazapp/www/app_en/vdomestica_en.html
  21. 56
    0
      pazapp/www/app_en/vsexual_en.html
  22. 57
    0
      pazapp/www/area_central.html
  23. 127
    0
      pazapp/www/area_este.html
  24. 59
    0
      pazapp/www/area_norte.html
  25. 55
    0
      pazapp/www/area_oeste.html
  26. 60
    0
      pazapp/www/ayudas.html
  27. 66
    0
      pazapp/www/campanas.html
  28. 66
    0
      pazapp/www/cerca.html
  29. 76
    0
      pazapp/www/contacto.html
  30. 3719
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.css
  31. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.css.map
  32. 7
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.min.css
  33. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-grid.min.css.map
  34. 331
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.css
  35. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.css.map
  36. 8
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.min.css
  37. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.min.css.map
  38. 10038
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap.css
  39. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap.css.map
  40. 7
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap.min.css
  41. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap.min.css.map
  42. 7013
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.js
  43. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.js.map
  44. 7
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js
  45. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.bundle.min.js.map
  46. 4435
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.js
  47. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.js.map
  48. 7
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.min.js
  49. 1
    0
      pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.min.js.map
  50. 232
    0
      pazapp/www/css/custom.css
  51. 56
    0
      pazapp/www/css/file.css
  52. 96
    0
      pazapp/www/css/index.css
  53. 12
    0
      pazapp/www/css/searchbar1.css
  54. 52
    0
      pazapp/www/css/serv.css
  55. BIN
      pazapp/www/img/AMA.png
  56. BIN
      pazapp/www/img/JANGUEA.png
  57. BIN
      pazapp/www/img/JUEGA.png
  58. BIN
      pazapp/www/img/LEYES.PNG
  59. BIN
      pazapp/www/img/logo.png
  60. 108
    0
      pazapp/www/index.html
  61. 8
    0
      pazapp/www/js/custom.js
  62. 389
    0
      pazapp/www/js/index.js
  63. 239
    0
      pazapp/www/js/quiz_preg.js
  64. 239
    0
      pazapp/www/js/quiz_preg_en.js
  65. 67
    0
      pazapp/www/js/test.js
  66. 83
    0
      pazapp/www/leyes.html
  67. 127
    0
      pazapp/www/main_servicios.html
  68. 73
    0
      pazapp/www/servicios.html
  69. 57
    0
      pazapp/www/servicios_g.html
  70. 75
    0
      pazapp/www/servicios_info.html
  71. 71
    0
      pazapp/www/test.html
  72. 65
    0
      pazapp/www/universidad.html
  73. 58
    0
      pazapp/www/vd_as.html
  74. 57
    0
      pazapp/www/vdomestica.html
  75. 54
    0
      pazapp/www/vsexual.html

BIN
pazapp/www/.index.html.swo View File


+ 53
- 0
pazapp/www/agresion_sexual.html View File 

@@ -0,0 +1,53 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <title>Agresion Sexual</title>
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 
+        <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
10 
+        <script type="text/javascript" src="js/custom.js"></script>
11 
+        <style>
12 
+        body {
13 
+          font-family: 'Lato', sans-serif;
14 
+          font-size: 12px;
15 
+        }
16 
+        </style>
17 
+
18 
+    </head>
19 
+    <body>
20 
+
21 
+           <!--MENU-->
22 
+      <div class="nav-bar">
23 
+        <div id="myNav" class="overlay">
24 
+          <div>
25 
+
26 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
27 
+          </div>
28 
+
29 
+            <div class="overlay-content">
30 
+              <a href="index.html">Inicio</a>
31 
+              <a href="vdomestica.html">Violencia Doméstica</a>
32 
+              <a href="vsexual.html">Violencia Sexual</a>
33 
+              <a href="leyes.html">Leyes</a>
34 
+              <a href="campanas.html">Campañas</a>
35 
+              <a href="test.html">Test </a>
36 
+              <a href="main_servicios.html">Buscar Ayuda</a>
37 
+              <a href="cerca.html">Cerca de mi</a>
38 
+              <a href="contacto.html">Contacto</a>
39 
+              <a href="app_en/index.html">App in English</a>
40 
+            </div>
41 
+        </div>
42 
+
43 
+        <p id="demo"></p>
44 
+        </div>
45 
+        <div id="menubtn">
46 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
47 
+        </div>
48 
+      </div>
49 
+
50 
+
51 
+
52 
+                  <h1 style="text-align: center; font-size:30px;"> Agresion Sexual</h1>
53 
+<p style="font-size:20px">✓ Centro Salud Justicia de Puerto Rico: <a href="tel:7873373737">(787)337-3737 (llamada o texto)</a></p>

+ 58
- 0
pazapp/www/app_en/agresion_sexual_en.html View File 

@@ -0,0 +1,58 @@
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">Home</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">Contact Us</a>
43 
+            <a href="../index.html">App en Español</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 
+    <h1 style="text-align: center; font-size:30px;"> Agresion Sexual</h1>
55 
+    <p style="font-size:20px">✓ Centro Salud Justicia de Puerto Rico: <a href="tel:7873373737">(787)337-3737 (llamada o texto)</a></p>
56 
+  </body>
57 
+
58 
+</html>

+ 59
- 0
pazapp/www/app_en/area_central_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 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">Home</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">Contact Us</a>
42 
+            <a href="../index.html">App en Español</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 
+                 <h1 style="text-align: center; font-size:30px;"> Area Central</h1>
54 
+<p style="font-size:20px"> ✓ Hogar Nueva Mujer Santa María de la Merced, Inc.:<a href="tel:7872636473"> (787) 263-6473, </a><a href="tel:7872638980">(787) 263-8980</a></p>
55 
+<p style="font-size:20px"> ✓ Hogar La Piedad: <a href="tel:7872585162">(787) 258-5162, </a><a href="tel:7877437658">(787) 743-7658</a> </p>
56 
+
57 
+  </body>
58 
+
59 
+</html>

+ 124
- 0
pazapp/www/app_en/area_este_en.html View File 

@@ -0,0 +1,124 @@
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 href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
8 
+    <link rel="stylesheet" type="text/css" href="../css/custom.css">
9 
+    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
10 
+    <script type="text/javascript" src="../js/custom.js"></script>
11 
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
12 
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
13 
+
14 
+    <title>Area Este</title>
15 
+
16 
+      <script type="text/javascript">
17 
+             $(document).ready(function(){
18 
+              var storage = window.localStorage;
19 
+              var value = storage.getItem('key');
20 
+              if (value != 'done')
21 
+              {
22 
+                $("#myModal").modal('show');
23 
+                storage.setItem('key', 'done');
24 
+              }
25 
+              });
26 
+             function post_form(){
27 
+                var edad = $("#edad").val();
28 
+                var genero = $("#genero").val();
29 
+                var pueblo = $("#pueblo").val();
30 
+                if($.trim(edad).length > 0 & $.trim(genero).length > 0 & $.trim(pueblo).length > 2) {
31 
+
32 
+                   $.ajax({
33 
+                      type:"POST",
34 
+                      url: "https://pazparalamujer.org/mobile_app/insert.php",
35 
+                      data:{edad:edad, genero:genero, pueblo:pueblo},
36 
+                      success:function(data) {
37 
+                         $("#myModal").modal('hide');
38 
+                         console.log(data);
39 
+                      }
40 
+                   })
41 
+                }
42 
+                else {
43 
+                   alert('Necesita poner toda la informacion');
44 
+    }
45 
+            }
46 
+  </script>
47 
+
48 
+
49 
+
50 
+    <style>
51 
+      body {
52 
+        font-family: 'Lato', sans-serif;
53 
+        font-size: 12px;
54 
+      }
55 
+    </style>
56 
+
57 
+  </head>
58 
+
59 
+  <body>
60 
+
61 
+    <!--MENU-->
62 
+    <div class="nav-bar">
63 
+      <div id="myNav" class="overlay">
64 
+
65 
+        <div>
66 
+          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
67 
+        </div>
68 
+
69 
+          <div class="overlay-content">
70 
+            <a href="index.html">Home</a>
71 
+            <a href="vdomestica_en.html">Domestic Violence</a>
72 
+            <a href="vsexual_en.html">Sexual Violence</a>
73 
+            <a href="leyes_en.html">Laws</a>
74 
+            <a href="campanas_en.html">Campaings</a>
75 
+            <a href="test_en.html">Test </a>
76 
+            <a href="servicios_en.html">Find Help</a>
77 
+            <a href="cerca_en.html">Near Me</a>
78 
+            <a href="contacto_en.html">Contact Us</a>
79 
+            <a href="../index.html">App en Español</a>
80 
+          </div>
81 
+      </div>
82 
+
83 
+      <p id="demo"></p>
84 
+    </div>
85 
+
86 
+    <div id="menubtn">
87 
+      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
88 
+    </div>
89 
+
90 
+   <h1 style="text-align: center; font-size:30px;"> Area Este</h1>
91 
+<p style="font-size:20px"> ✓ Casa de la Bondad, Inc.: <a href="tel:7878527265">(787)-852-7265, </a><a href="tel:7878522087">(787)-852-2087</a></p>
92 
+<p style="font-size:20px"> ✓ Casa de Todos: <a href="tel:7877343132">(787)-734-3132, </a><a href="tel:7872231886">(787)-223-1886</a></p>
93 
+
94 
+
95 
+<div id="myModal" class="modal fade" data-keyboard="false" data-backdrop="static">
96 
+    <div class="modal-dialog">
97 
+        <div class="modal-content">
98 
+            <div class="modal-header">
99 
+                <h4 class="modal-title">Por favor comparta esta informacion con nostr@s</h4>
100 
+            </div>
101 
+            <div class="modal-body">
102 
+                                <p>Esta informacion se va usar para saber quien le esta dando uso a la aplicacion</p>
103 
+
104 
+                <form id="insert_form" method="POST" action="https://pazparalamujer.org/mobile_app/insert.php">
105 
+                    <div class="form-group">
106 
+                        <input type="number" class="form-control" name="edad"id ="edad" placeholder="Edad" required>
107 
+        </div>
108 
+
109 
+                    <div class="form-group">
110 
+                        <input type="text" class="form-control" name="genero" id ="genero" placeholder="Genero" required>
111 
+        </div>
112 
+
113 
+                        <div class="form-group">
114 
+                        <input type="text" class="form-control" name="pueblo" id="pueblo" placeholder="Pueblo" required>
115 
+                    </div>
116 
+
117 
+                        <input type="button" class="btn btn-primary" name="insert" id="insert" onclick="post_form()" value="Termine">
118 
+                </form>
119 
+            </div>
120 
+        </div>
121 
+    </div>
122 
+</div>
123 
+</body>
124 
+</html>

+ 61
- 0
pazapp/www/app_en/area_norte_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 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">Home</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">Contact Us</a>
43 
+            <a href="../index.html">App en Español</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 
+                  <h1 style="text-align: center; font-size:30px;"> Area Norte</h1>
55 
+
56 
+<p style="font-size:20px"> ✓ Casa Protegida Julia de Burgos, Inc. :<a href="tel:7877233500">(787) 723- 3500 </a></p>
57 
+<p style="font-size:20px"> ✓ Hogar Ruth, Inc.: <a href="tel:7878831805">(787) 883-1805, </a><a href="tel:7877926596">(787) 883-1884, </a><a href="tel:7877926596">(787) 792-6596 </a></p>
58 
+<p style="font-size:20px"> ✓ Casa Protegida de Mujeres y Niños, CAPROMUNI I: <a href="tel:7878802272">(787) 880-2272 </a></p>
59 
+
60 
+</body>
61 
+</html>

+ 57
- 0
pazapp/www/app_en/area_oeste_en.html View File 

@@ -0,0 +1,57 @@
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">Home</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">Contact Us</a>
43 
+            <a href="../index.html">App en Español</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 
+  <h1 style="text-align: center; font-size:30px;"> Area Oeste </h1>
55 
+<p style="font-size:20px"> ✓ Casa Protegida de Mujeres y Niños, CAPROMUNI II: <a href="tel:7878312272">(787) 831-2272 </a></p>
56 
+</body>
57 
+</html>

+ 62
- 0
pazapp/www/app_en/ayudas_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>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">Home</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">Contact Us</a>
43 
+            <a href="../index.html">App en Español</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 
+     <h1 style="text-align: center; font-size:30px;"> Ayudas</h1>
55 
+<p style="font-size:20px"> ✓ <a href="tel:911"> 9-1-1 </a></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 <a href="tel:7873432020">(787) 343-2020 </a></p>
58 
+<p style="font-size:20px"> ✓ División de Delitos Sexuales y Maltrato a Menores: <a href="tel:7877931234">(787)793-1234 x. 2467 </a></p>
59 
+<p style="font-size:20px"> ✓ División Especializada de Violencia Doméstica: <a href="tel:7875480146">(787) 548-0146, </a><a href="tel:7877931234"> (787)793-1234 x. 2470 </a></p>
60 
+
61 
+</body>
62 
+</html>

+ 76
- 0
pazapp/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">Home</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">Contact Us</a>
31 
+            <a href="../index.html">App en Español</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>

+ 66
- 0
pazapp/www/app_en/cerca_en.html View File 

@@ -0,0 +1,66 @@
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 
+        <style>
18 
+        body {
19 
+      background-color: #ffffff;
20 
+      }
21 
+        </style>
22 
+
23 
+    </head>
24 
+    <body>
25 
+
26 
+              <!-- MENU -->
27 
+      <div class="nav-bar">
28 
+            <div id="myNav" class="overlay">
29 
+              <div>
30 
+               <!-- <h2>Menu</h2> -->
31 
+                <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
32 
+              </div>
33 
+
34 
+              <a href="index.html">Home</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">Contact Us</a>
43 
+            <a href="../index.html">App en Español</a>
44 
+
45 
+                </div>
46 
+            </div>
47 
+
48 
+            <p id="demo"></p>
49 
+            </div>
50 
+            <div id="menubtn">
51 
+              <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+            </div>
53 
+          </div>
54 
+
55 
+          <center><h1 style=" font-size:30px;"> Nearby Help Centers</h1></center>
56 
+
57 
+        <div id="map">
58 
+
59 
+        </div>
60 
+
61 
+        <script type="text/javascript" src="../cordova.js"></script>
62 
+        <script type="text/javascript" src="../js/index.js"></script>
63 
+        <script async defer
64 
+         src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCSzwwRdTQ37M5PmvjcUNP_hkVTQ_YKgsw&callback=getMap"></script>
65 
+    </body>
66 
+</html>

+ 74
- 0
pazapp/www/app_en/contacto_en.html View File 

@@ -0,0 +1,74 @@
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">Home</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">Contact Us</a>
34 
+              <a href="../index.html">App en Español</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 
+              <br>
54 
+                <h1 style="text-align: center; font-size:30px;">Contact Us</h1>
55 
+
56 
+                <br>
57 
+
58 
+                   <ul style="list-style-type:none;">
59 
+
60 
+                      <li> <a href="tel:787-281-7579" class="fa fa-phone" aria-hidden="true"> </a> 787-281-7579</a> </li>
61 
+                      <li> <a href="mailto:info@pazparalamujer.org" class="fa fa-envelope"></a> info@pazparalamujer.org</li>
62 
+                      <li><a href="https://www.facebook.com/Paz-Mujer-336652495105/" class="fa fa-facebook"></a> Paz Mujer </li>
63 
+                      <li><a href="https://twitter.com/pazparalamujer" class="fa fa-twitter"></a> pazparalamujer </li>
64 
+                      <li><a href="https://www.instagram.com/pazmujer/" class="fa fa-instagram"></a> pazmujer</li>
65 
+                      <a href="https://www.youtube.com/user/pazmujer" class="fa fa-youtube"></a> pazmujer</li>
66 
+                    </ul>
67 
+            </div>
68 
+
69 
+
70 
+          </div>
71 
+        </div>
72 
+
73 
+    </body>
74 
+    </html>

+ 108
- 0
pazapp/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">Home</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">Contact Us</a>
37 
+            <a href="../index.html">App en Español</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
pazapp/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">Home</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">Contact Us</a>
33 
+            <a href="../index.html">App en Español</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>

+ 125
- 0
pazapp/www/app_en/servicios_en.html View File 

@@ -0,0 +1,125 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+<head>
4 
+<meta charset="UTF-8">
5 
+<title>Centro de Servicios de Ayuda</title>
6 
+<link rel="stylesheet" href="css/bootstrap.min.css">
7 
+<link rel="stylesheet" href="css/bootstrap-theme.min.css">
8 
+<script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
9 
+<script src="js/bootstrap.min.js"></script>
10 
+<!--
11 
+<link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
12 
+<link rel="stylesheet" type="text/css" href="css/custom.css">
13 
+
14 
+<script type="text/javascript" src="js/custom.js"></script>
15 
+
16 
+-->
17 
+
18 
+<script type="text/javascript">
19 
+$(document).ready(function(e) {
20 
+   $('.has-sub').click(function(){
21 
+    $(this).toggleClass('tap');
22 
+  });
23 
+});
24 
+</script>
25 
+
26 
+<style type="text/css">
27 
+* {padding:0; margin:0;}
28 
+.main-nav {background: rgba(108,166,202,1.00);}
29 
+.main-nav li {list-style: none;}
30 
+.main-nav a {
31 
+  height: 50px;
32 
+  color: #FFF;
33 
+  letter-spacing: .2em;
34 
+  text-decoration: none;
35 
+  display: block;
36 
+  padding: 10px 0 10px 20px;
37 
+  border-bottom: 1px dotted gray;
38 
+}
39 
+.main-nav a:hover {background: rgba(118,166,174,1.00);}
40 
+.main-nav-ul ul {display: none;}
41 
+.main-nav-ul li.tap ul {display: block;}
42 
+.main-nav-ul ul a:before {
43 
+  content: '\203A';
44 
+  margin-right: 20px;
45 
+}
46 
+.main-nav .sub-arrow:after {
47 
+  content: '\203A';
48 
+  float: right;
49 
+  margin-right: 20px;
50 
+  transform: rotate(90deg);
51 
+  -webkit-transform: rotate(90deg);
52 
+  -moz-transform: rotate(90deg);
53 
+}
54 
+.main-nav li.tap .sub-arrow:after {
55 
+  content: '\2039';
56 
+}
57 
+
58 
+</style>
59 
+
60 
+</head>
61 
+
62 
+<body>
63 
+
64 
+
65 
+  <!--
66 
+
67 
+  <div class="nav-bar">
68 
+    <div id="myNav" class="overlay">
69 
+      <div>
70 
+
71 
+      <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
72 
+      </div>
73 
+
74 
+      <div class="overlay-content">
75 
+        <a href="index.html">Inicio</a>
76 
+        <a href="vdomestica.html">Violencia Doméstica</a>
77 
+        <a href="vsexual.html">Violencia Sexual</a>
78 
+        <a href="leyes.html">Leyes</a>
79 
+        <a href="campanas.html">Campañas</a>
80 
+        <a href="test.html">Test </a>
81 
+        <a href="main_servicios.html">Buscar Ayuda</a>
82 
+        <a href="cerca.html">Cerca de mi</a>
83 
+        <a href="contacto.html">Contacto</a>
84 
+        <a href="app_en/index.html">App in English</a>
85 
+      </div>
86 
+    </div>
87 
+
88 
+    <p id="demo"></p>
89 
+    </div>
90 
+    <div id="menubtn">
91 
+      <span style="font-size:30px;cursor:pointer;" onclick="openNav()">&#9776;</span>
92 
+    </div>
93 
+    </div>
94 
+
95 
+    -->
96 
+
97 
+<nav class="main-nav">
98 
+  <ul class="main-nav-ul">
99 
+
100 
+          <li><a href="index.html">Home</a></li>
101 
+          <li><a href="ayudas_en.html">Where to look for help</a></li>
102 
+          <li class="has-sub"><a href="#">24/7 Phoneline for Orientation and Aid<span class="sub-arrow"></span></a>
103 
+            <ul>
104 
+             	<li><a href="agresion_sexual_en.html">Sexual Aggresion</a></li>
105 
+              <li><a href="vd_as_en.html">Domestic Violence and Sexual Aggresion</a></li>
106 
+            </ul>
107 
+          </li>
108 
+
109 
+          <li class="has-sub"><a href="#">Shelters in Puerto Rico<span class="sub-arrow"></span></a>
110 
+            <ul>
111 
+              <li><a href="area_norte_en.html">North Area</a></li>
112 
+              <li><a href="area_este_en.html">East Area</a></li>
113 
+      	      <li><a href="area_oeste_en.html">West Area</a></li>
114 
+              <li><a href="area_central_en.html">Central Area</a></li>
115 
+            </ul>
116 
+          </li>
117 
+
118 
+          <li><a href="servicios_info_en.html">Service Centers</a></li>
119 
+          <li><a href="servicios_g_en.html">Center of Goverment Services</a></li>
120 
+          <li><a href="universidad_en.html">Universities</a></li>
121 
+        </ul>
122 
+      </nav>
123 
+
124 
+    </body>
125 
+</html>

+ 58
- 0
pazapp/www/app_en/servicios_g_en.html View File 

@@ -0,0 +1,58 @@
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">Home</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">Contact Us</a>
42 
+            <a href="../index.html">App en Español</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 
+   <h1 style="text-align: center; font-size:30px;"> Centros de Servicios Gubernamentales</h1>
54 
+<p style="font-size:20px"> ✓ Proyecto RAMA, Municipio de Carolina: <a href="tel:7877012395"> 787-701-2395, </a>Línea 24/7: <a href="tel:7877694000"> 787-769-4000 </a></p>
55 
+<p style="font-size:20px"> ✓ Oficina de la Procuradora de las Mujeres: <a href="tel:7877222977"> 787-722-2977 </a></p>
56 
+
57 
+</body>
58 
+</html>

+ 75
- 0
pazapp/www/app_en/servicios_info_en.html View File 

@@ -0,0 +1,75 @@
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">Home</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">Contact Us</a>
42 
+            <a href="../index.html">App en Español</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 
+
54 
+                  <h1 style="text-align: center; font-size:30px;"> Centro de servicios</h1>
55 
+<p style="font-size:20px"> ✓ Casa Pensamiento Mujer del Centro (Aibonito): <a href="tel:7877353200">(787)735-3200, </a><a href="tel:7877356698">(787)735-6698 </a></p>
56 
+<p style="font-size:20px"> ✓ Casa Juana Colón (Comerío): <a href="tel:7878753170">(787)875-3170 </a></p>
57 
+<p style="font-size:20px"> ✓ Centro de la Mujer Dominicana (San Juan): <a href="tel:7877729251">(787)772-9251 </a></p>
58 
+<p style="font-size:20px"> ✓ Envejecer en Armonía (Aibonito): <a href="tel:7877352126">(787)735-2126 </a></p>
59 
+<p style="font-size:20px"> ✓ Fundación Alas a la Mujer: (San Juan) <a href="tel:7877834535">(787)783-4535, (Utuado) </a><a href="tel:7878948495">(787)894-8495 </a></p>
60 
+<p style="font-size:20px"> ✓ Grupo de Apoyo Mujer eres Especial (Lares):<a href="tel:7872996876">(787)299-6876 </a></p>
61 
+<p style="font-size:20px"> ✓ Oficina para Promoción y Desarrollo Humano, OPDH (Arecibo): <a href="tel:7878176951">(787) 817-6951,  </a> <a href="tel:7878176954">(787) 817-6954 </a></p>
62 
+<p style="font-size:20px"> ✓ Centro Salud Justicia de Puerto Rico (Caguas): <a href="tel:7877433038">(787)743-3038 ext. 3210 </a></p>
63 
+<p style="font-size:20px"> ✓ Centro Comunitario LGBT (San Juan): <a href="tel:7872949850">(787) 294-9850 </a></p>
64 
+<p style="font-size:20px"> ✓ Taller Salud (Loíza): <a href="tel:7878763440">(787) 876-3440, </a> <a href="tel:7872567568">(787)256-7568 </a></p>
65 
+<p style="font-size:20px"> ✓ Profamilias (San Juan): <a href="tel:7877657373">(787) 765-7373 </a></p>
66 
+<p style="font-size:20px"> ✓ Mujeres de Islas (Culebra): <a href="tel:7874133436">(787) 413-3436 </a></p>
67 
+<p style="font-size:20px"> ✓ Instituto del Hogar Celia y Harrys Bunker, Proyecto Criando para la Paz (San Juan): <a href="tel:7877657899">(787)765-7899, </a> <a href="tel:7877657896">(787) 765-7896 </a></p>
68 
+<p style="font-size:20px"> ✓ Casa Protegida Luisa Capetillo (Arecibo): <a href="tel:9392463728">(939) 246-3728 </a></p>
69 
+<p style="font-size:20px"> ✓ Centro de Apoyo para Víctimas el Crimen, CAVIC (San Juan): <a href="tel:7877636337">(787)763-6337 </a></p>
70 
+<p style="font-size:20px"> ✓ Programa de Asistencia Integral a Víctimas del Crimen, PAIVC (San Juan): <a href="tel:7875221342">(787) 522-1342, </a><a href="tel:7877640000"> 787-764-0000 exts. 87680, 87681 </a></p>
71 
+<p style="font-size:20px"> ✓ Centro de Servicios Psicológicos Nueva Vida (Arecibo): <a href="tel:7878811212">(787) 881-1212 exts. 6072, 6103, 6106 </a></p>
72 
+<p style="font-size:20px"> ✓ Programa de Violencia Doméstica, Universidad Carlos Albizu (San Juan): <a href="tel:7877256500">(787)725-6500 exts. 1107, 1117 </a></p>
73 
+
74 
+</body>
75 
+</html>

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

@@ -0,0 +1,74 @@
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">Home</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">Contact Us</a>
33 
+            <a href="../index.html">App en Español</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>

+ 62
- 0
pazapp/www/app_en/universidad_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>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">Home</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">Contact Us</a>
42 
+            <a href="../index.html">App en Español</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 
+    <h1 style="text-align: center; font-size:30px;"> Universidades</h1>
54 
+<p style="font-size:20px"> ✓ Proyecto Construyendo Equidad entre Géneros, UPR Carolina: <a href="tel:7872570000"> (787) 257-0000 ext. 4799 </a></p>
55 
+<p style="font-size:20px"> ✓ Proyecto de Estudios de las Mujeres, ProMujeres, UPR Cayey: <a href="tel:7877382161"> (787) 738-2161 ext. 2292 </a></p>
56 
+<p style="font-size:20px"> ✓ Programa de Prevención de la Violencia hacia las Mujeres, UPR Humacao: <a href="tel:7878500000"> (787) 850-0000 ext. 9629, 9642 </a></p>
57 
+<p style="font-size:20px"> ✓ Centro Mujer y Salud, Recinto de Ciencias Médicas: <a href="tel:7877580090"> (787) 758-0090 </a></p>
58 
+<p style="font-size:20px"> ✓ Instituto de Deficiencias en el Desarrollo, UPR, Recinto de Ciencias Médicas: <a href="tel:7877544377"> (787) 754-4377 </a></p>
59 
+<p style="font-size:20px"> ✓ Proyecto Apoyo a Mujeres Sobrevivientes de Violencia Doméstica, Siempre Vivas, UPR Mayagüez: <a href="tel:7878324040"> 787-832-4040 ext. 6203 </a></p>
60 
+
61 
+</body>
62 
+</html>

+ 60
- 0
pazapp/www/app_en/vd_as_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">Home</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">Contact Us</a>
43 
+            <a href="../index.html">App en Español</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 
+     <h1 style="text-align: center; font-size:30px;"> Violencia Domestica y Agresion Sexual</h1>
55 
+<p style="font-size:20px"> ✓ Centro de Ayuda a Víctimas de Violación (CAVV): <a href="tel:7877652285"> (787)765-2285 </a></p>
56 
+<p style="font-size:20px"> ✓ Oficina de Desarrollo Integral de la Mujer (ODIM) (939)-CONTIGO, <a href="tel:9392668446"> (939)266-8446 </a></p>
57 
+<p style="font-size:20px"> ✓ Hogar Nueva Mujer Santa María de la Merced: <a href="tel:9392559800"> (939)255-9800 </a></p>
58 
+
59 
+</body>
60 
+</html>

+ 57
- 0
pazapp/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">Home</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">Contact Us</a>
33 
+              <a href="../index.html">App en Español</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
pazapp/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">Home</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">Contact Us</a>
33 
+              <a href="../index.html">App en Español</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>

+ 57
- 0
pazapp/www/area_central.html View File 

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

+ 127
- 0
pazapp/www/area_este.html View File 

@@ -0,0 +1,127 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <title>Area Este</title>
6 
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+        <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
8 
+        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
9 
+        <link rel="stylesheet" type="text/css" href="css/custom.css">
10 
+	<script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
11 
+  <script type="text/javascript" src="js/custom.js"></script>
12 
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
13 
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
14 
+
15 
+	<script type="text/javascript">
16 
+             $(document).ready(function(){
17 
+              var storage = window.localStorage;
18 
+              var value = storage.getItem('key');
19 
+              if (value != 'done')
20 
+              {
21 
+              	$("#myModal").modal('show');
22 
+                storage.setItem('key', 'done');
23 
+              }
24 
+              });
25 
+             function post_form(){
26 
+                var edad = $("#edad").val();
27 
+                var genero = $("#genero").val();
28 
+                var pueblo = $("#pueblo").val();
29 
+                if($.trim(edad).length > 0 & $.trim(genero).length > 0 & $.trim(pueblo).length > 2) {
30 
+
31 
+                   $.ajax({
32 
+                      type:"POST",
33 
+                      url: "https://pazparalamujer.org/mobile_app/insert.php",
34 
+                      data:{edad:edad, genero:genero, pueblo:pueblo},
35 
+                      success:function(data) {
36 
+                         $("#myModal").modal('hide');
37 
+                         console.log(data);
38 
+                      }
39 
+                   })
40 
+                }
41 
+                else {
42 
+                   alert('Necesita poner toda la informacion');
43 
+		}
44 
+            }
45 
+  </script>
46 
+
47 
+
48 
+        <style>
49 
+        body {
50 
+          font-family: 'Lato', sans-serif;
51 
+          font-size: 12px;
52 
+        }
53 
+        </style>
54 
+
55 
+    </head>
56 
+
57 
+<body>
58 
+
59 
+      <!--MENU-->
60 
+      <div class="nav-bar">
61 
+        <div id="myNav" class="overlay">
62 
+          <div>
63 
+
64 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
65 
+          </div>
66 
+
67 
+            <div class="overlay-content">
68 
+              <a href="index.html">Inicio</a>
69 
+              <a href="vdomestica.html">Violencia Doméstica</a>
70 
+              <a href="vsexual.html">Violencia Sexual</a>
71 
+              <a href="leyes.html">Leyes</a>
72 
+              <a href="campanas.html">Campañas</a>
73 
+              <a href="test.html">Test </a>
74 
+              <a href="main_servicios.html">Buscar Ayuda</a>
75 
+              <a href="cerca.html">Cerca de mi</a>
76 
+              <a href="contacto.html">Contacto</a>
77 
+              <a href="app_en/index.html">App in English</a>
78 
+            </div>
79 
+        </div>
80 
+
81 
+        <p id="demo"></p>
82 
+        </div>
83 
+        <div id="menubtn">
84 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
85 
+        </div>
86 
+      </div>
87 
+
88 
+
89 
+
90 
+                  <h1 style="text-align: center; font-size:30px;"> Area Este</h1>
91 
+<p style="font-size:20px"> ✓ Casa de la Bondad, Inc.: <a href="tel:7878527265">(787)-852-7265, </a><a href="tel:7878522087">(787)-852-2087</a></p>
92 
+<p style="font-size:20px"> ✓ Casa de Todos: <a href="tel:7877343132">(787)-734-3132, </a><a href="tel:7872231886">(787)-223-1886</a></p>
93 
+
94 
+
95 
+<div id="myModal" class="modal fade" data-keyboard="false" data-backdrop="static">
96 
+    <div class="modal-dialog">
97 
+        <div class="modal-content">
98 
+            <div class="modal-header">
99 
+                <h4 class="modal-title">Por favor comparta esta informacion con nostr@s</h4>
100 
+            </div>
101 
+            <div class="modal-body">
102 
+                                <p>Esta informacion se va usar para saber quien le esta dando uso a la aplicacion</p>
103 
+
104 
+                <form id="insert_form" method="POST" action="https://pazparalamujer.org/mobile_app/insert.php">
105 
+                    <div class="form-group">
106 
+                        <input type="number" class="form-control" name="edad"id ="edad" placeholder="Edad" required>
107 
+		    </div>
108 
+
109 
+                    <div class="form-group">
110 
+                        <input type="text" class="form-control" name="genero" id ="genero" placeholder="Genero" required>
111 
+		    </div>
112 
+
113 
+                        <div class="form-group">
114 
+                        <input type="text" class="form-control" name="pueblo" id="pueblo" placeholder="Pueblo" required>
115 
+                    </div>
116 
+
117 
+		                    <input type="button" class="btn btn-primary" name="insert" id="insert" onclick="post_form()" value="Termine">
118 
+                </form>
119 
+            </div>
120 
+        </div>
121 
+    </div>
122 
+</div>
123 
+</body>
124 
+</html>
125 
+
126 
+
127 
+

+ 59
- 0
pazapp/www/area_norte.html View File 

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

+ 55
- 0
pazapp/www/area_oeste.html View File 

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

+ 60
- 0
pazapp/www/ayudas.html View File 

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

+ 66
- 0
pazapp/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="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 
+        <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>

+ 66
- 0
pazapp/www/cerca.html View File 

@@ -0,0 +1,66 @@
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 
+        <style>
18 
+        body {
19 
+      background-color: #ffffff;
20 
+      }
21 
+        </style>
22 
+
23 
+    </head>
24 
+    <body>
25 
+
26 
+              <!-- MENU -->
27 
+      <div class="nav-bar">
28 
+            <div id="myNav" class="overlay">
29 
+              <div>
30 
+               <!-- <h2>Menu</h2> -->
31 
+                <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
32 
+              </div>
33 
+
34 
+                <div class="overlay-content">
35 
+                  <a href="index.html">Inicio</a>
36 
+                  <a href="vdomestica.html">Violencia Doméstica</a>
37 
+                  <a href="vsexual.html">Violencia Sexual</a>
38 
+                  <a href="leyes.html">Leyes</a>
39 
+                  <a href="campanas.html">Campañas</a>
40 
+                  <a href="test.html">Test </a>
41 
+                  <a href="main_servicios.html">Buscar Ayuda</a>
42 
+                  <a href="cerca.html">Cerca de mi</a>
43 
+                  <a href="contacto.html">Contacto</a>
44 
+                  <a href="app_en/index.html">App in English</a>
45 
+                </div>
46 
+            </div>
47 
+
48 
+            <p id="demo"></p>
49 
+            </div>
50 
+            <div id="menubtn">
51 
+              <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
52 
+            </div>
53 
+          </div>
54 
+
55 
+          <h1 style="text-align: center; font-size:30px;">Centros de Ayuda Cercanos</h1>
56 
+
57 
+        <div id="map">
58 
+
59 
+        </div>
60 
+
61 
+        <script type="text/javascript" src="cordova.js"></script>
62 
+        <script type="text/javascript" src="js/index.js"></script>
63 
+        <script async defer
64 
+         src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCSzwwRdTQ37M5PmvjcUNP_hkVTQ_YKgsw&callback=getMap"></script>
65 
+    </body>
66 
+</html>

+ 76
- 0
pazapp/www/contacto.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 
+        <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="main_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 in English</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 
+              <br>
54 
+                <h1 style="text-align: center; font-size:30px;">Contáctanos</h1>
55 
+
56 
+                <br>
57 
+
58 
+                   <ul style="list-style-type:none;">
59 
+
60 
+                      <li> <a href="tel:787-281-7579" class="fa fa-phone" aria-hidden="true"> </a> 787-281-7579</a> </li>
61 
+                      <li> <a href="mailto:info@pazparalamujer.org" class="fa fa-envelope"></a> info@pazparalamujer.org</li>
62 
+                      <li><a href="https://www.facebook.com/Paz-Mujer-336652495105/" class="fa fa-facebook"></a> Paz Mujer </li>
63 
+                      <li><a href="https://twitter.com/pazparalamujer" class="fa fa-twitter"></a> pazparalamujer </li>
64 
+                      <li><a href="https://www.instagram.com/pazmujer/" class="fa fa-instagram"></a> pazmujer</li>
65 
+                      <a href="https://www.youtube.com/user/pazmujer" class="fa fa-youtube"></a> pazmujer</li>
66 
+                    </ul>
67 
+            </div>
68 
+
69 
+
70 
+
71 
+
72 
+          </div>
73 
+        </div>
74 
+
75 
+    </body>
76 
+    </html>

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


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


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


+ 1
- 0
pazapp/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
pazapp/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
pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap-reboot.css.map
File diff suppressed because it is too large
View File


+ 8
- 0
pazapp/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
pazapp/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
pazapp/www/css/bootstrap-4.3.1-dist/css/bootstrap.css
File diff suppressed because it is too large
View File


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


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


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


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


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


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


+ 1
- 0
pazapp/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
pazapp/www/css/bootstrap-4.3.1-dist/js/bootstrap.js
File diff suppressed because it is too large
View File


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


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


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


+ 232
- 0
pazapp/www/css/custom.css View File 

@@ -0,0 +1,232 @@
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 
+.fa-phone {
58 
+  background:#007bb5;
59 
+  color: white;
60 
+}
61 
+
62 
+/* CSS del menu */
63 
+
64 
+.overlay {
65 
+  height: 100%;
66 
+  width: 50%;
67 
+  position: fixed;
68 
+  z-index: 1;
69 
+  top: 0;
70 
+  left: 100%;
71 
+  right: 0;
72 
+  background-color: rgb(122, 38, 122);
73 
+
74 
+  border-width: 2px;
75 
+  overflow-x: hidden;
76 
+  transition: 0.5s;
77 
+}
78 
+
79 
+.nav-bar{
80 
+	width: 100%;
81 
+	margin: auto;
82 
+}
83 
+
84 
+#menubtn {
85 
+  position: absolute;
86 
+  top: 4px;
87 
+  right: 5px;
88 
+  font-size: 28px;
89 
+}
90 
+
91 
+.overlay-content {
92 
+  position: relative;
93 
+  top: auto;
94 
+  width: 85%;
95 
+  text-align: left;
96 
+  padding-top: 50px;
97 
+  margin-left: 8px;
98 
+}
99 
+
100 
+.overlay span {
101 
+  padding: 8px;
102 
+  text-decoration: none;
103 
+  font-size: 36px;
104 
+  color: white;
105 
+  display: block;
106 
+  transition: 0.3s;
107 
+  float:right;
108 
+}
109 
+
110 
+.overlay h2 {
111 
+  padding: 8px;
112 
+  font-size: 48px ;
113 
+  color: white;
114 
+  display: block;
115 
+  transition: 0.3s;
116 
+  float:left;
117 
+}
118 
+
119 
+.overlay a {
120 
+  padding: 8px;
121 
+  text-decoration: none;
122 
+  font-size: 26px;
123 
+  color: white;
124 
+  display: block;
125 
+  transition: 0.3s;
126 
+}
127 
+
128 
+.overlay a:hover, .overlay a:focus {
129 
+  color: #f1f1f1;
130 
+}
131 
+
132 
+.overlay .closebtn {
133 
+  position: absolute;
134 
+  top: 10px;
135 
+  right: 45px;
136 
+  font-size: 28px;
137 
+}
138 
+
139 
+@media screen and (max-height: 450px) {
140 
+  .overlay h2 {font-size: 32px}
141 
+  .overlay a {font-size: 20px}
142 
+  .overlay-content {font-size: 20px}
143 
+  .overlay .closebtn {
144 
+  font-size: 40px;
145 
+  top: 15px;
146 
+  right: 35px;
147 
+  }
148 
+}
149 
+
150 
+/* CSS del quiz */
151 
+.top-quiz-title {
152 
+  font-size: 175%;
153 
+  padding: 10px;
154 
+}
155 
+
156 
+.inicio{
157 
+  font-size: 125%;
158 
+  padding-bottom: 10px;
159 
+}
160 
+
161 
+.container {
162 
+  padding: 10px;
163 
+}
164 
+
165 
+.pregunta{
166 
+  font-size: 125%;
167 
+}
168 
+
169 
+.opciones{
170 
+  padding-left: 10px;
171 
+  padding-right: 10px;
172 
+  padding-bottom: 10px;
173 
+}
174 
+
175 
+.opcion{
176 
+  font-size: 125%;
177 
+  padding: 8px;
178 
+}
179 
+/* Termina CSS del quiz */
180 
+
181 
+/* Empieza CSS del area de Servicios */
182 
+
183 
+.main-nav {
184 
+  background: rgba(122,38,122,1.00);
185 
+}
186 
+
187 
+.main-nav li {
188 
+  list-style: none;
189 
+}
190 
+
191 
+.main-nav a {
192 
+	height: 50px;
193 
+	color: #FFF;
194 
+	text-transform: uppercase;
195 
+	letter-spacing: .2em;
196 
+	text-decoration: none;
197 
+	display: block;
198 
+	padding: 10px 0 10px 20px;
199 
+	border-bottom: 1px dotted gray;
200 
+}
201 
+
202 
+.main-nav a:hover {
203 
+  background: rgba(118,166,174,1.00);
204 
+}
205 
+
206 
+.main-nav-ul ul {
207 
+  display: none;
208 
+}
209 
+
210 
+.main-nav-ul li.tap ul {
211 
+  display: block;
212 
+}
213 
+
214 
+.main-nav-ul ul a:before {
215 
+	content: '\203A';
216 
+	margin-right: 20px;
217 
+}
218 
+
219 
+.main-nav .sub-arrow:after {
220 
+	content: '\203A';
221 
+	float: right;
222 
+	margin-right: 20px;
223 
+	transform: rotate(90deg);
224 
+	-webkit-transform: rotate(90deg);
225 
+	-moz-transform: rotate(90deg);
226 
+}
227 
+
228 
+.main-nav li.tap .sub-arrow:after {
229 
+	content: '\2039';
230 
+}
231 
+
232 
+/* Termina area de CSS del area de Servicios */

+ 56
- 0
pazapp/www/css/file.css View File 

@@ -0,0 +1,56 @@
1 
+/* cyrillic-ext */
2 
+@font-face {
3 
+  font-family: 'Roboto Condensed';
4 
+  font-style: normal;
5 
+  font-weight: 400;
6 
+  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
7 
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
8 
+}
9 
+/* cyrillic */
10 
+@font-face {
11 
+  font-family: 'Roboto Condensed';
12 
+  font-style: normal;
13 
+  font-weight: 400;
14 
+  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
15 
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
16 
+}
17 
+/* greek-ext */
18 
+@font-face {
19 
+  font-family: 'Roboto Condensed';
20 
+  font-style: normal;
21 
+  font-weight: 400;
22 
+  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
23 
+  unicode-range: U+1F00-1FFF;
24 
+}
25 
+/* greek */
26 
+@font-face {
27 
+  font-family: 'Roboto Condensed';
28 
+  font-style: normal;
29 
+  font-weight: 400;
30 
+  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
31 
+  unicode-range: U+0370-03FF;
32 
+}
33 
+/* vietnamese */
34 
+@font-face {
35 
+  font-family: 'Roboto Condensed';
36 
+  font-style: normal;
37 
+  font-weight: 400;
38 
+  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
39 
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
40 
+}
41 
+/* latin-ext */
42 
+@font-face {
43 
+  font-family: 'Roboto Condensed';
44 
+  font-style: normal;
45 
+  font-weight: 400;
46 
+  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
47 
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
48 
+}
49 
+/* latin */
50 
+@font-face {
51 
+  font-family: 'Roboto Condensed';
52 
+  font-style: normal;
53 
+  font-weight: 400;
54 
+  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
55 
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
56 
+}

+ 96
- 0
pazapp/www/css/index.css View File 

@@ -0,0 +1,96 @@
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 
+    width:100%;
20 
+}
21 
+
22 
+/* Portrait layout (default) */
23 
+.app {
24 
+    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
25 
+    position:absolute;             /* position in the center of the screen */
26 
+    left:50%;
27 
+    top:50%;
28 
+    height:50px;                   /* text area height */
29 
+    width:225px;                   /* text area width */
30 
+    text-align:center;
31 
+    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
32 
+    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
33 
+                                   /* offset horizontal: half of text area width */
34 
+}
35 
+
36 
+/* Landscape layout (with min-width) */
37 
+@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
38 
+    .app {
39 
+        background-position:left center;
40 
+        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
41 
+        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
42 
+                                      /* offset horizontal: half of image width and text area width */
43 
+    }
44 
+}
45 
+
46 
+h1 {
47 
+    font-size:20px;
48 
+    font-weight:normal;
49 
+    margin:0px;
50 
+    overflow:visible;
51 
+    padding:0px;
52 
+    text-align:center;
53 
+}
54 
+
55 
+.event {
56 
+    border-radius:4px;
57 
+    -webkit-border-radius:4px;
58 
+    color:#FFFFFF;
59 
+    font-size:12px;
60 
+    margin:0px 30px;
61 
+    padding:2px 0px;
62 
+}
63 
+
64 
+.event.listening {
65 
+    background-color:#333333;
66 
+    display:block;
67 
+}
68 
+
69 
+.event.received {
70 
+    background-color:#4B946A;
71 
+    display:none;
72 
+}
73 
+
74 
+@keyframes fade {
75 
+    from { opacity: 1.0; }
76 
+    50% { opacity: 0.4; }
77 
+    to { opacity: 1.0; }
78 
+}
79 
+
80 
+@-webkit-keyframes fade {
81 
+    from { opacity: 1.0; }
82 
+    50% { opacity: 0.4; }
83 
+    to { opacity: 1.0; }
84 
+}
85 
+
86 
+.blink {
87 
+    animation:fade 3000ms infinite;
88 
+    -webkit-animation:fade 3000ms infinite;
89 
+}
90 
+
91 
+#map{
92 
+    width: 100%;
93 
+    height: 500px;
94 
+
95 
+
96 
+}

+ 12
- 0
pazapp/www/css/searchbar1.css View File 

@@ -0,0 +1,12 @@
1 
+ons-toolbar ~ .page__content{
2 
+    margin-top: 0px;
3 
+}
4 
+.search-bar {
5 
+    width: 100%;
6 
+    position: relative;
7 
+    display: block;
8 
+    margin-top: 0px;
9 
+}
10 
+.after-search-bar {
11 
+    margin-top: -10px;
12 
+}

+ 52
- 0
pazapp/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
pazapp/www/img/AMA.png View File


BIN
pazapp/www/img/JANGUEA.png View File


BIN
pazapp/www/img/JUEGA.png View File


BIN
pazapp/www/img/LEYES.PNG View File


BIN
pazapp/www/img/logo.png View File


+ 108
- 0
pazapp/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="main_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 in English</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
pazapp/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 
+}

+ 389
- 0
pazapp/www/js/index.js View File 

@@ -0,0 +1,389 @@
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: 9,
103 
+          mapTypeId: google.maps.MapTypeId.ROADMAP
104 
+      };
105 
+
106 
+      //MAPA
107 
+      var map = new google.maps.Map(document.getElementById("map"), mapOptions);
108 
+
109 
+
110 
+
111 
+    //MARKERS
112 
+     var contentString = '<div id="content">'+
113 
+     '<div id="siteNotice">'+
114 
+     '</div>'+
115 
+     '<h1 id="firstHeading" class="firstHeading">Centro de Ayuda a Víctimas de Violación</h1>'+
116 
+     '<a href="https://maps.google.com?saddr=Current+Location&daddr=18.415312,-66.056812">' +
117 
+     'Get Directions</a> '+
118 
+     '</div>';
119 
+
120 
+
121 
+     var infowindow = new google.maps.InfoWindow({
122 
+        content: contentString,
123 
+        maxWidth: 200
124 
+      });
125 
+
126 
+      var marker = new google.maps.Marker({position: data[0]['position'], title: data[0]['title'], map: map});
127 
+      marker.addListener('click', function() {
128 
+        infowindow.open(map, marker);
129 
+      });
130 
+
131 
+      /////////////////////////////////////////////////////////////////////////////
132 
+
133 
+      var contentString1 = '<div id="content">'+
134 
+     '<div id="siteNotice">'+
135 
+     '</div>'+
136 
+     '<h1 id="firstHeading" class="firstHeading">Casa Juana Colón</h1>'+
137 
+     '<div id="bodyContent">'+'<a href="https://maps.google.com?saddr=Current+Location&daddr=18.218187,-66.227438">'+
138 
+     'Get Directions</a> '+
139 
+     '</div>';
140 
+
141 
+      var infowindow1 = new google.maps.InfoWindow({
142 
+        content: contentString1,
143 
+        maxWidth: 200
144 
+      });
145 
+
146 
+      var marker1 = new google.maps.Marker({position: data[1]['position'], title: data[1]['title'],map: map});
147 
+      marker1.addListener('click', function() {
148 
+        infowindow1.open(map, marker1);
149 
+      });
150 
+
151 
+      ////////////////////////////////////////////////////////////////////////////////
152 
+
153 
+      var contentString2 = '<div id="content">'+
154 
+     '<div id="siteNotice">'+
155 
+     '</div>'+
156 
+     '<h1 id="firstHeading" class="firstHeading">Envejecer en Armonía</h1>'+
157 
+     '<div id="bodyContent">'+ '<a href="https://maps.google.com?saddr=Current+Location&daddr=18.140312,-66.265938">'+
158 
+     'Get Directions</a> '+
159 
+     '</div>';
160 
+
161 
+      var infowindow2 = new google.maps.InfoWindow({
162 
+        content: contentString2,
163 
+        maxWidth: 200
164 
+      });
165 
+
166 
+      var marker2 = new google.maps.Marker({position: data[2]['position'], title: data[2]['title'],map: map});
167 
+      marker2.addListener('click', function() {
168 
+        infowindow2.open(map, marker2);
169 
+      });
170 
+
171 
+      /////////////////////////////////////////////////////////////////////////////////
172 
+      var contentString3 = '<div id="content">'+
173 
+     '<div id="siteNotice">'+
174 
+     '</div>'+
175 
+     '<h1 id="firstHeading" class="firstHeading">Fundación Alas a la Mujer</h1>'+
176 
+     '<div id="bodyContent">'+' <a href="https://maps.google.com?saddr=Current+Location&daddr=18.265812,-66.703438">'+
177 
+     'Get Directions</a> '+
178 
+     '</div>';
179 
+
180 
+      var infowindow3 = new google.maps.InfoWindow({
181 
+        content: contentString3,
182 
+        maxWidth: 200
183 
+      });
184 
+
185 
+      var marker3 = new google.maps.Marker({position: data[3]['position'], title: data[3]['title'],map: map});
186 
+      marker3.addListener('click', function() {
187 
+        infowindow3.open(map, marker3);
188 
+      });
189 
+
190 
+      ////////////////////////////////////////////////////////////////////////////////////
191 
+      var contentString4 = '<div id="content">'+
192 
+     '<div id="siteNotice">'+
193 
+     '</div>'+
194 
+     '<h1 id="firstHeading" class="firstHeading">Oficina para Promoción y Desarrollo Humano</h1>'+
195 
+     '<div id="bodyContent">'+' <a href="https://maps.google.com?saddr=Current+Location&daddr=18.444438,-66.740563">'+
196 
+     'Get Directions</a> '+
197 
+     '</div>';
198 
+
199 
+      var infowindow4 = new google.maps.InfoWindow({
200 
+        content: contentString4,
201 
+        maxWidth: 200
202 
+      });
203 
+
204 
+      var marker4 = new google.maps.Marker({position: data[4]['position'], title: data[4]['title'],map: map});
205 
+      marker4.addListener('click', function() {
206 
+        infowindow4.open(map, marker4);
207 
+      });
208 
+
209 
+      //////////////////////////////////////////////////////////////////////////////////
210 
+      var contentString5 = '<div id="content">'+
211 
+      '<div id="siteNotice">'+
212 
+      '</div>'+
213 
+      '<h1 id="firstHeading" class="firstHeading">Centro Salud Justicia de Puerto Rico</h1>'+
214 
+      '<div id="bodyContent">'+ ' <a href="https://maps.google.com?saddr=Current+Location&daddr=18.219813,-66.051063">'+
215 
+      'Get Directions</a> '+
216 
+      '</div>';
217 
+
218 
+       var infowindow5 = new google.maps.InfoWindow({
219 
+         content: contentString5,
220 
+         maxWidth: 200
221 
+       });
222 
+
223 
+      var marker5 = new google.maps.Marker({position: data[5]['position'], title: data[5]['title'],map: map});
224 
+      marker5.addListener('click', function() {
225 
+        infowindow5.open(map, marker5);
226 
+      });
227 
+      //////////////////////////////////////////////////////////////////////////////////
228 
+      var contentString6 = '<div id="content">'+
229 
+      '<div id="siteNotice">'+
230 
+      '</div>'+
231 
+      '<h1 id="firstHeading" class="firstHeading">Centro Comunitario LGBT</h1>'+
232 
+      '<div id="bodyContent">'+' <a href="https://maps.google.com?saddr=Current+Location&daddr=18.412188,-66.051687">'+
233 
+      'Get Directions</a> '+
234 
+      '</div>';
235 
+
236 
+       var infowindow6 = new google.maps.InfoWindow({
237 
+         content: contentString6,
238 
+         maxWidth: 200
239 
+       });
240 
+      var marker6 = new google.maps.Marker({position: data[6]['position'], title: data[6]['title'],map: map});
241 
+      marker6.addListener('click', function() {
242 
+        infowindow6.open(map, marker6);
243 
+      });
244 
+      //////////////////////////////////////////////////////////////////////////////////
245 
+      var contentString7 = '<div id="content">'+
246 
+      '<div id="siteNotice">'+
247 
+      '</div>'+
248 
+      '<h1 id="firstHeading" class="firstHeading">Taller Salud</h1>'+
249 
+      '<div id="bodyContent">'+ ' <a href="https://maps.google.com?saddr=Current+Location&daddr=18.422687,-65.833312">'+
250 
+      'Get Directions</a> '+
251 
+      '</div>';
252 
+
253 
+       var infowindow7 = new google.maps.InfoWindow({
254 
+         content: contentString7,
255 
+         maxWidth: 200
256 
+       });
257 
+
258 
+      var marker7 = new google.maps.Marker({position: data[7]['position'], title: data[7]['title'],map: map});
259 
+      marker7.addListener('click', function() {
260 
+        infowindow7.open(map, marker7);
261 
+      });
262 
+      //////////////////////////////////////////////////////////////////////////////////
263 
+
264 
+      var contentString8 = '<div id="content">'+
265 
+      '<div id="siteNotice">'+
266 
+      '</div>'+
267 
+      '<h1 id="firstHeading" class="firstHeading">Profamilias</h1>'+
268 
+      '<div id="bodyContent">'+ ' <a href="https://maps.google.com?saddr=Current+Location&daddr=18.399687,-66.075187">'+
269 
+      'Get Directions</a> '+
270 
+      '</div>';
271 
+
272 
+       var infowindow8 = new google.maps.InfoWindow({
273 
+         content: contentString8,
274 
+         maxWidth: 200
275 
+       });
276 
+
277 
+      var marker8 = new google.maps.Marker({position: data[8]['position'], title: data[8]['title'],map: map});
278 
+       marker8.addListener('click', function() {
279 
+        infowindow8.open(map, marker8);
280 
+      });
281 
+      //////////////////////////////////////////////////////////////////////////////////
282 
+      var contentString9 = '<div id="content">'+
283 
+      '<div id="siteNotice">'+
284 
+      '</div>'+
285 
+      '<h1 id="firstHeading" class="firstHeading">Instituto del Hogar Celia y Harrys Bunker, Proyecto Criando para la Paz</h1>'+
286 
+      '<div id="bodyContent">'+' <a href="https://maps.google.com?saddr=Current+Location&daddr=18.402188,-66.056437">'+
287 
+      'Get Directions</a> '+
288 
+      '</div>';
289 
+
290 
+       var infowindow9 = new google.maps.InfoWindow({
291 
+         content: contentString9,
292 
+         maxWidth: 200
293 
+       });
294 
+
295 
+      var marker9 = new google.maps.Marker({position: data[9]['position'], title: data[9]['title'],map: map})
296 
+      marker9.addListener('click', function() {
297 
+        infowindow9.open(map, marker9);
298 
+      });
299 
+
300 
+
301 
+    /////////////////////////////////////////////////////////////////////////////////////
302 
+    var contentString10 = '<div id="content">'+
303 
+      '<div id="siteNotice">'+
304 
+      '</div>'+
305 
+      '<h1 id="firstHeading" class="firstHeading">Centro de Apoyo para Víctimas el Crimen</h1>'+
306 
+      '<div id="bodyContent">'+ '<a href="https://maps.google.com?saddr=Current+Location&daddr=18.403937,-66.052188">'+
307 
+      'Get Directions</a> '+
308 
+      '</div>';
309 
+
310 
+       var infowindow10 = new google.maps.InfoWindow({
311 
+         content: contentString10,
312 
+         maxWidth: 200
313 
+       });
314 
+
315 
+      var marker10 = new google.maps.Marker({position: data[10]['position'], title: data[10]['title'],map: map})
316 
+      marker10.addListener('click', function() {
317 
+        infowindow10.open(map, marker10);
318 
+      });
319 
+
320 
+      ////////////////////////////////////////////////////////////////////////////////////////
321 
+      var contentString11 = '<div id="content">'+
322 
+      '<div id="siteNotice">'+
323 
+      '</div>'+
324 
+      '<h1 id="firstHeading" class="firstHeading">Oficina de la Procuradora de las Mujeres</h1>'+
325 
+      '<div id="bodyContent">'+ '<a href="https://maps.google.com?saddr=Current+Location&daddr=18.427938,-66.058062">'+
326 
+      'Get Directions</a> '+
327 
+      '</div>';
328 
+
329 
+       var infowindow11 = new google.maps.InfoWindow({
330 
+         content: contentString11,
331 
+         maxWidth: 200
332 
+       });
333 
+
334 
+      var marker11 = new google.maps.Marker({position: data[11]['position'], title: data[11]['title'],map: map})
335 
+      marker11.addListener('click', function() {
336 
+        infowindow11.open(map, marker11);
337 
+      });
338 
+
339 
+
340 
+
341 
+      /////////////////////////////////////////////////////////////////////////////////////////////
342 
+
343 
+      var contentString12 = '<div id="content">'+
344 
+      '<div id="siteNotice">'+
345 
+      '</div>'+
346 
+      '<h1 id="firstHeading" class="firstHeading">Instituto de Deficiencias en el Desarrollo, UPR RCM</h1>'+
347 
+      '<div id="bodyContent">'+ '<a href="https://maps.google.com?saddr=Current+Location&daddr=18.396437,-66.074562">'+
348 
+      'Get Directions</a> '+
349 
+      '</div>';
350 
+
351 
+       var infowindow12 = new google.maps.InfoWindow({
352 
+         content: contentString12,
353 
+         maxWidth: 200
354 
+       });
355 
+
356 
+      var marker12 = new google.maps.Marker({position: data[12]['position'], title: data[12]['title'],map: map})
357 
+      marker12.addListener('click', function() {
358 
+        infowindow12.open(map, marker12);
359 
+      });
360 
+
361 
+      //////////////////////////////////////////////////////////////////////////////////////////////
362 
+
363 
+      var contentString13 = '<div id="content">'+
364 
+      '<div id="siteNotice">'+
365 
+      '</div>'+
366 
+      '<h1 id="firstHeading" class="firstHeading">Proyecto Apoyo a Mujeres Sobrevivientes de Violencia Doméstica, Siempre Vivas, UPRM</h1>'+
367 
+      '<div id="bodyContent">'+'<a href="https://maps.google.com?saddr=Current+Location&daddr=18.212188,-67.139813">'+
368 
+      'Get Directions</a> '+
369 
+      '</div>';
370 
+
371 
+       var infowindow13 = new google.maps.InfoWindow({
372 
+         content: contentString13,
373 
+         maxWidth: 200
374 
+
375 
+        });
376 
+
377 
+      var marker13 = new google.maps.Marker({position: data[13]['position'], title: data[13]['title'],map: map})
378 
+      marker13.addListener('click', function() {
379 
+        infowindow13.open(map, marker13);
380 
+      });
381 
+    }
382 
+
383 
+  // Error callback
384 
+
385 
+  function onMapError(error) {
386 
+      console.log('code: ' + error.code + '\n' +
387 
+          'message: ' + error.message + '\n');
388 
+  }
389 
+

+ 239
- 0
pazapp/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 
+      alert("Felicidades! Se encuentra en una relacion muy saludable!")
190 
+    }
191 
+
192 
+    else if (porciento >= 74) {
193 
+      alert("Ojo! Hay aspectos no muy saludables en su relacion.")
194 
+    }
195 
+
196 
+    else{
197 
+      alert("Alerta Roja! Es parte de una relacion no saludable!")
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
pazapp/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 
+      alert("Felicidades! Se encuentra en una relacion muy saludable!")
190 
+    }
191 
+
192 
+    else if (porciento >= 74) {
193 
+      alert("Ojo! Hay aspectos no muy saludables en su relacion.")
194 
+    }
195 
+
196 
+    else{
197 
+      alert("Alerta Roja! Es parte de una relacion no saludable!")
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);

+ 67
- 0
pazapp/www/js/test.js View File 

@@ -0,0 +1,67 @@
1 
+var request = new XMLHttpRequest()
2 
+
3 
+/*request.open('GET', 'json/renglones.json', true)
4 
+
5 
+request.onload = function() {
6 
+  // begin accessing JSON data here
7 
+  var info = JSON.parse(this.response)
8 
+
9 
+  var table = document.getElementById("table");
10 
+
11 
+    for (var i = 0; i < info.length; i++) {
12 
+
13 
+            tr = table.insertRow(-1);
14 
+
15 
+            for (var j = 0; j < 2; j++) {
16 
+                var tabCell = tr.insertCell(-1);
17 
+                if (j==0) {
18 
+                    tabCell.innerHTML = info[i].Renglones;
19 
+                }
20 
+                else{
21 
+                    tabCell.innerHTML = info[i].Especificaciones;
22 
+                }
23 
+            }
24 
+        }
25 
+    var divContainer = document.getElementById("showData");
26 
+        divContainer.innerHTML = "";
27 
+        divContainer.appendChild(tr);
28 
+
29 
+}*/
30 
+request.open('GET', 'json/MADERA.json', true)
31 
+
32 
+request.onload = function() {
33 
+  // begin accessing JSON data here
34 
+  var info = JSON.parse(this.response)
35 
+
36 
+  var table = document.getElementById("table");
37 
+
38 
+    for (var i = 0; i < info.length; i++) {
39 
+
40 
+            tr = table.insertRow(-1);
41 
+
42 
+            for (var j = 0; j < 5; j++) {
43 
+                var tabCell = tr.insertCell(-1);
44 
+                if (j==0) {
45 
+                    tabCell.innerHTML = info[i].Nombre;
46 
+                }
47 
+                else if (j==1) {
48 
+                    tabCell.innerHTML = info[i].Especificaciones;
49 
+                }
50 
+                else if (j==2) {
51 
+                    tabCell.innerHTML = info[i]["Teléfono 1"];
52 
+                }
53 
+                else if (j==3) {
54 
+                    tabCell.innerHTML = info[i]["E-mail"];
55 
+                }
56 
+                else{
57 
+                    tabCell.innerHTML = info[i].Municipio
58 
+                }
59 
+            }
60 
+        }
61 
+    var divContainer = document.getElementById("showData");
62 
+        divContainer.innerHTML = "";
63 
+        divContainer.appendChild(tr);
64 
+}
65 
+
66 
+
67 
+request.send()

+ 83
- 0
pazapp/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="main_servicios.html">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 in English</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>

+ 127
- 0
pazapp/www/main_servicios.html View File 

@@ -0,0 +1,127 @@
1 
+<html>
2 
+<head>
3 
+<meta charset="UTF-8">
4 
+<title>Centro de Servicios de Ayuda</title>
5 
+<link rel="stylesheet" href="css/bootstrap.min.css">
6 
+<link rel="stylesheet" href="css/bootstrap-theme.min.css">
7 
+<script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
8 
+<script src="js/bootstrap.min.js"></script>
9 
+<!--
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 
+
17 
+<script type="text/javascript">
18 
+$(document).ready(function(e) {
19 
+   $('.has-sub').click(function(){
20 
+		$(this).toggleClass('tap');
21 
+	});
22 
+});
23 
+</script>
24 
+
25 
+<style type="text/css">
26 
+* {padding:0; margin:0;}
27 
+.main-nav {background: rgba(108,166,202,1.00);}
28 
+.main-nav li {list-style: none;}
29 
+.main-nav a {
30 
+	height: 50px;
31 
+	color: #FFF;
32 
+	letter-spacing: .2em;
33 
+	text-decoration: none;
34 
+	display: block;
35 
+	padding: 10px 0 10px 20px;
36 
+	border-bottom: 1px dotted gray;
37 
+}
38 
+.main-nav a:hover {background: rgba(118,166,174,1.00);}
39 
+.main-nav-ul ul {display: none;}
40 
+.main-nav-ul li.tap ul {display: block;}
41 
+.main-nav-ul ul a:before {
42 
+	content: '\203A';
43 
+	margin-right: 20px;
44 
+}
45 
+.main-nav .sub-arrow:after {
46 
+	content: '\203A';
47 
+	float: right;
48 
+	margin-right: 20px;
49 
+	transform: rotate(90deg);
50 
+	-webkit-transform: rotate(90deg);
51 
+	-moz-transform: rotate(90deg);
52 
+}
53 
+.main-nav li.tap .sub-arrow:after {
54 
+	content: '\2039';
55 
+}
56 
+
57 
+</style>
58 
+
59 
+</head>
60 
+
61 
+<body>
62 
+
63 
+
64 
+	<!--
65 
+
66 
+	<div class="nav-bar">
67 
+		<div id="myNav" class="overlay">
68 
+		  <div>
69 
+
70 
+			<span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
71 
+		  </div>
72 
+
73 
+			<div class="overlay-content">
74 
+			  <a href="index.html">Inicio</a>
75 
+			  <a href="vdomestica.html">Violencia Doméstica</a>
76 
+			  <a href="vsexual.html">Violencia Sexual</a>
77 
+			  <a href="leyes.html">Leyes</a>
78 
+			  <a href="campanas.html">Campañas</a>
79 
+			  <a href="test.html">Test </a>
80 
+			  <a href="main_servicios.html">Buscar Ayuda</a>
81 
+			  <a href="cerca.html">Cerca de mi</a>
82 
+			  <a href="contacto.html">Contacto</a>
83 
+			  <a href="app_en/index.html">App in English</a>
84 
+			</div>
85 
+		</div>
86 
+
87 
+		<p id="demo"></p>
88 
+		</div>
89 
+		<div id="menubtn">
90 
+		  <span style="font-size:30px;cursor:pointer;" onclick="openNav()">&#9776;</span>
91 
+		</div>
92 
+	  </div>
93 
+
94 
+		-->
95 
+
96 
+<nav class="main-nav">
97 
+	<ul class="main-nav-ul">
98 
+
99 
+
100 
+		<li><a href="index.html">Inicio</a></li>
101 
+	  <li><a href="ayudas.html">Donde Buscar Ayuda</a></li>
102 
+
103 
+
104 
+      <li class="has-sub"><a href="#">Linea de Orientacion y Ayuda 24/7<span class="sub-arrow"></span></a>
105 
+      	<ul>
106 
+         	<li><a href="agresion_sexual.html">Agresion Sexual</a></li>
107 
+            <li><a href="vd_as.html">Violencia Domestica y Agresion Sexual</a></li>
108 
+         </ul>
109 
+      </li>
110 
+
111 
+      <li class="has-sub"><a href="#">Albergues en Puerto Rico<span class="sub-arrow"></span></a>
112 
+        <ul>
113 
+                <li><a href="area_norte.html">Area Norte</a></li>
114 
+            <li><a href="area_este.html">Area Este</a></li>
115 
+	    <li><a href="area_oeste.html">Area Oeste</a></li>
116 
+            <li><a href="area_central.html">Area Central</a></li>
117 
+         </ul>
118 
+      </li>
119 
+
120 
+      <li><a href="servicios.html">Centro de Servicios</a></li>
121 
+      <li><a href="servicios_g.html">Centro de Servicios Gubermentales</a></li>
122 
+      <li><a href="universidad.html">Universidades</a></li>
123 
+   </ul>
124 
+</nav>
125 
+
126 
+</body>
127 
+</html>

+ 73
- 0
pazapp/www/servicios.html View File 

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

+ 57
- 0
pazapp/www/servicios_g.html View File 

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

+ 75
- 0
pazapp/www/servicios_info.html View File 

@@ -0,0 +1,75 @@
1 
+<!DOCTYPE html>
2 
+<html lang="es">
3 
+    <head>
4 
+        <meta charset="utf-8">
5 
+        <title>Centros de servicios</title>
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 
+        <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
10 
+        <script type="text/javascript" src="js/custom.js"></script>
11 
+        <style>
12 
+        body {
13 
+          font-family: 'Lato', sans-serif;
14 
+          font-size: 12px;
15 
+        }
16 
+        </style>
17 
+
18 
+    </head>
19 
+    <body>
20 
+
21 
+           <!--MENU-->
22 
+      <div class="nav-bar">
23 
+        <div id="myNav" class="overlay">
24 
+          <div>
25 
+
26 
+            <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
27 
+          </div>
28 
+
29 
+            <div class="overlay-content">
30 
+              <a href="index.html">Inicio</a>
31 
+              <a href="vdomestica.html">Violencia Doméstica</a>
32 
+              <a href="vsexual.html">Violencia Sexual</a>
33 
+              <a href="leyes.html">Leyes</a>
34 
+              <a href="campanas.html">Campañas</a>
35 
+              <a href="test.html">Test </a>
36 
+              <a href="main_servicios.html">Buscar Ayuda</a>
37 
+              <a href="cerca.html">Cerca de mi</a>
38 
+              <a href="contacto.html">Contacto</a>
39 
+              <a href="app_en/index.html">App in English</a>
40 
+            </div>
41 
+        </div>
42 
+
43 
+        <p id="demo"></p>
44 
+        </div>
45 
+        <div id="menubtn">
46 
+          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
47 
+        </div>
48 
+      </div>
49 
+
50 
+
51 
+
52 
+                  <h1 style="text-align: center; font-size:30px;"> Centros de servicios</h1>
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 
+    <a href="servicios.html">Volver</a>
72 
+
73 
+  </body>
74 
+
75 
+</html>

+ 71
- 0
pazapp/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="main_servicios.html">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 in English</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>

+ 65
- 0
pazapp/www/universidad.html View File 

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

+ 58
- 0
pazapp/www/vd_as.html View File 

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

+ 57
- 0
pazapp/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="main_servicios.html">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 in English</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
pazapp/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="main_servicios.html">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 in English</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>