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

searchbar1.html 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel= "stylesheet" href = "onsenui/css/onsenui.css">
  5. <link rel = "stylesheet" href = "onsenui/css/onsen-css-components.min.css">
  6. <script src = "onsenui/js/onsenui.min.js"></script>
  7. <link rel = "stylesheet" href = "searchbar1.css">
  8. <title>Artesanias</title>
  9. </head>
  10. <body>
  11. <ons-page>
  12. <ons-toolbar>
  13. <div class="center">
  14. Artesanias
  15. </div>
  16. </ons-toolbar>
  17. <div class="search-bar">
  18. <p style="text-align: center; margin-top: 10px;">
  19. <ons-search-input placeholder="Search" onchange="ons.notification.alert('Searched for: ' + this.value)" style="width: 96%; margin: 6px auto 6px auto;"></ons-search-input>
  20. </p>
  21. </div>
  22. <ons-scroller>
  23. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut sem nulla pharetra diam sit amet nisl. Consectetur purus ut faucibus pulvinar elementum integer enim neque volutpat. Mollis nunc sed id semper risus in hendrerit gravida. Non sodales neque sodales ut etiam sit. Scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis. Auctor elit sed vulputate mi sit amet mauris commodo. Ac tincidunt vitae semper quis lectus. Laoreet id donec ultrices tincidunt arcu. Massa sapien faucibus et molestie ac feugiat sed lectus vestibulum. Vel risus commodo viverra maecenas accumsan lacus. Elit sed vulputate mi sit amet mauris commodo quis. Enim nulla aliquet porttitor lacus. In arcu cursus euismod quis viverra nibh.
  24. Aliquet lectus proin nibh nisl. Ut lectus arcu bibendum at varius vel pharetra vel. Viverra justo nec ultrices dui sapien eget. Quis auctor elit sed vulputate mi sit. Varius vel pharetra vel turpis nunc eget lorem dolor. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Nunc aliquet bibendum enim facilisis gravida neque convallis a cras. Magna ac placerat vestibulum lectus mauris ultrices eros. Fermentum iaculis eu non diam phasellus vestibulum lorem. Lacus suspendisse faucibus interdum posuere lorem ipsum. Posuere morbi leo urna molestie. Augue eget arcu dictum varius duis at. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Consectetur purus ut faucibus pulvinar elementum integer enim neque volutpat. Non curabitur gravida arcu ac.
  25. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Ac orci phasellus egestas tellus. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet proin. Nunc scelerisque viverra mauris in aliquam sem fringilla ut. Dis parturient montes nascetur ridiculus. Auctor neque vitae tempus quam pellentesque nec. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Commodo ullamcorper a lacus vestibulum sed arcu non. Tincidunt lobortis feugiat vivamus at. Mattis rhoncus urna neque viverra justo. Sagittis purus sit amet volutpat. Dolor morbi non arcu risus. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Tellus elementum sagittis vitae et leo duis ut diam quam. Tellus mauris a diam maecenas sed.
  26. Risus at ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Non tellus orci ac auctor augue. Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet commodo. Egestas congue quisque egestas diam in arcu cursus euismod quis. Id eu nisl nunc mi ipsum. Ipsum dolor sit amet consectetur adipiscing elit duis. Praesent semper feugiat nibh sed pulvinar proin gravida. Scelerisque eu ultrices vitae auctor eu. Sed enim ut sem viverra aliquet. Ac tincidunt vitae semper quis lectus nulla. Sed vulputate mi sit amet mauris. Massa tincidunt nunc pulvinar sapien et ligula. Imperdiet massa tincidunt nunc pulvinar sapien et. Vulputate odio ut enim blandit volutpat maecenas volutpat. Aliquam nulla facilisi cras fermentum odio. Metus vulputate eu scelerisque felis imperdiet proin.
  27. Faucibus et molestie ac feugiat sed. Tristique magna sit amet purus gravida quis blandit turpis cursus. Nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Sed euismod nisi porta lorem. Odio facilisis mauris sit amet massa vitae. Nisl pretium fusce id velit ut tortor pretium viverra. Id semper risus in hendrerit gravida. Velit ut tortor pretium viverra suspendisse potenti nullam. Neque volutpat ac tincidunt vitae semper. Elementum curabitur vitae nunc sed velit dignissim sodales ut eu. Nulla aliquet enim tortor at auctor urna nunc. In egestas erat imperdiet sed euismod nisi porta. Diam sit amet nisl suscipit adipiscing bibendum est. Risus in hendrerit gravida rutrum quisque non tellus orci. Netus et malesuada fames ac turpis. Ultricies tristique nulla aliquet enim tortor at auctor urna. Ante in nibh mauris cursus mattis molestie. Lectus sit amet est placerat in egestas. Donec ultrices tincidunt arcu non sodales neque. Turpis massa sed elementum tempus egestas sed sed.
  28. </ons-scroller>
  29. </ons-page>
  30. </body>
  31. </html>