Skip to content

Instantly share code, notes, and snippets.

@LAMike310

LAMike310/SatoshiShop.html

Created March 21, 2016 20:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LAMike310/2c36e1dba5b82a85a0ed to your computer and use it in GitHub Desktop.
Save LAMike310/2c36e1dba5b82a85a0ed to your computer and use it in GitHub Desktop.
Download ZIP
Raw
SatoshiShop.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mike's Card Shop</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<style>
li {
width: 20%;
display: inline-block;
float: left;
margin: 0 2.5%;
}
nav {
background: #5993AE;
position: relative;
bottom: 15px;
}
nav p {
margin-left: 10px;
}
.stripe-button-el span {
display: block !important;
min-height: 30px !important;
background: none !important;
}
.stripe-button-el {
background: none !important;
box-shadow: none !important;
}
</style>
</head>
<body>
<nav>
<div class="nav-wrapper">
<p><a href="#" class="brand-logo">Mike's Card Shop</a></p>
</div>
</nav>
<div>
<div>
<ul>
<li>
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<img class="responsive-img" src="http://goo.gl/MbwXOv" />
<p class="card-title">Kobe Bryant</p> <p>$ 20.00</p>
</div>
<div class="card-action">
<a class="waves-effect waves-light btn modal-trigger" href="#card-modal">Buy Now</a>
</div>
</div>
</li>
<li>
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<img class="responsive-img" src="http://goo.gl/EBMLi4" />
<p class="card-title">Steph Curry</p> <p>$ 20.00</p>
</div>
<div class="card-action">
<a class="waves-effect waves-light btn modal-trigger" href="#card-modal">Buy Now</a>
</div>
</div>
</li>
<li>
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<img class="responsive-img" src="http://goo.gl/pSGQfF" />
<p class="card-title">Michael Jordan</p> <p>$ 20.00</p>
</div>
<div class="card-action">
<a class="waves-effect waves-light btn modal-trigger" href="#card-modal">Buy Now</a>
</div>
</div>
</li>
<li>
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<img class="responsive-img" src="http://goo.gl/lxgtXl" />
<p class="card-title">LeBron James </p> <p>$20.00</p>
</div>
<div class="card-action">
<a class="waves-effect waves-light btn">
Buy Now
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment