CCOM4030
/
artesanias
Слідкувати 5
В обрані 0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Repositorio del curso CCOM4030 el semestre B91 del proyecto Artesanías con el Instituto de Cultura
12 Коміти
9 Гілки
Дерево: 27506d0035
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з '27506d0035'
${ noResults }
artesanias/platforms/browser/www/index.html

index.html 22KB
Історія Неформатований

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476 
  1. <!DOCTYPE html>

  2. <!--

  3.     Licensed to the Apache Software Foundation (ASF) under one

  4.     or more contributor license agreements.  See the NOTICE file

  5.     distributed with this work for additional information

  6.     regarding copyright ownership.  The ASF licenses this file

  7.     to you under the Apache License, Version 2.0 (the

  8.     "License"); you may not use this file except in compliance

  9.     with the License.  You may obtain a copy of the License at

  10. 

  11.     http://www.apache.org/licenses/LICENSE-2.0

  12. 

  13.     Unless required by applicable law or agreed to in writing,

  14.     software distributed under the License is distributed on an

  15.     "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

  16.      KIND, either express or implied.  See the License for the

  17.     specific language governing permissions and limitations

  18.     under the License.

  19. -->

  20. <html>

  21.     <head>

  22.         <!--

  23.         Customize this policy to fit your own app's needs. For more guidance, see:

  24.             https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy

  25.         Some notes:

  26.             * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication

  27.             * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly

  28.             * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:

  29.                 * Enable inline JS: add 'unsafe-inline' to default-src

  30.         -->

  31.         <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; media-src *; img-src 'self' data: content:;">

  32.         <!--these three for the calendar-->

  33.         <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">

  34.         <link rel="stylesheet" href="calendar_files/css/demo.css"/>

  35.         <link rel="stylesheet" href="calendar_files/css/theme1.css"/>

  36.         <!--this is for the search bar-->

  37.         <link rel = "stylesheet" href = "css/searchbar1.css">

  38. 

  39.         <meta name="format-detection" content="telephone=no">

  40.         <meta name="msapplication-tap-highlight" content="no">

  41.         <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">

  42.         <link rel="stylesheet" type="text/css" href="css/index.css">

  43.         <link rel="stylesheet" href="lib/OnsenUI/css/onsenui.css">

  44.         <link rel="stylesheet" href="lib/OnsenUI/css/onsen-css-components.min.css">    

  45.         <script src="lib/OnsenUI/js/onsenui.min.js"></script>

  46.   	<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

  47. 

  48.     </head>

  49.     <body>

  50.       

  51.         <ons-navigator swipeable animation="slide" id="myNavigator">

  52.            <ons-page>

  53.             <ons-toolbar>

  54.                 <div class="center">Instituto de Cultura</div>

  55.             </ons-toolbar>

  56.             <ons-tabbar swipeable position="bottom">

  57.                 <ons-tab page="home.html" label="Hogar"></ons-tab>

  58.                 <ons-tab page="renglones.html" label="Artesanías"active></ons-tab>

  59.                 <ons-tab page="ferias.html" label="Ferias"></ons-tab>

  60.                 <ons-tab page="instituto.html" label="ICP"></ons-tab>

  61.             </ons-tabbar>

  62.         </ons-page>

  63.         </ons-navigator>

  64. 

  65. 	<template id="artesanias.html">

  66. 	  <ons-page id="artesanias">

  67. 

  68. 	    <ons-toolbar>

  69. 	      <div class="left"><ons-back-button>Atrás</ons-back-button></div>

  70. 	      <div class="center"></div>

  71. 	    </ons-toolbar>

  72. 

  73.     <ons-pull-hook id="pull-hook" threshold-height="120px">

  74.       <ons-icon id="pull-hook-icon" size="22px" class="pull-hook-content" icon="fa-arrow-down"></ons-icon>

  75.     </ons-pull-hook>

  76. 

  77.     <ons-list id="artesania-list">

  78.       <ons-list-header>Pull to refresh</ons-list-header>

  79.     </ons-list>

  80. 

  81.         <script>

  82.       ons.getScriptPage().onInit = function () {

  83.         this.querySelector('ons-toolbar div.center').textContent = this.data.title;

  84.         var pullHook = document.getElementById('pull-hook');

  85.         var icon = document.getElementById('pull-hook-icon');

  86.         pullHook.addEventListener('changestate', function (event) {

  87.           switch (event.state) {

  88.             case 'initial':

  89.               icon.setAttribute('icon', 'fa-arrow-down');

  90.               icon.removeAttribute('rotate');

  91.               icon.removeAttribute('spin');

  92.               break;

  93.             case 'preaction':

  94.               icon.setAttribute('icon', 'fa-arrow-down');

  95.               icon.setAttribute('rotate', '180');

  96.               icon.removeAttribute('spin');

  97.               break;

  98.             case 'action':

  99.               icon.setAttribute('icon', 'fa-spinner');

  100.               icon.removeAttribute('rotate');

  101.               icon.setAttribute('spin', true);

  102.               break;

  103.           } 

  104.         });

  105. 

  106.         var getArtesania = function (num) {

  107.           const names = ['Palo', 'Cara', 'Guitarra', 'Pilon', 'Raqueta', 'Envase', 'Vasija', 'Caparazon', 'Libros', 'Persona'];

  108.           return {

  109.             name: names[num]

  110.           };

  111.         };

  112.         var getData = function () {

  113.           const data = [];

  114.           for (var i = 0; i < 10; i++) {

  115.             data.push(getArtesania(i));

  116.           }

  117.           return data;

  118.         };

  119.         var createArtesania = function (Artesania) {

  120.           return ons.createElement(`

  121.               <ons-list-item expandable tappable>

  122.                 <div class="center" >${Artesania.name}</div>

  123.       	        <div class="expandable-content"> -Artesanos que trabajan con ${Artesania.name}- <br><br> Luis Lao | Naguabo 

  124. 							<br> <a id='home.html'>Jorge Rivera | Naguabo</a> </div>

  125.               </ons-list-item>

  126.             `

  127.           );

  128.         };

  129.         var Artesanias = getData();

  130.         for (Art of Artesanias) {

  131.           var Artesania = createArtesania(Art);

  132.           document.getElementById('artesania-list').appendChild(Artesania);

  133.         };

  134.         pullHook.onAction = function (done) {

  135.           setTimeout(function() {

  136.             document.getElementById('artesania-list').appendChild(createArtesania(getArtesania()));

  137.             done();

  138.           }, 400);

  139.         }

  140.       };

  141.         </script>

  142. 

  143.         <style>

  144.           .pull-hook-content {

  145.             color: #333;

  146.             transition: transform .25s ease-in-out;

  147.           }

  148.         </style>

  149.       </ons-page>

  150.     </template>

  151. 

  152.         <template id="home.html">

  153. 

  154. 	      <ons-page id="home">

  155. 

  156.                 <p style="text-align: center;">

  157. 					Aqui los datos :

  158.                 </p>

  159. 

  160.             </ons-page>

  161. 

  162. 

  163.         </template>

  164. 

  165.         <template id="renglones.html">

  166. 

  167.             <ons-page id="renglones">

  168. 

  169. 	    <!--ons-card id="renglones-list" onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Madera'})">

  170. 		<p> Aqui los renglones </p>

  171. 	    </ons-card-->

  172.                 

  173.                 <div class="search-bar">

  174.                      <p style="text-align: center; margin-top: 10px;">

  175.                         <ons-search-input placeholder="Search" onchange="ons.notification.alert('Searched for: ' + this.value)" style="width: 96%; margin: 6px auto 6px auto;"></ons-search-input>

  176.                     </p>   

  177.                 </div>

  178.                 

  179.                 <ons-list id="list">

  180.                 <script type="text/javascript" src="js/renglones.js"></script>

  181.                 </ons-list>

  182.                 

  183.                 

  184.                 <!--<ons-list>

  185.                     <ons-list-header>Renglones</ons-list-header>

  186.                         

  187.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Madera'})">

  188.                         <div class="center">Madera</div>

  189.                         <div class="right"><img class="list-item__thumbnail" src="img/madera.png"></div>

  190.                     </ons-list-item>

  191.                         

  192.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Labores en aguja'})">

  193.                         <div class="center">Labores en aguja</div>

  194.                         <div class="right"><img class="list-item__thumbnail" src="img/agujas.png"></div>

  195.                     </ons-list-item>

  196.                         

  197.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Textiles'})">

  198.                         <div class="center">Textiles</div>

  199.                         <div class="right"><img class="list-item__thumbnail" src="img/textiles.png"></div>

  200.                     </ons-list-item>

  201.                         

  202.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Barro'})">

  203.                         <div class="center">Barro</div>

  204.                         <div class="right"><img class="list-item__thumbnail" src="img/barro.png"></div>

  205.                     </ons-list-item>

  206.                         

  207.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Instrumentos Típicos'})">

  208.                         <div class="center">Instrumentos Típicos</div>

  209.                         <div class="right"><img class="list-item__thumbnail" src="img/instrumentos.png"></div>

  210.                     </ons-list-item>

  211.                         

  212.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Juguetes tradicionales'})">

  213.                         <div class="center">Juguetes tradicionales</div>

  214.                         <div class="right"><img class="list-item__thumbnail" src="img/juguetes.png"></div>

  215.                     </ons-list-item>

  216.                         

  217.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Fibras'})">

  218.                         <div class="center">Fibras</div>

  219.                         <div class="right"><img class="list-item__thumbnail" src="img/fibras.png"></div>

  220.                     </ons-list-item>

  221.                         

  222.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Caretas'})">

  223.                         <div class="center">Caretas</div>

  224.                         <div class="right"><img class="list-item__thumbnail" src="img/caretas.png"></div>

  225.                     </ons-list-item>

  226.                         

  227.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Cuero'})">

  228.                         <div class="center">Cuero</div>

  229.                         <div class="right"><img class="list-item__thumbnail" src="img/cuero.png"></div>

  230.                     </ons-list-item>

  231.                         

  232.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Metal'})">

  233.                         <div class="center">Metal</div>

  234.                         <div class="right"><img class="list-item__thumbnail" src="img/metal.png"></div>

  235.                     </ons-list-item>

  236.                         

  237.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Piedras'})">

  238.                         <div class="center">Piedras</div>

  239.                         <div class="right"><img class="list-item__thumbnail" src="img/piedras.png"></div>

  240.                     </ons-list-item>

  241.                         

  242.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Papel'})">

  243.                         <div class="center">Papel</div>

  244.                         <div class="right"><img class="list-item__thumbnail" src="img/papel.png"></div>

  245.                     </ons-list-item>

  246.                         

  247.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Bambú'})">

  248.                         <div class="center">Bambú</div>

  249.                         <div class="right"><img class="list-item__thumbnail" src="img/bambu.png"></div>

  250.                     </ons-list-item>

  251.                         

  252.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Cristal'})">

  253.                         <div class="center">Cristal</div>

  254.                         <div class="right"><img class="list-item__thumbnail" src="img/cristal.png"></div>

  255.                     </ons-list-item>

  256.                         

  257.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Higüera'})">

  258.                         <div class="center">Higüera</div>

  259.                         <div class="right"><img class="list-item__thumbnail" src="img/higuera.png"></div>

  260.                     </ons-list-item>

  261.                         

  262.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Desechos Marinos'})">

  263.                         <div class="center">Desechos Marinos</div>

  264.                         <div class="right"><img class="list-item__thumbnail" src="img/desechos.png"></div>

  265.                     </ons-list-item>

  266.                         

  267.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Porcelanicrón'})">

  268.                         <div class="center">Porcelanicrón</div>

  269.                         <div class="right"><img class="list-item__thumbnail" src="img/porcelanicron.png"></div>

  270.                     </ons-list-item>

  271.                         

  272.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Tabacos'})">

  273.                         <div class="center">Tabacos</div>

  274.                         <div class="right"><img class="list-item__thumbnail" src="img/tabacos.png"></div>

  275.                     </ons-list-item>

  276.                         

  277.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Semillas'})">

  278.                         <div class="center">Semillas</div>

  279.                         <div class="right"><img class="list-item__thumbnail" src="img/semillas.png"></div>

  280.                     </ons-list-item>

  281.                         

  282.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Aromatización'})">

  283.                         <div class="center">Aromatización</div>

  284.                         <div class="right"><img class="list-item__thumbnail" src="img/aromatizacion.png"></div>

  285.                     </ons-list-item>

  286.                         

  287.                     <ons-list-item onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Dulces Típicos'})">

  288.                         <div class="center">Dulces Típicos</div>

  289.                         <div class="right"><img class="list-item__thumbnail" src="img/dulces.png"></div>

  290.                     </ons-list-item>

  291.                         

  292.                     </ons-list>-->

  293. 

  294. 

  295.    		<!--<ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Madera'})">

  296. 	          <div class="title">Madera</div>

  297.                 <div class="right"><img class="list-item__thumbnail" src="img/madera.png"></div>

  298. 	        </ons-card>

  299. 

  300. 		     

  301. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Labores en aguja'})">

  302. 	          <div class="title">Labores en aguja</div>

  303. 	        </ons-card>

  304. 

  305. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Textiles'})">

  306. 	          <div class="title">Textiles</div>

  307. 	        </ons-card>

  308. 

  309. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Barro'})">

  310. 	          <div class="title">Barro</div>

  311. 	        </ons-card>

  312. 

  313. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Instrumentos Típicos'})">

  314. 	          <div class="title">Instrumentos Típicos</div>

  315. 	        </ons-card>

  316. 

  317. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Juguetes tradicionales'})">

  318. 	          <div class="title">Juguetes tradicionales</div>

  319. 	        </ons-card>

  320. 

  321. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Fibras'})">

  322. 	          <div class="title">Fibras</div>

  323. 	        </ons-card>

  324. 

  325. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Caretas'})">

  326. 	          <div class="title">Caretas</div>

  327. 	        </ons-card>

  328. 

  329. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Cuero'})">

  330. 	          <div class="title">Cuero</div>

  331. 	        </ons-card>

  332. 

  333. 	        <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Metal'})">

  334. 	          <div class="title">Metal</div>

  335. 	        </ons-card>

  336.                 

  337.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Piedras'})">

  338. 	          <div class="title">Piedras</div>

  339. 	        </ons-card>

  340.                 

  341.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Papel'})">

  342. 	          <div class="title">Papel</div>

  343. 	        </ons-card>

  344.                 

  345.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Bambú'})">

  346. 	          <div class="title">Bambú</div>

  347. 	        </ons-card>

  348.                 

  349.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Cristal'})">

  350. 	          <div class="title">Cristal</div>

  351. 	        </ons-card>

  352.                 

  353.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Higüera'})">

  354. 	          <div class="title">Higüera</div>

  355. 	        </ons-card>

  356.                 

  357.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Desechos Marinos'})">

  358. 	          <div class="title">Desechos Marinos</div>

  359. 	        </ons-card>

  360.                 

  361.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Porcelanicrón'})">

  362. 	          <div class="title">Porcelanicrón</div>

  363. 	        </ons-card>

  364.                 

  365.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Tabacos'})">

  366. 	          <div class="title">Tabacos</div>

  367. 	        </ons-card>

  368.                 

  369.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Semillas'})">

  370. 	          <div class="title">Semillas</div>

  371. 	        </ons-card>

  372.                 

  373.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Aromatización'})">

  374. 	          <div class="title">Aromatización</div>

  375. 	        </ons-card>

  376.                 

  377.             <ons-card onclick="fn.pushPage({'id': 'artesanias.html', 'title': 'Dulces Típicos'})">

  378. 	          <div class="title">Dulces Típicos</div>

  379. 	        </ons-card>

  380. 

  381. 	        <style>

  382. 	          .intro {

  383. 		    text-align: center;

  384. 		    padding: 20px;

  385. 		    margin-top: 30px;

  386. 	          }

  387. 

  388. 	          ons-card {

  389. 		    cursor: pointer;

  390. 		    color: #333;

  391. 	          }

  392. 

  393. 	          .card__title,

  394. 	          .card--material__title {

  395. 		    font-size: 15px;

  396. 	          }

  397. 	        </style>-->

  398. 	    </ons-page>

  399. 

  400. 	<!--script>

  401. 	ons.getScriptPage().onInit = function () {

  402.         this.querySelector('ons-toolbar div.center').textContent = this.data.title;

  403.         var createArtesania = function (Artesania) {

  404.           return ons.createElement(`

  405.               <ons-list-item expandable tappable>

  406.                 <div class="center" >${Artesania.name}</div>

  407.       	        <div class="expandable-content"> -Artesanos que trabajan con ${Artesania.name}- <br><br> Luis Lao | Naguabo 

  408. 							<br> <a id='home.html'>Jorge Rivera | Naguabo</a> </div>

  409.               </ons-list-item>

  410.             `

  411.           );

  412.          document.getElementById('artesania-list').appendChild(createArtesania(getArtesania()));

  413. 	};

  414. 	</script-->

  415. 

  416. 

  417.         </template>

  418.         

  419.         <template id="ferias.html">

  420.             <ons-page id="ferias">

  421.                 

  422.                 <div id = "caleandar" class = "calendar" style="margin-top: 50px;">

  423.                     <script type="text/javascript" src="calendar_files/js/caleandar.js"></script>

  424.                     <script type="text/javascript" src="calendar_files/js/events.js"></script>

  425.                 </div>

  426.             </ons-page>

  427.         </template>

  428.         

  429.         <template id="instituto.html">

  430.             <ons-page id="instituto">

  431.                 <p style="text-align: center;">

  432. 

  433. 		    <!--<ons-toolbar>

  434. 		      <div class="left"><ons-back-button>Pagejjn 3</ons-back-button></div>

  435. 		      <div class="center"></div>

  436. 		    </ons-toolbar>-->

  437. 

  438. 

  439. 		<h1>Instituto de Cultura Puertorriqueña</h1> 

  440. 		<h3>Ven, descubre lo que nuestra riqueza cultural puertorriqueña tiene para tí.<br> Disfrútala, es tu identidad.

  441. 		</h3>

  442. 

  443. 		<body>

  444. 		<br>

  445. 		El Instituto de Cultura Puertorriqueña (ICP) tiene como misión investigar, conservar, promover y divulgar la cultura puertorriqueña en su diversidad y complejidad. Con la memoria y la promesa de la cultura, los distintos niveles, sectores, edades e intereses de la comunidad crean el conjunto de modos de vida, costumbres y manifestaciones artísticas que nos identifica como país. El ICP existe para preservar y divulgar estos saberes, difundir internacionalmente nuestro talento y enriquecer el amor a lo propio.

  446. 		<br><br>

  447. 		Nuestras tradiciones no son rígidos objetos de museo, sino actividades vivas en constante renovación y reapropiación, según van también desarrollándose nuevas tradiciones. El respeto a la diversidad, a lo híbrido, a lo apropiado y a lo replanteado también son parte esencial de esta institución que busca activamente la colaboración de todos en un quehacer que debe ser siempre compartido de la mano con su ingente diversidad.

  448. 		<br><br>

  449. 		Prof. Carlos R. Ruiz Cortés<br>

  450. 		Director Ejecutivo<br>

  451. 		Instituto de Cultura Puertorriqueña<br>

  452. 		<br><br>

  453.         </body>

  454. 		

  455. 

  456. 		Visita nuestra <a href="https://www.icp.pr.gov/">Página Web</a> o síguenos en nuestras redes sociales: <br>

  457. 		<a href="https://twitter.com/icppr"><img src="img/twitter.png" alt="Twitter" style="width:35px;height:35px;border:0;">

  458. 		</a> 

  459. 		<a href="https://facebook.com/icppr"><img src="img/facebook.png" alt="Facebook" style="width:35px;height:35px;border:0;">

  460. 		</a> 

  461. 		<a href="https://youtube.com/user/icppr"><img src="img/youtube.png" alt="Youtube" style="width:35px;height:35px;border:0;">

  462. 		</a> 

  463. 		<a href="https://instagram.com/icppr"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">

  464. 		</a> 

  465. 

  466.                 </p>

  467.             </ons-page>

  468.         </template>

  469. 

  470. 	<script src="js/load.js"></script>

  471. 	<script src="js/demo.js"></script>

  472.         

  473.         <script type="text/javascript" src="cordova.js"></script>

  474.         <script type="text/javascript" src="js/index.js"></script>

  475.     </body>

  476. </html>