<!DOCTYPE html>
<html lang="en">

<head>
    <!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="I'm the One!">
    <meta name="keywords" content="bhoobalan, bhoo, portfolio ">
    <meta name="author" content="Bhoobalan">
    <!-- PAGE TITLE -->
    <title>Bhoobalan B R</title>
    <!-- FAV ICON -->
    <link rel="apple-touch-icon" href="assets/images/favicon.png">
    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
    <!-- ALL GOOGLE FONTS -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <!-- BOOTSTRAP CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!-- FONT AWESOME CSS -->
    <link rel="stylesheet" href="assets/fonts/remixicon.css" />
    <!-- MAGNIFIC CSS -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!-- NICE SELECT CSS -->
    <link rel="stylesheet" href="assets/css/nice-select.min.css" />
    <!-- ANIMATE CSS -->
    <link rel="stylesheet" href="assets/css/animate.min.css" />
    <!-- SLICK CSS -->
    <link rel="stylesheet" href="assets/css/slick.min.css" />
    <!-- SPACING CSS -->
    <link rel="stylesheet" href="assets/css/spacing.css" />
    <!-- MAIN STYLE CSS -->
    <link rel="stylesheet" href="assets/css/style.css" />
    <!-- RESPONSIVE CSS -->
    <link rel="stylesheet" href="assets/css/responsive.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <!-- START PRELOADER AREA-->
    <div class="preloader">
        <svg viewbox="0 0 1000 1000" preserveaspectratio="none">
            <path id="preloaderSvg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
        </svg>
        <div class="preloader-heading">
            <div class="load-text">
                <span>L</span>
                <span>o</span>
                <span>a</span>
                <span>d</span>
                <span>i</span>
                <span>n</span>
                <span>g</span>
            </div>
        </div>
    </div>
    <!-- END PRELOADER AREA -->
    <!-- START MENU DESIGN AREA -->
    <header class="main-header">
        <div class="header-upper">
            <div class="container">
                <div class="header-inner d-flex align-items-center">
                    <!-- START LOGO DESIGN AREA -->
                    <div class="logo-outer">
                        <div class="logo">
                            <a href="index.html"><img src="assets/images/logo.png" alt="Logo" title="Logo" style="width: 170px; height: auto;"/></a>
                        </div>
                    </div>
                    <!-- / END LOGO DESIGN AREA -->
                    <!-- START NAV DESIGN AREA -->
                    <div class="nav-outer clearfix mx-auto">
                        <!-- Main Menu -->
                        <nav class="main-menu navbar-expand-lg">
                            <div class="navbar-header">
                                <div class="mobile-logo">
                                    <a href="index.html">
                                        <img src="assets/images/logo.png" alt="Logo" title="Logo" />
                                    </a>
                                </div>
                                <!-- Toggle Button -->
                                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target=".navbar-collapse">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="navbar-collapse collapse">
                                <ul class="navigation onepage clearfix">
                                    <li><a class="nav-link-click" href="index.html">Home</a></li>                                    
                                    <li><a class="nav-link-click" href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </nav>
                        <!-- / END NAV DESIGN AREA -->
                    </div>
                    <div class="menu-btns">
                        <a href="contact.html" class="theme-btn">Hire Me<i class="ri-shake-hands-line"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- / END MENU DESIGN AREA -->
    <!-- START ABOUT DESIGN AREA -->
    <section id="about" class="about-area">
        <div class="container">
            <div class="row">
                <!-- START ABOUT IMAGE DESIGN AREA -->
                <div class="col-lg-4">
                    <div class="about-image-part wow fadeInUp delay-0-3s">
                        <img src="assets/images/about/profile.png" alt="About Me" />
                        <h2>Bhoobalan B R</h2>
                        <p>I am a Focus Expert, Problem Solver and Deliverer</p>
                        <div class="about-social text-center">
                            <ul>
                                <li><a href="https://www.linkedin.com/in/bhoobalan-b-r/" target="_blank"><i class="ri-linkedin-fill"></i></a></li>
                                <li><a href="https://github.com/bhoobalan-bhoo" target="_blank"><i class="ri-github-line"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- / END ABOUT IMAGE DESIGN AREA -->
                <!-- START ABOUT TEXT DESIGN AREA -->
                <div class="col-lg-8">
                    <div class="about-content-part wow fadeInUp delay-0-2s">
                        <p>Hello There!</p>
                        <h2>
                           Driven <span style="color: #EB5D3A;margin: 0;padding: 0;">Full Stack Developer</span> blending innovation and precision to craft impactful solutions
                        </h2>
                        <div class="adress-field">
                            <ul>
                                <li><i class="ri-circle-fill"></i>Open to Work!</li>
                            </ul>
                        </div>
                        <div class="hero-btns">
                            <a href="https://bhoobalan.s3.ap-south-1.amazonaws.com/Bhoobalan-B-R.pdf" class="theme-btn" target="_blank">Download CV <i class="ri-download-line"></i></a>
                        </div>
                    </div>
                    <div class="about-content-part-bottom wow fadeInUp delay-0-2s">
                        <h2>Technologies I've Worked With</h2>
                        <div class="company-list">
                            <div class="scroller" data-direction="left" data-speed="slow">
                                <div class="scroller__inner">
                                    <img src="assets/images/tech/c.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/go.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/vue-9.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/react.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/amazon-aws.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/aws-dynamodb.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/docker.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/grafana.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/laravel.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/mongodb.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/mysql.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/nodejs.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/postgresql.svg" alt="" style="max-width: 70px; height: auto;" />
                                    <img src="assets/images/tech/python.svg" alt="" style="max-width: 70px; height: auto;" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- / END ABOUT TEXT DESIGN AREA -->
            </div>
        </div>
    </section>
    <section id="about" class="about-single-area innerpage-single-area">
        <div class="container">
            <div class="row">
                <!-- START ABOUT IMAGE DESIGN AREA -->
                <div class="col-lg-4">
                    <div class="about-image-part wow fadeInUp delay-0-3s">
                        <img src="assets/images/about/profile-2.webp" alt="About Me" />
                        <div class="about-social text-center">
                            <h5 style="color: #8E8E8E;margin: 0;padding: 0;">
                                <span style="color: #EB5D3A;">A</span>daptable, 
                                <span style="color: #EB5D3A;">C</span>lever, 
                                <span style="color: #EB5D3A;">I</span>nnovative, 
                                <span style="color: #EB5D3A;">D</span>etermined
                            </h5>
                            
                        </div>
                        </span>
                    </div>

                </div>
                <!-- / END ABOUT IMAGE DESIGN AREA -->
                <!-- START ABOUT TEXT DESIGN AREA -->
                <div class="col-lg-8">
                    <div class="about-content-part wow fadeInUp delay-0-2s">
                        <h2>
                            I'm <span style="color: #EB5D3A;margin: 0;padding: 0;">Bhoobalan</span>, Software Engineer 
                        </h2>
                        <p>🔢 A tech enthusiast who thrives on solving challenges, exploring new horizons in technology, and tackling NP-complete problems with analytical precision.</p>
<p>🎓 Explored cybersecurity during college, mastering SQL injection, backdoor access, SS7 attacks, HackRF, XSS attacks, Burp Suite, Wireshark, ransomware, and more. Used to hack systems and break the flow to understand vulnerabilities.</p>
<p>🛠️ Started an internship, learned DevOps fundamentals, backend development, and advanced AWS concepts like storage, traffic shaping, egress, P99, and NAT64.</p>
<p>🤖 Focused on AI and ML—working with CNNs, RNNs, data science, deep learning, fine-tuning models, and creating LLMs for cutting-edge solutions.</p>
<p>🚗 Passionate about drifting in cars, blending precision, control, and adrenaline.</p>
                        <div class="hero-btns">
                            <a href="contact.html" class="theme-btn">Get In touch<i class="ri-mail-send-line"></i></a>
                        </div>
                    </div>
                </div>
                <!-- / END ABOUT TEXT DESIGN AREA -->
            </div>
        </div>
    </section>
    <section id="resume" class="resume-area">
        <div class="container">
            <div class="resume-items">
                <div class="row">
                    <!-- START EXPERIENCE RESUME DESIGN AREA -->
                    <div class="col-xl-6 col-md-6">
                        <div class="single-resume">
                            <h2>Experience</h2>
                            <div class="experience-list">
                                <!-- START SINGLE RESUME DESIGN AREA -->
                                <div class="resume-item wow fadeInUp delay-0-3s" href="https://www.codestax.ai/"> 
                                    <div class="icon">
                                        <i class="ri-book-line"></i>
                                    </div>
                                    <div class="content">
                                        <span class="years">2024 - Present</span>
                                        <h4>Software Development Engineer - 1</h4>
                                        <span class="company"> Codestax.Ai</span>
                                    </div>
                                </div>
                                <!-- / END SINGLE RESUME DESIGN AREA -->
                                <!-- START SINGLE RESUME DESIGN AREA -->
                                <div class="resume-item wow fadeInUp delay-0-3s">
                                    <div class="icon">
                                        <i class="ri-book-line"></i>
                                    </div>
                                    <div class="content">
                                        <span class="years">2023 - 2024</span>
                                        <h4>Software Development Intern</h4>
                                        <span class="company"> Codestax.Ai</span>
                                    </div>
                                </div>
                                <!-- / END SINGLE RESUME DESIGN AREA -->
                                <!-- START SINGLE RESUME DESIGN AREA -->
                                <div class="resume-item wow fadeInUp delay-0-3s">
                                    <div class="icon">
                                        <i class="ri-book-line"></i>
                                    </div>
                                    <div class="content">
                                        <span class="years">2022-2023</span>
                                        <h4>Software Development Intern </h4>
                                        <span class="company"> IT Operations, BIT</span>
                                    </div>
                                </div>
                                <!-- / END SINGLE RESUME DESIGN AREA -->
                            </div>
                        </div>
                    </div>
                    <!-- // END EXPERIENCE RESUME DESIGN AREA -->
                    <!-- START EDUCATION RESUME DESIGN AREA -->
                    <div class="col-xl-6 col-md-6">
                        <div class="experience-list">
                            <div class="single-resume">
                                <h2>Education</h2>
                                <!-- START SINGLE RESUME DESIGN AREA -->
                                <div class="resume-item wow fadeInUp delay-0-3s">
                                    <div class="icon">
                                        <i class="ri-book-line"></i>
                                    </div>
                                    <div class="content">
                                        <span class="years">2020 - 2024</span>
                                        <h4>Bachelor of Engineering in Computer Science</h4>
                                        <span class="company">Bannari Amman Institute of Technology, Erode  || CGPA: 8.9
                                        </span>
                                    </div>
                                </div>
                                <!-- / END SINGLE RESUME DESIGN AREA -->
                                <!-- START SINGLE RESUME DESIGN AREA -->
                                <div class="resume-item wow fadeInUp delay-0-3s">
                                    <div class="icon">
                                        <i class="ri-book-line"></i>
                                    </div>
                                    <div class="content">
                                        <span class="years">2018 - 2020</span>
                                        <h4>Higher Secondary Education </h4>
                                        <span class="company">SSM Lakshmi Ammal Higher Secondary School, Nammakal</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- // END EDUCATION RESUME DESIGN AREA -->
                </div>
            </div>
        </div>
    </section>

    <section id="portfolio" class="projects-area">
        <div class="container">
            <div class="container-inner">
                <div class="row">
                    <div class="col-xl-12 col-lg-12">
                        <div class="section-title text-center wow fadeInUp delay-0-2s">
                            <h2>Works & Projects</h2>
                        </div>
                    </div>
                </div>
                <ul class="project-filter filter-btns-one justify-content-left pb-15 wow fadeInUp delay-0-2s">
                    <li data-filter="*" class="current">Show All</li>
                    <li data-filter=".design">Web Development</li>
                    <li data-filter=".branding">Core Interceptors</li>
                    <li data-filter=".marketing">Photoshop Development</li>
                </ul>
                <div class="row project-masonry-active">
                    <!-- START SINGLE PORTFOLIO DESIGN AREA -->
                    <div class="col-lg-4 col-md-6 item design">
                        <div class="project-item style-two wow fadeInUp delay-0-3s">
                            <div class="project-image">
                                <img src="assets/images/projects/nest-head.webp" alt="Project" style="border-radius: 20px; max-height: 25em">
                                <a href="nest-project.html" class="details-btn"><i class="ri-arrow-right-up-line"></i></a>
                            </div>
                            <div class="project-content">
                                <h3>Nest Pharmaceuticals Dash</h3>
                            </div>
                        </div>
                    </div>
                    <!-- / END SINGLE PORTFOLIO DESIGN AREA -->

                    <!-- START SINGLE PORTFOLIO DESIGN AREA -->
                    <div class="col-lg-4 col-md-6 item branding">
                        <div class="project-item style-two wow fadeInUp delay-0-3s">
                            <div class="project-image">
                                <img src="assets/images/projects/sys-head.webp" alt="Project" style="border-radius: 20px; max-height: 25em">
                                <a href="sys-project.html" class="details-btn"><i class="ri-arrow-right-up-line"></i></a>
                            </div>
                            <div class="project-content">
                                <h3>System Utilization Analyzer</h3>
                            </div>
                        </div>
                    </div>
                    <!-- / END SINGLE PORTFOLIO DESIGN AREA -->

                    
                    <!-- START SINGLE PORTFOLIO DESIGN AREA -->
                    <div class="col-lg-4 col-md-6 item branding">
                        <div class="project-item style-two wow fadeInUp delay-0-3s">
                            <div class="project-image">
                                <img src="assets/images/projects/wallet-head.webp" alt="Project" style="border-radius: 20px; max-height: 25em">
                                <a href="wallet-project.html" class="details-btn"><i class="ri-arrow-right-up-line"></i></a>
                            </div>
                            <div class="project-content">
                                <h3>Codebreaker's Quest: Web3 Wallet</h3>
                            </div>
                        </div>
                    </div>
                    <!-- / END SINGLE PORTFOLIO DESIGN AREA -->

                    <!-- START SINGLE PORTFOLIO DESIGN AREA -->
                    <div class="col-lg-4 col-md-6 item marketing">
                        <div class="project-item style-two wow fadeInUp delay-0-3s">
                            <div class="project-image">
                                <img src="assets/images/projects/qrcode-head.webp" alt="Project" style="border-radius: 20px; max-height: 25em">
                                <a href="qrcode-project.html" class="details-btn"><i class="ri-arrow-right-up-line"></i></a>
                            </div>
                            <div class="project-content">
                                <h3>QR based Feedback System</h3>
                            </div>
                        </div>
                    </div>
                <!-- / END SINGLE PORTFOLIO DESIGN AREA -->
                </div>
            </div>
        </div>
    </section>
    <!-- / END ABOUT DESIGN AREA -->
    <!-- START RESUME EXPERIENCE DESIGN AREA -->
  

    <section id="services" class="services-area innerpage-single-area">
        <div class="container">
            <div class="container-inner">
                <div class="row">
                    <div class="col-xl-12 col-lg-12">
                        <div class="section-title text-center wow fadeInUp delay-0-2s">
                            <p>Achievements</p>
                            <h2>Quality Achievements</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <!-- START SINGLE SERVICE DESIGN AREA -->
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item wow fadeInUp delay-0-2s">
                            <img src="assets/images/achievements/leetcode.png" alt="LeetCode" style="width: 12.5em; height: 100;">
                            <p>LeetCode enthusiast with 288+ problems solved across Easy, Medium, and Hard levels, consistently sharpening problem-solving skills.</p>
                            <br>
                            <img src="assets/images/achievements/2024-50-lg.png" alt="50 Days Badge 2024" style="width: 3.7em; height:3.7em;">
                            <img src="assets/images/achievements/2024-100-lg.png" alt="100 Days Badge 2024" style="width: 3.7em; height:3.7em;">
                        </div>
                    </div>
                    <!-- / END SINGLE SERVICE DESIGN AREA -->
                    <!-- START SINGLE SERVICE DESIGN AREA -->
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item wow fadeInUp delay-0-4s">
                            <img src="assets/images/achievements/bug-bounty.png" alt="LeetCode" style="width: 14em; height: 100; margin-bottom: 1em; border-radius: 1em;">
                            <p>Identified and reported a Data Leak Vulnerability in Grafana during a POST request from the user end (11/2022), helping developers secure data flow and enhance platform security.
                            </p>
                        </div>
                    </div>
                    <!-- / END SINGLE SERVICE DESIGN AREA -->
                    <!-- START SINGLE SERVICE DESIGN AREA -->
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item wow fadeInUp delay-0-6s">
                        <img src="assets/images/achievements/sih-2022.png" alt="LeetCode" style="width: 14em; height: 100; margin-bottom: 1em; border-radius: 1em;">
                        <p>Grand Finalist - Smart India Hackathon 2022: Developed an ML model for Sanskrit Voice Recognition using HMM and MFCCs.
                        </p>
                    </div>
                    </div>
                    <!-- / END SINGLE SERVICE DESIGN AREA -->
                </div>
            </div>
        </div>
    </section>

    <section class="call-to-action-area"></section>
        <div class="container">
            <div class="row">
                <!-- START ABOUT TEXT DESIGN AREA -->
                <div class="col-lg-12">
                    <div class="call-to-action-part wow fadeInUp delay-0-2s text-center">
                        <h2>Are You Ready to kickstart your project with a touch of magic?</h2>
                        <p>🍀 Feel free to connect, and let's collaborate to turn ideas into reality! 🚀 I'm also open to part-time opportunities to drive innovation, optimize solutions, and deliver outstanding technical results. 🧑‍💻</p>
                        <div class="hero-btns">
                            <a href="contact.html" class="theme-btn">Let's Talk <i class="ri-download-line"></i></a>
                        </div>
                    </div>
                </div>
                <!-- / END ABOUT TEXT DESIGN AREA -->
            </div>
        </div>
    </section>
    <!--  // END CALL TO ACTION DESIGN AREA -->
    <!-- START FOOTER DESIGN AREA -->
    <footer class="main-footer">
        <div class="footer-bottom pt-50 pb-40">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="copyright-text">
                            <p>
                                Copyright @<span id="currentYear"></span>, <a href="index.html">Bhoo</a> All
                                Rights Reserved.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="copyright-text extra-copyright">
                            <p>
                                Crafted with ❤️
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- / END FOOTER DESIGN AREA -->
    <!-- START SCROOL UP DESIGN AREA -->
    <div class="progress-wrap cursor-pointer">
        <i class="ri-arrow-up-double-line"></i>
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- / END SCROOL UP DESIGN AREA -->
    <!-- JQUERY JS -->
    <script src="assets/js/jquery-3.6.0.min.js"></script>
    <!-- BOOTSTRAP JS-->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- APPEAR JS -->
    <script src="assets/js/appear.min.js"></script>
    <!-- GSAP JS -->
    <script src="assets/js/gsap.min.js"></script>
    <!-- MAGNIFICANT JS -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- SLICK JS-->
    <script src="assets/js/slick.min.js"></script>
    <!-- NICE SELECT JS-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!-- IMAGE LOADER JS-->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <!-- ISOTOPE JS-->
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!--  WOW ANIMATION JS-->
    <script src="assets/js/wow.min.js"></script>
    <!-- SCRIPT JS-->
    <script src="assets/js/script.js"></script>
    <script>
        document.getElementById('currentYear').textContent = new Date().getFullYear();
    </script>
</body>

</html>