Test3: Difference between revisions
From Now That's What I Call Music Wiki
No edit summary |
No edit summary |
||
(45 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<div class="row row-cols- | <div class="container"><div class="row row-cols-sm-4"> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(168,28,28,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-numbered-button.png|link=Main Series]] | |||
</div></div></div> | </div></div></div> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(255,165,0,1) 0%, rgba(168,115,16,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-80s-dancefloor-button.png|link=Now 80s Dancefloor]] | |||
</div></div></div> | </div></div></div> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(255,255,0,1) 0%, rgba(151,151,30,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-yearbooks-button.png|link=Now Yearbooks]] | |||
</div></div></div> | </div></div></div> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(148,255,0,1) 0%, rgba(2,198,73,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-millennium-button.png|link=Now Millennium]] | |||
</div></div></div> | </div></div></div> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(0,174,255,1) 0%, rgba(0,0,255,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-presents-button.png|link=Now Presents]] | |||
</div></div></div> | </div></div></div> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(179,113,227,1) 0%, rgba(75,0,130,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-12-80s-button.png|link=Now 12" 80s]] | |||
</div></div></div> | </div></div></div> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(255,60,219,1) 0%, rgba(130,0,106,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-100-hits-button.png|link=100 Hits]] | |||
</div></div></div> | </div></div></div> | ||
<div class="col mb-4"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100" style="margin:10px;"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(0deg, rgba(224,192,138,1) 0%, rgba(98,78,47,1) 100%); "> | ||
<div class="card-body | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
[[File:Now-dance-button.png|link=Dance Series]] | |||
</div></div></div> | </div></div></div> | ||
</div | </div></div> | ||