Skip to content

Instantly share code, notes, and snippets.

@simoebenhida

simoebenhida/Checkout Button

Created July 21, 2018 10:33
Show Gist options
  • Save simoebenhida/028670f1a3e3ab02d6d39940e2ced50d to your computer and use it in GitHub Desktop.
Save simoebenhida/028670f1a3e3ab02d6d39940e2ced50d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Checkout Button
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/style.css">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<!-- <a href="#" class="start">Checkout</a> -->
<div class="mt-10 flex justify-center items-center">
<a href="#" class="border-2 border-grey-dark px-1 py-1 flex rounded-lg no-underline">
<span class="flex items-center text-center bg-grey-light w-64 h-12 px-2 py-2 rounded-lg">
<span class="bg-grey w-full text-grey-darker h-full py-1 rounded font-bold tracking-wide shadow text-2xl">
<span class="px-3">☆</span>Checkout
<span class="px-2">☆</span>
</span>
</span>
</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment