A Pen by Avaz Bokiev on CodePen.
Created
March 2, 2020 17:07
-
-
Save samarkandiy/9faeabb563b6d5fca94eac7068222a12 to your computer and use it in GitHub Desktop.
qBdjGGj
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="py-12 bg-white"> | |
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8"> | |
<div class="lg:text-center"> | |
<p class="text-base leading-6 text-indigo-600 font-semibold tracking-wide uppercase">Transactions</p> | |
<h3 class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10"> | |
A better way to send money | |
</h3> | |
<p class="mt-4 max-w-2xl text-xl leading-7 text-gray-500 lg:mx-auto"> | |
Lorem ipsum dolor sit amet consect adipisicing elit. Possimus magnam voluptatum cupiditate veritatis in accusamus quisquam. | |
</p> | |
</div> | |
<div class="mt-10"> | |
<ul class="md:grid md:grid-cols-2 md:col-gap-8 md:row-gap-10"> | |
<li> | |
<div class="flex"> | |
<div class="flex-shrink-0"> | |
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> | |
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> | |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> | |
</svg> | |
</div> | |
</div> | |
<div class="ml-4"> | |
<h5 class="text-lg leading-6 font-medium text-gray-900">Competitive exchange rates</h5> | |
<p class="mt-2 text-base leading-6 text-gray-500"> | |
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione. | |
</p> | |
</div> | |
</div> | |
</li> | |
<li class="mt-10 md:mt-0"> | |
<div class="flex"> | |
<div class="flex-shrink-0"> | |
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> | |
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> | |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> | |
</svg> | |
</div> | |
</div> | |
<div class="ml-4"> | |
<h5 class="text-lg leading-6 font-medium text-gray-900">No hidden fees</h5> | |
<p class="mt-2 text-base leading-6 text-gray-500"> | |
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione. | |
</p> | |
</div> | |
</div> | |
</li> | |
<li class="mt-10 md:mt-0"> | |
<div class="flex"> | |
<div class="flex-shrink-0"> | |
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> | |
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> | |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/> | |
</svg> | |
</div> | |
</div> | |
<div class="ml-4"> | |
<h5 class="text-lg leading-6 font-medium text-gray-900">Transfers are instant</h5> | |
<p class="mt-2 text-base leading-6 text-gray-500"> | |
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione. | |
</p> | |
</div> | |
</div> | |
</li> | |
<li class="mt-10 md:mt-0"> | |
<div class="flex"> | |
<div class="flex-shrink-0"> | |
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> | |
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> | |
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"/> | |
</svg> | |
</div> | |
</div> | |
<div class="ml-4"> | |
<h5 class="text-lg leading-6 font-medium text-gray-900">Mobile notifications</h5> | |
<p class="mt-2 text-base leading-6 text-gray-500"> | |
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione. | |
</p> | |
</div> | |
</div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.2.0/tailwind.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment