Test4: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(76 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
{{Home Slider}}
<html lang="en">
</br>
    <head>
{{Series Buttons}}
        <meta charset="utf-8" />
</br>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
=== Upcoming UK 'Now' Releases ===
        <meta name="description" content="" />
{{#ask:
        <meta name="author" content="" />
[[Version Release Date ::>{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]]
        <title>Shop Homepage - Start Bootstrap Template</title>
[[Version Release Date ::!{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]] [[Category:Album Version]]
        <!-- Favicon-->
[[Country Of Release::UK]]
        <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
|?Version Main Cover 
        <!-- Bootstrap icons-->
|?Version Release Date#GR-F[F j, Y]
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
|?Album Title
        <!-- Core theme CSS (includes Bootstrap)-->
|?Version Format Type
        <link href="css/styles.css" rel="stylesheet" />
|?Amazon Link#nowiki
    </head>
|Sort=Version Release Date,
    <body>
|order=desc,asc
        <!-- Navigation-->
|headers=hide
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
|limit=100
            <div class="container px-4 px-lg-5">
|link=none
                <a class="navbar-brand" href="#!">Start Bootstrap</a>
|searchlabel=
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|format=plainlist
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
|template=Album Card List
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
|introtemplate=Album Card List Intro
                        <li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Home</a></li>
|outrotemplate=Album Card List Outro
                        <li class="nav-item"><a class="nav-link" href="#!">About</a></li>
}}
                        <li class="nav-item dropdown">
 
                            <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a>
==Recent 'Now' Releases==
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
{{#ask:
                                <li><a class="dropdown-item" href="#!">All Products</a></li>
[[Version Release Date ::<{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]] [[Category:Album Version]]
                                <li><hr class="dropdown-divider" /></li>
|?Version Main Cover 
                                <li><a class="dropdown-item" href="#!">Popular Items</a></li>
|?Version Release Date#GR-F[F j, Y]
                                <li><a class="dropdown-item" href="#!">New Arrivals</a></li>
|?Album Title
                            </ul>
|?Version Format Type
                        </li>
|?Amazon Link#nowiki
                    </ul>
|Sort=Version Release Date,
                    <form class="d-flex">
|order=desc,asc
                        <button class="btn btn-outline-dark" type="submit">
|headers=hide
                            <i class="bi-cart-fill me-1"></i>
|limit=10
                            Cart
|link=none
                            <span class="badge bg-dark text-white ms-1 rounded-pill">0</span>
|searchlabel=
                        </button>
|format=plainlist
                    </form>
|template=Album Card List
                </div>
|introtemplate=Album Card List Intro
            </div>
|outrotemplate=Album Card List Outro
        </nav>
}}
        <!-- Header-->
 
        <header class="bg-dark py-5">
 
            <div class="container px-4 px-lg-5 my-5">
{{Most Appearances}}
                <div class="text-center text-white">
 
                    <h1 class="display-4 fw-bolder">Shop in style</h1>
__NOTITLE__
                    <p class="lead fw-normal text-white-50 mb-0">With this shop hompeage template</p>
                </div>
            </div>
        </header>
        <!-- Section-->
        <section class="py-5">
            <div class="container px-4 px-lg-5 mt-5">
                <div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center">
                    <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-->
                                    $40.00 - $80.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">
                            <!-- 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>

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’