index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--==================== FAVICON ====================-->
    <link rel="icon" href="assets/img/favicon.png">

    <!--==================== UNICONS ====================-->
    <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">

    <!--==================== SWIPER CSS ====================-->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">

    <!--==================== CSS ====================-->
    <link rel="stylesheet" href="assets/css/styles.css">

    <!--    =========== Tracker =========      -->
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-2NYWM62ET3"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'G-2NYWM62ET3');
    </script>
    <title>Kunj Mehta Portfolio</title>
</head>

<body>
    <!--==================== HEADER ====================-->
    <header class="header" id="header">
        <nav class="nav container">
            <a href="#" class="nav__logo">kunjmehta10</a>

            <div class="nav__menu" id="nav-menu">
                <ul class="nav__list grid">
                    <li class="nav__item">
                        <a href="#home" class="nav__link active-link">
                            <i class="uil uil-estate nav__icon"></i> Home
                        </a>
                    </li>
                    <li class="nav__item">
                        <a href="#about" class="nav__link">
                            <i class="uil uil-user nav__icon"></i> About
                        </a>
                    </li>
                    <li class="nav__item">
                        <a href="#skills" class="nav__link">
                            <i class="uil uil-file-alt nav__icon"></i> Skills
                        </a>
                    </li>
                    <li class="nav__item">
                        <a href="#portfolio" class="nav__link">
                            <i class="uil uil-scenery nav__icon"></i> Portfolio
                        </a>
                    </li>
                    <li class="nav__item">
                        <a href="#research" class="nav__link">
                            <i class="uil uil-briefcase nav__icon"></i> Research
                        </a>
                    </li>
                    <li class="nav__item">
                        <a href="#certification" class="nav__link">
                            <i class="uil uil-newspaper nav__icon"></i> Certifications
                        </a>
                    </li>
                    <li class="nav__item">
                        <a href="#blog" class="nav__link">
                            <i class="uil uil-edit nav__icon"></i> Blog
                        </a>
                    </li>
                    <li class="nav__item">
                        <a href="#contact" class="nav__link">
                            <i class="uil uil-message nav__icon"></i> Contact
                        </a>
                    </li>
                </ul>
                <i class="uil uil-times nav__close" id="nav-close"></i>
            </div>

            <div class="nav__btns">
                <!-- Theme change button -->
                <i class="uil uil-moon change-theme" id="theme-button"></i>

                <div class="nav__toggle" id="nav-toggle">
                    <i class="uil uil-apps"></i>
                </div>
            </div>
        </nav>
    </header>

    <!--==================== MAIN ====================-->
    <main class="main">
        <!--==================== HOME ====================-->
        <section class="home section" id="home">
            <div class="home__container container grid">
                <div class="home__content grid">
                    <div class="home__social">
                        <a href="https://www.linkedin.com/in/kunjmehta" target="_blank" class="home__social-icon">
                            <i class="uil uil-linkedin-alt"></i>
                        </a>

                        <a href="https://www.github.com/kunjmehta" target="_blank" class="home__social-icon">
                            <i class="uil uil-github-alt"></i>
                        </a>

                        <a href="https://www.twitter.com/@kunjmehta10" target="_blank" class="home__social-icon">
                            <i class="uil uil-twitter-alt"></i>
                        </a>

                        <a href="https://www.medium.com/@kunjmehta10" target="_blank" class="home__social-icon">
                            <i class="uil uil-medium-m"></i>
                        </a>

                        <a href="https://www.leetcode.com/@kunjmehta10" target="_blank" class="home__social-icon">
                            <i class="uil uil-arrow"></i>
                        </a>

                        <!-- Personal Blog Link -->
                        <!-- <a href="https://newstoday51.news.blog/" target="_blank" class="home__social-icon">
                                <i class="uil uil-pen"></i>
                            </a> -->
                    </div>

                    <div class="home__img">
                        <svg class="home__blob" viewBox="0 0 200 187" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink">
                            <mask id="mask0" mask-type="alpha">
                                <path d="M190.312 36.4879C206.582 62.1187 201.309 102.826 182.328 134.186C163.346 165.547 
                                    130.807 187.559 100.226 186.353C69.6454 185.297 41.0228 161.023 21.7403 129.362C2.45775 
                                    97.8511 -7.48481 59.1033 6.67581 34.5279C20.9871 10.1032 59.7028 -0.149132 97.9666 
                                    0.00163737C136.23 0.303176 174.193 10.857 190.312 36.4879Z" />
                            </mask>
                            <g mask="url(#mask0)">
                                <path d="M190.312 36.4879C206.582 62.1187 201.309 102.826 182.328 134.186C163.346 
                                    165.547 130.807 187.559 100.226 186.353C69.6454 185.297 41.0228 161.023 21.7403 
                                    129.362C2.45775 97.8511 -7.48481 59.1033 6.67581 34.5279C20.9871 10.1032 59.7028 
                                    -0.149132 97.9666 0.00163737C136.23 0.303176 174.193 10.857 190.312 36.4879Z" />

                                <image class="home__blob-img" x="20" y="10"
                                    xlink:href="assets/img/About/about-transparent.png" />
                            </g>
                        </svg>
                    </div>

                    <div class="home__data">
                        <h1 class="home__title">Hi, I'm Kunj</h1>
                        <h3 class="home__subtitle">Software Developer @ Barclays</h3>
                        <p class="home__description">Regulatory and Settlements tech in office, Data Science at home, and passion for finance on the side
                        </p>
                        <a href="#contact" class="button button--flex">
                            Contact Me <i class="uil uil-message button__icon"></i>
                        </a>
                    </div>
                </div>

                <div class="home__scroll">
                    <a href="#about" class="home__scroll-button button--flex">
                        <i class="uil uil-mouse-alt home__scroll-mouse"></i>
                        <span class="home__scroll-name">Scroll Down</span>
                        <i class="uil uil-arrow-down home__scroll-arrow"></i>
                    </a>
                </div>

            </div>
        </section>

        <!--==================== ABOUT ====================-->
        <section class="about section" id="about">
            <h2 class="section__title">About Me</h2>
            <span class="section__subtitle">My Introduction</span>

            <div class="about__container container grid">
                <img src="assets/img/About/about3.jpg" alt="" class="about__img">

                <div class="about__data">
                    <p class="about__description">
                        I collaborate cross-functionally to build RegTech and Settlements products that automate, modernize and streamline business processes, and am currently working with the Global Settlements team. <br> 
                        With a Master's in Computer Science from Rutgers, I specialize in data science which I also leverage in my collaboration with Quants on a text processing framework.  <br> 
                        In my spare time, I maintain a Medium blog with over 50,000 views, focusing on cutting-edge AI research and industry trends.
                    </p>

                    <div class="about__info">
                        <div>
                            <span class="about__info-title">9</span>
                            <span class="about__info-name">Data Projects <br> Completed</span>
                        </div>

                        <div>
                            <span class="about__info-title">12</span>
                            <span class="about__info-name">Articles <br> Written</span>
                        </div>

                        <div>
                            <span class="about__info-title">2</span>
                            <span class="about__info-name">Published <br> Papers</span>
                        </div>
                    </div>

                    <div class="about__buttons">
                        <a download="" href="assets/pdf/Kunj+Mehta+Resume.pdf" class="button button--flex resume">
                            Download Resume<i class="uil uil-download-alt button__icon"></i>
                        </a>


                    </div>
                </div>
            </div>

        </section>

        <!--==================== SKILLS ====================-->
        <section class="skills section" id="skills">
            <h2 class="section__title">Skills</h2>
            <span class="section__subtitle">My Technical Level</span>

            <div class="skills__container container grid">
                <div>
                    <!--==================== SKILLS 1====================-->
                    <div class="skills__content skills__close">
                        <div class="skills__header">
                            <i class="uil uil-brackets-curly skills__icon"></i>

                            <div>
                                <h1 class="skills__title">Development</h1>
                                <span class="skills__subtitle">All About the Core</span>
                            </div>

                            <i class="uil uil-angle-down skills__arrow"></i>
                        </div>

                        <div class="skills__list grid">
                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Python</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__python">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Java</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__java">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">SQL</h3>
                                    <span class="skills__number">85%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__sql">
                                    </span>
                                </div>
                            </div>


                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">PySpark</h3>
                                    <span class="skills__number">75%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__pyspark">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">R</h3>
                                    <span class="skills__number">50%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__r">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">C#</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__cpp">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">JavaScript</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__js">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Android</h3>
                                    <span class="skills__number">60%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__android">
                                    </span>
                                </div>
                            </div>

                            <!-- <div class="skills__data">
                                    <div class="skills__titles">
                                        <h3 class="skills__name">Julia</h3>
                                        <span class="skills__number">20%</span>
                                    </div>
                                    <div class="skills__bar">
                                        <span class="skills__percentage skills__julia">
                                        </span>
                                    </div>
                                </div> -->

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">MS Excel</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__excel">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Photoshop</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__photoshop">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Indesign</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__indesign">
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--==================== SKILLS 2====================-->
                    <div class="skills__content skills__close">
                        <div class="skills__header">
                            <i class="uil uil-server-network skills__icon"></i>

                            <div>
                                <h1 class="skills__title">Frameworks</h1>
                                <span class="skills__subtitle">Everyone Needs Support</span>
                            </div>

                            <i class="uil uil-angle-down skills__arrow"></i>
                        </div>

                        <div class="skills__list grid">
                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">FastAPI</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__fastapi">
                                    </span>
                                </div>
                            </div>
                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Pydantic</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__pydantic">
                                    </span>
                                </div>
                            </div>
                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">SQLAlchemy</h3>
                                    <span class="skills__number">80%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__sqa">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">NumPy</h3>
                                    <span class="skills__number">80%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__np">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">pandas</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__pd">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">matplotlib</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__mtl">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">scikit-learn</h3>
                                    <span class="skills__number">85%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__sklearn">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Spark MLlib</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__mllib">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Pytorch</h3>
                                    <span class="skills__number">85%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__pytorch">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Deep Graph Library</h3>
                                    <span class="skills__number">55%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__dgl">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">OpenCV</h3>
                                    <span class="skills__number">65%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__opencv">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Pillow</h3>
                                    <span class="skills__number">65%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__pillow">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">NLTK</h3>
                                    <span class="skills__number">60%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__nltk">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">streamlit</h3>
                                    <span class="skills__number">80%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__streamlit">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">seaborn</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__seaborn">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Flask</h3>
                                    <span class="skills__number">40%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__flask">
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div>
                    <!--==================== SKILLS 3====================-->
                    <div class="skills__content skills__close">
                        <div class="skills__header">
                            <i class="uil uil-atom skills__icon"></i>

                            <div>
                                <h1 class="skills__title">Machine Learning</h1>
                                <span class="skills__subtitle">Theory, theory!</span>
                            </div>

                            <i class="uil uil-angle-down skills__arrow"></i>
                        </div>

                        <div class="skills__list grid">
                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Linear and Logistic Regression</h3>
                                    <span class="skills__number">95%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__regression">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Decision Trees</h3>
                                    <span class="skills__number">95%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__dt">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Ensemble Models</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__ensemble">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Clustering</h3>
                                    <span class="skills__number">65%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__clustering">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Convolutional Neural Networks</h3>
                                    <span class="skills__number">80%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__cnn">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Graph Neural Networks</h3>
                                    <span class="skills__number">60%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__gnn">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Recommender Systems</h3>
                                    <span class="skills__number">75%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__recsys">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Natural Language Processing</h3>
                                    <span class="skills__number">75%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__nlp">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Exploratory Data Analysis</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__eda">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Multi-modal Learning</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__mml">
                                    </span>
                                </div>
                            </div>

                            <!-- <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Time Series</h3>
                                    <span class="skills__number">55%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__time">
                                    </span>
                                </div>
                            </div> -->
                        </div>
                    </div>

                    <!--==================== SKILLS 4====================-->
                    <div class="skills__content skills__close">
                        <div class="skills__header">
                            <i class="uil uil-cloud-lock skills__icon"></i>

                            <div>
                                <h1 class="skills__title">Cloud and Engineering</h1>
                                <span class="skills__subtitle">Fly Fast & High!</span>
                            </div>

                            <i class="uil uil-angle-down skills__arrow"></i>
                        </div>

                        <div class="skills__list grid">
                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">AWS Sagemaker</h3>
                                    <span class="skills__number">65%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__sagemaker">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">AWS EMR</h3>
                                    <span class="skills__number">75%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__emr">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">AWS Lambda</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__lambda">
                                    </span>
                                </div>
                            </div>

                            <!-- <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Big Query</h3>
                                    <span class="skills__number">40%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__bq">
                                    </span>
                                </div>
                            </div> -->

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Docker</h3>
                                    <span class="skills__number">60%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__docker">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Apache Airflow</h3>
                                    <span class="skills__number">40%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__airflow">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Kafka</h3>
                                    <span class="skills__number">40%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__kafka">
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div>
                    <!--==================== SKILLS 5====================-->
                    <div class="skills__content skills__close">
                        <div class="skills__header">
                            <i class="uil uil-analysis skills__icon"></i>

                            <div>
                                <h1 class="skills__title">Databases and Viz</h1>
                                <span class="skills__subtitle">Wow! Factor</span>
                            </div>

                            <i class="uil uil-angle-down skills__arrow"></i>
                        </div>

                        <div class="skills__list grid">

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">TimescaleDB (Postgres)</h3>
                                    <span class="skills__number">90%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__tdb">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">SQLServer</h3>
                                    <span class="skills__number">85%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__ssms">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">MySQL</h3>
                                    <span class="skills__number">85%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__sql">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">AWS Redshift</h3>
                                    <span class="skills__number">75%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__redshift">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Amazon RDS</h3>
                                    <span class="skills__number">70%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__rds">
                                    </span>
                                </div>
                            </div>

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Tableau</h3>
                                    <span class="skills__number">50%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__tableau">
                                    </span>
                                </div>
                            </div>

                            <!-- <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Power BI</h3>
                                    <span class="skills__number">50%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__pbi">
                                    </span>
                                </div>
                            </div> -->

                            <div class="skills__data">
                                <div class="skills__titles">
                                    <h3 class="skills__name">Looker</h3>
                                    <span class="skills__number">60%</span>
                                </div>
                                <div class="skills__bar">
                                    <span class="skills__percentage skills__looker">
                                    </span>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>



            </div>
        </section>

        <!--==================== QUALIFICATION ====================-->
        <section class="qualification section">
            <h2 class="section__title">Qualification</h2>
            <span class="section__subtitle">My Personal Journey</span>

            <div class="qualification__container container">
                <div class="qualification__tabs">
                    <div class="qualification__button button--flex" data-target="#education">
                        <i class="uil uil-graduation-cap qualification__icon"></i>
                        Education
                    </div>

                    <div class="qualification__button button--flex qualification__active" data-target="#work">
                        <i class="uil uil-briefcase-alt qualification__icon"></i>
                        Work
                    </div>
                </div>

                <div class="qualification__sections">
                    <!--==================== QUALIFICATION CONTENT 1 ====================-->

                    <div class="qualification__content" data-content id="education">

                        <!--==================== QUALIFICATION 1 ====================-->
                        <div class="qualification__data">
                            <div>
                                <h3 class="qualification__title">Masters of Science in Computer Science</h3>
                                <span class="qualification__subtitle">Rutgers University, NJ, USA</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    2021-2023
                                </div>
                            </div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>
                        </div>

                        <!--==================== QUALIFICATION 2 ====================-->
                        <div class="qualification__data">

                            <div></div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                            <div>
                                <h3 class="qualification__title">Exchange - Computer Science</h3>
                                <span class="qualification__subtitle">Princeton University, NJ, USA</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    2022
                                </div>
                            </div>
                        </div>

                        <!--==================== QUALIFICATION 3 ====================-->
                        <div class="qualification__data">


                            <div>
                                <h3 class="qualification__title">B.Tech in Computer Engineering</h3>
                                <span class="qualification__subtitle">K.J. Somaiya, University of Mumbai, India</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    2016-2020
                                </div>
                            </div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                        </div>

                        <!--==================== QUALIFICATION 4 ====================-->
                        <div class="qualification__data">

                            <div></div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                            <div>
                                <h3 class="qualification__title">Higher Secondary in Science</h3>
                                <span class="qualification__subtitle">Pace Junior Science College, Thane, India</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    2014-2016
                                </div>
                            </div>
                        </div>

                        <!--==================== QUALIFICATION 5 ====================-->
                        <!-- <div class="qualification__data">

                            <div>
                                <h3 class="qualification__title">Secondary</h3>
                                <span class="qualification__subtitle">Pawar Public School, Bhandup, Mumbai, India</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    2009-2014
                                </div>
                            </div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                        </div> -->

                    </div>

                    <!--==================== QUALIFICATION CONTENT 2 ====================-->

                    <div class="qualification__content qualification__active" data-content id="work">

                        <!--==================== QUALIFICATION 1 ====================-->
                        <div class="qualification__data">
                            <div>
                                <h3 class="qualification__title">Software Developer</h3>
                                <span class="qualification__subtitle">Barclays</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    August 2023 - Present
                                </div>

                                <span
                                    class="button button--flex button--small button--link qualification__button-modal">
                                    What I did here
                                    <i class="uil uil-arrow-right button__icon"></i>
                                </span>

                                <div class="qualification__modal">
                                    <div class="qualification__modal-content">
                                        <!-- <h4 class="qualification__modal-title"></h4> -->
                                        <p style="text-align:center"><img src="assets/img/Experience/Barclays-Logo.png"
                                                alt=""></p>
                                        <i class="uil uil-times qualification__modal-close"></i>

                                        <ul class="qualification__modal-works grid">
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Led and mentored a team of two interns working on a PoC to modernize backend reporting stack from SQLServer to a columnar store 
                                                    for cross-asset reporting</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Optimized existing queries and data models following best practices to make them on average 2x faster on columnar store while 
                                                    consuming on average 75% less storage compared to SQLServer</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Presented the PoC findings to stakeholders, securing buy-in for production use that will save $200K+/year</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Built and enhanced 10+ API endpoints in MVC fashion using C#, Python, FastAPI integrating the UI, orchestrator and backend for the IMA RFET calculation of risk-weighted assets (RWAs)</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Leveraged my risk regulatory expertise to coordinate user acceptance testing and enable prod deployment by streamlining the product testing process and resolving 10+ bugs in the product raised by stakeholders</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Developing a generative text summarization framework that leverages upstream NER and uses knowledge distillation and LLMs to summarize financial news articles </p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Developing a generative text summarization framework that leverages upstream NER and uses knowledge distillation and LLMs to summarize financial news articles </p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Designing an active learning sampling strategy to continuously retrain the teacher summarization model and improve NER coverage in generated summaries </p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                        </div>

                        <!--==================== QUALIFICATION 2 ====================-->
                        <div class="qualification__data">

                            <div></div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                            <div>
                                <h3 class="qualification__title">Data Scientist Intern</h3>
                                <span class="qualification__subtitle">Eluvio</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    June 2022 - August 2022
                                </div>

                                <span
                                    class="button button--flex button--small button--link qualification__button-modal">
                                    What I did here
                                    <i class="uil uil-arrow-right button__icon"></i>
                                </span>

                                <div class="qualification__modal">
                                    <div class="qualification__modal-content">
                                        <!-- <h4 class="qualification__modal-title"></h4> -->
                                        <p style="text-align:center"><img src="assets/img/Experience/eluvio.png" alt="">
                                        </p>
                                        <i class="uil uil-times qualification__modal-close"></i>

                                        <ul class="qualification__modal-works grid">
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Part of the machine learning team building the media meta-tagging
                                                    framework for media distribution on the blockchain</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Engineered the logo detection and classification pipeline from
                                                    supervised to zero-shot learning paradigm. Reduced the number of
                                                    false logo detections in keyframes in movies from 10% to 2%</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Pioneered a NFT recommender system end-to-end. Led building of a near
                                                    real-time ETL pipeline to ingest model-ready blockchain data for
                                                    training. Deployed a test version of the recommender handling 3000
                                                    concurrent users efficiently</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Designed an external data collection pipeline for the movie speech
                                                    recognition project eventually leading to 35 percentage point
                                                    decrease in word error rate</p>
                                                </p>
                                            </li>
                                            </p>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <!--==================== QUALIFICATION 3 ====================-->
                        <div class="qualification__data">

                            <div>
                                <h3 class="qualification__title">Teaching Assistant</h3>
                                <span class="qualification__subtitle">Rutgers University School of Graduate
                                    Studies</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    September 2021 - May 2023
                                </div>

                                <span
                                    class="button button--flex button--small button--link qualification__button-modal">
                                    What I did here
                                    <i class="uil uil-arrow-right button__icon"></i>
                                </span>

                                <div class="qualification__modal">
                                    <div class="qualification__modal-content">
                                        <!-- <h4 class="qualification__modal-title"></h4> -->
                                        <p style="text-align:center"><img src="assets/img/Experience/rutgers.png"
                                                alt=""></p>
                                        <i class="uil uil-times qualification__modal-close"></i>

                                        <ul class="qualification__modal-works grid">
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Taught R, SQL and Amazon Redshift and graded weekly assignments
                                                    and exams for 200 students across two courses – “Data 101” and
                                                    “Database Systems for Data Science”</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                        </div>

                        <!--==================== QUALIFICATION 4 ====================-->
                        <div class="qualification__data">

                            <div></div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                            <div>
                                <h3 class="qualification__title">Business Analyst</h3>
                                <span class="qualification__subtitle">Quantiphi</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    October 2020 - August 2021
                                </div>

                                <span
                                    class="button button--flex button--small button--link qualification__button-modal">
                                    What I did here
                                    <i class="uil uil-arrow-right button__icon"></i>
                                </span>

                                <div class="qualification__modal">
                                    <div class="qualification__modal-content">
                                        <!-- <h4 class="qualification__modal-title"></h4> -->
                                        <p style="text-align:center"><img src="assets/img/Experience/quantiphi.png"
                                                alt=""></p>
                                        <i class="uil uil-times qualification__modal-close"></i>

                                        <ul class="qualification__modal-works grid">
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Researched and presented highlights of the US stimulus bills to
                                                    internal stakeholders that informed Quantiphi’s Public Sector
                                                    business strategy</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Performed market research on 200 organizations in the US
                                                    Education industry and came up with an effective go-
                                                    to market strategy that converted four cold leads</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Led two cold call introduction calls and presented Quantiphi’s
                                                    solution deck that showcased how machine learning can be
                                                    incorporated into the potential clients’ processes</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Analyzed and reported quarterly revenue figures to internal
                                                    stakeholders using Looker dashboards</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Initiated and led the creation of an internal repository to keep
                                                    track of research advancements in machine
                                                    learning; this was leveraged by 230 people in the organization
                                                    including founders</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--==================== QUALIFICATION 5 ====================-->
                        <!-- <div class="qualification__data">

                                <div></div>

                                <div>
                                    <span class="qualification__rounder"></span>
                                    <span class="qualification__line"></span>
                                </div>


                                <div>
                                    <h3 class="qualification__title">Freelance Android Developer</h3>
                                    <span class="qualification__subtitle">IPLit Solutions LLP</span>
                                    <div class="qualification__calendar">
                                        <i class="uil uil-calendar-alt"></i>
                                        February 2020 - March 2020
                                    </div>
                                    <span
                                        class="button button--flex button--small button--link qualification__button-modal">
                                        What I did here
                                        <i class="uil uil-arrow-right button__icon"></i>
                                    </span>
                                </div>

                                <div class="qualification__modal">
                                    <div class="qualification__modal-content">
                                         <h4 class="qualification__modal-title"></h4>
                                       <p style="text-align:center"><img src="assets/img/Experience/Iplit.png" alt="">
                                        </p>
                                        <i class="uil uil-times qualification__modal-close"></i>

                                        <ul class="qualification__modal-works grid">
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Developed and deployed an Android application for handsfree token
                                                    printing for use in hospitals and clinics</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Currently in use in two hospitals across the city</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div> -->

                        <!--==================== QUALIFICATION 6 ====================-->
                        <div class="qualification__data">

                            <div>
                                <h3 class="qualification__title">Project Intern</h3>
                                <span class="qualification__subtitle">Fractal Analytics</span>
                                <div class="qualification__calendar">
                                    <i class="uil uil-calendar-alt"></i>
                                    June 2019 - July 2019
                                </div>

                                <span
                                    class="button button--flex button--small button--link qualification__button-modal">
                                    What I did here
                                    <i class="uil uil-arrow-right button__icon"></i>
                                </span>

                                <div class="qualification__modal">
                                    <div class="qualification__modal-content">
                                        <!-- <h4 class="qualification__modal-title"></h4> -->
                                        <p style="text-align:center"><img src="assets/img/Experience/fractal.png"
                                                alt=""></p>
                                        <i class="uil uil-times qualification__modal-close"></i>

                                        <ul class="qualification__modal-works grid">
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Implemented the object classification phase of a project that
                                                    analyzed consumer behavior at stores for a Fortune 500 FMCG
                                                    company. Built a model for classifying 50 product SKUs in the
                                                    product range with 80% accuracy</p>
                                            </li>
                                            <li class="qualification__modal-work">
                                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                                <p>Designed and developed a data augmentation and ingestion pipeline
                                                    for the classifier. Coded a script for scrapping images of
                                                    representative products from e-commerce websites to augment data
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div>
                                <span class="qualification__rounder"></span>
                                <span class="qualification__line"></span>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>

        <!--==================== PORTFOLIO ====================-->
        <section class="portfolio section" id="portfolio">
            <h2 class="section__title">Portfolio</h2>
            <span class="section__subtitle">My Projects</span>

            <div class="portfolio__container container swiper-container">
                <div class="swiper-wrapper">

                    <!--==================== PORTFOLIO 1====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio8.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Food AI</h3>
                            <h4 class="portfolio__subtitle">Cross-Modal Representation Learning</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Built a system for retrieval of food recipes given images of corresponding food </p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Beat the CCA baseline top-10 recall for recipe retrieval in the original <a
                                        href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwizmcuBhov6AhVrFlkFHSl8CJgQFnoECAgQAQ&url=http%3A%2F%2Fpic2recipe.csail.mit.edu%2Fim2recipe.pdf&usg=AOvVaw0DCxQ8PgmC8d2WEyMILcAE">im2recipe</a>
                                    paper by 20 percentage points by using
                                    ResNet and BERT feature extractors and introducing cross-modality through a shared
                                    embedding layer</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Implemented a second approach using triplet loss trained neural networks and attained
                                    median retrieval rank of 1 and
                                    top-10 recall of 82.49% for 1,000 random food images </p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/pytorch.png">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/hf.jpeg">
                                <img src="assets/img/Tech/seaborn.jpg">
                            </div><br>

                            <h4 class="portfolio__subtitle">Research Papers Referred</h4>

                            <div class="portfolio_tech_icons">
                                <a class="portfolio__links" href="https://ieeexplore.ieee.org/document/8099810">
                                    <h6> Learning Cross-Modal Embeddings for Cooking Recipes and Food Images </h6>
                                </a>
                                <a class="portfolio__links" href="https://arxiv.org/abs/2012.01345">
                                    <h6> Cross-Modal Retrieval and Synthesis (X-MRS): Closing the Modality Gap in Shared
                                        Representation Learning </h6>
                                </a>
                                <a class="portfolio__links" href="https://arxiv.org/abs/1810.06553">
                                    <h6> CRecipe1M+: A Dataset for Learning Cross-Modal Embeddings for Cooking Recipes
                                        and Food Images </h6>
                                </a>
                                <a class="portfolio__links" href="https://arxiv.org/abs/2204.09730">
                                    <h6> Transformer Decoders with MultiModal Regularization for Cross-Modal Food
                                        Retrieval </h6>
                                </a>
                                <a class="portfolio__links" href="https://arxiv.org/abs/2004.01095">
                                    <h6> MCEN: Bridging Cross-Modal Gap between Cooking Recipes and Dish Images with
                                        Latent Variable Model </h6>
                                </a>
                            </div>

                            <a href="https://github.com/kunjmehta/cross-modal-retrieval-food-ai"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>

                            <a href="https://drive.google.com/file/d/1bfroaYiX67ztslwe4n-eMDVxIiveqT0j/view?usp=sharing"
                                class="button button--flex button--small portfolio__button">
                                View Report
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>

                            <a href="https://drive.google.com/file/d/15H9o9e4q5y3CnX5pLInyZ_SORW3ZNy1c/view?usp=sharing"
                                class="button button--flex button--small portfolio__button">
                                View Presentation
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>

                        </div>
                    </div>


                    <!--==================== PORTFOLIO 11====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio11.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Ensembling Large-scale Object Detectors</h3>
                            <h4 class="portfolio__subtitle">Computer Vision</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Developed algorithms for building YOLO model bagging and boosting ensembles </p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Obtained an average precision of 87.5% on the Flickr-32 dataset using a generic logo
                                    detector system of two boosted YOLO models </p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/pytorch.png">
                                <img src="assets/img/Tech/python.png">
                            </div><br>

                            <h4 class="portfolio__subtitle">Research Papers Referred</h4>

                            <div class="portfolio_tech_icons">
                                <a class="portfolio__links" href="https://arxiv.org/abs/1911.07440">
                                    <h6>Large scale open-set deep logo detection</h6>
                                </a>
                                <a class="portfolio__links" href="https://arxiv.org/abs/1712.00726">
                                    <h6> Cascade R-CNN: Delving into High Quality Object Detection</h6>
                                </a>
                                <a class="portfolio__links" href="https://arxiv.org/abs/1811.08009">
                                    <h6> Scalable Logo Recognition using Proxies</h6>
                                </a>
                                <a class="portfolio__links" href="https://ieeexplore.ieee.org/document/990517">
                                    <h6>Rapid object detection using a boosted cascade of simple features</h6>
                                </a>
                                <a class="portfolio__links" href="https://arxiv.org/abs/1506.02640">
                                    <h6> You Only Look Once: Unified, Real-Time Object Detection </h6>
                                </a>
                            </div>

                            <a href="https://github.com/kunjmehta/princeton-cos529-assignments/blob/main/Project/COS_529_Final_Report_km6838.pdf"
                                class="button button--flex button--small portfolio__button">
                                View Report
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 2====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio9.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Movie Recommendation from Conversational Data</h3>
                            <h4 class="portfolio__subtitle">Natural Language Processing</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Built a movie recommendation system leveraging user conversations, critics data and
                                    domain adaptation techniques,
                                    which is a re-implementation of <a
                                        href="https://aclanthology.org/2021.naacl-main.246/">this paper</a></p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Tuned hyperparameters for three CF approaches: KNN, SVD and SVDpp to obtain a 3%
                                    improvement in results</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Experimented with neural MF and obtained comparable results of RMSE=1.232 and
                                    MAE=0.9569</p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/pytorch.png">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/surprise.png">
                                <img src="assets/img/Tech/seaborn.jpg">
                            </div><br>

                            <h4 class="portfolio__subtitle">Research Papers Referred</h4>

                            <div class="portfolio_tech_icons">
                                <a class="portfolio__links" href="https://aclanthology.org/2021.naacl-main.246/">
                                    <h6> You Sound Like Someone Who Watches Drama Movies: Towards Predicting Movie
                                        Preferences from
                                        Conversational Interactions</h6>
                                </a>
                            </div>

                            <a href="https://github.com/janish-parikh/Knowledge_Aware_Conversatinoal_Recommendation_System"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>

                            <a href="https://drive.google.com/file/d/1Sm4LlhLsZqIhGfoR3wDqzCDAp2once1s/view?usp=sharing"
                                class="button button--flex button--small portfolio__button">
                                View Report
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>

                            <a href="https://drive.google.com/file/d/1LbPQbzeObUafDFguxUClt5-f4P_HOYpZ/view?usp=sharing"
                                class="button button--flex button--small portfolio__button">
                                View Presentation
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 3====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio10.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Logo Detection</h3>
                            <h4 class="portfolio__subtitle">Convolutional Neural Networks</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Reproduced results for open set logo detection from the paper <a
                                        href="https://arxiv.org/pdf/1710.10891.pdf">here</a> achieving a 24 percentage
                                    point increase in
                                    mean average precision (mAP) compared to the original using YOLOv5 </p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Focused on classifying textual logos and obtained a classification accuracy of 22.56%
                                    against 47 classes of the Flickr-47
                                    dataset using a logo classification architecture consisting of YOLOv5 and template
                                    matching</p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/pytorch.png">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/seaborn.jpg">
                            </div><br>

                            <h4 class="portfolio__subtitle">Research Papers Referred</h4>

                            <div class="portfolio_tech_icons">
                                <a class="portfolio__links" href="https://arxiv.org/abs/1710.10891">
                                    <h6>Open Set Logo Detection and Retrieval</h6>
                                </a>
                            </div>

                            <a href="https://share.streamlit.io/kunjmehta/autoencoder-colorizer/app.py"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>

                            <a href="https://drive.google.com/file/d/1xQgm933yIEzQ-uzVbQKwo9seQQb2WQ4l/view?usp=sharing"
                                class="button button--flex button--small portfolio__button">
                                View Report
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>

                            <a href="https://drive.google.com/file/d/1hkS5n1n98KY2psl0MhPQgeX2uZiWRBV9/view?usp=sharing"
                                class="button button--flex button--small portfolio__button">
                                View Presentation
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 4====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio7.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Autoencoder Image Colorization</h3>
                            <h4 class="portfolio__subtitle">Convolutional Neural Networks</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Built a 11-layer deep autoencoder neural network using residual connections that
                                    colorizes black and white images</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Trained the network on 10,000 images from FloydHub and deployed online via Streamlit
                                </p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/pytorch.png">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/matplotlib.png">
                                <img src="assets/img/Tech/streamlit.png">
                            </div>

                            <a href="https://share.streamlit.io/kunjmehta/autoencoder-colorizer/app.py"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 5====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio1.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">New York Taxi Fare Prediction</h3>
                            <h4 class="portfolio__subtitle">Big Data</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Analyzed a 55-million-record strong taxi fare dataset to determine varying trends in
                                    taxi fares across both location and time</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Performed feature engineering and zoomed in on trips to and from airports and across
                                    different boroughs of NYC</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Predicted taxi fares to an RMSE score of 4.28 by training a Random Forest model on
                                    the augmented dataset</p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/pyspark.png">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/pandas.png">
                                <img src="assets/img/Tech/matplotlib.png">
                                <img src="assets/img/Tech/emr.png">
                            </div>

                            <a href="https://github.com/kunjmehta/ny-taxi-prediction-pyspark-emr"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 6====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio2.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">FPL Team-Maker</h3>
                            <h4 class="portfolio__subtitle">Exploratory Data Analysis</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Developed and deployed a customizable application that uses pandas and Exploratory
                                    Data Analysis to suggest an
                                    optimal team to be entered into the Fantasy Premier League fantasy soccer game</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>50+ monthly active users. Ranked top 2% in worldwide ranking among 8.2 million
                                    players in the year 2020</p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/numpy.png">
                                <img src="assets/img/Tech/pandas.png">
                                <img src="assets/img/Tech/matplotlib.png">
                                <img src="assets/img/Tech/streamlit.png">
                            </div>

                            <a href="https://github.com/kunjmehta/fpl-teammaker-heroku"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 7====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio3.JPG" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Undergrad Final Year Project</h3>
                            <h4 class="portfolio__subtitle">Natural Language Processing</h4>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Built a text simplification system that can work on text and simplify it by removing
                                    difficult-to-understand words</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Modeled and trained Transformer models that internalized the semantics of and
                                    recognized complex words in input </p>
                            </li>

                            <li class="qualification__modal-work portfolio__description">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Improved the performance of the application by preceding the transformer architecture
                                    with a Complex Word
                                    Identification (90.23% accuracy) model that flagged the complex words beforehand
                                </p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/pytorch.png">
                                <img src="assets/img/Tech/flask.png">
                                <img src="assets/img/Tech/selenium.png">
                            </div>

                            <a href="https://github.com/kunjmehta/nlp-simplification"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 8====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio5.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Abalone Age Prediction</h3>
                            <h4 class="portfolio__subtitle">Machine Learning - Regression</h4>

                            <li class="qualification__modal-work portfolio__description" style="font-size: medium;">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Determined the ages of abalones (snails) using classification techniques and
                                    leveraging their physical characteristics</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description" style="font-size: medium;">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Improved the accuracy of determining age using regression techniques and obtained a
                                    MAE of 0.936</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description" style="font-size: medium;">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Concluded that the dataset is not large enough to get the desired MAE of 0.5 implying
                                    correct age prediction</p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/python.png">
                                <img src="assets/img/Tech/pandas.png">
                                <img src="assets/img/Tech/matplotlib.png">
                                <img src="assets/img/Tech/numpy.png">
                                <img src="assets/img/Tech/scikit.png">
                            </div>

                            <a href="https://github.com/kunjmehta/abalone-age-prediction"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 9====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio6.jpg" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Alien Shooter</h3>
                            <h4 class="portfolio__subtitle">Python Game Development</h4>

                            <li class="qualification__modal-work portfolio__description" style="font-size: medium;">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Expanded the ‘Space Invader’ game to include three modes of play: Arcade, Timed and
                                    Survival </p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/python.png">
                            </div>

                            <a href="https://github.com/kunjmehta/alien-shooter"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== PORTFOLIO 10====================-->
                    <div class="portfolio__content grid swiper-slide">
                        <img src="assets/img/Portfolio/portfolio4.JPG" alt="" class="portfolio__img">

                        <div class="portfolio__data">
                            <h3 class="portfolio__title">Reminder - Todo List</h3>
                            <h4 class="portfolio__subtitle">Android Development</h4>

                            <li class="qualification__modal-work portfolio__description" style="font-size: medium;">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Developed an Android application that acts as a combination of a reminder app and a
                                    notes app</p>
                            </li>

                            <li class="qualification__modal-work portfolio__description" style="font-size: medium;">
                                <i class="uil uil-check-circle qualification__modal-icon"></i>
                                <p>Published the app on Google Play Store, and currently has 50+ installs with a rating
                                    of 4.6</p>
                            </li>

                            <h4 class="portfolio__subtitle">Tech Stack</h4>

                            <div class="portfolio_tech_icons">
                                <img src="assets/img/Tech/android.png">
                                <img src="assets/img/Tech/java.png">
                            </div>

                            <a href="https://github.com/kunjmehta/Reminder"
                                class="button button--flex button--small portfolio__button">
                                View Code
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                </div>

                <!-- Add Arrows -->
                <div class="swiper-button-next">
                    <i class="uil uil-angle-right-b swiper-portfolio-icon"></i>
                </div>
                <div class="swiper-button-prev">
                    <i class="uil uil-angle-left-b swiper-portfolio-icon"></i>
                </div>

                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>

            </div>
        </section>

        <!--==================== RESEARCH PAPERS ====================-->
        <section class="research section" id="research">
            <h2 class="section__title">Research</h2>
            <span class="section__subtitle">My Publications</span>

            <div class="research__container container grid">
                <!--==================== PAPER 1====================-->
                <div class="research__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <h3 class="research__title">International Journal of Computer Applications</h3>
                        <h4 class="research__subtitle">Vol. 178, No. 50 (43-49)</h4>
                        <h4 class="research__subtitle">Abstract</h4>
                        <p class="research__description">Abalones are sea snails or molluscs otherwise commonly called
                            as ear shells or sea ears. Because of the
                            economic importance of the age of the abalone and the cumbersome process that is involved in
                            calculating it,
                            much research has been done to solve the problem of abalone age prediction using its
                            physical measurements
                            available in the UCI dataset. This paper reviews the various methods like decision trees,
                            clustering, SVM using Tomek links,
                            CGANs and CasCor used in an attempt to solve it. Furthermore, in contrast to previous
                            research that saw this as a classification
                            problem, this paper approaches it as a linear regression problem and analyses the results.
                        </p>
                    </div>

                    <a class="button button--flex button--small button--link research__button"
                        href="https://www.ijcaonline.org/archives/volume178/number50/30895-2019919425">
                        Read it!
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

                <!--==================== PAPER 2====================-->
                <div class="research__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <h3 class="research__title">International Journal of Computer Sciences and Engineering</h3>
                        <h4 class="research__subtitle">Vol. 8, Issue 6 (1-5)</h4>
                        <h4 class="research__subtitle">Abstract</h4>
                        <p class="research__description">Natural Language Processing is an active and emerging field of
                            research in the computer sciences. Within it is the subfield of
                            text simplification which is aimed towards teaching the computer the so far primarily manual
                            task of simplifying text, efficiently. While handcrafted
                            systems using syntactic techniques were the first simplification systems, Recurrent Neural
                            Networks and Long Short Term Memory networks employed in
                            seq2seq models with attention were considered state-of-the-art until very recently when the
                            transformer architecture which did away with the computational
                            problems that plagued them. This paper presents our work on simplification using the
                            transformer architecture in the process of making an end-to-end
                            simplification system for linguistically complex reference books written in English and our
                            findings on the drawbacks/limitations of the transformer during the
                            same. We call these drawbacks as the Fact Illusion Induction, Named Entity Problem and Deep
                            Network Problem and try to theorize the possible reasons for them. </p>
                    </div>

                    <a class="button button--flex button--small button--link research__button"
                        href="https://www.ijcseonline.org/full_paper_view.php?paper_id=5136">
                        Read it!
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

            </div>
        </section>

        <!--==================== CERTIFICATIONS ====================-->
        <section class="certification section" id="certification">
            <h2 class="section__title">Certifications</h2>
            <span class="section__subtitle">Extra Courses I have Undertaken</span>

            <div class="certification__container container grid">

                <!--==================== CERTIFICATION 1 ====================-->
                <div class="certification__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <p style="text-align: center;"><img src="assets/img/Certifications/garp.jpg"></p>
                        <h4 class="certification__title">GARP FRM Part I</h4>
                        <h4 class="certification__subtitle">Expiry Date: Does not expire</h4>
                    </div>

                    <a class="button button--flex button--small button--link certification__button"
                        href="https://drive.google.com/file/d/1Fg5XsNW9fmAzeZrdv5NB_p07nSgzrnFG/view?usp=sharing">
                        View Certificate
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

                <!--==================== CERTIFICATION 2 ====================-->
                <div class="certification__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <p style="text-align: center;"><img src="assets/img/Certifications/aws.png"></p>
                        <h4 class="certification__title">Certified Cloud Practitioner</h4>
                        <h4 class="certification__subtitle">Expiry Date: July 17, 2024</h4>
                    </div>

                    <a class="button button--flex button--small button--link certification__button"
                        href="https://www.credly.com/badges/5b92970f-4a21-4717-bf19-0c702de522ac/public_url">
                        View Certificate
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

                <!--==================== CERTIFICATION 3 ====================-->
                <div class="certification__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <p style="text-align: center;"><img src="assets/img/Certifications/looker.png"></p>
                        <h4 class="certification__title">LookML Developer</h4>
                        <h4 class="certification__subtitle">Expiry Date: March 28, 2022</h4>
                    </div>

                    <a class="button button--flex button--small button--link certification__button"
                        href="https://drive.google.com/file/d/15dk_qu9CPHRRjhseHoL5VIGWNJveZbWU/view">
                        View Certificate
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

                <!--==================== CERTIFICATION 4 ====================-->
                <div class="certification__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <p style="text-align: center;"><img src="assets/img/Certifications/udacity.jpg"></p>
                        <h4 class="certification__title">AWS Machine Learning Engineer Nanodegree</h4>
                        <h4 class="certification__subtitle">Expiry Date: Does not expire</h4>
                    </div>

                    <a class="button button--flex button--small button--link certification__button"
                        href="https://graduation.udacity.com/confirm/DFDKLGSW">
                        View Certificate
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

                <!--==================== CERTIFICATION 5 ====================-->
                <div class="certification__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <p style="text-align: center;"><img src="assets/img/Certifications/coursera.png"></p>
                        <h4 class="certification__title">Applied Data Science with Python Specialization</h4>
                        <h4 class="certification__subtitle">Expiry Date: Does not expire</h4>
                    </div>

                    <a class="button button--flex button--small button--link certification__button"
                        href="https://www.coursera.org/account/accomplishments/specialization/certificate/Z2YVGAYCHTKM">
                        View Certificate
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

                <!--==================== CERTIFICATION 6 ====================-->
                <div class="certification__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <p style="text-align: center;"><img src="assets/img/Certifications/coursera.png"></p>
                        <h4 class="certification__title">Machine Learning</h4>
                        <h4 class="certification__subtitle">Expiry Date: Does not expire</h4>
                    </div>

                    <a class="button button--flex button--small button--link certification__button"
                        href="https://www.coursera.org/account/accomplishments/verify/8FT7CP6J5WC8">
                        View Certificate
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

                <!--==================== CERTIFICATION 7 ====================-->
                <div class="certification__content">
                    <div>
                        <!-- <i class="uil uil-web-grid research__icon"></i> -->
                        <p style="text-align: center;"><img src="assets/img/Certifications/coursera.png"></p>
                        <h4 class="certification__title">Deep Learning Specialization</h4>
                        <h4 class="certification__subtitle">Expiry Date: Does not expire</h4>
                    </div>

                    <a class="button button--flex button--small button--link certification__button"
                        href="https://www.coursera.org/account/accomplishments/specialization/certificate/LFMUVMPWLGSL">
                        View Certificate
                        <i class="uil uil-arrow-right button__icon"></i>
                    </a>
                </div>

            </div>
        </section>

        <!--==================== BLOG ====================-->
        <section class="blog section" id="blog">
            <h2 class="section__title">Blog</h2>
            <span class="section__subtitle">My Technical Articles </span>

            <div class="blog__container container swiper-container">
                <div class="swiper-wrapper">


                    <!--==================== BLOG 1====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog9.jpeg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">5 Minute Paper Explanations: Food AI Part I</h3>
                            <p class="blog__description">Intuitive deep dive of the im2recipe paper “Learning
                                Cross-modal Embeddings for Cooking Recipes and Food Images”</p>

                            <a href="https://towardsdatascience.com/5-minute-paper-explanations-food-ai-part-i-9276b61873c1"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>


                    <!--==================== BLOG 2====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog10.jpeg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">5-Minute Paper Explanations: Food AI Part II</h3>
                            <p class="blog__description">Intuitive deep dive of im2recipe related paper “Dividing and
                                Conquering Cross-Modal Recipe Retrieval: from Nearest Neighbours Baselines to SoTA”</p>

                            <a href="https://towardsdatascience.com/5-minute-paper-explanations-food-ai-part-ii-c085b2789bd1"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>


                    <!--==================== BLOG 3====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog11.jpeg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">5-Minute Paper Explanations: Food AI Part III</h3>
                            <p class="blog__description">Intuitive deep dive of im2recipe related paper “Cross-Modal
                                Retrieval and Synthesis (X-MRS): Closing the Modality Gap in Shared Representation
                                Learning”</p>

                            <a href="https://towardsdatascience.com/5-minute-paper-explanations-food-ai-part-iii-bd7256473c4d"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>


                    <!--==================== BLOG 4====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog12.jpeg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">5-Minute Paper Explanations: Food AI Part IV</h3>
                            <p class="blog__description">Intuitive deep dive of im2recipe related paper “Transformer
                                Decoders with Multimodal Regularization for Cross-Modal Food Retrieval”</p>

                            <a href="https://towardsdatascience.com/5-minute-paper-explanations-food-ai-part-iv-902e5131fd8d"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 5====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog8.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">Why Gradient Descent Works?</h3>
                            <p class="blog__description">Everybody knows what Gradient Descent is and how it works. Ever
                                wondered why it works? Here’s a mathematical explanation</p>

                            <a href="https://towardsdatascience.com/why-gradient-descent-works-4e487d3c84c1"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 6====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog7.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">A Philosophical Look at Climate Change</h3>
                            <p class="blog__description">… And why its here to stay</p>

                            <a href="https://medium.com/the-environmental-reporter/a-philosophical-look-at-climate-change-5f5a2922f761"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 7====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog6.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">10 Points to Make it Big in the Data Industry</h3>
                            <p class="blog__description">People want to make careers here. But they are often deafened
                                by the noise that surrounds them.</p>

                            <a href="https://towardsdatascience.com/10-points-to-make-it-big-in-the-data-industry-db62dfdcd9f2"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 8====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog5.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">What Mainstream AI is (Not) Doing</h3>
                            <p class="blog__description">The pandemic accelerated AI adoption — and made Big Tech richer
                                — but did AI adoption happen in the places
                                where it was needed?</p>

                            <a href="https://towardsdatascience.com/what-mainstream-ai-is-not-doing-9a2f7236a4f7"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 9====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog4.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">Introduction to PySpark via AWS EMR and Hands-on EDA</h3>
                            <p class="blog__description">Performing EDA on NY Taxi Fare Dataset to see PySpark in action
                                — because cloud computing is the next big thing!</p>

                            <a href="https://pub.towardsai.net/introduction-to-pyspark-via-aws-emr-and-hands-on-eda-de1866d641f5"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 10====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog3.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">Fantasy Premier League x Data Analysis: Being Among the Top 2%</h3>
                            <p class="blog__description">A brief overview of the application I built, in which I have
                                employed data analysis to power my FPL team up the charts</p>

                            <a href="https://towardsdatascience.com/fantasy-premier-league-x-data-analysis-being-among-the-top-2-98a714a1d170"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 11 ====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog2.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">Kernel Regression from Scratch in Python</h3>
                            <p class="blog__description">Everyone knows Linear Regression, but do you know Kernel
                                Regression?</p>

                            <a href="https://towardsdatascience.com/kernel-regression-from-scratch-in-python-ea0615b23918"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                    <!--==================== BLOG 12====================-->
                    <div class="blog__content grid swiper-slide">
                        <img src="assets/img/Blog/blog1.jpg" alt="" class="blog__img">

                        <div class="blog__data">
                            <h3 class="blog__title">Intro to Machine Learning via the Abalone Age Prediction Problem
                            </h3>
                            <p class="blog__description">The best way to dive into ML is to see it in action. Here it
                                is!</p>

                            <a href="https://blog.usejournal.com/intro-to-machine-learning-via-the-abalone-age-prediction-problem-4e290a8b2ed3"
                                class="button button--flex button--small portfolio__button">
                                Read it!
                                <i class="uil uil-arrow-right button__icon"></i>
                            </a>
                        </div>
                    </div>

                </div>

                <!-- Add Arrows -->
                <div class="swiper-button-next">
                    <i class="uil uil-angle-right-b swiper-portfolio-icon"></i>
                </div>
                <div class="swiper-button-prev">
                    <i class="uil uil-angle-left-b swiper-portfolio-icon"></i>
                </div>

                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>

            </div>
        </section>

        <!--==================== CONTACT ME ====================-->
        <section class="contact section" id="contact">
            <h2 class="section__title">Contact Me</h2>
            <span class="section__subtitle">Get in Touch</span>

            <div class="contact__container container grid">
                <div>
                    <div class="contact__information">
                        <i class="uil uil-phone contact__icon"></i>

                        <div>
                            <h3 class="contact__title">Call Me</h3>
                            <span class="contact__subtitle">+1 (848) 437-1589</span>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="contact__information">
                        <i class="uil uil-envelope contact__icon"></i>

                        <div>
                            <a href="mailto: kunjcmehta@gmail.com">
                                <h3 class="contact__title">Email</h3>
                            </a>
                            <a href="mailto: kunjcmehta@gmail.com"><span
                                    class="contact__subtitle">kunjcmehta@gmail.com</span></a>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="contact__information">
                        <i class="uil uil-map-marker contact__icon"></i>

                        <div>
                            <h3 class="contact__title">Location</h3>
                            <span class="contact__subtitle">New York, NY, USA</span>
                        </div>
                    </div>
                </div>
            </div>

        </section>
    </main>

    <!--==================== FOOTER ====================-->
    <footer class="footer">
        <div class="footer__bg">
            <div class="footer__container container grid">
                <div>
                    <h1 class="footer__title">Kunj</h1>
                    <!-- <span class="footer__subtitle">Data Scientist</span> -->
                </div>

                <ul class="footer__links">
                    <li>
                        <a href="#skills" class="footer__link">Skills</a>
                    </li>
                    <li>
                        <a href="#portfolio" class="footer__link">Portfolio</a>
                    </li>
                    <li>
                        <a href="#research" class="footer__link">Research</a>
                    </li>
                    <li>
                        <a href="#certification" class="footer__link">Certifications</a>
                    </li>
                    <li>
                        <a href="#blog" class="footer__link">Blog</a>
                    </li>
                    <li>
                        <a href="#contact" class="footer__link">Contact</a>
                    </li>
                </ul>

                <div class="footer__socials">
                    <a href="https://www.linkedin.com/in/kunjmehta" target="_blank" class="footer__social">
                        <i class="uil uil-linkedin-alt"></i>
                    </a>

                    <a href="https://www.github.com/kunjmehta" target="_blank" class="footer__social">
                        <i class="uil uil-github-alt"></i>
                    </a>

                    <a href="https://www.twitter.com/@kunjmehta10" target="_blank" class="footer__social">
                        <i class="uil uil-twitter-alt"></i>
                    </a>

                    <a href="https://www.medium.com/@kunjmehta10" target="_blank" class="footer__social">
                        <i class="uil uil-medium-m"></i>
                    </a>

                    <a href="https://www.leetcode.com/@kunjmehta10" target="_blank" class="footer__social">
                        <i class="uil uil-arrow"></i>
                    </a>

                </div>
            </div>

            <p class="footer__copy">&#169; 2022 Kunj Mehta. All rights reserved</p>
        </div>
    </footer>

    <!--==================== SCROLL TOP ====================-->
    <a href="#" class="scrollup" id="scroll-up">
        <i class="uil uil-arrow-up scrollup__icon"></i>
    </a>

    <!--==================== SWIPER JS ====================-->
    <script src="assets/js/swiper-bundle.min.js"></script>

    <!--==================== MAIN JS ====================-->
    <script src="assets/js/main.js"></script>
</body>

</html>