# About Sections

About Award Blog Call to Action Clients Contact Carousel Case Study Facts FAQ Features Form Footer Hero Integration Industry Location Navbar Portfolio Pricing Process Services Team Testimonials

## About #1

## Why do over 5M members love?

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

#### Flexible payments

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

#### Smart payments

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

#### Easy administration

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

##### 5M+

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-->

## About #2

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

## 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

Careers / all open positions

## Become one of us

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

View open positions

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

## About #5

# Who we are

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

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

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

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

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

## About #6

ABOUT ME

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

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

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

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

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

# 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-->

## About #9

## Discover why [Agency Name] is the best choice for SEO.

### Expertise

Our team of SEO specialists has years of experience and a deep understanding of search engine algorithms and trends.

### Proven Results

Our data-driven approach ensures measurable results and continuous improvement.

### Digital Experts

50+

### Reviews

100+

### Track record

10-Year

     <section class="py-5">
       <!--Logo section start-->
       <div class="container">
          <div class="row align-items-center gy-6">
             <div class="col-xl-6 col-lg-7">
                <div class="pe-lg-8 me-lg-8 mb-4">
                   <h2 class="mb-0 me-lg-8">
                      Discover why
                      <span class="text-primary fw-semibold">[Agency Name]</span>
                      is the best choice for SEO.
                   </h2>
                </div>
                <div class="row mb-7 gy-3">
                   <div class="col-lg-6">
                      <div>
                         <h3 class="fs-4">Expertise</h3>
                         <p class="mb-0">Our team of SEO specialists has years of experience and a deep understanding of search engine algorithms and trends.</p>
                      </div>
                   </div>
                   <div class="col-lg-6">
                      <div>
                         <h3 class="fs-4">Proven Results</h3>
                         <p class="mb-0">Our data-driven approach ensures measurable results and continuous improvement.</p>
                      </div>
                   </div>
                </div>
                <div class="row">
                   <div class="col-4 border-end">
                      <div class="ps-md-4">
                         <h3 class="fs-5">Digital Experts</h3>
                         <span class="fs-2 fw-bold text-primary">50+</span>
                      </div>
                   </div>

                   <div class="col-4 border-end">
                      <div class="ps-md-4">
                         <h3 class="fs-5">Reviews</h3>
                         <span class="fs-2 fw-bold text-primary">100+</span>
                      </div>
                   </div>

                   <div class="col-4">
                      <div class="ps-md-4">
                         <h3 class="fs-5">Track record</h3>
                         <span class="fs-2 fw-bold text-primary">10-Year</span>
                      </div>
                   </div>
                </div>
             </div>
             <div class="col-xl-6 col-lg-5">
                <div>
                   <img src="../assets/images/seo/about.jpg" alt="" class="img-fluid rounded-3" />
                </div>
             </div>
          </div>
       </div>
    </section>