Test3: Difference between revisions
From Now That's What I Call Music Wiki
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class="container"><div class="row row-cols-sm-6"> | <div class="container"><div class="row row-cols-sm-6"> | ||
<div class="col-xs-2"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(180deg, rgba(109,81,165,1) 0%, rgba(239,44,149,1) 100%);"> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(180deg, rgba(109,81,165,1) 0%, rgba(239,44,149,1) 100%);"> | ||
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | <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]] | [[File:Now-80s-dancefloor-button.png|link=Now 80s Dancefloor]] | ||
</div></div></div> | </div></div></div> | ||
<div class="col-xs-2"> | <div class="col-xs-2 mb-4"> | ||
<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(11,31,152,1) 0%, rgba(11,31,152,1) 6.9999%, rgba(10,41,166,1) 7%, rgba(10,41,166,1) 21.9999%, rgba(7,48,176,1) 22%, rgba(7,48,176,1) 41.9999%, rgba(4,60,195,1) 42%, rgba(4,60,195,1) 100%);"> | <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(11,31,152,1) 0%, rgba(11,31,152,1) 6.9999%, rgba(10,41,166,1) 7%, rgba(10,41,166,1) 21.9999%, rgba(7,48,176,1) 22%, rgba(7,48,176,1) 41.9999%, rgba(4,60,195,1) 42%, rgba(4,60,195,1) 100%);"> | ||
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | <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]] | [[File:Now-yearbooks-button.png|link=Now Yearbooks]] | ||
</div></div></div> | </div></div></div> | ||
<div class="col-xs-2"> | <div class="col-xs-2 mb-4"> | ||
<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(21,186,164,1) 0%, rgba(40,170,69,1) 100%); "> | <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(21,186,164,1) 0%, rgba(40,170,69,1) 100%); "> | ||
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | <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]] | [[File:Now-millennium-button.png|link=Now Millennium]] | ||
</div></div></div> | </div></div></div> | ||
<div class="col-xs-2"> | <div class="col-xs-2 mb-4"> | ||
<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,122,0,1) 0%, rgba(198,56,2,1) 100%); "> | <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,122,0,1) 0%, rgba(198,56,2,1) 100%); "> | ||
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | <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]] | [[File:Now-presents-button.png|link=Now Presents]] | ||
</div></div></div> | </div></div></div> | ||
<div class="col-xs-2"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); "> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); "> | ||
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | <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]] | [[File:Now-12-80s-button.png|link=Now 12" 80s]] | ||
</div></div></div> | </div></div></div> | ||
<div class="col-xs-2"> | <div class="col-xs-2 mb-4"> | ||
<div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(180deg, rgba(73,0,0,1) 0%, rgba(239,44,44,1) 100%); "> | <div class="card h-100 d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle; background: linear-gradient(180deg, rgba(73,0,0,1) 0%, rgba(239,44,44,1) 100%); "> | ||
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | <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]] | [[File:Now-100-hits-button.png|link=100 Hits]] | ||
</div></div></div> | </div></div></div> | ||
<div class="col-xs-2"> | <div class="col-xs-2 mb-4"> | ||
<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(242,255,0,1) 0%, rgba(166,168,28,1) 100%); "> | <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(242,255,0,1) 0%, rgba(166,168,28,1) 100%); "> | ||
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | <div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;"> | ||
Revision as of 23:39, 13 November 2024
