Process #1
How to get a Block Card in a simple 3 steps
Designed to work better together erat velit eget hac nulla nullam et id praesent nisi ornare risus risus consequat nunc nisl pellentesque diam neque.
1
Sign up for a free account
Apply online on block website and fill the form by telling us your name, address, date of birth.
2
Fill in your details
Get started on block or log into the mobile app. Bank account to transfer money to your debit card.
3
Start converting!
Set up direct deposit or connect your current bank account to transfer money to your debit card.
<!--Get block card start-->
<section class="my-xl-7 py-5">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-12">
<div class="mb-xl-7 mb-5">
<h2 class="mb-3">
How to get a Block Card in a
<span class="text-primary">simple 3 steps</span>
</h2>
<p class="mb-0">
Designed to work better together erat velit eget hac
nulla nullam et id praesent nisi ornare risus risus
consequat nunc nisl pellentesque diam neque.
</p>
</div>
</div>
</div>
<div class="table-responsive-xl">
<div class="row flex-nowrap pb-4 pb-lg-0 me-5 me-lg-0">
<div class="col-lg-4 col-md-6 col-12">
<div class="p-xl-5">
<div
class="d-flex align-items-center justify-content-between mb-5">
<div
class="icon-xl icon-shape rounded-circle bg-primary border border-primary-subtle border-4 text-white-stable fw-semibold fs-3">
1</div>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="32" height="32"
fill="currentColor"
class="bi bi-arrow-right text-body-tertiary"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
</svg>
</span>
</div>
<h3 class="h4">Sign up for a free account</h3>
<p class="mb-0">Apply online on block website and
fill the form by telling us your name, address,
date of birth.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="p-xl-5">
<div
class="d-flex align-items-center justify-content-between mb-5">
<div
class="icon-xl icon-shape rounded-circle bg-primary border border-primary-subtle border-4 text-white-stable fw-semibold fs-3">
2</div>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="32" height="32"
fill="currentColor"
class="bi bi-arrow-right text-body-tertiary"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
</svg>
</span>
</div>
<h3 class="h4">Fill in your details</h3>
<p class="mb-0">Get started on block or log into the
mobile app. Bank account to transfer money to
your debit card.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="p-xl-5">
<div
class="d-flex align-items-center justify-content-between mb-5">
<div
class="icon-xl icon-shape rounded-circle bg-primary border border-primary-subtle border-4 text-white-stable fw-semibold fs-3">
3</div>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</div>
<h3 class="h4">Start converting!</h3>
<p class="mb-0">Set up direct deposit or connect
your current bank account to transfer money to
your debit card.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="text-center my-5">
<a href="#!" class="btn btn-outline-primary">Open an
Account</a>
</div>
</div>
</div>
</div>
</section>
<!--Get block card end-->Process #2
our process
Our website design process explained
1
Discover
A strategic setup is crucial to success. simple lorem ipsum.
2
Build
Each research questionnaire is tailor-made.
3
Deliver
Sharing insights intelligently ensures research resonates.
<!--process-->
<section class="bg-light py-lg-10 py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-center mb-lg-7 mb-5">
<small
class="text-uppercase text-primary ls-md fw-bold">our
process</small>
<h2 class="mt-2 mb-0">Our website design process
explained</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 offset-lg-1 col-md-12">
<div class="row">
<div class="col-md-4">
<div
class="text-center mb-6 mb-lg-0 mx-4 mx-md-auto">
<div
class="icon-shape icon-md bg-primary bg-opacity-10 text-primary rounded-circle fs-4 p-2 mb-lg-5 mb-3 fw-bold">
1</div>
<h4>Discover</h4>
<p class="mb-0">A strategic setup is crucial to
success. simple lorem ipsum.</p>
</div>
</div>
<div class="col-md-4">
<div
class="text-center mb-6 mb-lg-0 mx-4 mx-md-auto">
<div
class="icon-shape icon-md bg-primary bg-opacity-10 text-primary rounded-circle fs-4 p-2 mb-lg-5 mb-3 fw-bold">
2</div>
<h4>Build</h4>
<p class="mb-0 mx-lg-5">Each research
questionnaire is tailor-made.</p>
</div>
</div>
<div class="col-md-4">
<div
class="text-center mb-6 mb-lg-0 mx-4 mx-md-auto">
<div
class="icon-shape icon-md bg-primary bg-opacity-10 text-primary rounded-circle fs-4 p-2 mb-lg-5 mb-3 fw-bold">
3</div>
<h4>Deliver</h4>
<p class="mb-0">Sharing insights intelligently
ensures research resonates.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--process-->