SHARE
TWEET

modal menor

samkevin1 Jun 12th, 2019 132 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top