Feature #1
features
Features to make you stand out
Manage your projects from start to finish. With all of your projects in Block, you’ll always know who’s doing what, by when.
Tasks
Break work into manageable pieces for you and your team. Dui erat malesuada diam.
Milestones
Visualise significant checkpoints in your project to measure and share progress.
Due dates and times
Specify the date and time something is due so everyone’s working off the same deadline.
Custom templates
Create your own project templates so your team can quickly and easily kick off work.
Attachments
Add files from your computer, Dropbox, Box, or Google Drive to any task or conversation.
Teammate
Understand teammate workloads by viewing tasks assigned to them.
<!--Features start-->
<section class="my-xl-7 py-5">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-12 col-12">
<div class="text-center mb-6 mb-lg-9">
<small
class="text-primary text-uppercase ls-md fw-semibold">features</small>
<h2 class="my-3">Features to make you stand out</h2>
<p class="mb-0 lead">Manage your projects from start to
finish. With all of your projects in Block, you’ll
always know who’s doing what, by when.</p>
</div>
</div>
</div>
<div class="row g-lg-7 gy-5">
<div class="col-lg-4 col-md-6">
<div class="text-center text-md-start">
<div
class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-check-circle text-primary"
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="M10.97 4.97a.235.235 0 0 0-.02.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-1.071-1.05z" />
</svg>
</div>
<h4>Tasks</h4>
<p class="mb-0">Break work into manageable pieces for
you and your team. Dui erat malesuada diam.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="text-center text-md-start">
<div
class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-flag-fill text-primary"
viewBox="0 0 16 16">
<path
d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001" />
</svg>
</div>
<h4>Milestones</h4>
<p class="mb-0">Visualise significant checkpoints in
your project to measure and share progress.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="text-center text-md-start">
<div
class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-clock-history text-primary"
viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path
d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<h4>Due dates and times</h4>
<p class="mb-0">Specify the date and time something is
due so everyone’s working off the same deadline.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="text-center text-md-start">
<div
class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-layout-text-window-reverse text-primary"
viewBox="0 0 16 16">
<path
d="M13 6.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z" />
<path
d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12zM2 1a1 1 0 0 0-1 1v1h14V2a1 1 0 0 0-1-1H2zM1 4v10a1 1 0 0 0 1 1h2V4H1zm4 0v11h9a1 1 0 0 0 1-1V4H5z" />
</svg>
</div>
<h4>Custom templates</h4>
<p class="mb-0">Create your own project templates so
your team can quickly and easily kick off work.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="text-center text-md-start">
<div
class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-paperclip text-primary"
viewBox="0 0 16 16">
<path
d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z" />
</svg>
</div>
<h4>Attachments</h4>
<p class="mb-0">Add files from your computer, Dropbox,
Box, or Google Drive to any task or conversation.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="text-center text-md-start">
<div
class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
<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>
<h4>Teammate</h4>
<p class="mb-0">Understand teammate workloads by viewing
tasks assigned to them.</p>
</div>
</div>
</div>
</div>
</section>
<!--Features end-->Feature #2
A one-stop shop for your finances.
Designed to work better together erat velit eget hac nulla nullam et id praesent nisi ornare risus risus consequat nunc nisl pellentesque diam neque.
Checking accounts
Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed lacinia gsmod dui euismod id.
Credit cards
Nullam sodales, libero ac dictum convallis, ipsum diam cursus stibulum lacinia ultricies eleifend.
Investment
In a odio sit amet nisi tincidunt congue. Mauris cursus magna a vestibulum rutrum.
- 24/7 account monitoring
- Protection & peace of mind
- Anytime, anywhere support
- Serious security
<!--Your finance start-->
<section class="my-xl-9 my-5">
<div class="container">
<div class="row">
<div class="col-xl-8 offset-xl-2">
<div class="text-center mb-xl-7 mb-5">
<h2 class="mb-3">
A one-stop shop for
<span class="text-primary">your finances.</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-lg">
<div class="row flex-nowrap pb-4 pb-lg-0 me-5 me-lg-0">
<div class="col-lg-4 col-md-6">
<div class="card border-0 card-primary">
<div class="card-body p-5">
<div
class="position-relative d-inline-block mb-5">
<img src="../assets/images/landings/finance/feature-img-1.jpg"
alt="feature"
class="avatar avatar-xl rounded-circle border-2 border border-white shadow-sm" />
<div
class="position-absolute bottom-0 end-0">
<div
class="icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="currentColor"
class="bi bi-bank2 text-primary"
viewBox="0 0 16 16">
<path
d="M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z" />
</svg>
</div>
</div>
</div>
<div class="mb-5">
<h4 class="card-title">Checking accounts
</h4>
<p class="mb-0 card-text">Interdum et
malesuada fames ac ante ipsum primis in
faucibus. Sed lacinia gsmod dui euismod
id.</p>
</div>
<a href="#!"
class="icon-link icon-link-hover card-link">
View All Accounts
<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>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 card-primary">
<div class="card-body p-5">
<div
class="position-relative d-inline-block mb-5">
<img src="../assets/images/landings/finance/feature-img-2.jpg"
alt="feature"
class="avatar avatar-xl rounded-circle border-2 border border-white shadow-sm" />
<div
class="position-absolute bottom-0 end-0">
<div
class="icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="currentColor"
class="bi bi-credit-card-2-front-fill text-primary"
viewBox="0 0 16 16">
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z" />
</svg>
</div>
</div>
</div>
<div class="mb-5">
<h4 class="card-title">Credit cards</h4>
<p class="mb-0 card-text">Nullam sodales,
libero ac dictum convallis, ipsum diam
cursus stibulum lacinia ultricies
eleifend.</p>
</div>
<a href="#!"
class="icon-link icon-link-hover card-link">
Apply Credit Cards
<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>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 card-primary">
<div class="card-body p-5">
<div
class="position-relative d-inline-block mb-5">
<img src="../assets/images/landings/finance/feature-img-3.jpg"
alt="feature"
class="avatar avatar-xl rounded-circle border-2 border border-white shadow-sm" />
<div
class="position-absolute bottom-0 end-0">
<div
class="icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
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>
</div>
<div class="mb-5">
<h4 class="card-title">Investment</h4>
<p class="mb-0 card-text">In a odio sit amet
nisi tincidunt congue. Mauris cursus
magna a vestibulum rutrum.</p>
</div>
<a href="#!"
class="icon-link icon-link-hover card-link">
Start Investments
<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>
</div>
</div>
</div>
<div class="row mt-6">
<div class="col-xl-10 offset-xl-1">
<ul class="list-inline">
<li
class="list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" 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 class="ms-2">24/7 account monitoring</span>
</li>
<li
class="list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" 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 class="ms-2 me-3">Protection & peace of
mind</span>
</li>
<li
class="list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" 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 class="ms-2">Anytime, anywhere support</span>
</li>
<li
class="list-inline-item d-inline-flex align-items-center me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" 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 class="ms-2">Serious security</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!--Your finance end-->Feature #3
Visualize & plan
Learn More
Build the perfect workflow for every project.
Track your entire project from start to finish with beautiful views that make project planning a breeze.
Jitu Doe
Designer
Anita Par
UI Developer
Sandip
Stack Developer
<!--Visualize & plan start-->
<section class="my-xl-7 py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 col-12">
<div>
<small
class="text-primary text-uppercase ls-md fw-semibold">Visualize
& plan</small>
<div class="mb-5 mt-4">
<h2 class="mb-3">Build the perfect workflow for
every project.</h2>
<p class="mb-0 lead">Track your entire project from
start to finish with beautiful views that make
project planning a breeze.</p>
</div>
<a href="#" class="icon-link icon-link-hover">
Learn More
<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>
<div class="col-lg-6 offset-lg-1 col-md-6 col-12"
>
<div class="position-relative rellax"
data-rellax-percentage="1" data-rellax-speed="0.8"
data-disable-parallax-down="md">
<figure>
<img src="../assets/images/landings/saas/saas-img-1.jpg"
alt="landing" class="img-fluid rounded-4" />
</figure>
<div
class="flex-column position-absolute bottom-0 mx-lg-4 mb-4 d-flex align-items-center justify-content-between ms-2">
<div class="w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 ms-2 ms-lg-7 rellax"
data-rellax-percentage="0.4"
data-rellax-speed="0.4"
data-disable-parallax-down="md">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-1.jpg"
alt="avatar"
class="avatar avatar-sm rounded-circle me-2" />
<h6 class="mb-0 text-truncate">Jitu Doe</h6>
</div>
<div>
<div class="ms-lg-7 ps-lg-6">
<div
class="bg-primary bg-opacity-25 fs-6 text-primary rounded-pill badge">
Designer</div>
</div>
</div>
</div>
<div class="w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 rellax"
data-rellax-percentage="0.5"
data-rellax-speed="0.5"
data-disable-parallax-down="md">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-2.jpg"
alt="avatar"
class="avatar avatar-sm rounded-circle me-2" />
<h6 class="mb-0 text-truncate">Anita Par
</h6>
</div>
<div>
<div class="ms-lg-7 ps-lg-6">
<div
class="bg-info bg-opacity-25 text-info rounded-pill badge fs-6">
UI Developer</div>
</div>
</div>
</div>
<div class="w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 rellax ms-4 ms-lg-7"
data-rellax-percentage="0.6"
data-rellax-speed="0.6"
data-disable-parallax-down="md">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-4.jpg"
alt="avatar"
class="avatar avatar-sm rounded-circle me-2" />
<h6 class="mb-0 text-truncate">Sandip</h6>
</div>
<div>
<div class="ms-lg-7 ps-lg-6">
<div
class="bg-success bg-opacity-25 text-success rounded-pill badge fs-6">
Stack Developer</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Visualize & plan end-->Feature #4
Collaborate
Move team ideas to action, faster.
Collaborate and build total alignment on your project by adding comments to any task or document.
- Fusce ultricies velit fel dignissim
- Suspendisse potenti. Mauris et ipsum odio.
- Pellentesque imperdiet blandit pretium.
<!--Collaborate start-->
<section class="my-xl-7 py-5">
<div class="container pb-lg-5">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-12 order-lg-2 order-1">
<div class="position-relative rellax mb-7 mb-lg-0"
data-rellax-percentage="1" data-rellax-speed="0.8"
data-disable-parallax-down="md">
<figure>
<img src="../assets/images/landings/saas/saas-img-2.jpg"
alt="landing" class="img-fluid rounded-4" />
</figure>
<div
class="d-flex flex-column position-absolute bottom-0 ms-4 mb-4">
<img src="../assets/images/avatar/avatar-1.jpg"
alt="avatar"
class="avatar avatar-lg rounded-circle border border-white border-2 mb-2 rellax"
data-rellax-percentage="0.4"
data-rellax-speed="0.4"
data-disable-parallax-down="md" />
<img src="../assets/images/avatar/avatar-2.jpg"
alt="avatar"
class="avatar avatar-lg rounded-circle border border-white border-2 mb-2 rellax"
data-rellax-percentage="0.5"
data-rellax-speed="0.5"
data-disable-parallax-down="md" />
<img src="../assets/images/avatar/avatar-3.jpg"
alt="avatar"
class="avatar avatar-lg rounded-circle border border-white border-2 rellax"
data-rellax-percentage="0.6"
data-rellax-speed="0.6"
data-disable-parallax-down="md" />
</div>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-md-6 col-12 order-lg-2">
<div class="mt-md-5">
<small
class="text-primary text-uppercase ls-md fw-semibold">Collaborate</small>
<div class="mb-5 mt-4">
<h2 class="mb-3">Move team ideas to action, faster.
</h2>
<p class="lead mb-0">Collaborate and build total
alignment on your project by adding comments to
any task or document.</p>
</div>
<ul class="list-unstyled mb-5">
<li class="mb-2 d-flex">
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16" fill="currentColor"
class="bi bi-check-circle-fill text-success 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">Fusce ultricies velit fel
dignissim</span>
</li>
<li class="mb-2 d-flex">
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16" fill="currentColor"
class="bi bi-check-circle-fill text-success 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">Suspendisse potenti. Mauris
et ipsum odio.</span>
</li>
<li class="mb-2 d-flex">
<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16" fill="currentColor"
class="bi bi-check-circle-fill text-success 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">Pellentesque imperdiet
blandit pretium.</span>
</li>
</ul>
<a href="#" class="icon-link icon-link-hover">
<span>Learn More</span>
<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>
</div>
</div>
</section>
<!--Collaborate end-->Feature #5
Products designed for all sizes businesses.
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.
<!--Product designer start-->
<section class="my-xl-9 my-5">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="text-center mb-xl-7 mb-5">
<h2 class="mb-3">
Products designed for
<span class="text-primary">all sizes
businesses.</span>
</h2>
<p class="mb-0">
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 align-items-center">
<div class="col-xl-5 col-md-6 col-12">
<div class="nav flex-column nav-pills mb-5 mb-lg-0"
id="v-pills-tab" role="tablist"
aria-orientation="vertical">
<a href="#"
class="nav-link active d-flex text-start align-items-center align-items-lg-start p-xl-4 p-3"
id="v-pills-small-business-tab"
data-bs-toggle="pill"
data-bs-target="#v-pills-small-business" role="tab"
aria-controls="v-pills-small-business"
aria-selected="true">
<div class="d-flex">
<div
class="icon-md icon-shape rounded-circle bg-white shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="currentColor"
class="bi bi-bank2 text-primary"
viewBox="0 0 16 16">
<path
d="M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z" />
</svg>
</div>
</div>
<div class="ms-4">
<h4 class="mb-0">For small business</h4>
<p class="mb-0 mt-lg-3 d-none d-lg-block">
Interdum et malesuad a fames ac ante ipsum
primis in faucibus. Simple dummy content.
Sed lacinia gsmod dui euismod id.
</p>
</div>
</a>
<a href="#"
class="nav-link d-flex text-start align-items-center align-items-lg-start p-xl-4 p-3"
id="v-pills-profile-tab" data-bs-toggle="pill"
data-bs-target="#v-pills-profile" role="tab"
aria-controls="v-pills-profile"
aria-selected="false">
<div class="d-flex">
<div
class="icon-md icon-shape rounded-circle bg-white shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
fill="currentColor"
class="bi bi-credit-card-2-front-fill text-primary"
viewBox="0 0 16 16">
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z" />
</svg>
</div>
</div>
<div class="ms-4">
<h4 class="mb-0">For startups</h4>
<p class="mb-0 mt-lg-3 d-none d-lg-block">
Nullam sodales, libero ac dictum convallis,
ipsum diam cursus stibulum lacinia ultricies
eleifend. Simple dummy content.
</p>
</div>
</a>
<a href="#"
class="nav-link d-flex text-start p-xl-4 p-3 align-items-center align-items-lg-start"
id="v-pills-enterprises-tab" data-bs-toggle="pill"
data-bs-target="#v-pills-enterprises" role="tab"
aria-controls="v-pills-enterprises"
aria-selected="false">
<div class="d-flex">
<div
class="icon-md icon-shape rounded-circle bg-white shadow-sm">
<svg xmlns="http://www.w3.org/2000/svg"
width="18" height="18"
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>
<div class="ms-4">
<h4 class="mb-0">For enterprises</h4>
<p class="mb-0 mt-lg-3 d-none d-lg-block">
In a odio sit amet nisi tincidunt congue.
Mauris cursus magna a vestibulum rutrum.
Vivamus sit amet luctus leo. Simple dummy
content.
</p>
</div>
</a>
</div>
</div>
<div class="col-xl-6 offset-xl-1 col-md-6 col-12">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active"
id="v-pills-small-business" role="tabpanel"
aria-labelledby="v-pills-small-business-tab"
tabindex="0">
<div class="position-relative scene"
data-relative-input="true">
<figure><img
src="../assets/images/landings/finance/finance-tab-3.jpg"
alt="finance"
class="img-fluid rounded-3"></figure>
<div class="position-relative"
data-depth="0.05">
<img src="../assets/images/landings/finance/card.svg"
alt=""
class="position-absolute bottom-0 end-0 px-4" />
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-profile"
role="tabpanel"
aria-labelledby="v-pills-profile-tab" tabindex="0">
<div class="position-relative scene"
data-relative-input="true">
<figure><img
src="../assets/images/landings/finance/finance-tab-2.jpg"
alt="finance"
class="img-fluid rounded-3"></figure>
<div class="position-relative"
data-depth="0.05">
<img src="../assets/images/landings/finance/card.svg"
alt=""
class="position-absolute bottom-0 start-0 px-4" />
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-enterprises"
role="tabpanel"
aria-labelledby="v-pills-enterprises-tab"
tabindex="0">
<div class="position-relative scene"
data-relative-input="true">
<figure><img
src="../assets/images/landings/finance/finance-tab-1.jpg"
alt="finance"
class="img-fluid rounded-3" /></figure>
<div class="position-relative"
data-depth="0.05">
<img src="../assets/images/landings/finance/card.svg"
alt=""
class="position-absolute bottom-0 start-50 translate-middle-x" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Product designer end-->Feature #6
Our principles that keep us moving forward together.
Our Mission
With technology at our core, we build global infrastructure and applications to empower businesses to operate anywhere, anytime.
Our Visions
To be the global economic infrastructure to empower businesses of all sizes to grow without borders.
Our Purpose
To connect the entrepreneurs, business builders, makers and creators with borderless opportunities in every corner of the world.
<!--forword together-->
<section class="my-lg-9 my-5">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2">
<div class="text-center mb-xl-7 mb-5">
<h2 class="mb-0">Our principles that keep us moving
forward together.</h2>
</div>
</div>
</div>
<div class="row g-lg-7 gy-5">
<div class="col-lg-4 col-md-4">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="32"
height="32" fill="currentColor"
class="bi bi-rocket-takeoff text-primary"
viewBox="0 0 16 16">
<path
d="M9.752 6.193c.599.6 1.73.437 2.528-.362.798-.799.96-1.932.362-2.531-.599-.6-1.73-.438-2.528.361-.798.8-.96 1.933-.362 2.532Z" />
<path
d="M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9.42 9.42 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a9.556 9.556 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188.244.023.435.06.57.093.067.017.12.033.16.045.184.06.279.13.351.295l.029.073a3.475 3.475 0 0 1 .157.721c.055.485.051 1.178-.159 2.065Zm-4.828 7.475.04-.04-.107 1.081a1.536 1.536 0 0 1-.44.913l-1.298 1.3.054-.38c.072-.506-.034-.993-.172-1.418a8.548 8.548 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006ZM5.205 5c-.625.626-.94 1.351-1.004 2.09a8.497 8.497 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054 1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107-.04.039Zm9.406-3.961c-.38-.034-.967-.027-1.746.163-1.558.38-3.917 1.496-6.937 4.521-.62.62-.799 1.34-.687 2.051.107.676.483 1.362 1.048 1.928.564.565 1.25.941 1.924 1.049.71.112 1.429-.067 2.048-.688 3.079-3.083 4.192-5.444 4.556-6.987.183-.771.18-1.345.138-1.713a2.835 2.835 0 0 0-.045-.283 3.078 3.078 0 0 0-.3-.041Z" />
<path
d="M7.009 12.139a7.632 7.632 0 0 1-1.804-1.352A7.568 7.568 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18.125.126 3.936-.896 5.054-1.902Z" />
</svg>
</div>
<h4>Our Mission</h4>
<p class="mb-0">With technology at our core, we build global
infrastructure and applications to empower businesses to
operate anywhere, anytime.</p>
</div>
<div class="col-lg-4 col-md-4">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="32"
height="32" fill="currentColor"
class="bi bi-gem text-primary" viewBox="0 0 16 16">
<path
d="M3.1.7a.5.5 0 0 1 .4-.2h9a.5.5 0 0 1 .4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 0 1-.8 0L.1 5.3a.5.5 0 0 1 0-.6l3-4zm11.386 3.785-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495 8 13.366l2.532-7.876-5.062.005zm-1.371-.999-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l5.113 6.817-2.192-6.82L1.5 5.5zm7.889 6.817 5.123-6.83-2.928.002-2.195 6.828z" />
</svg>
</div>
<h4>Our Visions</h4>
<p class="mb-0">To be the global economic infrastructure to
empower businesses of all sizes to grow without borders.
</p>
</div>
<div class="col-lg-4 col-md-4">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="32"
height="32" fill="currentColor"
class="bi bi-bullseye text-primary"
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="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10zm0 1A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" />
<path
d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
<path
d="M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
</svg>
</div>
<h4>Our Purpose</h4>
<p class="mb-0">To connect the entrepreneurs, business
builders, makers and creators with borderless
opportunities in every corner of the world.</p>
</div>
</div>
</div>
</section>
<!--forword together-->Feature #7
Community Resources
<!--community resource-->
<section class="py-lg-10 py-5">
<div class="container">
<div class="row g-xl-7">
<div class="col-lg-12 col-md-12 col-12">
<div class="text-center text-md-start mb-5">
<h2 class="mb-0">Community Resources</h2>
</div>
</div>
<div class="col-md-4 col-12">
<div class="text-center text-md-start p-4 p-md-0">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-chat-dots text-dark"
viewBox="0 0 16 16">
<path
d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
<path
d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z" />
</svg>
</div>
<div class="mb-4">
<h4>Chat Dashboard</h4>
<p class="mb-0 pe-lg-3">Log in to the Chat Dashboard
to get assistance</p>
</div>
<a href="#!" class="icon-link icon-link-hover">
Start Chat
<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">
</path>
</svg>
</a>
</div>
</div>
<div class="col-md-4 col-12">
<div class="text-center text-md-start p-4 p-md-0">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-slack text-dark"
viewBox="0 0 16 16">
<path
d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z" />
</svg>
</div>
<div class="mb-4">
<h4>Slack</h4>
<p class="mb-0 pe-lg-3">Join our Codescandy
Community Slack channel</p>
</div>
<a href="#!" class="icon-link icon-link-hover">
Join Slack
<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">
</path>
</svg>
</a>
</div>
</div>
<div class="col-md-4 col-12">
<div class="text-center text-md-start p-4 p-md-0">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor"
class="bi bi-github text-dark"
viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
</svg>
</div>
<div class="mb-4">
<h4>Github</h4>
<p class="mb-0">Ask questions in Github Discussions
</p>
</div>
<a href="#!" class="icon-link icon-link-hover">
Discussion
<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>
</div>
</div>
</section>
<!--community resource-->Feature #8
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.
<!--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-->Feature #9
Support
Award winning customer support
- Help From Start to Finish: Our Support team is highly knowledgeable and never transfers you to another department.
- Global Support: We’ve got over 100 Support staff working across America and Europe
- 4.8/5.0 Star Reviews: Yup, that’s our Support team approval rating across 120,000+ reviews.
😀
A real human available always for you.
<!--Award winning start-->
<section class="my-lg-7 py-6">
<div class="container">
<div class="row align-items-center g-5">
<div class="col-lg-5 col-12">
<div class="mb-6">
<small
class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Support</small>
<h2 class="mt-4">Award winning customer support</h2>
</div>
<div class="mb-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 text-opacity-50"
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">
<span class="text-dark fw-semibold">Help
From Start to Finish:</span>
Our Support team is highly knowledgeable and
never transfers you to another department.
</span>
</li>
<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 text-opacity-50"
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">
<span class="text-dark fw-semibold">Global
Support:</span>
We’ve got over 100 Support staff working
across America and Europe
</span>
</li>
<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 text-opacity-50"
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">
<span class="text-dark fw-semibold">4.8/5.0
Star Reviews:</span>
Yup, that’s our Support team approval rating
across 120,000+ reviews.
</span>
</li>
</ul>
</div>
<a href="#!" class="btn btn-primary me-2">Contact us</a>
<a href="#!" class="btn btn-outline-primary">Help center</a>
</div>
<div class="col-lg-7 col-12">
<div class="position-relative mx-3">
<figure>
<img src="../assets/images/landings/account/account-support.jpg"
alt="support"
class="rounded-3 img-fluid px-lg-1" />
</figure>
<div
class="position-absolute top-100 start-50 translate-middle">
<div
class="rounded-3 bg-success-subtle text-success-emphasis px-2 py-2 text-center">
<span class="fs-6">
<span>😀</span>
<span class="ms-1">A real human available
always for you.</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Award winning end-->Feature #10
MY SKILLS
My areas of expertise
Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, ligula magna mollis.
View More Details
<!--My skill start-->
<section class="my-xl-10 my-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-8 col-12">
<div class="mb-6 mb-lg-0">
<small
class="text-uppercase fw-bold ls-md text-body-tertiary">MY
SKILLS</small>
<h2 class="my-3">
My areas of
<span class="text-primary">expertise</span>
</h2>
<p class="mb-5">Nullam quis risus eget urna mollis
ornare vel eu leo. Maecenas faucibus mollis elit
interdum. Duis mollis, ligula magna mollis.</p>
<a href="#!" class="btn btn-primary">View More
Details</a>
</div>
</div>
<div class="col-lg-7 offset-lg-1 col-12">
<div class="row">
<div class="col-md-6">
<div
class="card bg-danger bg-opacity-10 border-0 mb-5">
<div class="card-body">
<div class="mb-4">
<img src="../assets/images/personal-svg/html5.svg"
alt="html" />
</div>
<div class="mb-4">
<h3>HTML & CSS</h3>
<p class="mb-0">Nulla vitae elit libero,
a pharetra auguc id elit non mi
porta gravida.</p>
</div>
<a href="#!"
class="icon-link icon-link-hover link-danger">
Link Text
<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">
</path>
</svg>
</a>
</div>
</div>
<div
class="card bg-warning bg-opacity-10 border-0 mb-5 mb-lg-0">
<div class="card-body">
<div class="mb-4">
<img src="../assets/images/personal-svg/figma.svg"
alt="html" />
</div>
<div class="mb-4">
<h3>Figma UI Design</h3>
<p class="mb-0">Nulla vitae elit libero,
a pharetra auguc id elit non mi
porta gravida.</p>
</div>
<a href="#!"
class="icon-link icon-link-hover link-warning">
Link Text
<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">
</path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-md-6 mt-md-5">
<div
class="card bg-info bg-opacity-10 border-0 mb-5">
<div class="card-body">
<div class="mb-4">
<img src="../assets/images/personal-svg/react.svg"
alt="html" />
</div>
<div class="mb-4">
<h3>React</h3>
<p class="mb-0">Nulla vitae elit libero,
a pharetra auguc id elit non mi
porta gravida.</p>
</div>
<a href="#!"
class="icon-link icon-link-hover link-info">
Link Text
<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">
</path>
</svg>
</a>
</div>
</div>
<div
class="card bg-success bg-opacity-10 border-0 mb-5 mb-lg-0">
<div class="card-body">
<div class="mb-4">
<img src="../assets/images/personal-svg/nodejs.svg"
alt="html" />
</div>
<div class="mb-4">
<h3>Node.js</h3>
<p class="mb-0">Nulla vitae elit libero,
a pharetra auguc id elit non mi
porta gravida.</p>
</div>
<a href="#!"
class="icon-link icon-link-hover link-success">
Link Text
<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">
</path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--My skill end-->Feature #11
Features
More focus, less clutter.
Keep your workspace centralized, clean and tidy. Engineered with performance and your privacy in mind.
Feedback Board
Give your users a place to give feedback, and share ideas
Product Roadmap
Public roadmap to show what you're working on next
Changelog
Notify users what's new with product changelog
Real-time sync
Update anything in Block and see the result. Works like magic.
Dark mode
For those who prefer Bootstrap 5 dark theme and love too work around.
Optimized
All templates are optimized for all four breakpoints.
Plug & Play
Get the block bootstrap 5 theme and use our ready to use bootstrap 5 components and sections examples.
Community driven
Block is an independent funded product driven by our community. Simple Bootstrap 5 theme.
<!--more focus-->
<section class="container py-lg-8 py-5">
<div class="row mb-8">
<div class="col-xl-5 col-lg-10 col-12">
<div class="d-flex flex-column gap-5">
<div class="d-flex">
<span class="bg-primary bg-opacity-10 text-primary border-primary border px-3 py-2 fs-6 rounded-pill lh-1 align-items-center d-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1717_21196)">
<path
d="M11.7512 0.681967C11.8491 0.738706 11.9248 0.826957 11.966 0.932305C12.0073 1.03765 12.0116 1.15387 11.9782 1.26197L10.1772 7.11397H13.5002C13.5979 7.11393 13.6934 7.14249 13.775 7.19612C13.8566 7.24975 13.9207 7.3261 13.9594 7.41576C13.9981 7.50541 14.0098 7.60444 13.9928 7.70062C13.9759 7.7968 13.9312 7.88591 13.8642 7.95697L5.8642 16.457C5.78679 16.5393 5.68379 16.5929 5.57197 16.6092C5.46016 16.6255 5.34613 16.6034 5.24847 16.5466C5.15081 16.4898 5.07528 16.4015 5.03419 16.2963C4.9931 16.191 4.98887 16.0749 5.0222 15.967L6.8232 10.114H3.5002C3.40254 10.114 3.30702 10.0854 3.22541 10.0318C3.1438 9.97818 3.07968 9.90183 3.04096 9.81217C3.00225 9.72252 2.99064 9.62349 3.00757 9.52731C3.02449 9.43114 3.06921 9.34202 3.1362 9.27097L11.1362 0.770967C11.2135 0.688766 11.3164 0.635136 11.428 0.618796C11.5397 0.602456 11.6536 0.624367 11.7512 0.680967V0.681967ZM4.6572 9.11397H7.5002C7.57845 9.11395 7.65561 9.1323 7.72547 9.16754C7.79533 9.20278 7.85595 9.25392 7.90245 9.31686C7.94895 9.37979 7.98002 9.45276 7.99318 9.5299C8.00633 9.60703 8.0012 9.68618 7.9782 9.76097L6.6102 14.204L12.3422 8.11397H9.5002C9.42195 8.11398 9.34479 8.09563 9.27493 8.06039C9.20506 8.02515 9.14445 7.97401 9.09795 7.91108C9.05145 7.84814 9.02038 7.77517 9.00722 7.69804C8.99406 7.6209 8.99919 7.54176 9.0222 7.46697L10.3902 3.02397L4.6572 9.11397Z"
fill="#8B3DFF" />
</g>
<defs>
<clipPath id="clip0_1717_21196">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614014)" />
</clipPath>
</defs>
</svg>
<span class="ms-1 text-uppercase ls-md fw-semibold">Features</span>
</span>
</div>
<div class="d-flex flex-column gap-3">
<h1 class="mb-0">More focus, less clutter.</h1>
<p class="mb-0">Keep your workspace centralized, clean and tidy. Engineered with performance and your privacy in mind.</p>
</div>
</div>
</div>
</div>
<div class="row gy-6 mb-6">
<div class="col-lg-4 col-12">
<div class="card overflow-hidden card-lift">
<div class="card-body me-xl-8">
<h4>Feedback Board</h4>
<p class="mb-0">Give your users a place to give feedback, and share ideas</p>
</div>
<div class="text-end ms-4">
<figure>
<img src="../assets/images/landings/sass-v3/feedback.png" class="img-fluid" alt="" />
</figure>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="card card-lift">
<div class="card-body me-xl-8">
<h4>Product Roadmap</h4>
<p class="mb-0">Public roadmap to show what you're working on next</p>
</div>
<div class="text-end ms-4">
<figure>
<img src="../assets/images/landings/sass-v3/product-roadmap.png" class="img-fluid" alt="" />
</figure>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="card card-lift">
<div class="card-body me-xl-8">
<h4>Changelog</h4>
<p class="mb-0">Notify users what's new with product changelog</p>
</div>
<div class="text-end ms-4">
<figure>
<img src="../assets/images/landings/sass-v3/changelog.png" class="img-fluid" alt="" />
</figure>
</div>
</div>
</div>
</div>
<div class="row row-cols-lg-3 row-cols-md-2 gy-5">
<div class="col">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="27" viewBox="0 0 18 27" fill="none">
<path
d="M18 7.06901V2.61401C18 2.08358 17.7893 1.57487 17.4142 1.1998C17.0391 0.824727 16.5304 0.614014 16 0.614014H2C1.46957 0.614014 0.960859 0.824727 0.585786 1.1998C0.210714 1.57487 0 2.08358 0 2.61401V7.11401C0.000675612 7.42438 0.0732624 7.73038 0.212065 8.00798C0.350867 8.28559 0.552109 8.52725 0.8 8.71401L7.33375 13.614L0.8 18.514C0.552109 18.7008 0.350867 18.9424 0.212065 19.22C0.0732624 19.4977 0.000675612 19.8036 0 20.114V24.614C0 25.1444 0.210714 25.6532 0.585786 26.0282C0.960859 26.4033 1.46957 26.614 2 26.614H16C16.5304 26.614 17.0391 26.4033 17.4142 26.0282C17.7893 25.6532 18 25.1444 18 24.614V20.159C17.9993 19.8498 17.9273 19.545 17.7896 19.2681C17.652 18.9913 17.4523 18.7499 17.2062 18.5628L10.6588 13.614L17.2062 8.66526C17.4523 8.4781 17.652 8.23673 17.7896 7.95989C17.9273 7.68304 17.9993 7.37819 18 7.06901ZM2 2.61401H16V7.06901L15.2787 7.61401H2.66625L2 7.11401V2.61401ZM9 12.364L5.33375 9.61401H12.6338L9 12.364ZM16 24.614H2V20.114L8 15.614V18.614C8 18.8792 8.10536 19.1336 8.29289 19.3211C8.48043 19.5087 8.73478 19.614 9 19.614C9.26522 19.614 9.51957 19.5087 9.70711 19.3211C9.89464 19.1336 10 18.8792 10 18.614V15.624L16 20.159V24.614Z"
fill="#8B3DFF" />
</svg>
</div>
</div>
<div class="ms-4">
<h4>Real-time sync</h4>
<p class="mb-0">Update anything in Block and see the result. Works like magic.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
<path
opacity="0.2"
d="M23 16.614C23 17.9985 22.5895 19.3519 21.8203 20.503C21.0511 21.6542 19.9579 22.5514 18.6788 23.0812C17.3997 23.611 15.9922 23.7496 14.6344 23.4795C13.2765 23.2094 12.0292 22.5427 11.0503 21.5638C10.0713 20.5848 9.4046 19.3375 9.13451 17.9796C8.86441 16.6218 9.00303 15.2143 9.53285 13.9352C10.0627 12.6561 10.9599 11.5629 12.111 10.7937C13.2622 10.0246 14.6155 9.61401 16 9.61401C17.8565 9.61401 19.637 10.3515 20.9497 11.6643C22.2625 12.977 23 14.7575 23 16.614Z"
fill="#8B3DFF" />
<path
d="M15 5.61401V4.61401C15 4.3488 15.1054 4.09444 15.2929 3.90691C15.4804 3.71937 15.7348 3.61401 16 3.61401C16.2652 3.61401 16.5196 3.71937 16.7071 3.90691C16.8946 4.09444 17 4.3488 17 4.61401V5.61401C17 5.87923 16.8946 6.13358 16.7071 6.32112C16.5196 6.50866 16.2652 6.61401 16 6.61401C15.7348 6.61401 15.4804 6.50866 15.2929 6.32112C15.1054 6.13358 15 5.87923 15 5.61401ZM24 16.614C24 18.1963 23.5308 19.743 22.6518 21.0586C21.7727 22.3742 20.5233 23.3995 19.0615 24.0051C17.5997 24.6106 15.9911 24.769 14.4393 24.4603C12.8874 24.1516 11.462 23.3897 10.3431 22.2709C9.22433 21.152 8.4624 19.7266 8.15372 18.1747C7.84504 16.6229 8.00346 15.0144 8.60896 13.5525C9.21447 12.0907 10.2398 10.8413 11.5554 9.96226C12.871 9.08321 14.4177 8.61401 16 8.61401C18.121 8.61633 20.1545 9.45993 21.6543 10.9597C23.1541 12.4595 23.9977 14.493 24 16.614ZM22 16.614C22 15.4273 21.6481 14.2673 20.9888 13.2806C20.3295 12.2939 19.3925 11.5249 18.2961 11.0707C17.1997 10.6166 15.9933 10.4978 14.8295 10.7293C13.6656 10.9608 12.5965 11.5323 11.7574 12.3714C10.9182 13.2105 10.3468 14.2796 10.1153 15.4435C9.88378 16.6074 10.0026 17.8138 10.4567 18.9101C10.9108 20.0065 11.6799 20.9435 12.6666 21.6028C13.6533 22.2621 14.8133 22.614 16 22.614C17.5908 22.6124 19.116 21.9797 20.2408 20.8548C21.3657 19.73 21.9983 18.2048 22 16.614ZM7.2925 9.32151C7.48014 9.50915 7.73464 9.61457 8 9.61457C8.26536 9.61457 8.51986 9.50915 8.7075 9.32151C8.89514 9.13387 9.00056 8.87938 9.00056 8.61401C9.00056 8.34865 8.89514 8.09415 8.7075 7.90651L7.7075 6.90651C7.51986 6.71887 7.26536 6.61346 7 6.61346C6.73464 6.61346 6.48014 6.71887 6.2925 6.90651C6.10486 7.09415 5.99944 7.34865 5.99944 7.61401C5.99944 7.87938 6.10486 8.13387 6.2925 8.32151L7.2925 9.32151ZM7.2925 23.9065L6.2925 24.9065C6.10486 25.0942 5.99944 25.3486 5.99944 25.614C5.99944 25.8794 6.10486 26.1339 6.2925 26.3215C6.48014 26.5092 6.73464 26.6146 7 26.6146C7.26536 26.6146 7.51986 26.5092 7.7075 26.3215L8.7075 25.3215C8.80041 25.2286 8.87411 25.1183 8.92439 24.9969C8.97468 24.8755 9.00056 24.7454 9.00056 24.614C9.00056 24.4826 8.97468 24.3525 8.92439 24.2311C8.87411 24.1097 8.80041 23.9994 8.7075 23.9065C8.61459 23.8136 8.50429 23.7399 8.3829 23.6896C8.2615 23.6393 8.13139 23.6135 8 23.6135C7.86861 23.6135 7.7385 23.6393 7.6171 23.6896C7.49571 23.7399 7.38541 23.8136 7.2925 23.9065ZM24 9.61401C24.1314 9.61412 24.2615 9.58834 24.3829 9.53815C24.5042 9.48796 24.6146 9.41435 24.7075 9.32151L25.7075 8.32151C25.8951 8.13387 26.0006 7.87938 26.0006 7.61401C26.0006 7.34865 25.8951 7.09415 25.7075 6.90651C25.5199 6.71887 25.2654 6.61346 25 6.61346C24.7346 6.61346 24.4801 6.71887 24.2925 6.90651L23.2925 7.90651C23.1525 8.04637 23.0571 8.22462 23.0185 8.41871C22.9798 8.61279 22.9996 8.81398 23.0754 8.9968C23.1511 9.17963 23.2794 9.33586 23.444 9.44573C23.6086 9.5556 23.8021 9.61417 24 9.61401ZM24.7075 23.9065C24.5199 23.7189 24.2654 23.6135 24 23.6135C23.7346 23.6135 23.4801 23.7189 23.2925 23.9065C23.1049 24.0942 22.9994 24.3486 22.9994 24.614C22.9994 24.8794 23.1049 25.1339 23.2925 25.3215L24.2925 26.3215C24.3854 26.4144 24.4957 26.4881 24.6171 26.5384C24.7385 26.5887 24.8686 26.6146 25 26.6146C25.1314 26.6146 25.2615 26.5887 25.3829 26.5384C25.5043 26.4881 25.6146 26.4144 25.7075 26.3215C25.8004 26.2286 25.8741 26.1183 25.9244 25.9969C25.9747 25.8755 26.0006 25.7454 26.0006 25.614C26.0006 25.4826 25.9747 25.3525 25.9244 25.2311C25.8741 25.1097 25.8004 24.9994 25.7075 24.9065L24.7075 23.9065ZM5 15.614H4C3.73478 15.614 3.48043 15.7194 3.29289 15.9069C3.10536 16.0944 3 16.3488 3 16.614C3 16.8792 3.10536 17.1336 3.29289 17.3211C3.48043 17.5087 3.73478 17.614 4 17.614H5C5.26522 17.614 5.51957 17.5087 5.70711 17.3211C5.89464 17.1336 6 16.8792 6 16.614C6 16.3488 5.89464 16.0944 5.70711 15.9069C5.51957 15.7194 5.26522 15.614 5 15.614ZM16 26.614C15.7348 26.614 15.4804 26.7194 15.2929 26.9069C15.1054 27.0944 15 27.3488 15 27.614V28.614C15 28.8792 15.1054 29.1336 15.2929 29.3211C15.4804 29.5087 15.7348 29.614 16 29.614C16.2652 29.614 16.5196 29.5087 16.7071 29.3211C16.8946 29.1336 17 28.8792 17 28.614V27.614C17 27.3488 16.8946 27.0944 16.7071 26.9069C16.5196 26.7194 16.2652 26.614 16 26.614ZM28 15.614H27C26.7348 15.614 26.4804 15.7194 26.2929 15.9069C26.1054 16.0944 26 16.3488 26 16.614C26 16.8792 26.1054 17.1336 26.2929 17.3211C26.4804 17.5087 26.7348 17.614 27 17.614H28C28.2652 17.614 28.5196 17.5087 28.7071 17.3211C28.8946 17.1336 29 16.8792 29 16.614C29 16.3488 28.8946 16.0944 28.7071 15.9069C28.5196 15.7194 28.2652 15.614 28 15.614Z"
fill="#8B3DFF" />
</svg>
</div>
</div>
<div class="ms-4">
<h4>Dark mode</h4>
<p class="mb-0">For those who prefer Bootstrap 5 dark theme and love too work around.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
<path
opacity="0.2"
d="M25.9824 16.0114L28.0799 13.3864C27.797 12.323 27.3736 11.3019 26.8211 10.3502L23.4836 9.97519C23.217 9.6748 22.9327 9.39055 22.6324 9.12394L22.2574 5.78519C21.3046 5.23597 20.2832 4.81564 19.2199 4.53519L16.5949 6.63144C16.1935 6.60769 15.7912 6.60769 15.3899 6.63144L12.7649 4.53394C11.7048 4.81768 10.6872 5.24097 9.73861 5.79269L9.36361 9.13019C9.06323 9.3968 8.77898 9.68105 8.51236 9.98144L5.17361 10.3564C4.6244 11.3092 4.20407 12.3306 3.92361 13.3939L6.01986 16.0189C5.99611 16.4203 5.99611 16.8226 6.01986 17.2239L3.92236 19.8489C4.20527 20.9124 4.62858 21.9335 5.18111 22.8852L8.51861 23.2602C8.78523 23.5606 9.06948 23.8448 9.36986 24.1114L9.74486 27.4502C10.6976 27.9994 11.719 28.4197 12.7824 28.7002L15.4074 26.6039C15.8087 26.6277 16.211 26.6277 16.6124 26.6039L19.2374 28.7014C20.3008 28.4185 21.3219 27.9952 22.2736 27.4427L22.6486 24.1052C22.949 23.8386 23.2332 23.5543 23.4999 23.2539L26.8386 22.8789C27.3878 21.9262 27.8082 20.9048 28.0886 19.8414L25.9924 17.2164C26.0128 16.8149 26.0094 16.4126 25.9824 16.0114ZM15.9999 21.6139C15.011 21.6139 14.0443 21.3207 13.222 20.7713C12.3998 20.2219 11.7589 19.441 11.3805 18.5274C11.002 17.6137 10.903 16.6084 11.0959 15.6385C11.2889 14.6686 11.7651 13.7777 12.4643 13.0784C13.1636 12.3791 14.0545 11.9029 15.0244 11.71C15.9943 11.5171 16.9997 11.6161 17.9133 11.9945C18.8269 12.373 19.6078 13.0138 20.1572 13.8361C20.7066 14.6583 20.9999 15.625 20.9999 16.6139C20.9999 17.94 20.4731 19.2118 19.5354 20.1495C18.5977 21.0872 17.3259 21.6139 15.9999 21.6139Z"
fill="#8B3DFF" />
<path
d="M16.0001 10.6141C14.8134 10.6141 13.6533 10.966 12.6666 11.6253C11.6799 12.2845 10.9109 13.2216 10.4568 14.318C10.0027 15.4143 9.88383 16.6207 10.1153 17.7846C10.3469 18.9485 10.9183 20.0176 11.7574 20.8567C12.5965 21.6958 13.6656 22.2673 14.8295 22.4988C15.9934 22.7303 17.1998 22.6115 18.2962 22.1573C19.3925 21.7032 20.3296 20.9342 20.9889 19.9475C21.6482 18.9608 22.0001 17.8008 22.0001 16.6141C21.9984 15.0233 21.3657 13.4981 20.2409 12.3733C19.116 11.2484 17.5908 10.6157 16.0001 10.6141ZM16.0001 20.6141C15.2089 20.6141 14.4356 20.3795 13.7778 19.9399C13.12 19.5004 12.6073 18.8757 12.3045 18.1448C12.0018 17.4139 11.9226 16.6096 12.0769 15.8337C12.2313 15.0578 12.6122 14.3451 13.1716 13.7856C13.731 13.2262 14.4438 12.8453 15.2197 12.6909C15.9956 12.5366 16.7999 12.6158 17.5308 12.9186C18.2617 13.2213 18.8864 13.734 19.3259 14.3918C19.7655 15.0496 20.0001 15.8229 20.0001 16.6141C20.0001 17.6749 19.5786 18.6924 18.8285 19.4425C18.0783 20.1926 17.0609 20.6141 16.0001 20.6141ZM27.0001 16.8841C27.0051 16.7041 27.0051 16.5241 27.0001 16.3441L28.8651 14.0141C28.9628 13.8917 29.0305 13.7481 29.0627 13.5949C29.0948 13.4416 29.0905 13.2829 29.0501 13.1316C28.7438 11.9825 28.2865 10.8791 27.6901 9.85032C27.6119 9.71572 27.5034 9.60122 27.3732 9.51593C27.243 9.43065 27.0947 9.37694 26.9401 9.35907L23.9751 9.02907C23.8517 8.89907 23.7267 8.77407 23.6001 8.65407L23.2501 5.68157C23.2321 5.52684 23.1782 5.37845 23.0926 5.24823C23.0071 5.11802 22.8924 5.00958 22.7576 4.93157C21.7288 4.33563 20.6254 3.87913 19.4763 3.57407C19.325 3.53365 19.1663 3.52933 19.013 3.56146C18.8597 3.59359 18.7161 3.66128 18.5938 3.75907L16.2701 5.61407C16.0901 5.61407 15.9101 5.61407 15.7301 5.61407L13.4001 3.75282C13.2777 3.65503 13.1341 3.58734 12.9808 3.55521C12.8276 3.52308 12.6689 3.5274 12.5176 3.56782C11.3685 3.8741 10.2651 4.33142 9.23631 4.92782C9.1017 5.00598 8.9872 5.11448 8.90192 5.24468C8.81664 5.37489 8.76292 5.5232 8.74506 5.67782L8.41506 8.64782C8.28506 8.77199 8.16006 8.89699 8.04006 9.02282L5.06756 9.36407C4.91282 9.38207 4.76443 9.43598 4.63422 9.52148C4.50401 9.60699 4.39557 9.72174 4.31756 9.85657C3.72174 10.8855 3.26485 11.9889 2.95881 13.1378C2.91855 13.2892 2.91444 13.448 2.94679 13.6013C2.97914 13.7545 3.04705 13.8981 3.14506 14.0203L5.00006 16.3441C5.00006 16.5241 5.00006 16.7041 5.00006 16.8841L3.13881 19.2141C3.04102 19.3364 2.97333 19.48 2.9412 19.6333C2.90906 19.7866 2.91338 19.9453 2.95381 20.0966C3.26009 21.2456 3.71741 22.349 4.31381 23.3778C4.39196 23.5124 4.50046 23.6269 4.63067 23.7122C4.76087 23.7975 4.90919 23.8512 5.06381 23.8691L8.02881 24.1991C8.15297 24.3291 8.27797 24.4541 8.40381 24.5741L8.75006 27.5466C8.76806 27.7013 8.82196 27.8497 8.90747 27.9799C8.99298 28.1101 9.10772 28.2186 9.24256 28.2966C10.2715 28.8924 11.3749 29.3493 12.5238 29.6553C12.6752 29.6956 12.834 29.6997 12.9872 29.6673C13.1405 29.635 13.2841 29.5671 13.4063 29.4691L15.7301 27.6141C15.9101 27.6191 16.0901 27.6191 16.2701 27.6141L18.6001 29.4791C18.7224 29.5769 18.866 29.6445 19.0193 29.6767C19.1726 29.7088 19.3312 29.7045 19.4826 29.6641C20.6318 29.3583 21.7352 28.901 22.7638 28.3041C22.8984 28.2259 23.0129 28.1174 23.0982 27.9872C23.1835 27.857 23.2372 27.7087 23.2551 27.5541L23.5851 24.5891C23.7151 24.4657 23.8401 24.3407 23.9601 24.2141L26.9326 23.8641C27.0873 23.8461 27.2357 23.7922 27.3659 23.7067C27.4961 23.6212 27.6045 23.5064 27.6826 23.3716C28.2784 22.3426 28.7353 21.2393 29.0413 20.0903C29.0816 19.9389 29.0857 19.7802 29.0533 19.6269C29.021 19.4736 28.9531 19.33 28.8551 19.2078L27.0001 16.8841ZM24.9876 16.0716C25.0088 16.4329 25.0088 16.7952 24.9876 17.1566C24.9727 17.404 25.0502 17.6481 25.2051 17.8416L26.9788 20.0578C26.7753 20.7047 26.5147 21.3321 26.2001 21.9328L23.3751 22.2528C23.129 22.2801 22.9019 22.3977 22.7376 22.5828C22.4969 22.8534 22.2407 23.1097 21.9701 23.3503C21.7849 23.5147 21.6674 23.7418 21.6401 23.9878L21.3263 26.8103C20.7257 27.1251 20.0982 27.3857 19.4513 27.5891L17.2338 25.8153C17.0564 25.6735 16.8359 25.5964 16.6088 25.5966H16.5488C16.1875 25.6178 15.8252 25.6178 15.4638 25.5966C15.2165 25.5824 14.9726 25.6598 14.7788 25.8141L12.5563 27.5891C11.9095 27.3855 11.282 27.1249 10.6813 26.8103L10.3613 23.9891C10.334 23.7431 10.2164 23.5159 10.0313 23.3516C9.76069 23.111 9.50442 22.8547 9.26381 22.5841C9.09947 22.399 8.87233 22.2814 8.62631 22.2541L5.80381 21.9391C5.48905 21.3384 5.22843 20.711 5.02506 20.0641L6.79881 17.8466C6.95369 17.6531 7.0312 17.409 7.01631 17.1616C6.99506 16.8002 6.99506 16.4379 7.01631 16.0766C7.0312 15.8292 6.95369 15.5851 6.79881 15.3916L5.02506 13.1703C5.22859 12.5235 5.4892 11.896 5.80381 11.2953L8.62506 10.9753C8.87108 10.948 9.09822 10.8304 9.26256 10.6453C9.50317 10.3747 9.75944 10.1184 10.0301 9.87782C10.2159 9.71338 10.334 9.48571 10.3613 9.23907L10.6751 6.41782C11.2757 6.10306 11.9032 5.84245 12.5501 5.63907L14.7676 7.41282C14.961 7.5677 15.2052 7.64521 15.4526 7.63032C15.8139 7.60907 16.1762 7.60907 16.5376 7.63032C16.7849 7.6445 17.0287 7.56707 17.2226 7.41282L19.4438 5.63907C20.0906 5.8426 20.7181 6.10321 21.3188 6.41782L21.6388 9.23907C21.6661 9.48509 21.7837 9.71224 21.9688 9.87657C22.2394 10.1172 22.4957 10.3735 22.7363 10.6441C22.9006 10.8292 23.1278 10.9468 23.3738 10.9741L26.1963 11.2878C26.5111 11.8884 26.7717 12.5159 26.9751 13.1628L25.2013 15.3803C25.0449 15.5754 24.9673 15.8221 24.9838 16.0716H24.9876Z"
fill="#8B3DFF" />
</svg>
</div>
</div>
<div class="ms-4">
<h4>Optimized</h4>
<p class="mb-0">All templates are optimized for all four breakpoints.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col col-lg-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
<path
opacity="0.2"
d="M23.1248 15.989L15.8748 23.239C15.3122 23.8015 14.5491 24.1176 13.7535 24.1176C12.9579 24.1176 12.1949 23.8015 11.6323 23.239L8.87478 20.4777C8.31336 19.9153 7.99805 19.153 7.99805 18.3583C7.99805 17.5636 8.31336 16.8014 8.87478 16.239L16.1248 8.98896C16.6874 8.42639 17.4504 8.11035 18.246 8.11035C19.0416 8.11035 19.8047 8.42639 20.3673 8.98896L23.1248 11.7502C23.6862 12.3127 24.0015 13.0749 24.0015 13.8696C24.0015 14.6643 23.6862 15.4265 23.1248 15.989Z"
fill="#8B3DFF" />
<path
d="M29.7076 2.40657C29.6147 2.31359 29.5044 2.23983 29.383 2.18951C29.2616 2.13918 29.1315 2.11328 29.0001 2.11328C28.8687 2.11328 28.7385 2.13918 28.6171 2.18951C28.4957 2.23983 28.3854 2.31359 28.2926 2.40657L21.7426 8.95782L21.0713 8.28532C20.3203 7.5365 19.3031 7.11601 18.2426 7.11601C17.1821 7.11601 16.1648 7.5365 15.4138 8.28532L12.5001 11.2003L11.7076 10.4066C11.5199 10.2189 11.2654 10.1135 11.0001 10.1135C10.7347 10.1135 10.4802 10.2189 10.2926 10.4066C10.1049 10.5942 9.99951 10.8487 9.99951 11.1141C9.99951 11.3794 10.1049 11.6339 10.2926 11.8216L11.0863 12.6141L8.17132 15.5278C7.79979 15.8993 7.50507 16.3403 7.30399 16.8256C7.10292 17.311 6.99942 17.8312 6.99942 18.3566C6.99942 18.8819 7.10292 19.4022 7.30399 19.8875C7.50507 20.3729 7.79979 20.8139 8.17132 21.1853L8.84382 21.8566L2.29257 28.4066C2.19966 28.4995 2.12596 28.6098 2.07567 28.7312C2.02539 28.8526 1.99951 28.9827 1.99951 29.1141C1.99951 29.2455 2.02539 29.3756 2.07567 29.497C2.12596 29.6184 2.19966 29.7287 2.29257 29.8216C2.48021 30.0092 2.7347 30.1146 3.00007 30.1146C3.13146 30.1146 3.26157 30.0887 3.38296 30.0385C3.50436 29.9882 3.61466 29.9145 3.70757 29.8216L10.2576 23.2703L10.9288 23.9428C11.68 24.6913 12.6972 25.1116 13.7576 25.1116C14.818 25.1116 15.8352 24.6913 16.5863 23.9428L19.5001 21.0278L20.2926 21.8216C20.3855 21.9145 20.4958 21.9882 20.6172 22.0385C20.7386 22.0887 20.8687 22.1146 21.0001 22.1146C21.1315 22.1146 21.2616 22.0887 21.383 22.0385C21.5044 21.9882 21.6147 21.9145 21.7076 21.8216C21.8005 21.7287 21.8742 21.6184 21.9245 21.497C21.9747 21.3756 22.0006 21.2455 22.0006 21.1141C22.0006 20.9827 21.9747 20.8526 21.9245 20.7312C21.8742 20.6098 21.8005 20.4995 21.7076 20.4066L20.9138 19.6141L23.8288 16.7003C24.2003 16.3289 24.4951 15.8879 24.6961 15.4025C24.8972 14.9172 25.0007 14.3969 25.0007 13.8716C25.0007 13.3462 24.8972 12.826 24.6961 12.3406C24.4951 11.8553 24.2003 11.4143 23.8288 11.0428L23.1563 10.3716L29.7076 3.82157C29.8005 3.72869 29.8743 3.61841 29.9246 3.49701C29.975 3.37561 30.0009 3.24548 30.0009 3.11407C30.0009 2.98265 29.975 2.85253 29.9246 2.73113C29.8743 2.60973 29.8005 2.49944 29.7076 2.40657ZM15.1713 22.5316C14.7963 22.9064 14.2878 23.1169 13.7576 23.1169C13.2274 23.1169 12.7189 22.9064 12.3438 22.5316L9.58632 19.7703C9.21153 19.3953 9.00099 18.8868 9.00099 18.3566C9.00099 17.8264 9.21153 17.3179 9.58632 16.9428L12.5001 14.0278L18.0863 19.6141L15.1713 22.5316ZM22.4138 15.2891L19.5001 18.2003L13.9138 12.6141L16.8288 9.70032C17.2039 9.32553 17.7124 9.115 18.2426 9.115C18.7728 9.115 19.2813 9.32553 19.6563 9.70032L22.4138 12.4503C22.5996 12.636 22.7469 12.8565 22.8475 13.0992C22.948 13.3419 22.9998 13.602 22.9998 13.8647C22.9998 14.1274 22.948 14.3875 22.8475 14.6302C22.7469 14.8728 22.5996 15.0933 22.4138 15.2791V15.2891ZM11.0513 4.43032C10.9674 4.17869 10.987 3.90406 11.1056 3.66682C11.2242 3.42959 11.4322 3.24919 11.6838 3.16532C11.9354 3.08144 12.2101 3.10096 12.4473 3.21958C12.6845 3.33819 12.8649 3.54619 12.9488 3.79782L13.9488 6.79782C13.9903 6.92241 14.0069 7.05396 13.9976 7.18496C13.9883 7.31596 13.9533 7.44385 13.8946 7.56131C13.8358 7.67878 13.7545 7.78353 13.6553 7.86958C13.5561 7.95562 13.4409 8.02129 13.3163 8.06282C13.0647 8.14669 12.7901 8.12717 12.5528 8.00856C12.4354 7.94983 12.3306 7.86853 12.2446 7.76932C12.1585 7.6701 12.0928 7.55491 12.0513 7.43032L11.0513 4.43032ZM3.05132 11.7978C3.09284 11.6732 3.1585 11.558 3.24455 11.4588C3.33059 11.3596 3.43534 11.2783 3.55281 11.2196C3.67028 11.1608 3.79817 11.1258 3.92917 11.1165C4.06017 11.1072 4.19173 11.1238 4.31632 11.1653L7.31632 12.1653C7.44091 12.2068 7.5561 12.2725 7.65532 12.3586C7.75453 12.4446 7.83582 12.5494 7.89456 12.6668C7.95329 12.7843 7.98831 12.9122 7.99762 13.0432C8.00693 13.1742 7.99035 13.3057 7.94882 13.4303C7.90729 13.5549 7.84162 13.6701 7.75557 13.7693C7.66953 13.8685 7.56478 13.9498 7.44731 14.0086C7.32985 14.0673 7.20196 14.1023 7.07096 14.1116C6.93996 14.1209 6.80841 14.1043 6.68382 14.0628L3.68382 13.0628C3.55922 13.0213 3.44402 12.9556 3.3448 12.8696C3.24558 12.7835 3.16429 12.6788 3.10555 12.5613C3.04682 12.4439 3.0118 12.316 3.00249 12.185C2.99319 12.054 3.00978 11.9224 3.05132 11.7978ZM28.9488 20.4303C28.9073 20.5549 28.8416 20.6701 28.7556 20.7693C28.6695 20.8686 28.5648 20.9498 28.4473 21.0086C28.3299 21.0673 28.202 21.1023 28.071 21.1116C27.94 21.1209 27.8084 21.1044 27.6838 21.0628L24.6838 20.0628C24.4322 19.9789 24.2242 19.7985 24.1056 19.5613C23.987 19.3241 23.9674 19.0494 24.0513 18.7978C24.1352 18.5462 24.3156 18.3382 24.5528 18.2196C24.7901 18.101 25.0647 18.0814 25.3163 18.1653L28.3163 19.1653C28.4409 19.2068 28.5561 19.2725 28.6553 19.3585C28.7546 19.4446 28.8358 19.5493 28.8946 19.6668C28.9533 19.7843 28.9883 19.9122 28.9976 20.0432C29.007 20.1742 28.9904 20.3057 28.9488 20.4303ZM20.9488 27.7978C21.0327 28.0494 21.0132 28.3241 20.8946 28.5613C20.7759 28.7985 20.5679 28.9789 20.3163 29.0628C20.0647 29.1467 19.7901 29.1272 19.5528 29.0086C19.3156 28.8899 19.1352 28.6819 19.0513 28.4303L18.0513 25.4303C17.9674 25.1787 17.987 24.9041 18.1056 24.6668C18.2242 24.4296 18.4322 24.2492 18.6838 24.1653C18.9354 24.0814 19.2101 24.101 19.4473 24.2196C19.6845 24.3382 19.8649 24.5462 19.9488 24.7978L20.9488 27.7978Z"
fill="#8B3DFF" />
</svg>
</div>
</div>
<div class="ms-4">
<h4>Plug & Play</h4>
<p class="mb-0">Get the block bootstrap 5 theme and use our ready to use bootstrap 5 components and sections examples.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col col-lg-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div>
<div class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
<path
opacity="0.2"
d="M14 21.114C14 21.9051 13.7654 22.6785 13.3259 23.3363C12.8864 23.9941 12.2616 24.5068 11.5307 24.8095C10.7998 25.1123 9.99556 25.1915 9.21964 25.0372C8.44372 24.8828 7.73098 24.5019 7.17157 23.9424C6.61216 23.383 6.2312 22.6703 6.07686 21.8944C5.92252 21.1185 6.00173 20.3142 6.30448 19.5833C6.60723 18.8524 7.11992 18.2277 7.77772 17.7881C8.43552 17.3486 9.20888 17.114 10 17.114C11.0609 17.114 12.0783 17.5354 12.8284 18.2856C13.5786 19.0357 14 20.0531 14 21.114ZM10 4.11402C9.20888 4.11402 8.43552 4.34861 7.77772 4.78814C7.11992 5.22766 6.60723 5.85238 6.30448 6.58328C6.00173 7.31419 5.92252 8.11845 6.07686 8.89438C6.2312 9.6703 6.61216 10.383 7.17157 10.9424C7.73098 11.5019 8.44372 11.8828 9.21964 12.0372C9.99556 12.1915 10.7998 12.1123 11.5307 11.8095C12.2616 11.5068 12.8864 10.9941 13.3259 10.3363C13.7654 9.6785 14 8.90514 14 8.11402C14 7.05315 13.5786 6.03573 12.8284 5.28559C12.0783 4.53544 11.0609 4.11402 10 4.11402ZM22 17.114C21.2089 17.114 20.4355 17.3486 19.7777 17.7881C19.1199 18.2277 18.6072 18.8524 18.3045 19.5833C18.0017 20.3142 17.9225 21.1185 18.0769 21.8944C18.2312 22.6703 18.6122 23.383 19.1716 23.9424C19.731 24.5019 20.4437 24.8828 21.2196 25.0372C21.9956 25.1915 22.7998 25.1123 23.5307 24.8095C24.2616 24.5068 24.8864 23.9941 25.3259 23.3363C25.7654 22.6785 26 21.9051 26 21.114C26 20.0531 25.5786 19.0357 24.8284 18.2856C24.0783 17.5354 23.0609 17.114 22 17.114ZM22 12.114C22.7911 12.114 23.5645 11.8794 24.2223 11.4399C24.8801 11.0004 25.3928 10.3757 25.6955 9.64475C25.9983 8.91385 26.0775 8.10958 25.9231 7.33365C25.7688 6.55773 25.3878 5.845 24.8284 5.28559C24.269 4.72618 23.5563 4.34522 22.7804 4.19087C22.0044 4.03653 21.2002 4.11575 20.4693 4.4185C19.7384 4.72125 19.1136 5.23394 18.6741 5.89173C18.2346 6.54953 18 7.32289 18 8.11402C18 9.17488 18.4214 10.1923 19.1716 10.9424C19.9217 11.6926 20.9391 12.114 22 12.114Z"
fill="#8B3DFF" />
<path
d="M3.4 15.9141C3.50506 15.9929 3.62461 16.0502 3.75182 16.0828C3.87903 16.1154 4.01142 16.1226 4.14142 16.1041C4.27142 16.0855 4.39649 16.0415 4.50949 15.9746C4.62249 15.9077 4.72121 15.8192 4.8 15.7141C5.40546 14.9068 6.19055 14.2516 7.09311 13.8003C7.99567 13.3491 8.99091 13.1141 10 13.1141C11.0091 13.1141 12.0043 13.3491 12.9069 13.8003C13.8094 14.2516 14.5945 14.9068 15.2 15.7141C15.3593 15.9261 15.5963 16.0661 15.8588 16.1034C16.1214 16.1407 16.388 16.0721 16.6 15.9129C16.6756 15.8567 16.7425 15.7897 16.7987 15.7141C17.4042 14.9068 18.1893 14.2516 19.0919 13.8003C19.9944 13.3491 20.9897 13.1141 21.9988 13.1141C23.0078 13.1141 24.0031 13.3491 24.9056 13.8003C25.8082 14.2516 26.5933 14.9068 27.1987 15.7141C27.358 15.9263 27.5951 16.0665 27.8578 16.1039C28.1204 16.1413 28.3872 16.0728 28.5994 15.9135C28.8115 15.7542 28.9518 15.5171 28.9891 15.2545C29.0265 14.9918 28.958 14.725 28.7987 14.5129C27.9136 13.3262 26.7332 12.3919 25.375 11.8029C26.1196 11.123 26.6413 10.234 26.8716 9.25237C27.1019 8.27075 27.03 7.24244 26.6654 6.30239C26.3009 5.36235 25.6606 4.55449 24.8287 3.98483C23.9967 3.41518 23.012 3.11035 22.0037 3.11035C20.9955 3.11035 20.0108 3.41518 19.1788 3.98483C18.3469 4.55449 17.7066 5.36235 17.3421 6.30239C16.9775 7.24244 16.9056 8.27075 17.1359 9.25237C17.3662 10.234 17.8879 11.123 18.6325 11.8029C17.6518 12.2269 16.7609 12.834 16.0075 13.5916C15.2541 12.834 14.3632 12.2269 13.3825 11.8029C14.1271 11.123 14.6488 10.234 14.8791 9.25237C15.1094 8.27075 15.0375 7.24244 14.6729 6.30239C14.3084 5.36235 13.6681 4.55449 12.8362 3.98483C12.0042 3.41518 11.0195 3.11035 10.0112 3.11035C9.00298 3.11035 8.01827 3.41518 7.18634 3.98483C6.35442 4.55449 5.71415 5.36235 5.34957 6.30239C4.98499 7.24244 4.91313 8.27075 5.14342 9.25237C5.37371 10.234 5.89539 11.123 6.64 11.8029C5.27581 12.39 4.08963 13.3249 3.2 14.5141C3.12121 14.6192 3.06388 14.7387 3.03129 14.8659C2.99869 14.9931 2.99148 15.1255 3.01005 15.2555C3.02862 15.3855 3.07262 15.5106 3.13953 15.6236C3.20643 15.7366 3.29494 15.8353 3.4 15.9141ZM22 5.11412C22.5933 5.11412 23.1734 5.29006 23.6667 5.61971C24.1601 5.94935 24.5446 6.41789 24.7716 6.96607C24.9987 7.51425 25.0581 8.11745 24.9424 8.69939C24.8266 9.28133 24.5409 9.81588 24.1213 10.2354C23.7018 10.655 23.1672 10.9407 22.5853 11.0565C22.0033 11.1722 21.4001 11.1128 20.8519 10.8858C20.3038 10.6587 19.8352 10.2742 19.5056 9.78083C19.1759 9.28748 19 8.70746 19 8.11412C19 7.31847 19.3161 6.55541 19.8787 5.9928C20.4413 5.43019 21.2044 5.11412 22 5.11412ZM10 5.11412C10.5933 5.11412 11.1734 5.29006 11.6667 5.61971C12.1601 5.94935 12.5446 6.41789 12.7716 6.96607C12.9987 7.51425 13.0581 8.11745 12.9424 8.69939C12.8266 9.28133 12.5409 9.81588 12.1213 10.2354C11.7018 10.655 11.1672 10.9407 10.5853 11.0565C10.0033 11.1722 9.40013 11.1128 8.85195 10.8858C8.30377 10.6587 7.83524 10.2742 7.50559 9.78083C7.17595 9.28748 7 8.70746 7 8.11412C7 7.31847 7.31607 6.55541 7.87868 5.9928C8.44129 5.43019 9.20435 5.11412 10 5.11412ZM25.375 24.8029C26.1196 24.123 26.6413 23.234 26.8716 22.2524C27.1019 21.2707 27.03 20.2424 26.6654 19.3024C26.3009 18.3623 25.6606 17.5545 24.8287 16.9848C23.9967 16.4152 23.012 16.1104 22.0037 16.1104C20.9955 16.1104 20.0108 16.4152 19.1788 16.9848C18.3469 17.5545 17.7066 18.3623 17.3421 19.3024C16.9775 20.2424 16.9056 21.2707 17.1359 22.2524C17.3662 23.234 17.8879 24.123 18.6325 24.8029C17.6518 25.2269 16.7609 25.834 16.0075 26.5916C15.2541 25.834 14.3632 25.2269 13.3825 24.8029C14.1271 24.123 14.6488 23.234 14.8791 22.2524C15.1094 21.2707 15.0375 20.2424 14.6729 19.3024C14.3084 18.3623 13.6681 17.5545 12.8362 16.9848C12.0042 16.4152 11.0195 16.1104 10.0112 16.1104C9.00298 16.1104 8.01827 16.4152 7.18634 16.9848C6.35442 17.5545 5.71415 18.3623 5.34957 19.3024C4.98499 20.2424 4.91313 21.2707 5.14342 22.2524C5.37371 23.234 5.89539 24.123 6.64 24.8029C5.27581 25.39 4.08963 26.3249 3.2 27.5141C3.12121 27.6192 3.06388 27.7387 3.03129 27.8659C2.99869 27.9931 2.99148 28.1255 3.01005 28.2555C3.02862 28.3855 3.07262 28.5106 3.13953 28.6236C3.20643 28.7366 3.29494 28.8353 3.4 28.9141C3.50506 28.9929 3.62461 29.0502 3.75182 29.0828C3.87903 29.1154 4.01142 29.1226 4.14142 29.1041C4.27142 29.0855 4.39649 29.0415 4.50949 28.9746C4.62249 28.9077 4.72121 28.8192 4.8 28.7141C5.40546 27.9068 6.19055 27.2516 7.09311 26.8003C7.99567 26.3491 8.99091 26.1141 10 26.1141C11.0091 26.1141 12.0043 26.3491 12.9069 26.8003C13.8094 27.2516 14.5945 27.9068 15.2 28.7141C15.3593 28.9261 15.5963 29.0661 15.8588 29.1034C16.1214 29.1407 16.388 29.0721 16.6 28.9129C16.6756 28.8567 16.7425 28.7897 16.7987 28.7141C17.4042 27.9068 18.1893 27.2516 19.0919 26.8003C19.9944 26.3491 20.9897 26.1141 21.9988 26.1141C23.0078 26.1141 24.0031 26.3491 24.9056 26.8003C25.8082 27.2516 26.5933 27.9068 27.1987 28.7141C27.358 28.9263 27.5951 29.0665 27.8578 29.1039C28.1204 29.1413 28.3872 29.0728 28.5994 28.9135C28.8115 28.7542 28.9518 28.5171 28.9891 28.2545C29.0265 27.9918 28.958 27.725 28.7987 27.5129C27.9136 26.3262 26.7332 25.3919 25.375 24.8029ZM10 18.1141C10.5933 18.1141 11.1734 18.2901 11.6667 18.6197C12.1601 18.9494 12.5446 19.4179 12.7716 19.9661C12.9987 20.5142 13.0581 21.1174 12.9424 21.6994C12.8266 22.2813 12.5409 22.8159 12.1213 23.2354C11.7018 23.655 11.1672 23.9407 10.5853 24.0565C10.0033 24.1722 9.40013 24.1128 8.85195 23.8858C8.30377 23.6587 7.83524 23.2742 7.50559 22.7808C7.17595 22.2875 7 21.7075 7 21.1141C7 20.3185 7.31607 19.5554 7.87868 18.9928C8.44129 18.4302 9.20435 18.1141 10 18.1141ZM22 18.1141C22.5933 18.1141 23.1734 18.2901 23.6667 18.6197C24.1601 18.9494 24.5446 19.4179 24.7716 19.9661C24.9987 20.5142 25.0581 21.1174 24.9424 21.6994C24.8266 22.2813 24.5409 22.8159 24.1213 23.2354C23.7018 23.655 23.1672 23.9407 22.5853 24.0565C22.0033 24.1722 21.4001 24.1128 20.8519 23.8858C20.3038 23.6587 19.8352 23.2742 19.5056 22.7808C19.1759 22.2875 19 21.7075 19 21.1141C19 20.3185 19.3161 19.5554 19.8787 18.9928C20.4413 18.4302 21.2044 18.1141 22 18.1141Z"
fill="#8B3DFF" />
</svg>
</div>
</div>
<div class="ms-4">
<h4>Community driven</h4>
<p class="mb-0">Block is an independent funded product driven by our community. Simple Bootstrap 5 theme.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--more focus-->Feature #12
Features
The features to boost your productivity
Say hello to the Store. A home for Extensions published by our community of Developers using our API.
One up your productivity
On top of the core Block Extensions already built in, you can install Extensions built by Developers from the community. Everything you’ve asked for, in one place.
Automate your task
Designed to be seamless and instant. View an Extension and hit to simply install it in milliseconds.
An ever-growing collection
We offer seamless integration solutions that empower your business with enhanced efficiency and productivity.
<!--feature boost-->
<section class="container py-lg-8 py-5">
<div class="row justify-content-center mb-8">
<div class="col-xl-6 col-lg-10 col-12">
<div class="text-center d-flex flex-column gap-5">
<div class="d-flex justify-content-center">
<span class="bg-primary bg-opacity-10 text-primary border-primary border px-3 py-2 fs-6 rounded-pill lh-1 align-items-center d-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1717_21196)">
<path
d="M11.7512 0.681967C11.8491 0.738706 11.9248 0.826957 11.966 0.932305C12.0073 1.03765 12.0116 1.15387 11.9782 1.26197L10.1772 7.11397H13.5002C13.5979 7.11393 13.6934 7.14249 13.775 7.19612C13.8566 7.24975 13.9207 7.3261 13.9594 7.41576C13.9981 7.50541 14.0098 7.60444 13.9928 7.70062C13.9759 7.7968 13.9312 7.88591 13.8642 7.95697L5.8642 16.457C5.78679 16.5393 5.68379 16.5929 5.57197 16.6092C5.46016 16.6255 5.34613 16.6034 5.24847 16.5466C5.15081 16.4898 5.07528 16.4015 5.03419 16.2963C4.9931 16.191 4.98887 16.0749 5.0222 15.967L6.8232 10.114H3.5002C3.40254 10.114 3.30702 10.0854 3.22541 10.0318C3.1438 9.97818 3.07968 9.90183 3.04096 9.81217C3.00225 9.72252 2.99064 9.62349 3.00757 9.52731C3.02449 9.43114 3.06921 9.34202 3.1362 9.27097L11.1362 0.770967C11.2135 0.688766 11.3164 0.635136 11.428 0.618796C11.5397 0.602456 11.6536 0.624367 11.7512 0.680967V0.681967ZM4.6572 9.11397H7.5002C7.57845 9.11395 7.65561 9.1323 7.72547 9.16754C7.79533 9.20278 7.85595 9.25392 7.90245 9.31686C7.94895 9.37979 7.98002 9.45276 7.99318 9.5299C8.00633 9.60703 8.0012 9.68618 7.9782 9.76097L6.6102 14.204L12.3422 8.11397H9.5002C9.42195 8.11398 9.34479 8.09563 9.27493 8.06039C9.20506 8.02515 9.14445 7.97401 9.09795 7.91108C9.05145 7.84814 9.02038 7.77517 9.00722 7.69804C8.99406 7.6209 8.99919 7.54176 9.0222 7.46697L10.3902 3.02397L4.6572 9.11397Z"
fill="#8B3DFF" />
</g>
<defs>
<clipPath id="clip0_1717_21196">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614014)" />
</clipPath>
</defs>
</svg>
<span class="ms-1 text-uppercase ls-md fw-semibold">Features</span>
</span>
</div>
<div class="d-flex flex-column gap-3 mx-lg-8">
<h1 class="mb-0">The features to boost your productivity</h1>
<p class="mb-0">Say hello to the Store. A home for Extensions published by our community of Developers using our API.</p>
</div>
</div>
</div>
</div>
<div class="row g-6">
<div class="col-12">
<div class="border rounded-3 bg-white bg-opacity-25 overflow-hidden">
<div class="pattern-square"></div>
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="p-lg-8 p-5 my-lg-4 d-flex flex-column gap-4">
<div class="icon-shape icon-xl bg-primary bg-opacity-10 rounded-3 border border-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27" fill="none">
<path
d="M13 0.614014C10.4288 0.614014 7.91543 1.37645 5.77759 2.80491C3.63975 4.23337 1.97351 6.26369 0.989572 8.63913C0.0056327 11.0146 -0.251811 13.6284 0.249797 16.1502C0.751405 18.6719 1.98953 20.9883 3.80762 22.8064C5.6257 24.6245 7.94208 25.8626 10.4638 26.3642C12.9856 26.8658 15.5995 26.6084 17.9749 25.6244C20.3503 24.6405 22.3807 22.9743 23.8091 20.8364C25.2376 18.6986 26 16.1852 26 13.614C25.9964 10.1673 24.6256 6.86283 22.1884 4.42565C19.7512 1.98846 16.4467 0.617653 13 0.614014ZM13 24.614C10.8244 24.614 8.69767 23.9689 6.88873 22.7602C5.07979 21.5515 3.66989 19.8335 2.83733 17.8235C2.00477 15.8135 1.78693 13.6018 2.21137 11.468C2.63581 9.33423 3.68345 7.37422 5.22183 5.83584C6.76021 4.29746 8.72022 3.24981 10.854 2.82538C12.9878 2.40094 15.1995 2.61877 17.2095 3.45134C19.2195 4.2839 20.9375 5.6938 22.1462 7.50274C23.3549 9.31168 24 11.4384 24 13.614C23.9967 16.5304 22.8367 19.3264 20.7745 21.3885C18.7123 23.4507 15.9164 24.6107 13 24.614ZM17.7075 11.9065C17.8004 11.9994 17.8741 12.1097 17.9244 12.2311C17.9747 12.3525 18.0006 12.4826 18.0006 12.614C18.0006 12.7454 17.9747 12.8755 17.9244 12.9969C17.8741 13.1183 17.8004 13.2286 17.7075 13.3215C17.6146 13.4144 17.5043 13.4881 17.3829 13.5384C17.2615 13.5887 17.1314 13.6146 17 13.6146C16.8686 13.6146 16.7385 13.5887 16.6171 13.5384C16.4957 13.4881 16.3854 13.4144 16.2925 13.3215L14 11.0278V18.614C14 18.8792 13.8946 19.1336 13.7071 19.3211C13.5196 19.5087 13.2652 19.614 13 19.614C12.7348 19.614 12.4804 19.5087 12.2929 19.3211C12.1054 19.1336 12 18.8792 12 18.614V11.0278L9.70751 13.3215C9.51987 13.5092 9.26537 13.6146 9.00001 13.6146C8.73464 13.6146 8.48015 13.5092 8.29251 13.3215C8.10486 13.1339 7.99945 12.8794 7.99945 12.614C7.99945 12.3486 8.10486 12.0942 8.29251 11.9065L12.2925 7.90651C12.3854 7.81354 12.4957 7.73978 12.6171 7.68945C12.7385 7.63913 12.8686 7.61323 13 7.61323C13.1314 7.61323 13.2615 7.63913 13.3829 7.68945C13.5043 7.73978 13.6146 7.81354 13.7075 7.90651L17.7075 11.9065Z"
fill="#8B3DFF" />
</svg>
</div>
<div>
<h3>One up your productivity</h3>
<p class="mb-0 text-body">
On top of the core Block Extensions already built in, you can install Extensions built by Developers from the community. Everything you’ve asked for, in
one place.
</p>
</div>
<div>
<a href="#" class="btn btn-primary">Browse Extensions</a>
</div>
</div>
</div>
<div class="col-lg-6 col-12 d-lg-flex justify-content-center">
<figure class="p-3 p-lg-0">
<img src="../assets/images/landings/sass-v3/feature-1.png" class="img-fluid" />
</figure>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="border rounded-3 bg-white bg-opacity-25 overflow-hidden h-100 position-relative">
<div class="pattern-square"></div>
<div class="p-lg-8 p-5 d-flex flex-column gap-4">
<div class="icon-shape icon-xl bg-warning bg-opacity-10 rounded-3 border border-warning">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="31" viewBox="0 0 23 31" fill="none">
<path
d="M22.9738 14.3854C22.9359 14.2251 22.8591 14.0767 22.75 13.9532C22.641 13.8298 22.5032 13.7352 22.3488 13.6779L15.1475 10.9766L16.98 1.81038C17.0215 1.59741 16.9926 1.37672 16.8977 1.18161C16.8028 0.986501 16.6469 0.827565 16.4538 0.728783C16.2606 0.630002 16.0405 0.596735 15.8267 0.634003C15.613 0.671271 15.4172 0.777051 15.2688 0.935381L1.26879 15.9354C1.15508 16.0552 1.07283 16.2013 1.02937 16.3607C0.985913 16.52 0.982607 16.6877 1.01975 16.8486C1.05689 17.0096 1.13332 17.1588 1.24222 17.283C1.35111 17.4072 1.48908 17.5025 1.64379 17.5604L8.84754 20.2616L7.02004 29.4179C6.97855 29.6309 7.00745 29.8515 7.10238 30.0467C7.19732 30.2418 7.35314 30.4007 7.54632 30.4995C7.73951 30.5983 7.95959 30.6315 8.17334 30.5943C8.3871 30.557 8.58293 30.4512 8.73129 30.2929L22.7313 15.2929C22.8429 15.173 22.9234 15.0276 22.9657 14.8694C23.008 14.7111 23.0108 14.5449 22.9738 14.3854ZM9.67129 26.3641L10.98 19.8166C11.0269 19.5844 10.9898 19.3431 10.8753 19.1357C10.7608 18.9283 10.5765 18.7683 10.355 18.6841L3.75004 16.2029L14.3275 4.87038L13.02 11.4179C12.9732 11.6501 13.0103 11.8914 13.1248 12.0988C13.2392 12.3062 13.4236 12.4662 13.645 12.5504L20.245 15.0254L9.67129 26.3641Z"
fill="#FFC107" />
</svg>
</div>
<div>
<h3>Automate your task</h3>
<p class="mb-0 text-body">Designed to be seamless and instant. View an Extension and hit to simply install it in milliseconds.</p>
</div>
<figure>
<img src="../assets/images/landings/sass-v3/feature-2.png" class="img-fluid" />
</figure>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="border rounded-3 bg-white bg-opacity-25 overflow-hidden h-100 position-relative">
<div class="pattern-square"></div>
<div class="p-lg-8 p-5 d-flex flex-column gap-4">
<div class="icon-shape icon-xl bg-info bg-opacity-10 rounded-3 border border-info">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
<path opacity="0.2" d="M28 10.614L16 17.614L4 10.614L16 3.61401L28 10.614Z" fill="#0DCAF0" />
<path
d="M28.8638 22.1139C28.9958 22.3431 29.0317 22.6153 28.9635 22.8709C28.8954 23.1265 28.7287 23.3447 28.5 23.4777L16.5 30.4777C16.3471 30.5668 16.1733 30.6138 15.9963 30.6138C15.8192 30.6138 15.6454 30.5668 15.4925 30.4777L3.4925 23.4777C3.26712 23.3422 3.10415 23.1235 3.03888 22.8688C2.9736 22.614 3.01128 22.3439 3.14375 22.1167C3.27622 21.8896 3.49282 21.7238 3.74666 21.6552C4.0005 21.5866 4.27114 21.6207 4.5 21.7502L16 28.4564L27.5 21.7502C27.7292 21.6181 28.0014 21.5822 28.257 21.6504C28.5126 21.7186 28.7308 21.8852 28.8638 22.1139ZM27.5 15.7502L16 22.4564L4.5 15.7502C4.27231 15.6368 4.00997 15.6145 3.76638 15.6877C3.5228 15.7609 3.31627 15.9242 3.18884 16.1444C3.06141 16.3645 3.02266 16.6249 3.08046 16.8726C3.13827 17.1203 3.28829 17.3367 3.5 17.4777L15.5 24.4777C15.6529 24.5668 15.8267 24.6138 16.0037 24.6138C16.1808 24.6138 16.3546 24.5668 16.5075 24.4777L28.5075 17.4777C28.6228 17.4125 28.7239 17.325 28.8051 17.2204C28.8863 17.1158 28.9459 16.9961 28.9804 16.8682C29.015 16.7404 29.0238 16.607 29.0064 16.4757C28.9889 16.3444 28.9456 16.2179 28.8789 16.1035C28.8122 15.9891 28.7234 15.8891 28.6177 15.8093C28.5121 15.7295 28.3916 15.6715 28.2633 15.6386C28.135 15.6057 28.0015 15.5987 27.8705 15.6178C27.7394 15.637 27.6135 15.682 27.5 15.7502ZM3 10.6139C3.0004 10.4388 3.04679 10.2668 3.13454 10.1152C3.22229 9.96362 3.34831 9.83774 3.5 9.75016L15.5 2.75016C15.6529 2.661 15.8267 2.61401 16.0037 2.61401C16.1808 2.61401 16.3546 2.661 16.5075 2.75016L28.5075 9.75016C28.6585 9.83823 28.7837 9.96433 28.8707 10.1159C28.9578 10.2674 29.0036 10.4391 29.0036 10.6139C29.0036 10.7887 28.9578 10.9604 28.8707 11.1119C28.7837 11.2635 28.6585 11.3896 28.5075 11.4777L16.5075 18.4777C16.3546 18.5668 16.1808 18.6138 16.0037 18.6138C15.8267 18.6138 15.6529 18.5668 15.5 18.4777L3.5 11.4777C3.34831 11.3901 3.22229 11.2642 3.13454 11.1126C3.04679 10.961 3.0004 10.7891 3 10.6139ZM5.985 10.6139L16 16.4564L26.015 10.6139L16 4.77141L5.985 10.6139Z"
fill="#0DCAF0" />
</svg>
</div>
<div>
<h3>An ever-growing collection</h3>
<p class="mb-0 text-body">We offer seamless integration solutions that empower your business with enhanced efficiency and productivity.</p>
</div>
<figure>
<img src="../assets/images/landings/sass-v3/feature-3.png" class="img-fluid" />
</figure>
</div>
</div>
</div>
</div>
</section>
<!--feature boost-->Feature #13
Service
We help you identify, explore and respond to new
As long as those opportunities involve giving us money to re-purpose old projects — we can come up with an endless number of those.
Website Design. Premium, custom web design services that cater to the unique needs of each client. Donec maximurdiet odio volutpat in.
Web Development. Donec maximus erat leo, sed imperdiet odio volutpat in. Vivamus eget In eleifend nulla sodales, facilisis elit.
E-commerce. We build reliable, scalable solutions that deliver your vision and exceed your expectations. In eleifend nulla sodales, facilisis elit.
Mobile Development. Fusce non urna risus. Etiam vestibulum sapien ut est laciniadio, acs quis nunc est. Donec maximus erat leo, sed imperdiet odio volutpat in.
<!--new opportunities start-->
<section>
<div class="container">
<div class="row gx-lg-10">
<div class="col-md-6 col-12">
<small class="text-primary text-uppercase ls-md fw-bold">Service</small>
<h2 class="my-3">We help you identify, explore and respond to new</h2>
<p class="mb-0 me-lg-9">
As long as those opportunities involve giving us money to re-purpose old projects — we can come up with an endless number of those.
</p>
</div>
<div class="col-md-6 col-12 mb-10">
<div class="border-bottom my-5 pb-5 d-flex me-lg-9">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
<path
d="M28.4908 5.50939C25.4433 2.46189 21.31 0.749817 17.0002 0.749817C12.6904 0.749817 8.55708 2.46189 5.50957 5.50939C2.46207 8.55689 0.75 12.6902 0.75 17C0.75 21.3098 2.46207 25.4431 5.50957 28.4906C8.55708 31.5381 12.6904 33.2502 17.0002 33.2502C21.31 33.2502 25.4433 31.5381 28.4908 28.4906C31.5383 25.4431 33.2504 21.3098 33.2504 17C33.2504 12.6902 31.5383 8.55689 28.4908 5.50939ZM10.7502 29.2453V24.5H23.2502V29.2453C21.3134 30.2283 19.1721 30.7406 17.0002 30.7406C14.8283 30.7406 12.687 30.2283 10.7502 29.2453ZM13.2502 19.5H20.7502V22H13.2502V19.5ZM15.4377 17L17.0002 9.50001L18.5627 17H15.4377ZM26.7221 26.7235C26.4096 27.036 26.0846 27.3281 25.7502 27.6047V24.5C25.7502 23.837 25.4868 23.2011 25.018 22.7322C24.5491 22.2634 23.9132 22 23.2502 22V19.5C23.2494 18.9022 23.0345 18.3245 22.6444 17.8716C22.2542 17.4187 21.7147 17.1206 21.1236 17.0313L19.4471 8.99064C19.3294 8.42881 19.0219 7.92461 18.5763 7.56271C18.1308 7.20082 17.5742 7.00328 17.0002 7.00328C16.4262 7.00328 15.8696 7.20082 15.4241 7.56271C14.9785 7.92461 14.671 8.42881 14.5533 8.99064L12.8768 17.0313C12.2857 17.1206 11.7462 17.4187 11.356 17.8716C10.9659 18.3245 10.751 18.9022 10.7502 19.5V22C10.0872 22 9.45127 22.2634 8.98243 22.7322C8.51359 23.2011 8.2502 23.837 8.2502 24.5V27.6047C7.91582 27.3281 7.59082 27.036 7.27832 26.7235C5.35511 24.8006 4.04531 22.3506 3.51457 19.6833C2.98383 17.016 3.25599 14.2512 4.29663 11.7385C5.33726 9.22592 7.09963 7.07832 9.36086 5.56735C11.6221 4.05637 14.2806 3.24989 17.0002 3.24989C19.7198 3.24989 22.3783 4.05637 24.6395 5.56735C26.9008 7.07832 28.6631 9.22592 29.7038 11.7385C30.7444 14.2512 31.0166 17.016 30.4858 19.6833C29.9551 22.3506 28.6453 24.8006 26.7221 26.7235Z"
fill="#8B3DFF" />
</svg>
</div>
<div>
<p class="ms-4 mb-0">
<span class="text-dark fw-bold">Website Design.</span>
Premium, custom web design services that cater to the unique needs of each client. Donec maximurdiet odio volutpat in.
</p>
</div>
</div>
<div class="border-bottom mb-5 pb-5 d-flex me-lg-9">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
<path
opacity="0.2"
d="M37.5 20C27.5 20 37.5 33.75 27.5 33.75H12.5C2.5 33.75 12.5 20 2.5 20C12.5 20 2.5 6.25 12.5 6.25H27.5C37.5 6.25 27.5 20 37.5 20Z"
fill="#8B3DFF" />
<path
d="M6.74707 20C7.2768 20.4357 7.70365 20.9832 7.99707 21.6031C8.74707 23.15 8.74707 25.0406 8.74707 26.875C8.74707 30.6734 8.90332 32.5 12.4971 32.5C12.8286 32.5 13.1465 32.6317 13.381 32.8661C13.6154 33.1005 13.7471 33.4185 13.7471 33.75C13.7471 34.0815 13.6154 34.3995 13.381 34.6339C13.1465 34.8683 12.8286 35 12.4971 35C9.76582 35 7.91582 34.0406 6.99707 32.1469C6.24707 30.6 6.24707 28.7094 6.24707 26.875C6.24707 23.0766 6.09082 21.25 2.49707 21.25C2.16555 21.25 1.84761 21.1183 1.61319 20.8839C1.37877 20.6495 1.24707 20.3315 1.24707 20C1.24707 19.6685 1.37877 19.3505 1.61319 19.1161C1.84761 18.8817 2.16555 18.75 2.49707 18.75C6.09082 18.75 6.24707 16.9234 6.24707 13.125C6.24707 11.2937 6.24707 9.4 6.99707 7.85312C7.91895 5.95937 9.76894 5 12.5002 5C12.8317 5 13.1497 5.1317 13.3841 5.36612C13.6185 5.60054 13.7502 5.91848 13.7502 6.25C13.7502 6.58152 13.6185 6.89946 13.3841 7.13388C13.1497 7.3683 12.8317 7.5 12.5002 7.5C8.90644 7.5 8.7502 9.32656 8.7502 13.125C8.7502 14.9563 8.7502 16.85 8.0002 18.3969C7.70587 19.0172 7.27793 19.5646 6.74707 20ZM37.5002 18.75C33.9064 18.75 33.7502 16.9234 33.7502 13.125C33.7502 11.2937 33.7502 9.4 33.0002 7.85312C32.0814 5.95937 30.2314 5 27.5002 5C27.1687 5 26.8507 5.1317 26.6163 5.36612C26.3819 5.60054 26.2502 5.91848 26.2502 6.25C26.2502 6.58152 26.3819 6.89946 26.6163 7.13388C26.8507 7.3683 27.1687 7.5 27.5002 7.5C31.0939 7.5 31.2502 9.32656 31.2502 13.125C31.2502 14.9563 31.2502 16.85 32.0002 18.3969C32.2936 19.0168 32.7205 19.5643 33.2502 20C32.7205 20.4357 32.2936 20.9832 32.0002 21.6031C31.2502 23.15 31.2502 25.0406 31.2502 26.875C31.2502 30.6734 31.0939 32.5 27.5002 32.5C27.1687 32.5 26.8507 32.6317 26.6163 32.8661C26.3819 33.1005 26.2502 33.4185 26.2502 33.75C26.2502 34.0815 26.3819 34.3995 26.6163 34.6339C26.8507 34.8683 27.1687 35 27.5002 35C30.2314 35 32.0814 34.0406 33.0002 32.1469C33.7502 30.6 33.7502 28.7094 33.7502 26.875C33.7502 23.0766 33.9064 21.25 37.5002 21.25C37.8317 21.25 38.1497 21.1183 38.3841 20.8839C38.6185 20.6495 38.7502 20.3315 38.7502 20C38.7502 19.6685 38.6185 19.3505 38.3841 19.1161C38.1497 18.8817 37.8317 18.75 37.5002 18.75Z"
fill="#8B3DFF" />
</svg>
</div>
<div>
<p class="ms-4 mb-0">
<span class="text-dark fw-bold">Web Development.</span>
Donec maximus erat leo, sed imperdiet odio volutpat in. Vivamus eget In eleifend nulla sodales, facilisis elit.
</p>
</div>
</div>
<div class="border-bottom mb-5 pb-5 d-flex me-lg-9">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
<path
opacity="0.2"
d="M33.75 10L31.85 20.4469C31.7453 21.0229 31.4418 21.544 30.9924 21.9192C30.543 22.2944 29.9761 22.4999 29.3906 22.5H9.77344L7.5 10H33.75Z"
fill="#8B3DFF" />
<path
d="M34.7094 9.19844C34.592 9.05802 34.4453 8.94509 34.2795 8.8676C34.1137 8.79011 33.933 8.74997 33.75 8.75H8.54375L7.77969 4.55312C7.67503 3.97709 7.37153 3.45605 6.92209 3.08085C6.47265 2.70565 5.90578 2.50008 5.32031 2.5H2.5C2.16848 2.5 1.85054 2.6317 1.61612 2.86612C1.3817 3.10054 1.25 3.41848 1.25 3.75C1.25 4.08152 1.3817 4.39946 1.61612 4.63388C1.85054 4.8683 2.16848 5 2.5 5H5.3125L9.30625 26.9203C9.42389 27.5704 9.71119 28.1779 10.1391 28.6812C9.54851 29.2328 9.12226 29.9372 8.90759 30.7163C8.69291 31.4953 8.6982 32.3186 8.92286 33.0948C9.14752 33.871 9.58277 34.5699 10.1804 35.1139C10.7779 35.6578 11.5145 36.0256 12.3084 36.1766C13.1022 36.3275 13.9224 36.2555 14.6779 35.9688C15.4334 35.682 16.0947 35.1916 16.5885 34.552C17.0823 33.9123 17.3893 33.1484 17.4755 32.3449C17.5616 31.5414 17.4235 30.7298 17.0766 30H24.1734C23.8938 30.5854 23.7491 31.2262 23.75 31.875C23.75 32.7403 24.0066 33.5862 24.4873 34.3056C24.9681 35.0251 25.6513 35.5858 26.4508 35.917C27.2502 36.2481 28.1299 36.3347 28.9785 36.1659C29.8272 35.9971 30.6067 35.5804 31.2186 34.9686C31.8304 34.3567 32.2471 33.5772 32.4159 32.7285C32.5847 31.8799 32.4981 31.0002 32.167 30.2008C31.8358 29.4013 31.2751 28.7181 30.5556 28.2373C29.8362 27.7566 28.9903 27.5 28.125 27.5H12.9953C12.7026 27.5 12.4191 27.3972 12.1944 27.2096C11.9697 27.022 11.818 26.7615 11.7656 26.4734L11.2703 23.75H29.3953C30.2735 23.7499 31.1238 23.4415 31.798 22.8787C32.4721 22.3159 32.9274 21.5344 33.0844 20.6703L34.9844 10.2234C35.0165 10.0429 35.0086 9.85745 34.961 9.6803C34.9135 9.50316 34.8276 9.33865 34.7094 9.19844ZM15 31.875C15 32.2458 14.89 32.6084 14.684 32.9167C14.478 33.225 14.1851 33.4654 13.8425 33.6073C13.4999 33.7492 13.1229 33.7863 12.7592 33.714C12.3955 33.6416 12.0614 33.463 11.7992 33.2008C11.537 32.9386 11.3584 32.6045 11.286 32.2408C11.2137 31.8771 11.2508 31.5001 11.3927 31.1575C11.5346 30.8149 11.775 30.522 12.0833 30.316C12.3916 30.11 12.7542 30 13.125 30C13.6223 30 14.0992 30.1975 14.4508 30.5492C14.8025 30.9008 15 31.3777 15 31.875ZM30 31.875C30 32.2458 29.89 32.6084 29.684 32.9167C29.478 33.225 29.1851 33.4654 28.8425 33.6073C28.4999 33.7492 28.1229 33.7863 27.7592 33.714C27.3955 33.6416 27.0614 33.463 26.7992 33.2008C26.5369 32.9386 26.3584 32.6045 26.286 32.2408C26.2137 31.8771 26.2508 31.5001 26.3927 31.1575C26.5346 30.8149 26.775 30.522 27.0833 30.316C27.3916 30.11 27.7542 30 28.125 30C28.6223 30 29.0992 30.1975 29.4508 30.5492C29.8025 30.9008 30 31.3777 30 31.875ZM30.625 20.2234C30.5725 20.5122 30.4201 20.7734 30.1944 20.9611C29.9687 21.1488 29.6842 21.2511 29.3906 21.25H10.8156L8.99844 11.25H32.2516L30.625 20.2234Z"
fill="#8B3DFF" />
</svg>
</div>
<div>
<p class="ms-4 mb-0">
<span class="text-dark fw-bold">E-commerce.</span>
We build reliable, scalable solutions that deliver your vision and exceed your expectations. In eleifend nulla sodales, facilisis elit.
</p>
</div>
</div>
<div class="border-bottom mb-5 pb-5 d-flex me-lg-9">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
<path opacity="0.2" d="M30 8.75V31.25H10V8.75H30Z" fill="#8B3DFF" />
<path
d="M27.5 2.5H12.5C11.5054 2.5 10.5516 2.89509 9.84835 3.59835C9.14509 4.30161 8.75 5.25544 8.75 6.25V33.75C8.75 34.7446 9.14509 35.6984 9.84835 36.4016C10.5516 37.1049 11.5054 37.5 12.5 37.5H27.5C28.4946 37.5 29.4484 37.1049 30.1517 36.4016C30.8549 35.6984 31.25 34.7446 31.25 33.75V6.25C31.25 5.25544 30.8549 4.30161 30.1517 3.59835C29.4484 2.89509 28.4946 2.5 27.5 2.5ZM11.25 10H28.75V30H11.25V10ZM12.5 5H27.5C27.8315 5 28.1495 5.1317 28.3839 5.36612C28.6183 5.60054 28.75 5.91848 28.75 6.25V7.5H11.25V6.25C11.25 5.91848 11.3817 5.60054 11.6161 5.36612C11.8505 5.1317 12.1685 5 12.5 5ZM27.5 35H12.5C12.1685 35 11.8505 34.8683 11.6161 34.6339C11.3817 34.3995 11.25 34.0815 11.25 33.75V32.5H28.75V33.75C28.75 34.0815 28.6183 34.3995 28.3839 34.6339C28.1495 34.8683 27.8315 35 27.5 35Z"
fill="#8B3DFF" />
</svg>
</div>
<div>
<p class="ms-4 mb-0">
<span class="text-dark fw-bold">Mobile Development.</span>
Fusce non urna risus. Etiam vestibulum sapien ut est laciniadio, acs quis nunc est. Donec maximus erat leo, sed imperdiet odio volutpat in.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--new opportunities end-->