Test4: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(72 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
{{Home Slider}}
<html lang="en">
</br>
    <body>
{{Series Buttons}}
        <!-- Header-->
</br>
        <header class="bg-dark py-5">
=== Upcoming UK 'Now' Releases ===
            <div class="container px-4 px-lg-5 my-5">
{{#ask:
                <div class="text-center text-white">
[[Version Release Date ::>{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]]
                    <h1 class="display-4 fw-bolder">Shop in style</h1>
[[Version Release Date ::!{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]] [[Category:Album Version]]
                    <p class="lead fw-normal text-white-50 mb-0">With this shop hompeage template</p>
[[Country Of Release::UK]]
                </div>
|?Version Main Cover 
            </div>
|?Version Release Date#GR-F[F j, Y]
        </header>
|?Album Title
        <!-- Section-->
|?Version Format Type
        <section class="py-5">
|?Amazon Link#nowiki
            <div class="container px-4 px-lg-5 mt-5">
|Sort=Version Release Date,
                <div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center">
|order=desc,asc
                    <div class="col mb-5">
|headers=hide
                        <div class="card h-100">
|limit=100
                            <!-- Product image-->
|link=none
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
|searchlabel=
                            <!-- Product details-->
|format=plainlist
                            <div class="card-body p-4">
|template=Album Card List
                                <div class="text-center">
|introtemplate=Album Card List Intro
                                    <!-- Product name-->
|outrotemplate=Album Card List Outro
                                    <h5 class="fw-bolder">Fancy Product</h5>
}}
                                    <!-- Product price-->
 
                                    $40.00 - $80.00
==Recent 'Now' Releases==
                                </div>
{{#ask:
                            </div>
[[Version Release Date ::<{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]] [[Category:Album Version]]
                            <!-- Product actions-->
|?Version Main Cover 
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
|?Version Release Date#GR-F[F j, Y]
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">View options</a></div>
|?Album Title
                            </div>
|?Version Format Type
                        </div>
|?Amazon Link#nowiki
                    </div>
|Sort=Version Release Date,
                    <div class="col mb-5">
|order=desc,asc
                        <div class="card h-100">
|headers=hide
                            <!-- Sale badge-->
|limit=10
                            <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
|link=none
                            <!-- Product image-->
|searchlabel=
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
|format=plainlist
                            <!-- Product details-->
|template=Album Card List
                            <div class="card-body p-4">
|introtemplate=Album Card List Intro
                                <div class="text-center">
|outrotemplate=Album Card List Outro
                                    <!-- Product name-->
}}
                                    <h5 class="fw-bolder">Special Item</h5>
 
                                    <!-- Product reviews-->
 
                                    <div class="d-flex justify-content-center small text-warning mb-2">
{{Most Appearances}}
                                        <div class="bi-star-fill"></div>
 
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                    </div>
                                    <!-- Product price-->
                                    <span class="text-muted text-decoration-line-through">$20.00</span>
                                    $18.00
                                </div>
                            </div>
                            <!-- Product actions-->
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-5">
                        <div class="card h-100">
                            <!-- Sale badge-->
                            <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
                            <!-- Product image-->
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
                            <!-- Product details-->
                            <div class="card-body p-4">
                                <div class="text-center">
                                    <!-- Product name-->
                                    <h5 class="fw-bolder">Sale Item</h5>
                                    <!-- Product price-->
                                    <span class="text-muted text-decoration-line-through">$50.00</span>
                                    $25.00
                                </div>
                            </div>
                            <!-- Product actions-->
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-5">
                        <div class="card h-100">
                            <!-- Product image-->
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
                            <!-- Product details-->
                            <div class="card-body p-4">
                                <div class="text-center">
                                    <!-- Product name-->
                                    <h5 class="fw-bolder">Popular Item</h5>
                                    <!-- Product reviews-->
                                    <div class="d-flex justify-content-center small text-warning mb-2">
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                    </div>
                                    <!-- Product price-->
                                    $40.00
                                </div>
                            </div>
                            <!-- Product actions-->
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-5">
                        <div class="card h-100">
                            <!-- Sale badge-->
                            <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
                            <!-- Product image-->
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
                            <!-- Product details-->
                            <div class="card-body p-4">
                                <div class="text-center">
                                    <!-- Product name-->
                                    <h5 class="fw-bolder">Sale Item</h5>
                                    <!-- Product price-->
                                    <span class="text-muted text-decoration-line-through">$50.00</span>
                                    $25.00
                                </div>
                            </div>
                            <!-- Product actions-->
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-5">
                        <div class="card h-100">
                            <!-- Product image-->
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
                            <!-- Product details-->
                            <div class="card-body p-4">
                                <div class="text-center">
                                    <!-- Product name-->
                                    <h5 class="fw-bolder">Fancy Product</h5>
                                    <!-- Product price-->
                                    $120.00 - $280.00
                                </div>
                            </div>
                            <!-- Product actions-->
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">View options</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-5">
                        <div class="card h-100">
                            <!-- Sale badge-->
                            <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
                            <!-- Product image-->
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
                            <!-- Product details-->
                            <div class="card-body p-4">
                                <div class="text-center">
                                    <!-- Product name-->
                                    <h5 class="fw-bolder">Special Item</h5>
                                    <!-- Product reviews-->
                                    <div class="d-flex justify-content-center small text-warning mb-2">
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                    </div>
                                    <!-- Product price-->
                                    <span class="text-muted text-decoration-line-through">$20.00</span>
                                    $18.00
                                </div>
                            </div>
                            <!-- Product actions-->
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-5">
                        <div class="card h-100">
                            <!-- Product image-->
                            <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="..." />
                            <!-- Product details-->
                            <div class="card-body p-4">
                                <div class="text-center">
                                    <!-- Product name-->
                                    <h5 class="fw-bolder">Popular Item</h5>
                                    <!-- Product reviews-->
                                    <div class="d-flex justify-content-center small text-warning mb-2">
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                        <div class="bi-star-fill"></div>
                                    </div>
                                    <!-- Product price-->
                                    $40.00
                                </div>
                            </div>
                            <!-- Product actions-->
                            <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Footer-->
        <footer class="py-5 bg-dark">
            <div class="container"><p class="m-0 text-center text-white">Copyright &copy; Your Website 2023</p></div>
        </footer>
        <!-- Bootstrap core JS-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
    </body>
</html>
__NOTITLE__
__NOTITLE__

Latest revision as of 16:25, 14 November 2024

Now That's What I Call Music Wiki

All the Albums, Tracks and Artists of the Now Music series


Now-numbered-button.png

Now-80s-dancefloor-button.png

Now-yearbooks-button.png

Now-millennium-button.png

Now-presents-button.png

Now-12-80s-button.png

Now-100-hits-button.png

Now-dance-button.png


Upcoming UK 'Now' Releases[edit]

80s synth - Vinyl.jpg

Now Eighties Dancefloor : Synth

Vinyl

Release Date: December 6, 2024

Buy Now

Now 12 80s Vinyl Volume 1 Vinyl Set.jpg

Now Presents… 12" 80s Volume One : 1980-1982

Vinyl

Release Date: December 6, 2024

Buy Now

Now massive 70s party.jpg

Now That's What I Call A Massive 70s Party

CD

Release Date: November 22, 2024

Buy Now

Recent 'Now' Releases[edit]

Now 119.jpg

Now That's What I Call Music! 119

CD

Release Date: November 15, 2024

Buy Now

Now-Christmas-2024-cd.jpg

Now That's What I Call Christmas

CD

Release Date: November 1, 2024

Buy Now

Now-Christmas-2024-deluxe.jpg

Now That's What I Call Christmas

Deluxe CD

Release Date: November 1, 2024

Buy Now

Now-Christmas-2024---vinyl.jpg

Now That's What I Call Christmas

Vinyl

Release Date: November 1, 2024

Buy Now

Now-Yearbook-1977-cd.jpg

Now Yearbook 1977

CD

Release Date: November 1, 2024

Buy Now

Now-Yearbook-1977-deluxe.jpg

Now Yearbook 1977

Deluxe CD

Release Date: November 1, 2024

Buy Now

Now-Yearbook-1977-vinyl.jpg

Now Yearbook 1977

Vinyl

Release Date: November 1, 2024

Buy Now

Now-yearbook-vinyl-2024-black-1979.jpg

Now Yearbook 1979

Vinyl

Release Date: October 25, 2024

Buy Now

Now-yearbook-vinyl-2024-black-1980.jpg

Now Yearbook 1980

Vinyl

Release Date: October 25, 2024

Buy Now

Now-yearbook-vinyl-2024-black-1981.jpg

Now Yearbook 1981

Vinyl

Release Date: October 25, 2024

Buy Now


Songs with most 'Now' appearances

Black Eyed Peas - I Gotta Feeling.jpg
Black Eyed Peas - I Gotta Feeling
(28 Appearances)

Pharrell Williams - Happy.jpg

Pharrell Williams - Happy
(27 Appearances)

Frankie-relax.jpg

Frankie Goes To Hollywood - Relax
(25 Appearances)

Uptown Funk.jpg

Mark Ronson/Bruno Mars - Uptown Funk
(24 Appearances)

Soft Cell - Tainted Love.jpg

Soft Cell - Tainted Love
(24 Appearances)

UB40 - Red Red Wine.jpg

UB40 - Red Red Wine
(24 Appearances)

Artists with most 'Now' Songs



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