Repositorio del curso CCOM4030 el semestre B91 del proyecto Artesanías con el Instituto de Cultura

index.html 3.8KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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 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:;">
  30. <meta name="format-detection" content="telephone=no">
  31. <meta name="msapplication-tap-highlight" content="no">
  32. <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
  33. <link rel="stylesheet" type="text/css" href="css/index.css">
  34. <title>Cultura</title>
  35. <link rel="stylesheet" href="lib/OnsenUI/css/onsenui.css">
  36. <link rel="stylesheet" href="lib/OnsenUI/css/onsen-css-components.min.css">
  37. <script src="lib/OnsenUI/js/onsenui.min.js"></script>
  38. </head>
  39. <body>
  40. <ons-page>
  41. <ons-toolbar>
  42. <div class="center">Cultura</div>
  43. </ons-toolbar>
  44. <ons-tabbar swipeable position="auto">
  45. <ons-tab page="home.html" label="Hogar" active></ons-tab>
  46. <ons-tab page="artesania.html" label="Artesanias"></ons-tab>
  47. <ons-tab page="ferias.html" label="Ferias"></ons-tab>
  48. <ons-tab page="instituto.html" label="Instituto"></ons-tab>
  49. </ons-tabbar>
  50. </ons-page>
  51. <template id="home.html">
  52. <ons-page id="Hogar">
  53. <p style="text-align: center;">
  54. Este es el hogar.
  55. </p>
  56. </ons-page>
  57. </template>
  58. <template id="artesania.html">
  59. <ons-page id="Artesanias">
  60. <p style="text-align: center;">
  61. Aqui estan las artesanias.
  62. </p>
  63. </ons-page>
  64. </template>
  65. <template id="ferias.html">
  66. <ons-page id="Ferias">
  67. <p style="text-align: center;">
  68. Aqui estan las ferias.
  69. </p>
  70. </ons-page>
  71. </template>
  72. <template id="instituto.html">
  73. <ons-page id="Instituto">
  74. <p style="text-align: center;">
  75. Aqui esta la informacion del instituto.
  76. </p>
  77. </ons-page>
  78. </template>
  79. <script type="text/javascript" src="cordova.js"></script>
  80. <script type="text/javascript" src="js/index.js"></script>
  81. </body>
  82. </html>