Test5: Difference between revisions

From Now That's What I Call Music Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
<section id="items-listing" class="padding-large">
<div class="container">
<div class="row">
<div class="col-md-6 mb-4 mb-lg-0 col-lg-3">
<div class="featured border rounded-3 p-4">
<div class="section-title overflow-hidden mb-5 mt-2">
<h3 class="d-flex flex-column mb-0">Featured</h3>
</div>
<div class="items-lists">
<div class="item d-flex">
<img src="images/product-item2.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Echoes of the Ancients</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
<hr class="gray-400">
<div class="item d-flex">
<img src="images/product-item1.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">The Midnight Garden</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
<hr>
<div class="item d-flex">
<img src="images/product-item3.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Shadow of the Serpent</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4 mb-lg-0 col-lg-3">
<div class="latest-items border rounded-3 p-4">
<div class="section-title overflow-hidden mb-5 mt-2">
<h3 class="d-flex flex-column mb-0">Latest items</h3>
</div>
<div class="items-lists">
<div class="item d-flex">
<img src="images/product-item4.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Whispering Winds</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
<hr class="gray-400">
<div class="item d-flex">
<img src="images/product-item5.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">The Forgotten Realm</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
<hr>
<div class="item d-flex">
<img src="images/product-item6.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Moonlit Secrets</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4 mb-lg-0 col-lg-3">
<div class="best-reviewed border rounded-3 p-4">
<div class="section-title overflow-hidden mb-5 mt-2">
<h3 class="d-flex flex-column mb-0">Best reviewed</h3>
</div>
<div class="items-lists">
<div class="item d-flex">
<img src="images/product-item7.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">The Crystal Key</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
<hr class="gray-400">
<div class="item d-flex">
<img src="images/product-item8.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Starlight Sonata</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
<hr>
<div class="item d-flex">
<img src="images/product-item9.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Tales of the Enchanted Forest</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5">$870</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 mb-4 mb-lg-0 col-lg-3">
<div class="on-sale border rounded-3 p-4">
<div class="section-title overflow-hidden mb-5 mt-2">
<h3 class="d-flex flex-column mb-0">On sale</h3>
</div>
<div class="items-lists">
<div class="item d-flex">
<img src="images/product-item10.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">The Phoenix Chronicles</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5"><s class="text-black-50">$1666</s>
$999</span>
</div>
</div>
<hr class="gray-400">
<div class="item d-flex">
<img src="images/product-item11.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Dreams of Avalon</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5"><s class="text-black-50">$500</s>
$410</span>
</div>
</div>
<hr>
<div class="item d-flex">
<img src="images/product-item12.png" class="img-fluid shadow-sm" alt="product item">
<div class="item-content ms-3">
<h6 class="mb-0 fw-bold"><a href="index.html">Legends of the Dragon Isles</a></h6>
<div class="review-content d-flex">
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
<svg class="star star-fill">
<use xlink:href="#star-fill"></use>
</svg>
</div>
</div>
<span class="price text-primary fw-bold mb-2 fs-5"><s class="text-black-50">$600</s>
$500</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row row-cols-md-2">
<div class="row row-cols-md-2">
<div class="col mb-4"><div class="card h-100" style="margin:10px;"><div style="padding:10px; color: #333333;">Songs with most 'Now' appearances</div>
<div class="col mb-4"><div class="card h-100" style="margin:10px;"><div style="padding:10px; color: #333333;">Songs with most 'Now' appearances</div>

Revision as of 20:46, 12 November 2024

Featured

<img src="images/product-item2.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Echoes of the Ancients</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

<img src="images/product-item1.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">The Midnight Garden</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

<img src="images/product-item3.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Shadow of the Serpent</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

Latest items

<img src="images/product-item4.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Whispering Winds</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

<img src="images/product-item5.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">The Forgotten Realm</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

<img src="images/product-item6.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Moonlit Secrets</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

Best reviewed

<img src="images/product-item7.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">The Crystal Key</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

<img src="images/product-item8.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Starlight Sonata</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

<img src="images/product-item9.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Tales of the Enchanted Forest</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$870

On sale

<img src="images/product-item10.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">The Phoenix Chronicles</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$1666 $999

<img src="images/product-item11.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Dreams of Avalon</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$500 $410

<img src="images/product-item12.png" class="img-fluid shadow-sm" alt="product item">

<a href="index.html">Legends of the Dragon Isles</a>

Lauren Asher

<svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg> <svg class="star star-fill"> <use xlink:href="#star-fill"></use> </svg>

$600 $500


Songs with most 'Now' appearances

  • Black Eyed Peas - I Gotta Feeling
    (28 Albums)
  • Pharrell Williams - Happy
    (27 Albums)
  • Frankie Goes To Hollywood - Relax
    (25 Albums)
  • Mark Ronson/Bruno Mars - Uptown Funk
    (24 Albums)
  • Soft Cell - Tainted Love
    (24 Albums)
  • UB40 - Red Red Wine
    (24 Albums)
  • Dead or Alive - You Spin Me Round (Like a Record)
    (23 Albums)
  • Jennifer Lopez - On the Floor
    (23 Albums)
  • Survivor - Eye Of The Tiger
    (23 Albums)
  • Bonnie Tyler - Total Eclipse Of The Heart
    (22 Albums)
  • The Communards - Don't Leave Me This Way
    (22 Albums)
  • Robbie Williams - Angels
    (22 Albums)
  • Band Aid - Do They Know It's Christmas?
    (21 Albums)
  • Britney Spears - Baby One More Time
    (21 Albums)
  • Culture Club - Karma Chameleon
    (21 Albums)
  • Pitbull/Ke$ha - Timber
    (21 Albums)
  • Avicii - Wake Me Up
    (20 Albums)
  • The Human League - Don't You Want Me
    (20 Albums)
  • Kylie Minogue - Can't Get You Out Of My Head
    (20 Albums)
  • Little Mix - Black Magic
    (20 Albums)
  • Rick Astley - Never Gonna Give You Up
    (20 Albums)
  • Run DMC/Aerosmith - Walk This Way
    (20 Albums)

    • Artists with most 'Now' Songs

    Retrieved from ‘https://nowmusicwiki.com/index.php?title=Test5&oldid=52838’