Test5: Difference between revisions

From Now That's What I Call Music Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 16: Line 16:


<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 44: Line 44:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 73: Line 73:


<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 109: Line 109:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 137: Line 137:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 165: Line 165:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 201: Line 201:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 229: Line 229:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 257: Line 257:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 293: Line 293:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 322: Line 322:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>
Line 351: Line 351:
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<p class="my-2 me-2 fs-6 text-black-50">Lauren Asher</p>
<div class="rating text-warning d-flex align-items-center">
<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>
</div>
</div>

Revision as of 20:48, 12 November 2024

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








$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








$870


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

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

Lauren Asher








$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








$870


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

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

Lauren Asher








$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








$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








$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








$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








$600 $500