About #1

Preview
Code

Why do over 5M members love?

Enim sed parturient sem enim nunc sit erat velit eget hac nulla nullam et id praesent nisi ornare risus risus consequat nunc nisl pellentesque diam neque.

Flexible payments

you are able to run your business smoothly; handle your daily expenses and secure your cash flow.

Smart payments

Nullam sodales, libero ac dictum convallis, ipsum diam cursus stibulum lacinia ultricies eleifend..

Easy administration

In a odio sit amet nisi tincidunt congue. Mauris cursus magna a vestibulum rutrum. Vivamus sit amet luctus leo.

5M+

Members

95%

Customer satisfaction

73%

Over year growth

250B

Money managed

 <!--5m member start-->
<section class="py-xl-9 py-5 bg-primary-dark">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 offset-xl-2 col-12">
                <div class="text-center mb-xl-7 mb-5">
                    <h2 class="text-white-stable mb-3">Why do over 5M
                        members love?</h2>
                    <p class="mb-0 text-white-50">
                        Enim sed parturient sem enim nunc sit erat velit
                        eget hac nulla nullam et id praesent nisi ornare
                        risus risus consequat nunc nisl pellentesque diam
                        neque.
                    </p>
                </div>
            </div>
        </div>
        <div class="row mb-7 pb-4 g-5 text-center text-lg-start">
            <div class="col-md-4">
                <h4 class="text-white-stable">Flexible payments</h4>
                <p class="text-white-50 mb-0">you are able to run your
                    business smoothly; handle your daily expenses and secure
                    your cash flow.</p>
            </div>
            <div class="col-md-4">
                <h4 class="text-white-stable">Smart payments</h4>
                <p class="text-white-50 mb-0">Nullam sodales, libero ac
                    dictum convallis, ipsum diam cursus stibulum lacinia
                    ultricies eleifend..</p>
            </div>
            <div class="col-md-4">
                <h4 class="text-white-stable">Easy administration</h4>
                <p class="text-white-50 mb-0">In a odio sit amet nisi
                    tincidunt congue. Mauris cursus magna a vestibulum
                    rutrum. Vivamus sit amet luctus leo.</p>
            </div>
        </div>
        <div class="row border-primary border-top g-5 g-lg-0 text-center text-lg-start"
           >
            <div class="col-lg-3 col-6 border-end-lg border-md-0 border-lg-primary"
               >
                <div class="p-lg-5">
                    <h5 class="h1 text-white-stable mb-0">5M+</h5>
                    <span class="text-white-50">Members</span>
                </div>
            </div>
            <div class="col-lg-3 col-6 border-end-lg border-md-0 border-lg-primary"
               >
                <div class="p-lg-5">
                    <h5 class="h1 text-white-stable mb-0">95%</h5>
                    <span class="text-white-50">Customer satisfaction</span>
                </div>
            </div>
            <div class="col-lg-3 col-6 border-end-lg border-md-0 border-lg-primary"
               >
                <div class="p-lg-5">
                    <h5 class="h1 text-white-stable mb-0">73%</h5>
                    <span class="text-white-50">Over year growth</span>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <div class="p-lg-5">
                    <h5 class="h1 text-white-stable mb-0">250B</h5>
                    <span class="text-white-50">Money managed</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!--5m member end-->

who we are

Believes in the power of creative strategy.

We are a web design and development agency. We specialise in bridging the gap between our clients and their goals.

Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Amet mattis vulputate enim nulla aliquet porttitor lacus.

More about us

Expert Team

Vivamus eget neque lacus. Pellentesque egauris ex.

Award winning agency

Lorem ipsum, dolor sit amet consectetur elitorceat .

10 Year Exp.

Pellen tesque eget, mauris lorem iupsum neque lacus.

<!--Who we are start-->
<section class="my-xl-9 my-5">
    <div class="container">
        <div class="row g-4">
            <div class="col-xl-5 col-lg-6 col-12">
                <div class="mb-4">
                    <small class="text-uppercase ls-md fw-semibold">who we
                        are</small>
                    <h2 class="h1 mt-4 mb-3">Believes in the power of
                        creative strategy.</h2>
                    <p class="mb-3">We are a web design and development
                        agency. We specialise in bridging the gap between
                        our clients and their goals.</p>
                    <p class="mb-0">Consequat mauris nunc congue nisi vitae
                        suscipit tellus mauris a. Amet mattis vulputate enim
                        nulla aliquet porttitor lacus.</p>
                </div>

                <a href="./about.html" class="icon-link icon-link-hover">
                    More about us
                    <svg xmlns="http://www.w3.org/2000/svg" width="14"
                        height="14" fill="currentColor"
                        class="bi bi-arrow-right" viewBox="0 0 16 16">
                        <path fill-rule="evenodd"
                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                    </svg>
                </a>
            </div>
            <div class="col-xl-6 offset-xl-1 col-lg-6 col-12">
                <div class="row g-4">
                    <div class="col-lg-6 col-md-6 col-12">
                        <a href="#!">
                            <div class="rounded-3 card-lift" style="
    background-image: url(../assets/images/about-img/about-grid-img-2.jpg);
    background-repeat: no-repeat;
    height: 386px;
    background-size: cover;
"></div>
                        </a>
                    </div>
                    <div class="col-lg-6 col-md-6 col-12">
                        <a href="#!">
                            <div class="mb-4 rounded-3 card-lift" style="
    background-image: url(../assets/images/about-img/about-grid-img-1.jpg);
    background-repeat: no-repeat;
    height: 180px;
    background-size: cover;
"></div>
                        </a>
                        <a href="#!">
                            <div class="mb-2 rounded-3 card-lift" style="
    background-image: url(../assets/images/about-img/about-grid-img-3.jpg);
    background-repeat: no-repeat;
    height: 180px;
    background-size: cover;
"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Who we are end-->

<!--Expert team start-->
<section>
    <div class="container">
        <div class="row border-top border-bottom">
            <div
                class="col-md-4 border-end-md border-bottom border-bottom-md-0">
                <div class="text-center py-lg-5 p-4">
                    <div class="mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32"
                            height="32" fill="currentColor"
                            class="bi bi-people-fill text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
                        </svg>
                    </div>
                    <div>
                        <h4>Expert Team</h4>
                        <p class="mb-0">Vivamus eget neque lacus.
                            Pellentesque egauris ex.</p>
                    </div>
                </div>
            </div>
            <div
                class="col-md-4 border-end-md border-bottom border-bottom-md-0">
                <div class="text-center py-lg-5 p-4">
                    <div class="mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32"
                            height="32" fill="currentColor"
                            class="bi bi-trophy-fill text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935z" />
                        </svg>
                    </div>
                    <div>
                        <h4>Award winning agency</h4>
                        <p class="mb-0">Lorem ipsum, dolor sit amet
                            consectetur elitorceat .</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="text-center py-lg-5 p-4">
                    <div class="mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32"
                            height="32" fill="currentColor"
                            class="bi bi-stars text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z" />
                        </svg>
                    </div>
                    <div>
                        <h4>10 Year Exp.</h4>
                        <p class="mb-0">Pellen tesque eget, mauris lorem
                            iupsum neque lacus.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Expert team end-->

About #3

Preview
Code

Be a part of the first official #1 developer event.

Developer productivity significantly impacts software quality. Reduced productivity can leave room for bugs and technical errors that affect a product’s quality.

Attendance is free. Join the event from anywhere.
Enjoy technical, code-driven sessions for developers.
Join live Q&A in the events with industry experts.

See Speakers

 <!--Developer events start-->
<section class="my-xl-9 my-5">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <div class="mb-5">
                    <h2 class="mb-3">
                        Be a part of the first official
                        <span class="text-primary">#1 developer</span>
                        event.
                    </h2>
                    <p class="lead mb-0">
                        Developer productivity significantly impacts
                        software quality. Reduced productivity can leave
                        room for bugs and technical errors that affect a
                        product’s quality.
                    </p>
                </div>
                <ul class="mb-5 list-unstyled">
                    <li class="mb-3 d-flex">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-check-circle-fill text-primary mt-1"
                            viewBox="0 0 16 16">
                            <path
                                d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                        </svg>
                        <span class="ms-2">Attendance is free. Join the
                            event from anywhere.</span>
                    </li>
                    <li class="mb-3 d-flex">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-check-circle-fill text-primary mt-1"
                            viewBox="0 0 16 16">
                            <path
                                d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                        </svg>
                        <span class="ms-2">Enjoy technical, code-driven
                            sessions for developers.</span>
                    </li>
                    <li class="mb-3 d-flex">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-check-circle-fill text-primary mt-1"
                            viewBox="0 0 16 16">
                            <path
                                d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                        </svg>
                        <span class="ms-2">Join live Q&A in the events with
                            industry experts.</span>
                    </li>
                </ul>
                <a href="#speaker">
                    See Speakers
                    <span class="ms-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-chevron-down" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
                        </svg>
                    </span>
                </a>
            </div>
            <div class="col-lg-6">
                <figure>
                    <img src="../assets/images/landings/conference/event-img.jpg"
                        alt="events" class="img-fluid rounded-3" />
                </figure>
            </div>
        </div>
       </div>
</section>
<!--Developer events end-->

About #4

Preview
Code

Careers / all open positions

Become one of us

Do you want to join our team and work remotely from anywhere you’d like? We can’t wait to hear from you!

View open positions

<!--open positions-->
<section class="py-lg-9 py-5">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-xl-4 col-md-6 col-12">
                <small class="text-uppercase ls-md fw-semibold">Careers /
                    all open positions</small>
                <h2 class="h1 my-3">Become one of us</h2>
                <p class="mb-6 pe-lg-4">Do you want to join our team and
                    work remotely from anywhere you’d like? We can’t wait to
                    hear from you!</p>
                <a href="#!" class="btn btn-primary">View open positions</a>
            </div>
            <div class="col-xl-6 offset-xl-2 col-md-6 col-12">
                <div class="row g-4">
                    <div class="col-lg-6 col-md-6 col-12">
                        <a href="#!">
                            <div class="mb-4 rounded-3 card-lift" style="
    background-image: url(../assets/images/about-img/about-grid-img-1.jpg);
    background-repeat: no-repeat;
    height: 180px;
    background-size: cover;
"></div>
                        </a>
                        <a href="#!">
                            <div class="rounded-3 card-lift" style="
    background-image: url(../assets/images/about-img/about-grid-img-3.jpg);
    background-repeat: no-repeat;
    height: 180px;
    background-size: cover;
"></div>
                        </a>
                    </div>
                    <div class="col-lg-6 col-md-6 col-12">
                        <a href="#!">
                            <div class="rounded-3 card-lift" style="
    background-image: url(../assets/images/about-img/about-grid-img-2.jpg);
    background-repeat: no-repeat;
    height: 386px;
    background-size: cover;
"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--open positions-->

About #5

Preview
Code

Who we are

We help organizations achieve their most ambitious goals and move with greater agility.

With our next-generation app platform, teams easily design and deploy flexible and engaging apps that power critical workflows and make valuable data actionable across the enterprise.

Aenean eu leo quam ornare curabitur blandit tempus.
Lorem ipsum dolor sit amet consectetur.

Consectetur dolor sit, amet sectetur adipisicing.
Mollitia qui sit velit, facere, quasi quisquam unde.

<!--who we are-->
<section class="mb-7 py-xl-9 py-5">
    <div class="container pb-xl-9 pb-5">
        <div class="row align-items-center g-4">
            <div class="col-lg-6 col-md-12">
                <div class="me-xl-8">
                    <h1 class="mb-3">Who we are</h1>
                    <p class="lead mb-4">We help organizations achieve their
                        most ambitious goals and move with greater agility.
                    </p>
                    <p class="mb-6 me-xl-6">
                        With our next-generation app platform, teams easily
                        design and deploy flexible and engaging apps that
                        power critical workflows and make valuable data
                        actionable
                        across the enterprise.
                    </p>
                    <div class="row g-lg-3">
                        <div class="col-md-6">
                            <ul class="list-unstyled mb-3">
                                <li class="d-flex mb-3">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16"
                                            fill="currentColor"
                                            class="bi bi-check-circle-fill text-primary opacity-75"
                                            viewBox="0 0 16 16">
                                            <path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                        </svg>
                                    </span>
                                    <span class="ms-2">Aenean eu leo quam
                                        ornare curabitur blandit
                                        tempus.</span>
                                </li>
                                <li class="d-flex">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16"
                                            fill="currentColor"
                                            class="bi bi-check-circle-fill text-primary opacity-75"
                                            viewBox="0 0 16 16">
                                            <path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                        </svg>
                                    </span>
                                    <span class="ms-2">Lorem ipsum dolor sit
                                        amet consectetur.</span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <ul class="list-unstyled mb-0">
                                <li class="d-flex mb-3">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16"
                                            fill="currentColor"
                                            class="bi bi-check-circle-fill text-primary opacity-75"
                                            viewBox="0 0 16 16">
                                            <path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                        </svg>
                                    </span>
                                    <span class="ms-2">Consectetur dolor
                                        sit, amet sectetur
                                        adipisicing.</span>
                                </li>
                                <li class="d-flex">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                            width="16" height="16"
                                            fill="currentColor"
                                            class="bi bi-check-circle-fill text-primary opacity-75"
                                            viewBox="0 0 16 16">
                                            <path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                        </svg>
                                    </span>
                                    <span class="ms-2">Mollitia qui sit
                                        velit, facere, quasi quisquam
                                        unde.</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12">
                <figure>
                    <img src="../assets/images/about-img/about-hero-img.jpg"
                        alt="career" class="img-fluid rounded-3" />
                </figure>
            </div>
        </div>
    </div>
</section>
<!--who we are-->

About #6

Preview
Code

ABOUT ME

Hey, I'm Lee. Most folks know me as leerob online.

I'm currently the VP of Developer Experience at Vercel, where I lead our Developer Relations and Documentation teams. I focus on educating and growing the Vercel and Next.js communities.

I love building for the web. From something as simple as a single HTML file – all the way to large Next.js applications. The web is incredible.

More about me

My process of Engagement

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus. Aenean eu leo quam.

Ideation

We craft a plan aligned with your business objectives, submit a comprehensive proposal.

Design

We design the Idea in Figma and seek approval. We offer 2 free design iterations.

Development

Agile Development: Sprints, Milestones, and weekly Progress Tracking.

Delivery

Complete Project Delivery with Complimentary One Month Maintenance.

<!--About me start-->
<section class="my-lg-9 my-5">
    <div class="container">
        <div class="row mb-lg-9 mb-5">
            <div class="col-xl-10 offset-xl-1 col-md-12">
                <div class="row">
                    <div class="col-lg-6 offset-lg-3 col-md-12">
                        <div class="text-lg-center mb-5">
                            <small
                                class="text-uppercase ls-md fw-semibold text-body-tertiary">ABOUT
                                ME</small>
                            <h2 class="mt-3">
                                Hey, I'm Lee. Most folks know me as
                                <span class="text-primary">leerob</span>
                                online.
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-12">
                        <p class="mb-4 mb-md-0S">
                            I'm currently the VP of Developer Experience at
                            Vercel, where I lead our Developer Relations and
                            Documentation teams. I focus on educating and
                            growing the
                            Vercel and Next.js communities.
                        </p>
                    </div>
                    <div class="col-md-6 col-12">
                        <p class="mb-0">I love building for the web. From
                            something as simple as a single HTML file – all
                            the way to large Next.js applications. The web
                            is incredible.</p>
                    </div>
                    <div class="text-lg-center mt-5">
                        <a href="#!" class="btn btn-primary">More about
                            me</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-12 col-12">
                <div class="mb-5 mb-lg-0 text-center text-lg-start px-md-5">
                    <h2 class="mb-3">My process of Engagement</h2>
                    <p class="mb-0">Vivamus sagittis lacus vel augue laoreet
                        rutrum faucibus dolor auctor. Fusce dapibus, tellus
                        ac cursus. Aenean eu leo quam.</p>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="row">
                    <div class="col-md-6 col-12">
                        <div
                            class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
                            <div class="mb-3">
                                <img src="../assets/images/process-icon/LightbulbFilament.svg"
                                    alt="bulb" />
                            </div>

                            <h3 class="h4">Ideation</h3>
                            <p class="mb-0 pe-lg-4">We craft a plan aligned
                                with your business objectives, submit a
                                comprehensive proposal.</p>
                        </div>
                    </div>
                    <div class="col-md-6 col-12">
                        <div
                            class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
                            <div class="mb-3">
                                <img src="../assets/images/process-icon/PencilCircle.svg"
                                    alt="bulb" />
                            </div>

                            <h3 class="h4">Design</h3>
                            <p class="mb-0">We design the Idea in Figma and
                                seek approval. We offer 2 free design
                                iterations.</p>
                        </div>
                    </div>
                    <div class="col-md-6 col-12">
                        <div
                            class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
                            <div class="mb-3">
                                <img src="../assets/images/process-icon/BracketsCurly.svg"
                                    alt="bulb" />
                            </div>

                            <h3 class="h4">Development</h3>
                            <p class="mb-0 pe-lg-4">Agile Development:
                                Sprints, Milestones, and weekly Progress
                                Tracking.</p>
                        </div>
                    </div>
                    <div class="col-md-6 col-12">
                        <div
                            class="mb-lg-8 mb-5 text-center text-lg-start px-3 px-lg-0">
                            <div class="mb-3">
                                <img src="../assets/images/process-icon/Rocket.svg"
                                    alt="bulb" />
                            </div>

                            <h3 class="h4">Delivery</h3>
                            <p class="mb-0 pe-lg-4">Complete Project
                                Delivery with Complimentary One Month
                                Maintenance.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--About me end-->

About #7

Preview
Code

About Block

Empowering the world to design

We are Block, a Digital Product Design & Branding Agency. As a team of Designers, Business Analysts, Strategists, Content Writers, and Project Managers, we collaborate on a result-oriented design process.

<section>
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-lg-8 offset-lg-2 col-md-12 col-12">
                                                            <div class="text-center mb-8">
                                                                <small class="text-uppercase ls-md fw-semibold">About
                                                                    Block</small>
                                                                <h1 class="mb-3 mt-3">Empowering the world to design
                                                                </h1>
                                                                <p class="mb-0 px-lg-6">
                                                                    We are Block, a Digital Product Design & Branding
                                                                    Agency. As a team of Designers, Business Analysts,
                                                                    Strategists, Content Writers, and Project Managers,
                                                                    we
                                                                    collaborate on a result-oriented design process.
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row gy-4">
                                                        <div class="col-lg-4 col-md-4 col-12">
                                                            <a href="../assets/images/about-img/about-img-1.jpg"
                                                                class="glightbox rounded-3">
                                                                <div class="rounded-3 card-lift"
                                                                    style="background-image: url(../assets/images/about-img/about-img-1.jpg); background-repeat: no-repeat; height: 350px; background-size: cover">
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="col-lg-4 col-md-4 col-12">
                                                            <a href="../assets/images/about-img/about-img-2.jpg"
                                                                class="glightbox rounded-3">
                                                                <div class="rounded-3 card-lift"
                                                                    style="background-image: url(../assets/images/about-img/about-img-2.jpg); background-repeat: no-repeat; height: 350px; background-size: cover">
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="col-lg-4 col-md-4 col-12">
                                                            <a href="../assets/images/about-img/about-img-3.jpg"
                                                                class="glightbox rounded-3">
                                                                <div class="rounded-3 card-lift"
                                                                    style="background-image: url(../assets/images/about-img/about-img-3.jpg); background-repeat: no-repeat; height: 350px; background-size: cover">
                                                                </div>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>

About #8

Preview
Code

Work with Block. Join Us.

We're always on the lookout for passionate and inspired individuals looking to do impactful work and make positive change. Sound like you? You might belong at Blocks.

Open Positions Learn More

Our culture

We base our philosophy on the principles of learning, collaboration, transparency, experimentation and passion.

We are goal-driven and dedicated
We use our own tools every day
We thrive together with our community
We are customer obsessed
We believe in people's ability to grow

Our benefits

Work Happier With Us

Inclusive Health Package

We care about your well-being, and offer dental and vision benefits for you and your family. No stress on health expenses.

Flexible Working Style

We are 100% remote-friendly, work with team mates from different time zones across the globe.

Diversity and Inclusion

Our strength lies in team members from diverse backgrounds with a culture of inclusion where everyone feels respected.

Learn And Grow

We help you grow in your career with ongoing mentorship, and send you to events so you can build your network.

Balanced Working Life

We offer an open vacation policy with a recommended 4-weeks per year. Recharge whenever you need to.

Generous Perks Program

We offer several perk stipends to support healthy home office ergonomics, continuous learning, wellness and connectivity.

<div class="pattern-square"></div>
                                                    <!-- pageheader-->
                                                    <section class="py-5 py-lg-8">
                                                       <div class="container">
                                                          <div class="row">
                                                             <div class="col-lg-8 offset-lg-2 col-md-12 col-12">
                                                                <div class="text-center">
                                                                   <div class="mb-4">
                                                                      <h1 class="mb-2">Work with Block. Join Us.</h1>
                                                                      <p class="mb-0">
                                                                         We're always on the lookout for passionate and inspired individuals looking to do impactful work and make positive change.
                                                                         Sound like you? You might belong at Blocks.
                                                                      </p>
                                                                   </div>
                                                                   <a href="#openPosition" class="btn btn-dark me-2">Open Positions</a>
                                                                   <a href="#!" class="btn btn-outline-primary">Learn More</a>
                                                                </div>
                                                             </div>
                                                          </div>
                                                       </div>
                                                    </section>
                                                    <!-- pageheader-->
                                                    <!--image-->
                                                    <div class="my-xl-0 my-4">
                                                       <div class="mx-auto overflow-x-hidden">
                                                          <div class="row row-cols-lg-5 row-cols-md-3 row-cols-2 justify-content-center g-1 mb-lg-7">
                                                             <div class="col">
                                                                <figure>
                                                                   <img src="../assets/images/career/career-img-1.jpg" alt="career" class="img-fluid" />
                                                                </figure>
                                                             </div>
                                                             <div class="col">
                                                                <figure>
                                                                   <img src="../assets/images/career/career-img-2.jpg" alt="career" class="img-fluid" />
                                                                </figure>
                                                             </div>
                                                             <div class="col">
                                                                <figure>
                                                                   <img src="../assets/images/career/career-img-3.jpg" alt="career" class="img-fluid" />
                                                                </figure>
                                                             </div>
                                                             <div class="col col-md-6">
                                                                <figure>
                                                                   <img src="../assets/images/career/career-img-4.jpg" alt="career" class="img-fluid" />
                                                                </figure>
                                                             </div>
                                                             <div class="col-12 col-md-6">
                                                                <figure>
                                                                   <img src="../assets/images/career/career-img-5.jpg" alt="career" class="img-fluid" />
                                                                </figure>
                                                             </div>
                                                          </div>
                                                       </div>
                                                       <div class="container py-5">
                                                          <div class="row">
                                                             <div class="col-lg-6 col-md-6">
                                                                <div class="mb-4 mb-sm-0">
                                                                   <small class="text-uppercase ls-md fw-bold text-primary">Our culture</small>
                                                                   <p class="mb-0 lead mt-3">
                                                                      We base our philosophy on the principles of learning, collaboration, transparency, experimentation and passion.
                                                                   </p>
                                                                </div>
                                                             </div>
                                                             <div class="offset-xl-1 col-xl-4 col-md-6">
                                                                <ul class="mb-0 list-unstyled">
                                                                   <li class="mb-2 d-flex">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="14"
                                                                         height="14"
                                                                         fill="currentColor"
                                                                         class="bi bi-check-circle-fill text-dark mt-1"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                                      </svg>
                                                                      <span class="ms-2">
                                                                      We are
                                                                      <span class="text-dark fw-semibold">goal-driven</span>
                                                                      and
                                                                      <span class="text-dark fw-semibold">dedicated</span>
                                                                      </span>
                                                                   </li>
                                                                   <li class="mb-2 d-flex">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="14"
                                                                         height="14"
                                                                         fill="currentColor"
                                                                         class="bi bi-check-circle-fill text-dark mt-1"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                                      </svg>
                                                                      <span class="ms-2">
                                                                      We
                                                                      <span class="text-dark fw-semibold">use our own tools</span>
                                                                      every day
                                                                      </span>
                                                                   </li>
                                                                   <li class="mb-2 d-flex">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="14"
                                                                         height="14"
                                                                         fill="currentColor"
                                                                         class="bi bi-check-circle-fill text-dark mt-1"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                                      </svg>
                                                                      <span class="ms-2">
                                                                      We thrive together with our
                                                                      <span class="text-dark fw-semibold">community</span>
                                                                      </span>
                                                                   </li>
                                                                   <li class="mb-2 d-flex">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="14"
                                                                         height="14"
                                                                         fill="currentColor"
                                                                         class="bi bi-check-circle-fill text-dark mt-1"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                                      </svg>
                                                                      <span class="ms-2">
                                                                      We are
                                                                      <span class="text-dark fw-semibold">customer obsessed</span>
                                                                      </span>
                                                                   </li>
                                                                   <li class="mb-2 d-flex">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="14"
                                                                         height="14"
                                                                         fill="currentColor"
                                                                         class="bi bi-check-circle-fill text-dark mt-1"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                                      </svg>
                                                                      <span class="ms-2">
                                                                      We believe in
                                                                      <span class="text-dark fw-semibold">people's ability to grow</span>
                                                                      </span>
                                                                   </li>
                                                                </ul>
                                                             </div>
                                                          </div>
                                                       </div>
                                                    </div>
                                                    <!--image-->
                                                    <!--our benefits-->
                                                    <section class="my-xl-9 my-4">
                                                       <div class="container">
                                                          <div class="row">
                                                             <div class="col-xl-4 offset-xl-4 col-md-12">
                                                                <div class="text-center mb-xl-7 mb-5">
                                                                   <small class="text-uppercase ls-md fw-semibold text-primary">Our benefits</small>
                                                                   <h2 class="mt-3 mb-0">Work Happier With Us</h2>
                                                                </div>
                                                             </div>
                                                          </div>
                                                          <div class="row g-6">
                                                             <div class="col-md-6">
                                                                <div class="d-flex">
                                                                   <div class="icon-xl icon-shape rounded-circle bg-warning bg-opacity-10 flex-shrink-0">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="24"
                                                                         height="24"
                                                                         fill="currentColor"
                                                                         class="bi bi-prescription2 text-warning-emphasis"
                                                                         viewBox="0 0 16 16">
                                                                         <path d="M7 6h2v2h2v2H9v2H7v-2H5V8h2V6Z" />
                                                                         <path
                                                                            d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v10.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 14.5V4a1 1 0 0 1-1-1V1Zm2 3v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4H4ZM3 3h10V1H3v2Z" />
                                                                      </svg>
                                                                   </div>
                                                                   <div class="ms-4">
                                                                      <h4>Inclusive Health Package</h4>
                                                                      <p class="mb-0">
                                                                         We care about your well-being, and offer dental and vision benefits for you and your family. No stress on health expenses.
                                                                      </p>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                             <div class="col-md-6">
                                                                <div class="d-flex">
                                                                   <div class="icon-xl icon-shape rounded-circle bg-danger bg-opacity-10 flex-shrink-0">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="24"
                                                                         height="24"
                                                                         fill="currentColor"
                                                                         class="bi bi-globe-asia-australia text-danger"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="m10.495 6.92 1.278-.619a.483.483 0 0 0 .126-.782c-.252-.244-.682-.139-.932.107-.23.226-.513.373-.816.53l-.102.054c-.338.178-.264.626.1.736a.476.476 0 0 0 .346-.027ZM7.741 9.808V9.78a.413.413 0 1 1 .783.183l-.22.443a.602.602 0 0 1-.12.167l-.193.185a.36.36 0 1 1-.5-.516l.112-.108a.453.453 0 0 0 .138-.326ZM5.672 12.5l.482.233A.386.386 0 1 0 6.32 12h-.416a.702.702 0 0 1-.419-.139l-.277-.206a.302.302 0 1 0-.298.52l.761.325Z" />
                                                                         <path
                                                                            d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1.612 10.867l.756-1.288a1 1 0 0 1 1.545-.225l1.074 1.005a.986.986 0 0 0 1.36-.011l.038-.037a.882.882 0 0 0 .26-.755c-.075-.548.37-1.033.92-1.099.728-.086 1.587-.324 1.728-.957.086-.386-.114-.83-.361-1.2-.207-.312 0-.8.374-.8.123 0 .24-.055.318-.15l.393-.474c.196-.237.491-.368.797-.403.554-.064 1.407-.277 1.583-.973.098-.391-.192-.634-.484-.88-.254-.212-.51-.426-.515-.741a6.998 6.998 0 0 1 3.425 7.692 1.015 1.015 0 0 0-.087-.063l-.316-.204a1 1 0 0 0-.977-.06l-.169.082a1 1 0 0 1-.741.051l-1.021-.329A1 1 0 0 0 11.205 9h-.165a1 1 0 0 0-.945.674l-.172.499a1 1 0 0 1-.404.514l-.802.518a1 1 0 0 0-.458.84v.455a1 1 0 0 0 1 1h.257a1 1 0 0 1 .542.16l.762.49a.998.998 0 0 0 .283.126 7.001 7.001 0 0 1-9.49-3.409Z" />
                                                                      </svg>
                                                                   </div>
                                                                   <div class="ms-4">
                                                                      <h4>Flexible Working Style</h4>
                                                                      <p class="mb-0">We are 100% remote-friendly, work with team mates from different time zones across the globe.</p>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                             <div class="col-md-6">
                                                                <div class="d-flex">
                                                                   <div class="icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="24"
                                                                         height="24"
                                                                         fill="currentColor"
                                                                         class="bi bi-people-fill text-primary"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
                                                                      </svg>
                                                                   </div>
                                                                   <div class="ms-4">
                                                                      <h4>Diversity and Inclusion</h4>
                                                                      <p class="mb-0">
                                                                         Our strength lies in team members from diverse backgrounds with a culture of inclusion where everyone feels respected.
                                                                      </p>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                             <div class="col-md-6">
                                                                <div class="d-flex">
                                                                   <div class="icon-xl icon-shape rounded-circle bg-success bg-opacity-10 flex-shrink-0">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="24"
                                                                         height="24"
                                                                         fill="currentColor"
                                                                         class="bi bi-easel text-success"
                                                                         viewBox="0 0 16 16">
                                                                         <path
                                                                            d="M8 0a.5.5 0 0 1 .473.337L9.046 2H14a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1.85l1.323 3.837a.5.5 0 1 1-.946.326L11.092 11H8.5v3a.5.5 0 0 1-1 0v-3H4.908l-1.435 4.163a.5.5 0 1 1-.946-.326L3.85 11H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h4.954L7.527.337A.5.5 0 0 1 8 0zM2 3v7h12V3H2z" />
                                                                      </svg>
                                                                   </div>
                                                                   <div class="ms-4">
                                                                      <h4>Learn And Grow</h4>
                                                                      <p class="mb-0">
                                                                         We help you grow in your career with ongoing mentorship, and send you to events so you can build your network.
                                                                      </p>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                             <div class="col-md-6">
                                                                <div class="d-flex">
                                                                   <div class="icon-xl icon-shape rounded-circle bg-info bg-opacity-10 flex-shrink-0">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="24"
                                                                         height="24"
                                                                         fill="currentColor"
                                                                         class="bi bi-emoji-heart-eyes text-info"
                                                                         viewBox="0 0 16 16">
                                                                         <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                                                                         <path
                                                                            d="M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z" />
                                                                      </svg>
                                                                   </div>
                                                                   <div class="ms-4">
                                                                      <h4>Balanced Working Life</h4>
                                                                      <p class="mb-0">We offer an open vacation policy with a recommended 4-weeks per year. Recharge whenever you need to.</p>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                             <div class="col-md-6">
                                                                <div class="d-flex">
                                                                   <div class="icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0">
                                                                      <svg
                                                                         xmlns="http://www.w3.org/2000/svg"
                                                                         width="24"
                                                                         height="24"
                                                                         fill="currentColor"
                                                                         class="bi bi-cash-stack text-primary"
                                                                         viewBox="0 0 16 16">
                                                                         <path d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
                                                                         <path
                                                                            d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z" />
                                                                      </svg>
                                                                   </div>
                                                                   <div class="ms-4">
                                                                      <h4>Generous Perks Program</h4>
                                                                      <p class="mb-0">
                                                                         We offer several perk stipends to support healthy home office ergonomics, continuous learning, wellness and connectivity.
                                                                      </p>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                       </div>
                                                    </section>
                                                    <!--our benefits-->

Documentations

Changelog