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

## Portfolio #1

Project we done

## Featured work

We're a web design agency creating next‑level websites by strategically blending user experience and brand storytelling.

## Chat GPT for Figma

Development

## Virtual reality

UI/UX Design

## AI avatar application

Web Development

Read case study

    <!--Project we done start-->
    <section class="my-xl-9 my-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="text-center mb-xl-7 mb-5">
                        <small class="text-uppercase ls-md fw-semibold">Project
                            we done</small>

                        <h2 class="my-3">Featured work</h2>
                        <p class="mb-0">We're a web design agency creating
                            next‑level websites by strategically blending user
                            experience and brand storytelling.</p>
                    </div>
                </div>
            </div>
            <div class="table-responsive-lg">
                <div class="row flex-nowrap pb-4 pb-lg-0 me-5 me-lg-0">
                    <div class="col-lg-4 col-md-6 col-12">
                        <div>
                            <figure
                                class="lift position-relative btn-arrow mb-4">
                                <a href="./portfolio-single.html">
                                    <img src="../assets/images/portfolio/portfolio-img-1.jpg"
                                        alt="portfolio-2"
                                        class="img-fluid rounded-3" />

                                    <div
                                        class="icon-shape icon-lg bg-white rounded-circle icon-arrow shadow-lg">
                                        <i class="bi bi-arrow-up-right"></i>
                                    </div>
                                </a>
                            </figure>

                            <h2 class="lh-base h4">
                                <a href="./portfolio-single.html"
                                    class="text-reset">Chat GPT for Figma</a>
                            </h2>
                            <p class="mb-0 text-body-tertiary fw-medium">
                                Development</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div>
                            <figure
                                class="lift position-relative btn-arrow mb-4">
                                <a href="./portfolio-single.html">
                                    <img src="../assets/images/portfolio/portfolio-img-5.jpg"
                                        alt="portfolio-2"
                                        class="img-fluid rounded-3" />
                                    <div
                                        class="icon-shape icon-lg bg-white rounded-circle icon-arrow shadow-lg">
                                        <i class="bi bi-arrow-up-right"></i>
                                    </div>
                                </a>
                            </figure>

                            <h2 class="lh-base h4">
                                <a href="./portfolio-single.html"
                                    class="text-reset">Virtual reality</a>
                            </h2>
                            <p class="mb-0 text-body-tertiary fw-medium">UI/UX
                                Design</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div>
                            <figure
                                class="lift position-relative btn-arrow mb-4">
                                <a href="./portfolio-single.html">
                                    <img src="../assets/images/portfolio/portfolio-img-4.jpg"
                                        alt="portfolio-2"
                                        class="img-fluid rounded-3" />
                                    <div
                                        class="icon-shape icon-lg bg-white rounded-circle icon-arrow shadow-lg">
                                        <i class="bi bi-arrow-up-right"></i>
                                    </div>
                                </a>
                            </figure>

                            <div>
                                <h2 class="lh-base h4">
                                    <a href="./portfolio-single.html"
                                        class="text-reset">AI avatar
                                        application</a>
                                </h2>
                                <p class="mb-0 text-body-tertiary fw-medium">Web
                                    Development</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="text-center my-5">
                        <a href="#" class="btn btn-primary">Read case study</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Project we done end-->

## Portfolio #2

Portfolio

## Handful of items from my portfolio.

Here are a handful of items from my portfolio over the last 13 years.

### JAMstack & Headless web development agency

Figma Bootstrap

### Banking and Finance landing page design

UI Design Next.js

### Accounting software web app development

Web Development React JS

    <!--Portfolio start-->
    <section class="my-xl-10 py-xl-9 py-10">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 offset-xl-3 col-md-12">
                    <div class="text-center mb-lg-7 mb-5">
                        <small
                            class="text-uppercase ls-md fw-semibold text-body-tertiary">Portfolio</small>
                        <h2 class="mt-5 px-lg-10 px-6">
                            Handful of items from
                            <span class="text-primary">my portfolio.</span>
                        </h2>
                        <p class="mb-0">
                            Here are a handful of items from my portfolio over
                            the
                            <span class="text-dark">last 13 years.</span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="table-responsive-xl pb-5">
                <div class="row flex-nowrap">
                    <div class="col-lg-4 col-md-6">
                        <a href="#!">
                            <div class="card card-lift">
                                <div class="card-body pb-0">
                                    <div class="mb-6">
                                        <h3 class="h4 mb-4">JAMstack & Headless
                                            web development agency</h3>
                                        <span
                                            class="badge bg-light-subtle border border-light-subtle text-light-emphasis rounded-2">Figma</span>
                                        <span
                                            class="badge bg-light-subtle border border-light-subtle text-light-emphasis rounded-2">Bootstrap</span>
                                    </div>
                                    <img src="../assets/images/perosnal-portfolio/personal-portfolio-img-3.jpg"
                                        alt="portfolio"
                                        class="img-fluid rounded-top shadow-sm" />
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <a href="#!">
                            <div class="card card-lift">
                                <div class="card-body pb-0">
                                    <div class="mb-6">
                                        <h3 class="h4 mb-4">Banking and Finance
                                            landing page design</h3>
                                        <span
                                            class="badge bg-light-subtle border border-light-subtle text-light-emphasis rounded-2">UI
                                            Design</span>
                                        <span
                                            class="badge bg-light-subtle border border-light-subtle text-light-emphasis rounded-2">Next.js</span>
                                    </div>

                                    <img src="../assets/images/perosnal-portfolio/personal-portfolio-img-2.jpg"
                                        alt="portfolio"
                                        class="img-fluid rounded-top shadow-sm" />
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <a href="#!">
                            <div class="card card-lift">
                                <div class="card-body pb-0">
                                    <div class="mb-6">
                                        <h3 class="h4 mb-4">Accounting software
                                            web app development</h3>
                                        <span
                                            class="badge bg-light-subtle border border-light-subtle text-light-emphasis rounded-2">Web
                                            Development</span>
                                        <span
                                            class="badge bg-light-subtle border border-light-subtle text-light-emphasis rounded-2">React
                                            JS</span>
                                    </div>
                                    <img src="../assets/images/perosnal-portfolio/personal-portfolio-img-1.jpg"
                                        alt="portfolio"
                                        class="img-fluid rounded-top shadow-sm" />
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Portfolio end-->