Repositorio del curso CCOM4030 el semestre B91 del proyecto Paz para la Mujer

quiz.html 3.4KB

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