123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- <!DOCTYPE html>
-
- <html>
- <head>
-
-
- <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:;">
-
- <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
- <link rel="stylesheet" href="calendar_files/css/demo.css"/>
- <link rel="stylesheet" href="calendar_files/css/theme1.css"/>
-
- <link rel = "stylesheet" href = "css/searchbar1.css">
-
- <meta name="format-detection" content="telephone=no">
- <meta name="msapplication-tap-highlight" content="no">
- <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
- <link rel="stylesheet" type="text/css" href="css/index.css">
- <link rel="stylesheet" href="lib/OnsenUI/css/onsenui.css">
- <link rel="stylesheet" href="lib/OnsenUI/css/onsen-css-components.min.css">
- <script src="lib/OnsenUI/js/onsenui.min.js"></script>
-
- </head>
- <body>
-
- <ons-navegator id="myNavigator">
- <ons-page>
-
- <ons-toolbar>
- <div class="center">Cultura</div>
- </ons-toolbar>
-
-
- <ons-tabbar swipeable position="auto">
- <ons-tab page="home.html" label="Hogar" active></ons-tab>
- <ons-tab page="artesania.html" label="Artesanias"></ons-tab>
- <ons-tab page="ferias.html" label="Ferias"></ons-tab>
- <ons-tab page="instituto.html" label="Instituto"></ons-tab>
- </ons-tabbar>
- </ons-page>
- </ons-navegator>
-
-
- <template id="home.html">
- <ons-page id="Hogar">
- <p style="text-align: center;">
- Pantalla Principal
- </p>
- </ons-page>
- </template>
-
- <template id="artesania.html">
- <ons-page id="artesania">
-
- <div class="search-bar">
- <p style="text-align: center; margin-top: 10px;">
- <ons-search-input placeholder="Search" onchange="ons.notification.alert('Searched for: ' + this.value)" style="width: 96%; margin: 6px auto 6px auto;"></ons-search-input>
- </p>
- </div>
-
- <div>
- <ons-scroller>
-
-
-
- <ons-list>
- <ons-list-header>Renglones</ons-list-header>
- <ons-list-item><a href="madera.html">Madera</a></ons-list-item>
- <ons-list-item>Labores en aguja</ons-list-item>
- <ons-list-item>Textiles</ons-list-item>
- <ons-list-item>Barro</ons-list-item>
- <ons-list-item>Instrumentos Típicos</ons-list-item>
- <ons-list-item>Juguetes tradicionales</ons-list-item>
- <ons-list-item>Fibras</ons-list-item>
- <ons-list-item>Caretas</ons-list-item>
- <ons-list-item>Cuero</ons-list-item>
- <ons-list-item>Metal</ons-list-item>
- <ons-list-item>Piedras</ons-list-item>
- <ons-list-item>Papel</ons-list-item>
- <ons-list-item>Bambú</ons-list-item>
- <ons-list-item>Cristal</ons-list-item>
- <ons-list-item>Higüera</ons-list-item>
- <ons-list-item>Desechos Marinos</ons-list-item>
- <ons-list-item>Porcelanicrón</ons-list-item>
- <ons-list-item>Tabacos</ons-list-item>
- <ons-list-item>Semillas</ons-list-item>
- <ons-list-item>Aromatización</ons-list-item>
- <ons-list-item>Dulces Típicos</ons-list-item>
- </ons-list>
- </ons-scroller>
- </div>
- </ons-page>
- </template>
-
- <template id="ferias.html">
- <ons-page id="Ferias">
-
- <div id = "caleandar" class = "calendar" style="margin-top: 50px;">
- <script type="text/javascript" src="calendar_files/js/caleandar.js"></script>
- <script type="text/javascript" src="calendar_files/js/events.js"></script>
- </div>
- </ons-page>
- </template>
-
- <template id="instituto.html">
- <ons-page id="Instituto">
- <p style="text-align: center;">
-
- <h1>Instituto de Cultura Puertorriqueña</h1>
- <h3>Ven, descubre lo que nuestra riqueza cultural puertorriqueña tiene para tí.<br> Disfrútala, es tu identidad.
- </h3>
-
- <body>
- <br>
- 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.
- <br><br>
- 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.
- <br><br>
- Prof. Carlos R. Ruiz Cortés<br>
- Director Ejecutivo<br>
- Instituto de Cultura Puertorriqueña<br>
- <br><br>
- </body>
-
-
- Visita nuestra <a href="https://www.icp.pr.gov/">Página Web</a> o síguenos en nuestras redes sociales:
- <a href="https://twitter.com/icppr"><img src="img/twitter.png" alt="Twitter" style="width:35px;height:35px;border:0;">
- </a>
- <a href="https://facebook.com/icppr"><img src="img/facebook.png" alt="Facebook" style="width:35px;height:35px;border:0;">
- </a>
- <a href="https://youtube.com/user/icppr"><img src="img/youtube.png" alt="Youtube" style="width:35px;height:35px;border:0;">
- </a>
- <a href="https://instagram.com/icppr"><img src="img/instagram.png" alt="Instagram" style="width:35px;height:35px;border:0;">
- </a>
-
-
-
- </p>
- </ons-page>
- </template>
-
- <script type="text/javascript" src="cordova.js"></script>
- <script type="text/javascript" src="js/index.js"></script>
- </body>
- </html>
|