API tools faq
paste
Advertisement
samkevin1

modal menor

samkevin1
Jun 12th, 2019
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.21 KB | None | 0 0
raw download clone embed print report
  1. <div class="uk-width-medium-1-3">
  2. <p class="uk-text-large">Overflow container in modal</p>
  3. <button class="md-btn" data-uk-modal="{target:'#modal_overflow'}">Open</button>
  4. <div id="modal_overflow" class="uk-modal">
  5. <div class="uk-modal-dialog">
  6. <button type="button" class="uk-modal-close uk-close"></button>
  7. <h2 class="heading_b">Pacote de São Paulo a Nova Iorque</h2>
  8. <p>Pacote de São Paulo a Nova Iorque pelo menor preço no mercado, deixando acessível para você e sua família desfrutar dessa viagem mágica, conhecendo uma das cidades mais visitadas por turistas de todo o mundo. Faça parte dessa experiência incrível! </p>
  9. <div class="uk-overflow-container">
  10.  
  11. </div>
  12. <div class="uk-overflow-container">
  13. <h2 class="heading_a uk-margin-bottom">Nova Iorque</h2>
  14. <img src="assets/img/gallery/manhattan.jpg" alt="">
  15. <div class="md-card">
  16. <div class="md-card-content">
  17. <div class="uk-grid ">
  18.  
  19. </div>
  20.  
  21.  
  22. <div class="md-card-toolbar">
  23. <h3 class="md-card-toolbar-heading-text">
  24. Detalhes
  25. </h3>
  26. </div>
  27. <div class="md-card-content large-padding">
  28. <div class="uk-grid uk-grid-divider uk-grid-medium">
  29. <div class="uk-width-large-1-2">
  30. <div class="uk-grid uk-grid-small">
  31. <div class="uk-width-large-1-3">
  32. <span class="uk-text-muted uk-text-small">Nome do Hotel</span>
  33. </div>
  34. <div class="uk-width-large-2-3">
  35. <span class=" uk-text-middle">The Manhattan at Times Square Hotel</span>
  36. </div>
  37. </div>
  38. <hr class="uk-grid-divider">
  39. <div class="uk-grid uk-grid-large">
  40. <div class="uk-width-large-1-3">
  41. <span class="uk-text-muted uk-text-small">Avaliação</span>
  42. </div>
  43. <div class="uk-width-large-2-3">
  44. <i class="material-icons">&#xe838;</i>
  45. <i class="material-icons">&#xe838;</i>
  46. <i class="material-icons">&#xe838;</i>
  47. <i class="material-icons">&#xe838;</i>
  48. </div>
  49. </div>
  50. <hr class="uk-grid-divider">
  51. <div class="uk-grid uk-grid-small">
  52. <div class="uk-width-large-1-3">
  53. <span class="uk-text-muted uk-text-small">A partir de</span>
  54. </div>
  55. <div class="uk-width-large-2-3">
  56. 9 de outubro
  57. </div>
  58. </div>
  59. <hr class="uk-grid-divider">
  60. <div class="uk-grid uk-grid-small">
  61. <div class="uk-width-large-1-3">
  62. <span class="uk-text-muted uk-text-small">Até</span>
  63. </div>
  64. <div class="uk-width-large-2-3">
  65. 15 de outubro
  66. </div>
  67. </div>
  68. <hr class="uk-grid-divider">
  69. <div class="uk-grid uk-grid-small">
  70. <div class="uk-width-large-1-3">
  71. <span class="uk-text-muted uk-text-small">Preço por pessoa</span>
  72. </div>
  73. <div class="uk-width-large-2-3">
  74. R$ 999,99
  75. </div>
  76. </div>
  77. <hr class="uk-grid-divider uk-hidden-large">
  78. </div>
  79. <div class="uk-width-large-1-2">
  80. <p>
  81. <span class="uk-text-muted uk-text-small uk-display-block uk-margin-small-bottom">Tags</span>
  82. <span class="uk-badge uk-badge-success">Wi-Fi</span>
  83. <span class="uk-badge uk-badge-success">Piscina</span>
  84. <span class="uk-badge uk-badge-success">Café da manhã</span>
  85.  
  86. </p>
  87. <hr class="uk-grid-divider">
  88. <p>
  89. <span class="uk-text-muted uk-text-small uk-display-block uk-margin-small-bottom">Descrição</span>
  90. Localizado a apenas 400 m de Times Square, em Nova Iorque, The Manhattan at Times Square oferece café da manhã e acesso livre à piscina coberta e climatizada no spa.
  91.  
  92. Você precisa saber:
  93. • Os quartos do hotel possuem 22 m². Algumas categorias são mais amplas.
  94.  
  95. Manhattan em Times Square abriga os restaurantes Carmine's e Havana Central, onde são servidos pratos norte americanos e internacionais, bem como o Plaza Bar, onde vinhos, destilados e bebidas são oferecidas.
  96.  
  97. Conheça os pontos de interesse mais próximos:
  98. • Está a 500 m do metrô Plaza de Armas.
  99. • Localizado a 10 minutos a pé de Little Brazil.
  100. • Manhattan em Times Square fica a 15 minutos de carro do terminal rodoviário.
  101. • A 16 km do Aeroporto Internacional LaGuardia.
  102.  
  103. </p>
  104. </div>
  105. </div>
  106. </div>
  107.  
  108. </div>
  109.  
  110.  
  111. </div>
  112. </div>
  113. <div class="uk-margin-top">
  114.  
  115. <div class="uk-margin-medium-top">
  116. <a href="index.html" class="md-btn md-btn-success uk-position-bottom-right uk-margin-right uk-margin-bottom">Comprar</a>
  117. <a href="index.html" class="uk-position-bottom-left uk-margin-left uk-margin-bottom md-btn md-btn-flat-primary uk-modal-close ">Voltar</a>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!