{% extends "layouts/base.html" %}

{% block title %}
About CodNesta Group
{% endblock %}

{% block meta_description %}
Learn why CodNesta Group exists, how we transform academic learning into practical industry-ready skills, and how we create opportunities through innovation.
{% endblock %}

{% block extra_css %}

<!-- favicon -->
<link rel="icon" type="image/png" href="{{url_for('static', filename='images/favicon1.png')}}">

<link
    rel="stylesheet"
    href="{{ url_for('static', filename='css/pages/about.css') }}"
>
{% endblock %}

{% block content %}

<main class="about-page">

    <!-- =========================================================
         ABOUT HERO
         ========================================================= -->
    <section class="about-hero">
        <div class="about-hero__pattern"></div>

        <!-- <div class="about-hero__glow about-hero__glow--one"></div>
        <div class="about-hero__glow about-hero__glow--two"></div> -->

        <div class="container">

            <div class="about-hero__layout">

                <!-- Hero Content -->
                <div class="about-hero__content reveal reveal--left">

                    <p class="about-hero__eyebrow">
                        About CodNesta
                    </p>

                    <h1 class="about-hero__title">
                        Innovation for
                        <span>Generations.</span>
                    </h1>

                    <p class="about-hero__description">
                        CodNesta Group transforms academic learning into
                        practical, industry-ready skills, digital solutions
                        and meaningful opportunities that create lasting
                        impact.
                    </p>

                    <div class="about-hero__actions">

                        <a
                            href="#our-story"
                            class="button button--primary"
                        >
                            Discover Our Story

                            <span aria-hidden="true">
                                →
                            </span>
                        </a>

                        <a
                            href="#"
                            class="button button--secondary"
                        >
                            Explore Our Divisions
                        </a>

                    </div>

                    <ul class="about-hero__features reveal reveal--up reveal-delay-2">

                        <li class="about-hero__feature">
                            <span class="about-hero__feature-icon">
                                ✓
                            </span>

                            <span>
                                Practical Learning
                            </span>
                        </li>

                        <li class="about-hero__feature">
                            <span class="about-hero__feature-icon">
                                ✓
                            </span>

                            <span>
                                Digital Innovation
                            </span>
                        </li>

                        <li class="about-hero__feature">
                            <span class="about-hero__feature-icon">
                                ✓
                            </span>

                            <span>
                                Community Impact
                            </span>
                        </li>

                        <li class="about-hero__feature">
                            <span class="about-hero__feature-icon">
                                ✓
                            </span>

                            <span>
                                Future-Ready Talent
                            </span>
                        </li>

                    </ul>

                </div>

                <!-- Hero Visual -->
                <div class="about-hero__visual reveal reveal--right-scale">

                    <div class="about-hero__image-frame image-reveal">

                        <img
                            src="{{ url_for('static', filename='images/about/about-hero1.jpg') }}"
                            alt="Young professionals collaborating in a practical technology learning environment"
                            class="about-hero__image"
                        >

                        <div class="about-hero__image-overlay"></div>

                    </div>

                    <div class="about-hero__visual-accent"></div>

                    <article class="about-hero__floating-card reveal reveal--up reveal-delay-2">

                        <p class="about-hero__floating-label">
                            Our Commitment
                        </p>

                        <h2 class="about-hero__floating-title">
                            Turning knowledge into capability.
                        </h2>

                        <div class="about-hero__floating-line"></div>

                        <p class="about-hero__floating-text">
                            We connect education, innovation and opportunity
                            to prepare people for meaningful participation in
                            the digital economy.
                        </p>

                    </article>

                </div>

            </div>

        </div>

    </section>

     <!-- =========================================================
     OUR STORY
========================================================= -->

<section
    class="about-story"
    id="our-story"
>

    <div class="container">

        <div class="about-story__layout">

            <!-- Image -->

            <div class="about-story__visual reveal reveal--left-scale image-reveal">

                <img
                    src="{{ url_for('static', filename='images/about/about-story.jpg') }}"
                    alt="Students and young professionals"
                    class="about-story__image"
                >

            </div>

            <!-- Content -->

            <div class="about-story__content reveal reveal--right">

                <p class="about-story__eyebrow">
                    Our Story
                </p>

                <h2 class="about-story__title">
                    Bridging the Gap Between
                    <span>Potential and Opportunity.</span>
                </h2>

                <p class="about-story__text">

                    Many talented people possess the potential to succeed in
                    technology, business and the digital economy, but lack
                    access to practical training, mentorship, industry
                    exposure and meaningful opportunities.

                </p>

                <p class="about-story__text">

                    Some are students or graduates with strong academic
                    knowledge but limited practical experience. Others may
                    not have university qualifications at all, yet possess
                    the determination, creativity and ability to build
                    valuable skills when given the right environment.

                </p>

                <p class="about-story__text">

                    CodNesta was founded to bridge this gap. We create
                    practical learning pathways, real-world projects,
                    mentorship, digital solutions and professional
                    opportunities that help people transform their potential
                    into capability and their capability into lasting impact.

                </p>

                <blockquote class="about-story__quote reveal reveal--up reveal-delay-2">

                    At CodNesta, opportunity is not limited by academic
                    background. What matters is potential, commitment and
                    the willingness to grow.

                </blockquote>

                <div class="about-story__highlights reveal reveal--up reveal-delay-3">

                    <div class="about-story__highlight">
                        Practical Skills Development
                    </div>

                    <div class="about-story__highlight">
                        Inclusive Access to Opportunity
                    </div>

                    <div class="about-story__highlight">
                        Industry-Ready Experience
                    </div>

                    <div class="about-story__highlight">
                        Community-Driven Impact
                    </div>

                </div>

            </div>

        </div>

    </div>

</section>

<!-- =========================================================
     VISION AND MISSION
========================================================= -->

<section class="about-mission">

    <div class="container">

        <header class="about-mission__header reveal reveal--up">

            <p class="about-mission__eyebrow">
                Vision & Mission
            </p>

            <h2 class="about-mission__title">
                Guided by Purpose.
                <span>Driven by Innovation.</span>
            </h2>

            <p class="about-mission__intro">
                Our vision defines the future we are working toward,
                while our mission guides the practical work we do every day.
            </p>

        </header>

        <div class="about-mission__grid">

            <!-- Vision -->

            <article class="about-mission__card about-mission__card--vision reveal reveal--left-scale reveal-delay-1">

                <div class="about-mission__card-top">

                    <span class="about-mission__number">
                        01
                    </span>

                    <span class="about-mission__label">
                        Our Vision
                    </span>

                </div>

                <h3 class="about-mission__card-title">
                    Innovation, opportunity and impact across generations.
                </h3>

                <p class="about-mission__text">
                    To become a trusted platform where innovation,
                    practical learning, technology and opportunity come
                    together to empower individuals, strengthen communities
                    and create lasting impact across generations.
                </p>

            </article>

            <!-- Mission -->

            <article class="about-mission__card about-mission__card--mission reveal reveal--right-scale reveal-delay-2">

                <div class="about-mission__card-top">

                    <span class="about-mission__number">
                        02
                    </span>

                    <span class="about-mission__label">
                        Our Mission
                    </span>

                </div>

                <h3 class="about-mission__card-title">
                    Turning knowledge and potential into practical capability.
                </h3>

                <p class="about-mission__text">
                    To transform knowledge and potential into practical
                    capability by delivering hands-on learning, developing
                    innovative digital solutions, nurturing talent and
                    creating pathways that prepare people and organizations
                    for meaningful participation in the digital economy.
                </p>

            </article>

        </div>

    </div>

</section>


<!-- OUR VALUES -->
 <!-- =========================================================
     CORE VALUES
========================================================= -->

<section class="about-values" id="our-values">

    <div class="container">

        <header class="about-values__header reveal reveal--up">

            <p class="about-values__eyebrow">
                Our Core Values
            </p>

            <h2 class="about-values__title">
                The Principles Behind
                <span>Everything We Build.</span>
            </h2>

            <p class="about-values__intro">
                These values guide how we develop people, create solutions,
                build partnerships and contribute to the communities we serve.
            </p>

        </header>

        <div class="about-values__grid">

            <!-- Innovation -->

            <article class="about-values__card reveal reveal--up-scale reveal-delay-1">

                <span class="about-values__number">
                    01
                </span>

                <h3 class="about-values__card-title">
                    Innovation
                </h3>

                <p class="about-values__text">
                    We constantly seek better ideas, smarter solutions
                    and meaningful technological advancement.
                </p>

            </article>

            <!-- Excellence -->

            <article class="about-values__card reveal reveal--up-scale reveal-delay-2">

                <span class="about-values__number">
                    02
                </span>

                <h3 class="about-values__card-title">
                    Excellence
                </h3>

                <p class="about-values__text">
                    We pursue quality in every project, partnership
                    and practical learning experience.
                </p>

            </article>

            <!-- Integrity -->

            <article class="about-values__card reveal reveal--up-scale reveal-delay-3">

                <span class="about-values__number">
                    03
                </span>

                <h3 class="about-values__card-title">
                    Integrity
                </h3>

                <p class="about-values__text">
                    We build trust through honesty, accountability
                    and responsible decision-making.
                </p>

            </article>

            <!-- Inclusion -->

            <article class="about-values__card reveal reveal--up-scale reveal-delay-4">

                <span class="about-values__number">
                    04
                </span>

                <h3 class="about-values__card-title">
                    Inclusion
                </h3>

                <p class="about-values__text">
                    We believe opportunity should be accessible to people
                    with potential, regardless of academic or personal background.
                </p>

            </article>

            <!-- Collaboration -->

            <article class="about-values__card reveal reveal--up-scale reveal-delay-5">

                <span class="about-values__number">
                    05
                </span>

                <h3 class="about-values__card-title">
                    Collaboration
                </h3>

                <p class="about-values__text">
                    We believe stronger ideas emerge through teamwork,
                    shared knowledge and diverse perspectives.
                </p>

            </article>

            <!-- Lasting Impact -->

            <article class="about-values__card reveal reveal--up-scale reveal-delay-6">

                <span class="about-values__number">
                    06
                </span>

                <h3 class="about-values__card-title">
                    Lasting Impact
                </h3>

                <p class="about-values__text">
                    We build solutions and opportunities designed to create
                    value today and benefit future generations.
                </p>

            </article>

        </div>

    </div>

</section>

<!-- =========================================================
     OPERATING DIVISIONS
========================================================= -->

<section class="about-divisions" id="divisions">

    <div class="container">

        <header class="about-divisions__header reveal reveal--up">

            <p class="about-divisions__eyebrow">
                Operating Divisions
            </p>

            <h2 class="about-divisions__title">
                One Organization.
                <span>Five Specialized Divisions.</span>
            </h2>

            <p class="about-divisions__intro">
                CodNesta operates through five complementary divisions, each
                focused on a distinct area of expertise while working together
                to deliver lasting value for individuals, organizations and
                communities.
            </p>

        </header>


        <div class="division-grid">

            <!-- Academy -->

            <article class="division-card reveal reveal--left-scale reveal-delay-1">

                <div class="division-card__number">
                    01
                </div>

                <div class="division-card__blueprint"></div>

                <div class="division-card__content">

                    <h3>CodNesta Academy</h3>

                    <p>
                        Practical learning programmes, professional training,
                        mentorship and industry-focused skill development.
                    </p>

                    <a href="#">
                        Explore Division →
                    </a>

                </div>

            </article>


            <!-- Lab -->

            <article class="division-card reveal reveal--right-scale reveal-delay-2">

                <div class="division-card__number">
                    02
                </div>

                <div class="division-card__blueprint"></div>

                <div class="division-card__content">

                    <h3>CodNesta Lab</h3>

                    <p>
                        Research, experimentation and innovation that transform
                        emerging ideas into impactful digital solutions.
                    </p>

                    <a href="#">
                        Explore Division →
                    </a>

                </div>

            </article>


            <!-- Digital -->

            <article class="division-card reveal reveal--left-scale reveal-delay-3">

                <div class="division-card__number">
                    03
                </div>

                <div class="division-card__blueprint"></div>

                <div class="division-card__content">

                    <h3>CodNesta Digital</h3>

                    <p>
                        Software engineering, web platforms, digital products
                        and technology solutions for modern organizations.
                    </p>

                    <a href="#">
                        Explore Division →
                    </a>

                </div>

            </article>


            <!-- Consultancy -->

            <article class="division-card reveal reveal--right-scale reveal-delay-4">

                <div class="division-card__number">
                    04
                </div>

                <div class="division-card__blueprint"></div>

                <div class="division-card__content">

                    <h3>CodNesta Consultancy</h3>

                    <p>
                        Strategic advisory services helping organizations solve
                        challenges through technology and innovation.
                    </p>

                    <a href="#">
                        Explore Division →
                    </a>

                </div>

            </article>


            <!-- Community -->

            <article class="division-card reveal reveal--left-scale reveal-delay-5">

                <div class="division-card__number">
                    05
                </div>

                <div class="division-card__blueprint"></div>

                <div class="division-card__content">

                    <h3>CodNesta Community</h3>

                    <p>
                        Building collaborative networks, partnerships and
                        opportunities that empower people and strengthen
                        communities.
                    </p>

                    <a href="#">
                        Explore Division →
                    </a>

                </div>

            </article>

        </div>

    </div>

</section>
 

<!-- LEADERSHIP -->
 <!-- =========================================================
     EXECUTIVE LEADERSHIP
========================================================= -->

<section class="leadership-section" id="leadership">

    <div class="container">

        <!-- Section heading -->

        <div class="leadership-section__heading reveal reveal--up">

            <p class="leadership-section__eyebrow">
                Executive Leadership
            </p>

            <h2 class="leadership-section__title">
                Focused Leadership.
                <span>Shared Responsibility.</span>
            </h2>

            <p class="leadership-section__intro">
                CodNesta Group is guided by a focused executive team responsible
                for organizational strategy, technological development, market
                positioning and sustainable growth.
            </p>

        </div>


        <!-- Leadership cards -->

        <div class="leadership-grid">

            <!-- Founder and CEO -->

            <article class="leader-card reveal reveal--up-scale reveal-delay-1">

                <div class="leader-card__image-container image-reveal">

                    <img
                        src="{{ url_for('static', filename='images/about/leadership/batex-ceo.jpg') }}"
                        alt="Ntoh Batex Bafika, Founder and Chief Executive Officer of CodNesta Group"
                        class="leader-card__image"
                        loading="lazy"
                    >

                    <div class="leader-card__number" aria-hidden="true">
                        01
                    </div>

                </div>

                <div class="leader-card__content">

                    <p class="leader-card__position">
                        <!-- Founder &amp;--> Chief Executive Officer 
                    </p>

                    <h3 class="leader-card__name">
                        Ntoh Batex Bafika <br />[ B.Tech ]
                    </h3>

                    <p class="leader-card__description">
                        Provides overall strategic leadership, executive
                        coordination and organizational direction while guiding
                        CodNesta’s governance, partnerships and long-term growth.
                    </p>

                    <a
                        href="https://www.linkedin.com/in/batex-bafika-5ba662152"
                        target="_blank"
                        rel="noopener noreferrer"
                        class="leader-card__linkedin"
                        aria-label="Visit Ntoh Batex Bafika's LinkedIn profile"
                    >
                        <svg
                            viewBox="0 0 24 24"
                            aria-hidden="true"
                            class="leader-card__linkedin-icon"
                        >
                            <path
                                fill="currentColor"
                                d="M6.94 8.5H3.56V19h3.38V8.5ZM5.25 3a1.96 1.96 0 1 0 0 3.92A1.96 1.96 0 0 0 5.25 3ZM20.44 13.07c0-3.16-1.69-4.63-3.94-4.63-1.82 0-2.63 1-3.08 1.7V8.5h-3.38V19h3.38v-5.2c0-1.37.26-2.7 1.96-2.7 1.68 0 1.7 1.57 1.7 2.79V19h3.38l-.02-5.93Z"
                            />
                        </svg>

                        <span>Connect on LinkedIn</span>

                        <span
                            class="leader-card__arrow"
                            aria-hidden="true"
                        >
                            ↗
                        </span>
                    </a>

                </div>

            </article>

            <!-- Chief Marketing Officer -->

            <article class="leader-card reveal reveal--up-scale reveal-delay-2">

                <div class="leader-card__image-container image-reveal">

                    <img
                        src="{{ url_for('static', filename='images/about/leadership/Samson-CMO.jpg') }}"
                        alt="Samson Lallawmkipa Darlong, Chief Marketing Officer of CodNesta Group"
                        class="leader-card__image"
                        loading="lazy"
                    >

                    <div class="leader-card__number" aria-hidden="true">
                        02
                    </div>

                </div>

                <div class="leader-card__content">

                    <p class="leader-card__position">
                        Chief Marketing Officer
                    </p>

                    <h3 class="leader-card__name">
                        Samson Darlong L.<br /> [ MBA ]
                    </h3>

                    <p class="leader-card__description">
                        Leads CodNesta's brand strategy, marketing, communications
                        and audience development while strengthening its public
                        presence and relationships across key markets.
                    </p>

                    <a
                        href="https://www.linkedin.com/in/samson-lallawmkipa-darlong-a8413820b"
                        target="_blank"
                        rel="noopener noreferrer"
                        class="leader-card__linkedin"
                        aria-label="Visit Samson Lallawmkipa Darlong's LinkedIn profile"
                    >
                        <svg
                            viewBox="0 0 24 24"
                            aria-hidden="true"
                            class="leader-card__linkedin-icon"
                        >
                            <path
                                fill="currentColor"
                                d="M6.94 8.5H3.56V19h3.38V8.5ZM5.25 3a1.96 1.96 0 1 0 0 3.92A1.96 1.96 0 0 0 5.25 3ZM20.44 13.07c0-3.16-1.69-4.63-3.94-4.63-1.82 0-2.63 1-3.08 1.7V8.5h-3.38V19h3.38v-5.2c0-1.37.26-2.7 1.96-2.7 1.68 0 1.7 1.57 1.7 2.79V19h3.38l-.02-5.93Z"
                            />
                        </svg>

                        <span>Connect on LinkedIn</span>

                        <span
                            class="leader-card__arrow"
                            aria-hidden="true"
                        >
                            ↗
                        </span>
                    </a>

                </div>

            </article>

             <!-- Chief Technology Officer -->

            <article class="leader-card reveal reveal--up-scale reveal-delay-3">

                <div class="leader-card__image-container image-reveal">

                    <img
                        src="{{ url_for('static', filename='images/about/leadership/Partho-CTO.jpg') }}"
                        alt="Partho Roy, Chief Technology Officer of CodNesta Group"
                        class="leader-card__image"
                        loading="lazy"
                    >

                    <div class="leader-card__number" aria-hidden="true">
                        03
                    </div>

                </div>

                <div class="leader-card__content">

                    <p class="leader-card__position">
                        Chief Technology Officer
                    </p>

                    <h3 class="leader-card__name">
                        Partho Protim Roy <br />[ M.Tech ]
                    </h3>

                    <p class="leader-card__description">
                        Leads CodNesta's technology strategy, software engineering,
                        digital infrastructure and product development while
                        maintaining technical quality across its initiatives.
                    </p>

                    <a
                        href="https://www.linkedin.com/in/developer-partho"
                        target="_blank"
                        rel="noopener noreferrer"
                        class="leader-card__linkedin"
                        aria-label="Visit Partho Roy's LinkedIn profile"
                    >
                        <svg
                            viewBox="0 0 24 24"
                            aria-hidden="true"
                            class="leader-card__linkedin-icon"
                        >
                            <path
                                fill="currentColor"
                                d="M6.94 8.5H3.56V19h3.38V8.5ZM5.25 3a1.96 1.96 0 1 0 0 3.92A1.96 1.96 0 0 0 5.25 3ZM20.44 13.07c0-3.16-1.69-4.63-3.94-4.63-1.82 0-2.63 1-3.08 1.7V8.5h-3.38V19h3.38v-5.2c0-1.37.26-2.7 1.96-2.7 1.68 0 1.7 1.57 1.7 2.79V19h3.38l-.02-5.93Z"
                            />
                        </svg>

                        <span>Connect on LinkedIn</span>

                        <span
                            class="leader-card__arrow"
                            aria-hidden="true"
                        >
                            ↗
                        </span>
                    </a>

                </div>

            </article>

        </div>

        


        <!-- Leadership approach -->

        <div class="leadership-approach reveal reveal--up reveal-delay-4">

            <div class="leadership-approach__marker" aria-hidden="true">
                <span></span>
                <span></span>
                <span></span>
            </div>

            <div class="leadership-approach__content">

                <p class="leadership-approach__label">
                    Our Leadership Approach
                </p>

                <p class="leadership-approach__text">
                    CodNesta maintains a lean executive structure that places
                    clear responsibility, collaboration and accountability at
                    the centre of organizational decision-making.
                </p>

            </div>

        </div>

    </div>

</section>

<!-- HIGHLIGHTS -->
 <!-- =========================================================
     CODNESTA AT A GLANCE
========================================================= -->

<section class="about-highlights" id="highlights">

    <div class="container">

        <div class="about-highlights__layout">

            <!-- Section introduction -->

            <header class="about-highlights__header reveal reveal--left">

                <p class="about-highlights__eyebrow">
                    A Brief Highlight
                </p>

                <h2 class="about-highlights__title">
                    CodNesta
                    <span>at a Glance.</span>
                </h2>

                <p class="about-highlights__intro">
                    A focused overview of the structure, leadership and
                    approach shaping CodNesta Group.
                </p>

            </header>


            <!-- Highlight panels -->

            <div class="highlight-grid">

                <!-- Five divisions -->

                <article class="highlight-panel reveal reveal--right-scale">

                    <div class="highlight-panel__top">

                        <span class="highlight-panel__number">
                            05
                        </span>

                        <span class="highlight-panel__code" aria-hidden="true">
                            DIV
                        </span>

                    </div>

                    <div class="highlight-panel__content">

                        <h3>
                            Specialized Divisions
                        </h3>

                        <p>
                            Five complementary divisions working under one
                            organizational direction.
                        </p>

                    </div>

                </article>


                <!-- Leadership -->

                <article class="highlight-panel reveal reveal--right-scale reveal-delay-2">

                    <div class="highlight-panel__top">

                        <span class="highlight-panel__number">
                            03
                        </span>

                        <span class="highlight-panel__code" aria-hidden="true">
                            EXE
                        </span>

                    </div>

                    <div class="highlight-panel__content">

                        <h3>
                            Executive Leaders
                        </h3>

                        <p>
                            A lean leadership structure supporting clear
                            responsibility and coordinated decision-making.
                        </p>

                    </div>

                </article>


                <!-- Practical focus -->

                <article class="highlight-panel reveal reveal--right-scale reveal-delay-3">

                    <div class="highlight-panel__top">

                        <span class="highlight-panel__symbol" aria-hidden="true">
                            ↗
                        </span>

                        <span class="highlight-panel__code" aria-hidden="true">
                            ACT
                        </span>

                    </div>

                    <div class="highlight-panel__content">

                        <h3>
                            Practical by Design
                        </h3>

                        <p>
                            CodNesta connects knowledge, technology and ideas
                            with meaningful real-world application.
                        </p>

                    </div>

                </article>


                <!-- Shared purpose -->

                <article class="highlight-panel reveal reveal--right-scale reveal-delay-4">

                    <div class="highlight-panel__top">

                        <span class="highlight-panel__number">
                            01
                        </span>

                        <span class="highlight-panel__code" aria-hidden="true">
                            DIR
                        </span>

                    </div>

                    <div class="highlight-panel__content">

                        <h3>
                            Shared Direction
                        </h3>

                        <p>
                            Every division contributes to one purpose:
                            creating lasting impact across generations.
                        </p>

                    </div>

                </article>

            </div>

        </div>

    </div>

</section>

<!-- PARTNERSHIPS -->

<!-- =========================================================
     PARTNER WITH US
========================================================= -->

<section class="about-cta" id="partner">

    <div class="container">

        <div class="about-cta__content reveal reveal--up">

            <p class="about-cta__eyebrow">
                Partner With CodNesta
            </p>

            <h2 class="about-cta__title">
                Let's Build the
                <span>Future Together.</span>
            </h2>

            <p class="about-cta__text">
                Whether you're an organization seeking innovative digital
                solutions, an institution committed to practical learning,
                a development partner, or an individual ready to grow,
                CodNesta welcomes meaningful collaborations that create
                lasting impact across generations.
            </p>

            <div class="about-cta__actions reveal reveal--up reveal-delay-2">

                <a href="{{ url_for('opportunities.index') }}#partnerships" class="button button--primary">
                    Partner With Us
                </a>

                <a href="{{ url_for('services.index')}}#our-services" class="button button--secondary">
                    Explore Our Services
                </a>

            </div>

        </div>

    </div>

</section>
</main>

{% endblock %}