About #1
Why do over 5M members love?
Enim sed parturient sem enim nunc sit erat velit eget hac nulla nullam et id praesent nisi ornare risus risus consequat nunc nisl pellentesque diam neque.
Flexible payments
you are able to run your business smoothly; handle your daily expenses and secure your cash flow.
Smart payments
Nullam sodales, libero ac dictum convallis, ipsum diam cursus stibulum lacinia ultricies eleifend..
Easy administration
In a odio sit amet nisi tincidunt congue. Mauris cursus magna a vestibulum rutrum. Vivamus sit amet luctus leo.
5M+
Members95%
Customer satisfaction73%
Over year growth250B
Money managed <!--5m member start-->
<section class="py-xl-9 py-5 bg-primary-dark">
<div class="container">
<div class="row">
<div class="col-xl-8 offset-xl-2 col-12">
<div class="text-center mb-xl-7 mb-5">
<h2 class="text-white-stable mb-3">Why do over 5M
members love?</h2>
<p class="mb-0 text-white-50">
Enim sed parturient sem enim nunc sit 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="row mb-7 pb-4 g-5 text-center text-lg-start">
<div class="col-md-4">
<h4 class="text-white-stable">Flexible payments</h4>
<p class="text-white-50 mb-0">you are able to run your
business smoothly; handle your daily expenses and secure
your cash flow.</p>
</div>
<div class="col-md-4">
<h4 class="text-white-stable">Smart payments</h4>
<p class="text-white-50 mb-0">Nullam sodales, libero ac
dictum convallis, ipsum diam cursus stibulum lacinia
ultricies eleifend..</p>
</div>
<div class="col-md-4">
<h4 class="text-white-stable">Easy administration</h4>
<p class="text-white-50 mb-0">In a odio sit amet nisi
tincidunt congue. Mauris cursus magna a vestibulum
rutrum. Vivamus sit amet luctus leo.</p>
</div>
</div>
<div class="row border-primary border-top g-5 g-lg-0 text-center text-lg-start"
>
<div class="col-lg-3 col-6 border-end-lg border-md-0 border-lg-primary"
>
<div class="p-lg-5">
<h5 class="h1 text-white-stable mb-0">5M+</h5>
<span class="text-white-50">Members</span>
</div>
</div>
<div class="col-lg-3 col-6 border-end-lg border-md-0 border-lg-primary"
>
<div class="p-lg-5">
<h5 class="h1 text-white-stable mb-0">95%</h5>
<span class="text-white-50">Customer satisfaction</span>
</div>
</div>
<div class="col-lg-3 col-6 border-end-lg border-md-0 border-lg-primary"
>
<div class="p-lg-5">
<h5 class="h1 text-white-stable mb-0">73%</h5>
<span class="text-white-50">Over year growth</span>
</div>
</div>
<div class="col-lg-3 col-6">
<div class="p-lg-5">
<h5 class="h1 text-white-stable mb-0">250B</h5>
<span class="text-white-50">Money managed</span>
</div>
</div>
</div>
</div>
</section>
<!--5m member end-->About #2
who we are
More about us
Believes in the power of creative strategy.
We are a web design and development agency. We specialise in bridging the gap between our clients and their goals.
Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Amet mattis vulputate enim nulla aliquet porttitor lacus.
Expert Team
Vivamus eget neque lacus. Pellentesque egauris ex.
Award winning agency
Lorem ipsum, dolor sit amet consectetur elitorceat .
10 Year Exp.
Pellen tesque eget, mauris lorem iupsum neque lacus.
<!--Who we are start-->
<section class="my-xl-9 my-5">
<div class="container">
<div class="row g-4">
<div class="col-xl-5 col-lg-6 col-12">
<div class="mb-4">
<small class="text-uppercase ls-md fw-semibold">who we
are</small>
<h2 class="h1 mt-4 mb-3">Believes in the power of
creative strategy.</h2>
<p class="mb-3">We are a web design and development
agency. We specialise in bridging the gap between
our clients and their goals.</p>
<p class="mb-0">Consequat mauris nunc congue nisi vitae
suscipit tellus mauris a. Amet mattis vulputate enim
nulla aliquet porttitor lacus.</p>
</div>
<a href="./about.html" class="icon-link icon-link-hover">
More about us
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor"
class="bi bi-arrow-right" 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>
</a>
</div>
<div class="col-xl-6 offset-xl-1 col-lg-6 col-12">
<div class="row g-4">
<div class="col-lg-6 col-md-6 col-12">
<a href="#!">
<div class="rounded-3 card-lift" style="
background-image: url(../assets/images/about-img/about-grid-img-2.jpg);
background-repeat: no-repeat;
height: 386px;
background-size: cover;
"></div>
</a>
</div>
<div class="col-lg-6 col-md-6 col-12">
<a href="#!">
<div class="mb-4 rounded-3 card-lift" style="
background-image: url(../assets/images/about-img/about-grid-img-1.jpg);
background-repeat: no-repeat;
height: 180px;
background-size: cover;
"></div>
</a>
<a href="#!">
<div class="mb-2 rounded-3 card-lift" style="
background-image: url(../assets/images/about-img/about-grid-img-3.jpg);
background-repeat: no-repeat;
height: 180px;
background-size: cover;
"></div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Who we are end-->
<!--Expert team start-->
<section>
<div class="container">
<div class="row border-top border-bottom">
<div
class="col-md-4 border-end-md border-bottom border-bottom-md-0">
<div class="text-center py-lg-5 p-4">
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="32"
height="32" fill="currentColor"
class="bi bi-people-fill text-primary"
viewBox="0 0 16 16">
<path
d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
</svg>
</div>
<div>
<h4>Expert Team</h4>
<p class="mb-0">Vivamus eget neque lacus.
Pellentesque egauris ex.</p>
</div>
</div>
</div>
<div
class="col-md-4 border-end-md border-bottom border-bottom-md-0">
<div class="text-center py-lg-5 p-4">
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="32"
height="32" fill="currentColor"
class="bi bi-trophy-fill text-primary"
viewBox="0 0 16 16">
<path
d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935z" />
</svg>
</div>
<div>
<h4>Award winning agency</h4>
<p class="mb-0">Lorem ipsum, dolor sit amet
consectetur elitorceat .</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="text-center py-lg-5 p-4">
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="32"
height="32" fill="currentColor"
class="bi bi-stars text-primary"
viewBox="0 0 16 16">
<path
d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z" />
</svg>
</div>
<div>
<h4>10 Year Exp.</h4>
<p class="mb-0">Pellen tesque eget, mauris lorem
iupsum neque lacus.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Expert team end-->About #3
Be a part of the first official #1 developer event.
Developer productivity significantly impacts software quality. Reduced productivity can leave room for bugs and technical errors that affect a product’s quality.
- Attendance is free. Join the event from anywhere.
- Enjoy technical, code-driven sessions for developers.
- Join live Q&A in the events with industry experts.
<!--Developer events start-->
<section class="my-xl-9 my-5">
<div class="container">
<div class="row align-items-center g-5">
<div class="col-lg-6">
<div class="mb-5">
<h2 class="mb-3">
Be a part of the first official
<span class="text-primary">#1 developer</span>
event.
</h2>
<p class="lead mb-0">
Developer productivity significantly impacts
software quality. Reduced productivity can leave
room for bugs and technical errors that affect a
product’s quality.
</p>
</div>
<ul class="mb-5 list-unstyled">
<li class="mb-3 d-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-check-circle-fill text-primary mt-1"
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 class="ms-2">Attendance is free. Join the
event from anywhere.</span>
</li>
<li class="mb-3 d-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-check-circle-fill text-primary mt-1"
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 class="ms-2">Enjoy technical, code-driven
sessions for developers.</span>
</li>
<li class="mb-3 d-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-check-circle-fill text-primary mt-1"
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 class="ms-2">Join live Q&A in the events with
industry experts.</span>
</li>
</ul>
<a href="#speaker">
See Speakers
<span class="ms-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-chevron-down" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
</svg>
</span>
</a>
</div>
<div class="col-lg-6">
<figure>
<img src="../assets/images/landings/conference/event-img.jpg"
alt="events" class="img-fluid rounded-3" />
</figure>
</div>
</div>
</div>
</section>
<!--Developer events end-->About #4
Careers / all open positions
Become one of us
Do you want to join our team and work remotely from anywhere you’d like? We can’t wait to hear from you!
View open positions<!--open positions-->
<section class="py-lg-9 py-5">
<div class="container">
<div class="row align-items-center g-5">
<div class="col-xl-4 col-md-6 col-12">
<small class="text-uppercase ls-md fw-semibold">Careers /
all open positions</small>
<h2 class="h1 my-3">Become one of us</h2>
<p class="mb-6 pe-lg-4">Do you want to join our team and
work remotely from anywhere you’d like? We can’t wait to
hear from you!</p>
<a href="#!" class="btn btn-primary">View open positions</a>
</div>
<div class="col-xl-6 offset-xl-2 col-md-6 col-12">
<div class="row g-4">
<div class="col-lg-6 col-md-6 col-12">
<a href="#!">
<div class="mb-4 rounded-3 card-lift" style="
background-image: url(../assets/images/about-img/about-grid-img-1.jpg);
background-repeat: no-repeat;
height: 180px;
background-size: cover;
"></div>
</a>
<a href="#!">
<div class="rounded-3 card-lift" style="
background-image: url(../assets/images/about-img/about-grid-img-3.jpg);
background-repeat: no-repeat;
height: 180px;
background-size: cover;
"></div>
</a>
</div>
<div class="col-lg-6 col-md-6 col-12">
<a href="#!">
<div class="rounded-3 card-lift" style="
background-image: url(../assets/images/about-img/about-grid-img-2.jpg);
background-repeat: no-repeat;
height: 386px;
background-size: cover;
"></div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--open positions-->About #5
Who we are
We help organizations achieve their most ambitious goals and move with greater agility.
With our next-generation app platform, teams easily design and deploy flexible and engaging apps that power critical workflows and make valuable data actionable across the enterprise.
- Aenean eu leo quam ornare curabitur blandit tempus.
- Lorem ipsum dolor sit amet consectetur.
- Consectetur dolor sit, amet sectetur adipisicing.
- Mollitia qui sit velit, facere, quasi quisquam unde.
<!--who we are-->
<section class="mb-7 py-xl-9 py-5">
<div class="container pb-xl-9 pb-5">
<div class="row align-items-center g-4">
<div class="col-lg-6 col-md-12">
<div class="me-xl-8">
<h1 class="mb-3">Who we are</h1>
<p class="lead mb-4">We help organizations achieve their
most ambitious goals and move with greater agility.
</p>
<p class="mb-6 me-xl-6">
With our next-generation app platform, teams easily
design and deploy flexible and engaging apps that
power critical workflows and make valuable data
actionable
across the enterprise.
</p>
<div class="row g-lg-3">
<div class="col-md-6">
<ul class="list-unstyled mb-3">
<li class="d-flex mb-3">
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16"
fill="currentColor"
class="bi bi-check-circle-fill text-primary opacity-75"
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>
<span class="ms-2">Aenean eu leo quam
ornare curabitur blandit
tempus.</span>
</li>
<li class="d-flex">
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16"
fill="currentColor"
class="bi bi-check-circle-fill text-primary opacity-75"
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>
<span class="ms-2">Lorem ipsum dolor sit
amet consectetur.</span>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-unstyled mb-0">
<li class="d-flex mb-3">
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16"
fill="currentColor"
class="bi bi-check-circle-fill text-primary opacity-75"
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>
<span class="ms-2">Consectetur dolor
sit, amet sectetur
adipisicing.</span>
</li>
<li class="d-flex">
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16"
fill="currentColor"
class="bi bi-check-circle-fill text-primary opacity-75"
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>
<span class="ms-2">Mollitia qui sit
velit, facere, quasi quisquam
unde.</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<figure>
<img src="../assets/images/about-img/about-hero-img.jpg"
alt="career" class="img-fluid rounded-3" />
</figure>
</div>
</div>
</div>
</section>
<!--who we are-->About #6
ABOUT ME
Hey, I'm Lee. Most folks know me as leerob online.
I'm currently the VP of Developer Experience at Vercel, where I lead our Developer Relations and Documentation teams. I focus on educating and growing the Vercel and Next.js communities.
I love building for the web. From something as simple as a single HTML file – all the way to large Next.js applications. The web is incredible.
My process of Engagement
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus. Aenean eu leo quam.
Ideation
We craft a plan aligned with your business objectives, submit a comprehensive proposal.
Design
We design the Idea in Figma and seek approval. We offer 2 free design iterations.
Development
Agile Development: Sprints, Milestones, and weekly Progress Tracking.
Delivery
Complete Project Delivery with Complimentary One Month Maintenance.
<!--About me start-->
<section class="my-lg-9 my-5">
<div class="container">
<div class="row mb-lg-9 mb-5">
<div class="col-xl-10 offset-xl-1 col-md-12">
<div class="row">
<div class="col-lg-6 offset-lg-3 col-md-12">
<div class="text-lg-center mb-5">
<small
class="text-uppercase ls-md fw-semibold text-body-tertiary">ABOUT
ME</small>
<h2 class="mt-3">
Hey, I'm Lee. Most folks know me as
<span class="text-primary">leerob</span>
online.
</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-12">
<p class="mb-4 mb-md-0S">
I'm currently the VP of Developer Experience at
Vercel, where I lead our Developer Relations and
Documentation teams. I focus on educating and
growing the
Vercel and Next.js communities.
</p>
</div>
<div class="col-md-6 col-12">
<p class="mb-0">I love building for the web. From
something as simple as a single HTML file – all
the way to large Next.js applications. The web
is incredible.</p>
</div>
<div class="text-lg-center mt-5">
<a href="#!" class="btn btn-primary">More about
me</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-12 col-12">
<div class="mb-5 mb-lg-0 text-center text-lg-start px-md-5">
<h2 class="mb-3">My process of Engagement</h2>
<p class="mb-0">Vivamus sagittis lacus vel augue laoreet
rutrum faucibus dolor auctor. Fusce dapibus, tellus
ac cursus. Aenean eu leo quam.</p>
</div>
</div>
<div class="col-lg-8">
<div class="row">
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<img src="../assets/images/process-icon/LightbulbFilament.svg"
alt="bulb" />
</div>
<h3 class="h4">Ideation</h3>
<p class="mb-0 pe-lg-4">We craft a plan aligned
with your business objectives, submit a
comprehensive proposal.</p>
</div>
</div>
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<img src="../assets/images/process-icon/PencilCircle.svg"
alt="bulb" />
</div>
<h3 class="h4">Design</h3>
<p class="mb-0">We design the Idea in Figma and
seek approval. We offer 2 free design
iterations.</p>
</div>
</div>
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<img src="../assets/images/process-icon/BracketsCurly.svg"
alt="bulb" />
</div>
<h3 class="h4">Development</h3>
<p class="mb-0 pe-lg-4">Agile Development:
Sprints, Milestones, and weekly Progress
Tracking.</p>
</div>
</div>
<div class="col-md-6 col-12">
<div
class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
<div class="mb-3">
<img src="../assets/images/process-icon/Rocket.svg"
alt="bulb" />
</div>
<h3 class="h4">Delivery</h3>
<p class="mb-0 pe-lg-4">Complete Project
Delivery with Complimentary One Month
Maintenance.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--About me end-->About #7
<section>
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-12 col-12">
<div class="text-center mb-8">
<small class="text-uppercase ls-md fw-semibold">About
Block</small>
<h1 class="mb-3 mt-3">Empowering the world to design
</h1>
<p class="mb-0 px-lg-6">
We are Block, a Digital Product Design & Branding
Agency. As a team of Designers, Business Analysts,
Strategists, Content Writers, and Project Managers,
we
collaborate on a result-oriented design process.
</p>
</div>
</div>
</div>
<div class="row gy-4">
<div class="col-lg-4 col-md-4 col-12">
<a href="../assets/images/about-img/about-img-1.jpg"
class="glightbox rounded-3">
<div class="rounded-3 card-lift"
style="background-image: url(../assets/images/about-img/about-img-1.jpg); background-repeat: no-repeat; height: 350px; background-size: cover">
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-12">
<a href="../assets/images/about-img/about-img-2.jpg"
class="glightbox rounded-3">
<div class="rounded-3 card-lift"
style="background-image: url(../assets/images/about-img/about-img-2.jpg); background-repeat: no-repeat; height: 350px; background-size: cover">
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-12">
<a href="../assets/images/about-img/about-img-3.jpg"
class="glightbox rounded-3">
<div class="rounded-3 card-lift"
style="background-image: url(../assets/images/about-img/about-img-3.jpg); background-repeat: no-repeat; height: 350px; background-size: cover">
</div>
</a>
</div>
</div>
</div>
</section>About #8
Work with Block. Join Us.
We're always on the lookout for passionate and inspired individuals looking to do impactful work and make positive change. Sound like you? You might belong at Blocks.
Our culture
We base our philosophy on the principles of learning, collaboration, transparency, experimentation and passion.
- We are goal-driven and dedicated
- We use our own tools every day
- We thrive together with our community
- We are customer obsessed
- We believe in people's ability to grow
Our benefits
Work Happier With Us
Inclusive Health Package
We care about your well-being, and offer dental and vision benefits for you and your family. No stress on health expenses.
Flexible Working Style
We are 100% remote-friendly, work with team mates from different time zones across the globe.
Diversity and Inclusion
Our strength lies in team members from diverse backgrounds with a culture of inclusion where everyone feels respected.
Learn And Grow
We help you grow in your career with ongoing mentorship, and send you to events so you can build your network.
Balanced Working Life
We offer an open vacation policy with a recommended 4-weeks per year. Recharge whenever you need to.
Generous Perks Program
We offer several perk stipends to support healthy home office ergonomics, continuous learning, wellness and connectivity.
<div class="pattern-square"></div>
<!-- pageheader-->
<section class="py-5 py-lg-8">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-12 col-12">
<div class="text-center">
<div class="mb-4">
<h1 class="mb-2">Work with Block. Join Us.</h1>
<p class="mb-0">
We're always on the lookout for passionate and inspired individuals looking to do impactful work and make positive change.
Sound like you? You might belong at Blocks.
</p>
</div>
<a href="#openPosition" class="btn btn-dark me-2">Open Positions</a>
<a href="#!" class="btn btn-outline-primary">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<!-- pageheader-->
<!--image-->
<div class="my-xl-0 my-4">
<div class="mx-auto overflow-x-hidden">
<div class="row row-cols-lg-5 row-cols-md-3 row-cols-2 justify-content-center g-1 mb-lg-7">
<div class="col">
<figure>
<img src="../assets/images/career/career-img-1.jpg" alt="career" class="img-fluid" />
</figure>
</div>
<div class="col">
<figure>
<img src="../assets/images/career/career-img-2.jpg" alt="career" class="img-fluid" />
</figure>
</div>
<div class="col">
<figure>
<img src="../assets/images/career/career-img-3.jpg" alt="career" class="img-fluid" />
</figure>
</div>
<div class="col col-md-6">
<figure>
<img src="../assets/images/career/career-img-4.jpg" alt="career" class="img-fluid" />
</figure>
</div>
<div class="col-12 col-md-6">
<figure>
<img src="../assets/images/career/career-img-5.jpg" alt="career" class="img-fluid" />
</figure>
</div>
</div>
</div>
<div class="container py-5">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="mb-4 mb-sm-0">
<small class="text-uppercase ls-md fw-bold text-primary">Our culture</small>
<p class="mb-0 lead mt-3">
We base our philosophy on the principles of learning, collaboration, transparency, experimentation and passion.
</p>
</div>
</div>
<div class="offset-xl-1 col-xl-4 col-md-6">
<ul class="mb-0 list-unstyled">
<li class="mb-2 d-flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-dark mt-1"
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 class="ms-2">
We are
<span class="text-dark fw-semibold">goal-driven</span>
and
<span class="text-dark fw-semibold">dedicated</span>
</span>
</li>
<li class="mb-2 d-flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-dark mt-1"
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 class="ms-2">
We
<span class="text-dark fw-semibold">use our own tools</span>
every day
</span>
</li>
<li class="mb-2 d-flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-dark mt-1"
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 class="ms-2">
We thrive together with our
<span class="text-dark fw-semibold">community</span>
</span>
</li>
<li class="mb-2 d-flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-dark mt-1"
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 class="ms-2">
We are
<span class="text-dark fw-semibold">customer obsessed</span>
</span>
</li>
<li class="mb-2 d-flex">
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-dark mt-1"
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 class="ms-2">
We believe in
<span class="text-dark fw-semibold">people's ability to grow</span>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--image-->
<!--our benefits-->
<section class="my-xl-9 my-4">
<div class="container">
<div class="row">
<div class="col-xl-4 offset-xl-4 col-md-12">
<div class="text-center mb-xl-7 mb-5">
<small class="text-uppercase ls-md fw-semibold text-primary">Our benefits</small>
<h2 class="mt-3 mb-0">Work Happier With Us</h2>
</div>
</div>
</div>
<div class="row g-6">
<div class="col-md-6">
<div class="d-flex">
<div class="icon-xl icon-shape rounded-circle bg-warning bg-opacity-10 flex-shrink-0">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-prescription2 text-warning-emphasis"
viewBox="0 0 16 16">
<path d="M7 6h2v2h2v2H9v2H7v-2H5V8h2V6Z" />
<path
d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v10.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 14.5V4a1 1 0 0 1-1-1V1Zm2 3v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4H4ZM3 3h10V1H3v2Z" />
</svg>
</div>
<div class="ms-4">
<h4>Inclusive Health Package</h4>
<p class="mb-0">
We care about your well-being, and offer dental and vision benefits for you and your family. No stress on health expenses.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex">
<div class="icon-xl icon-shape rounded-circle bg-danger bg-opacity-10 flex-shrink-0">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-globe-asia-australia text-danger"
viewBox="0 0 16 16">
<path
d="m10.495 6.92 1.278-.619a.483.483 0 0 0 .126-.782c-.252-.244-.682-.139-.932.107-.23.226-.513.373-.816.53l-.102.054c-.338.178-.264.626.1.736a.476.476 0 0 0 .346-.027ZM7.741 9.808V9.78a.413.413 0 1 1 .783.183l-.22.443a.602.602 0 0 1-.12.167l-.193.185a.36.36 0 1 1-.5-.516l.112-.108a.453.453 0 0 0 .138-.326ZM5.672 12.5l.482.233A.386.386 0 1 0 6.32 12h-.416a.702.702 0 0 1-.419-.139l-.277-.206a.302.302 0 1 0-.298.52l.761.325Z" />
<path
d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1.612 10.867l.756-1.288a1 1 0 0 1 1.545-.225l1.074 1.005a.986.986 0 0 0 1.36-.011l.038-.037a.882.882 0 0 0 .26-.755c-.075-.548.37-1.033.92-1.099.728-.086 1.587-.324 1.728-.957.086-.386-.114-.83-.361-1.2-.207-.312 0-.8.374-.8.123 0 .24-.055.318-.15l.393-.474c.196-.237.491-.368.797-.403.554-.064 1.407-.277 1.583-.973.098-.391-.192-.634-.484-.88-.254-.212-.51-.426-.515-.741a6.998 6.998 0 0 1 3.425 7.692 1.015 1.015 0 0 0-.087-.063l-.316-.204a1 1 0 0 0-.977-.06l-.169.082a1 1 0 0 1-.741.051l-1.021-.329A1 1 0 0 0 11.205 9h-.165a1 1 0 0 0-.945.674l-.172.499a1 1 0 0 1-.404.514l-.802.518a1 1 0 0 0-.458.84v.455a1 1 0 0 0 1 1h.257a1 1 0 0 1 .542.16l.762.49a.998.998 0 0 0 .283.126 7.001 7.001 0 0 1-9.49-3.409Z" />
</svg>
</div>
<div class="ms-4">
<h4>Flexible Working Style</h4>
<p class="mb-0">We are 100% remote-friendly, work with team mates from different time zones across the globe.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex">
<div class="icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-people-fill text-primary"
viewBox="0 0 16 16">
<path
d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
</svg>
</div>
<div class="ms-4">
<h4>Diversity and Inclusion</h4>
<p class="mb-0">
Our strength lies in team members from diverse backgrounds with a culture of inclusion where everyone feels respected.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex">
<div class="icon-xl icon-shape rounded-circle bg-success bg-opacity-10 flex-shrink-0">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-easel text-success"
viewBox="0 0 16 16">
<path
d="M8 0a.5.5 0 0 1 .473.337L9.046 2H14a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1.85l1.323 3.837a.5.5 0 1 1-.946.326L11.092 11H8.5v3a.5.5 0 0 1-1 0v-3H4.908l-1.435 4.163a.5.5 0 1 1-.946-.326L3.85 11H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h4.954L7.527.337A.5.5 0 0 1 8 0zM2 3v7h12V3H2z" />
</svg>
</div>
<div class="ms-4">
<h4>Learn And Grow</h4>
<p class="mb-0">
We help you grow in your career with ongoing mentorship, and send you to events so you can build your network.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex">
<div class="icon-xl icon-shape rounded-circle bg-info bg-opacity-10 flex-shrink-0">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-emoji-heart-eyes text-info"
viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
<path
d="M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z" />
</svg>
</div>
<div class="ms-4">
<h4>Balanced Working Life</h4>
<p class="mb-0">We offer an open vacation policy with a recommended 4-weeks per year. Recharge whenever you need to.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex">
<div class="icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-cash-stack text-primary"
viewBox="0 0 16 16">
<path d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
<path
d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z" />
</svg>
</div>
<div class="ms-4">
<h4>Generous Perks Program</h4>
<p class="mb-0">
We offer several perk stipends to support healthy home office ergonomics, continuous learning, wellness and connectivity.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--our benefits-->