Test3: Difference between revisions

From Now That's What I Call Music Wiki
No edit summary
No edit summary
 
(230 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<div class="container"><div class="row row-cols-sm-4">
  <!-- bootstrap.min css -->
<div class="col-xs-2 mb-4">
  <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
<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,0,0,1) 0%, rgba(168,28,28,1) 100%); ">
  <!-- Ionic Icon Css -->
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;">
  <link rel="stylesheet" href="plugins/Ionicons/css/ionicons.min.css">
[[File:Now-numbered-button.png|link=Main Series]]
  <!-- animate.css -->
</div></div></div>
  <link rel="stylesheet" href="plugins/animate-css/animate.css">
<div class="col-xs-2 mb-4">
  <!-- Magnify Popup -->
<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,165,0,1) 0%, rgba(168,115,16,1) 100%); ">
  <link rel="stylesheet" href="plugins/magnific-popup/magnific-popup.css">
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;">
  <!-- Slick CSS -->
[[File:Now-80s-dancefloor-button.png|link=Now 80s Dancefloor]]
  <link rel="stylesheet" href="plugins/slick/slick.css">
</div></div></div>
 
<div class="col-xs-2 mb-4">
  <!-- Main Stylesheet -->
<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,255,0,1) 0%, rgba(151,151,30,1) 100%); ">
  <link rel="stylesheet" href="css/style.css">
<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]]
<section class="slider">
</div></div></div>
<div class="container">
<div class="col-xs-2 mb-4">
<div class="row">
<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(148,255,0,1) 0%, rgba(2,198,73,1) 100%); ">
<div class="col-md-12">
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;">
<div class="block">
[[File:Now-millennium-button.png|link=Now Millennium]]
<h1 class="animated fadeInUp">A Digital Marketing <br>&#38; Design Agency</h1>
</div></div></div>
<p class="animated fadeInUp">We love the Web and the work we do.We work closely with our clients to deliver </br>the best possible solutions for their needs</p>
<div class="col-xs-2 mb-4">
<a href="https://themefisher.com/free-bootstrap-templates/" class="btn btn-main animated fadeInUp" >Free Bootstrap Templates</a>
<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(0,174,255,1) 0%, rgba(0,0,255,1) 100%); ">
</div>
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;">
</div>
[[File:Now-presents-button.png|link=Now Presents]]
</div>
</div></div></div>
</div>
<div class="col-xs-2 mb-4">
</section>
<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(179,113,227,1) 0%, rgba(75,0,130,1) 100%); ">
</html>
<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]]
</div></div></div>
<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,60,219,1) 0%, rgba(130,0,106,1) 100%); ">
<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]]
</div></div></div>
<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(224,192,138,1) 0%, rgba(98,78,47,1) 100%); ">
<div class="card-body d-flex align-items-center" style="margin:10px; padding:5px; text-align: center; valign: middle;">
[[File:Now-dance-button.png|link=Dance Series]]
</div></div></div>
</div></div>

Latest revision as of 16:19, 14 November 2024

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