API tools faq
paste
Advertisement
Bostion

music row

Bostion
Apr 19th, 2020
3,891
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.06 KB | None | 0 0
raw download clone embed print report
  1. <div class="row pt-3">
  2.                       <div id="music" class="carousel slide" >
  3.                         <ol class="carousel-indicators spotify">
  4.                           <li data-target="#music" data-slide-to="0" class="active bg-success"></li>
  5.                           <li data-target="#music" data-slide-to="1" class=" bg-warning"></li>
  6.                           <li data-target="#music" data-slide-to="2" class=" bg-danger"></li>
  7.                         </ol>
  8.                         <div class="carousel-inner">
  9.                           <div class="carousel-item active">
  10.  
  11.                             <div class="card-deck ">
  12.                               <div class="card mx-10 bg-success rounded">
  13.                                 <img class="card-img-top px-2 py-2"
  14.                                  src="https://imgur.com/dqZYCY2.jpg"
  15.                                  alt="Imagem de capa do card">
  16.                                 <div class="card-body justify-content-center">
  17.                                   <h6 class="card-title ">Fly Me To The Moon</h5>
  18.                                     <p class="">Frank Sinatra</p>
  19.                                 </div>
  20.                               </div>
  21.                               <div class="card mx-10 bg-success rounded">
  22.                                 <img class="card-img-top px-2 py-2"
  23.                                  src="https://i.imgur.com/0EyEZgw.jpg"
  24.                                  alt="Imagem de capa do card">
  25.                                 <div class="card-body justify-content-center">
  26.                                   <h6 class="card-title ">Maniac</h5>
  27.                                     <p class="">Michael Sembello</p>
  28.                                 </div>
  29.                               </div>
  30.                              
  31.                             </div>
  32.          
  33.                             <br>
  34.          
  35.                             <div class="card-deck">
  36.                               <div class="card mx-10 bg-success rounded">
  37.                                 <img class="card-img-top px-2 py-2"
  38.                                  src="https://http2.mlstatic.com/the-police-1981-every-little-thing-she-does-magic-compacto-D_NQ_NP_741080-MLB27677216432_072018-F.jpg"
  39.                                  alt="Imagem de capa do card">
  40.                                 <div class="card-body justify-content-center">
  41.                                   <h6 class="card-title ">Every Little Thing She Does is Magic</h5>
  42.                                     <p class="">The Police</p>
  43.                                 </div>
  44.                               </div>
  45.                               <div class="card mx-10 bg-success rounded">
  46.                                 <img class="card-img-top px-2 py-2"
  47.                                  src="https://lastfm.freetls.fastly.net/i/u/300x300/13bdf317fe4b0a6ebb746e98f35a4955.jpg"
  48.                                  alt="Imagem de capa do card">
  49.                                 <div class="card-body justify-content-center">
  50.                                   <h6 class="card-title ">I've Got to Find The Right Woman</h5>
  51.                                     <p class="">Redbone</p>
  52.                                 </div>
  53.                               </div>
  54.                              
  55.                             </div>
  56.          
  57.                             <br>
  58.          
  59.                             <div class="card-deck">
  60.                               <div class="card mx-10 bg-success rounded">
  61.                                 <img class="card-img-top px-2 py-2"
  62.                                  src="https://upload.wikimedia.org/wikipedia/pt/0/0e/Billie_Jean.jpg"
  63.                                  alt="Imagem de capa do card">
  64.                                 <div class="card-body justify-content-center">
  65.                                   <h6 class="card-title ">Billie Jean</h5>
  66.                                     <p class="">Michael Jackson</p>
  67.                                 </div>
  68.                               </div>
  69.                               <div class="card mx-10 bg-success rounded">
  70.                                 <img class="card-img-top px-2 py-2"
  71.                                  src="https://img.discogs.com/-_a65ZhIjgmXOi8a9XMNid0M5FM=/fit-in/600x600/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-8421210-1529360907-6062.jpeg.jpg"
  72.                                  alt="Imagem de capa do card">
  73.                                 <div class="card-body justify-content-center">
  74.                                   <h6 class="card-title ">Happy Together</h5>
  75.                                     <p class="">The Turtles</p>
  76.                                 </div>
  77.                               </div>
  78.                              
  79.                             </div>
  80.          
  81.                           </div>
  82.  
  83.                           <div class="carousel-item">
  84.                             <div class="card-deck ">
  85.                               <div class="card mx-10 bg-success rounded">
  86.                                 <img class="card-img-top px-2 py-2"
  87.                                  src="https://www.generasia.com/w/images/thumb/a/a5/BURNOUT_SYNDROMES_-_Hikari_Are_%28Limited_Edition%29.jpg/200px-BURNOUT_SYNDROMES_-_Hikari_Are_%28Limited_Edition%29.jpg"
  88.                                  alt="Imagem de capa do card">
  89.                                 <div class="card-body justify-content-center">
  90.                                   <h6 class="card-title ">Hikariare</h5>
  91.                                     <p class="">BURNOUT SYNDROME</p>
  92.                                 </div>
  93.                               </div>
  94.                               <div class="card mx-10 bg-success rounded">
  95.                                 <img class="card-img-top px-2 py-2"
  96.                                  src="https://i.scdn.co/image/ab67616d0000b273a35927ab0d1370d117bbbf16"
  97.                                  alt="Imagem de capa do card">
  98.                                 <div class="card-body justify-content-center">
  99.                                   <h6 class="card-title ">V.I.P.</h5>
  100.                                     <p class="">Sid</p>
  101.                                 </div>
  102.                               </div>
  103.                              
  104.                             </div>
  105.          
  106.                             <br>
  107.          
  108.                             <div class="card-deck">
  109.                               <div class="card mx-10 bg-success rounded">
  110.                                 <img class="card-img-top px-2 py-2"
  111.                                  src="https://i0.wp.com/otakuost.net/wp-content/uploads/Cover-506.jpg?resize=400%2C448"
  112.                                  alt="Imagem de capa do card">
  113.                                 <div class="card-body justify-content-center">
  114.                                   <h6 class="card-title ">Button</h5>
  115.                                     <p class="">Penguin Research</p>
  116.                                 </div>
  117.                               </div>
  118.                               <div class="card mx-10 bg-success rounded">
  119.                                 <img class="card-img-top px-2 py-2"
  120.                                  src="https://img.discogs.com/4dh9uykrZAZ6BWDqRqPlqPNLopY=/fit-in/600x524/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-486150-1536428860-6892.jpeg.jpg"
  121.                                  alt="Imagem de capa do card">
  122.                                 <div class="card-body justify-content-center">
  123.                                   <h6 class="card-title ">Feels good inc.</h5>
  124.                                     <p class="">Gorillaz</p>
  125.                                 </div>
  126.                               </div>
  127.                              
  128.                             </div>
  129.          
  130.                             <br>
  131.          
  132.                             <div class="card-deck">
  133.                               <div class="card mx-10 bg-success rounded">
  134.                                 <img class="card-img-top px-2 py-2"
  135.                                  src="https://img.discogs.com/SWSUbNaLQR1Y4486ZmLQipsihRM=/fit-in/600x600/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-12991544-1546034508-6151.jpeg.jpg"
  136.                                  alt="Imagem de capa do card">
  137.                                 <div class="card-body justify-content-center">
  138.                                   <h6 class="card-title ">Hello World!</h5>
  139.                                     <p class="">BUMP OF CHICKEN</p>
  140.                                 </div>
  141.                               </div>
  142.                               <div class="card mx-10 bg-success rounded">
  143.                                 <img class="card-img-top px-2 py-2"
  144.                                  src="https://img.discogs.com/QLPOZj_tBetc8JUDzUi1XhgETxQ=/fit-in/300x300/filters:strip_icc():format(jpeg):mode_rgb():quality(40)/discogs-images/R-838859-1550673523-7649.jpeg.jpg"
  145.                                  alt="Imagem de capa do card">
  146.                                 <div class="card-body justify-content-center">
  147.                                   <h6 class="card-title ">Driver's seat</h5>
  148.                                     <p class="">Sniff 'n' The Tears</p>
  149.                                 </div>
  150.                               </div>
  151.                              
  152.                             </div>
  153.          
  154.                           </div>
  155.                            
  156.  
  157.                          
  158.  
  159.                           <div class="carousel-item">
  160.                             <div class="card-deck ">
  161.                               <div class="card mx-10 bg-success rounded">
  162.                                 <img class="card-img-top px-2 py-2"
  163.                                  src="https://www.generasia.com/w/images/thumb/7/7e/UNISON_SQUARE_GARDEN_-_Sugar_Song_to_Bitter_Step_ltd.jpg/280px-UNISON_SQUARE_GARDEN_-_Sugar_Song_to_Bitter_Step_ltd.jpg"
  164.                                  alt="Imagem de capa do card">
  165.                                 <div class="card-body justify-content-center">
  166.                                   <h6 class="card-title ">Sugar Song to Bitter Step</h5>
  167.                                     <p class="">UNISON SQUARE GARDEN</p>
  168.                                 </div>
  169.                               </div>
  170.                               <div class="card mx-10 bg-success rounded">
  171.                                 <img class="card-img-top px-2 py-2"
  172.                                  src="https://upload.wikimedia.org/wikipedia/en/thumb/6/64/TFF_EWTRTW.jpg/220px-TFF_EWTRTW.jpg"
  173.                                  alt="Imagem de capa do card">
  174.                                 <div class="card-body justify-content-center">
  175.                                   <h6 class="card-title ">Everybody Wants to Rule The World</h5>
  176.                                     <p class="">Tears For Fears</p>
  177.                                 </div>
  178.                               </div>
  179.                              
  180.                             </div>
  181.          
  182.                             <br>
  183.          
  184.                             <div class="card-deck">
  185.                               <div class="card mx-10 bg-success rounded">
  186.                                 <img class="card-img-top px-2 py-2"
  187.                                  src="https://img.discogs.com/ZfpK_TEQd8jzZTdmQfyL1BImYus=/fit-in/600x604/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-10550431-1499717925-4851.jpeg.jpg"
  188.                                  alt="Imagem de capa do card">
  189.                                 <div class="card-body justify-content-center">
  190.                                   <h6 class="card-title ">Days</h5>
  191.                                     <p class="">FLOW</p>
  192.                                 </div>
  193.                               </div>
  194.                               <div class="card mx-10 bg-success rounded">
  195.                                 <img class="card-img-top px-2 py-2"
  196.                                  src="https://www.otakupt.com/wp-content/uploads/2014/01/SNCC-89930.jpg"
  197.                                  alt="Imagem de capa do card">
  198.                                 <div class="card-body justify-content-center">
  199.                                   <h6 class="card-title ">Hyori Ittai</h5>
  200.                                     <p class="">Yuzu</p>
  201.                                 </div>
  202.                               </div>
  203.                              
  204.                             </div>
  205.          
  206.                             <br>
  207.          
  208.                             <div class="card-deck">
  209.                               <div class="card mx-10  bg-success rounded">
  210.                                 <img class="card-img-top px-2 py-2"
  211.                                  src="https://i.pinimg.com/originals/4c/1c/33/4c1c3340ff42adcffdb55c868369d8e4.jpg"
  212.                                  alt="Imagem de capa do card">
  213.                                 <div class="card-body justify-content-center">
  214.                                   <h6 class="card-title ">Bohemian Rhaspody</h5>
  215.                                     <p class="">Queen</p>
  216.                                 </div>
  217.                               </div>
  218.                               <div class="card mx-10 bg-success rounded">
  219.                                 <img class="card-img-top px-2 py-2"
  220.                                  src="https://upload.wikimedia.org/wikipedia/en/thumb/b/bd/Toto_Toto_IV.jpg/220px-Toto_Toto_IV.jpg"
  221.                                  alt="Imagem de capa do card">
  222.                                 <div class="card-body justify-content-center">
  223.                                   <h6 class="card-title ">Africa</h5>
  224.                                     <p class="">Toto</p>
  225.                                 </div>
  226.                               </div>
  227.                              
  228.                             </div>
  229.                           </div>
  230.                         </div>
  231.                       </div>
  232.                     </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!