<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Anik Kumar Paul</title>
        <link rel="icon" href="img/title.png" type="image/x-icon">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">

        <!-- Favicon -->
        <link href="img/favicon.ico" rel="icon">

        <!-- Google Web 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=Heebo:wght@300;400;500;600;700&display=swap" rel="stylesheet">

        <!-- Icon Font Stylesheet -->
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

        <!-- Libraries Stylesheet -->
        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
        <link href="lib/animate/animate.min.css" rel="stylesheet">

        <!-- Customized Bootstrap Stylesheet -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Template Stylesheet -->
        <link href="css/style.css?v=1.2" rel="stylesheet">
        <script src="css/style.css?v=1.2"></script>

        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-4LTX5HSM7G"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-4LTX5HSM7G');
        </script>
    </head>

    <body>
        <!-- Spinner Start -->
        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
        <!-- Spinner End -->

        <div class="container">
            <div class="row g-5">
                <div class="col-lg-4 sticky-lg-top vh-100">
                    <div class="d-flex flex-column h-100 text-center overflow-auto shadow">
                        <div class="image-container">
                            <img class="img-fluid mb-4 rounded-circle" src="img/profile2.jpg" style="width: 260px; height: 260px; object-fit: cover; object-position: top; margin-top: 10px;" alt="Image">
                        </div>
                        <h1 class="text-primary mt-0">Anik Kumar Paul</h1>
                        <p> paulanik565@gmail.com </p>
                        
                        <div class="mb-4" style="height: 22px;">
                            <h4 class="typed-text-output d-inline-block text-light"></h4>
                            <div class="typed-text d-none">Data Analyst, Data Visualization, Web Developer</div>
                        </div>

                        <div class="d-flex justify-content-center mt-auto mb-3">
                            <a class="btn btn-secondary btn-square mx-1" href="https://linkedin.com/in/paulanik/" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                            <a class="btn btn-secondary btn-square mx-1" href="https://github.com/paulanik" target="_blank"><i class="fab fa-github"></i></a>
                            <a class="btn btn-secondary btn-square mx-1" href="https://a2i.gov.bd/a2i-teams/anik-kumar-paul/" target="_blank"><img src="img/a2i-logo-lottie.gif" style="width: 30px; height: 30px;"></a>
                        </div>

                        <div class="d-flex align-items-end justify-content-between border-top">
                            <!-- <a href="resume/Resume_Anik Kumar Paul.pdf" target="_blank" class="btn btn-secondary-b btn-square w-100">Download Resume</a> -->
                            <!-- <a href="cv/CV_Anik Kumar Paul.pdf" target="_blank" class="btn w-50 border-end">Download CV</a> -->
                            <!-- <a href="#experience" class="btn w-50 btn-scroll">Expericence</a> -->
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-8">
                    <div class="d-flex position-sticky top-0 align-items-end justify-content-between border-top p-0" style="z-index: 1000;">
                        <a href="#about" class="btn btn-secondary-b btn-square w-100">About Me</a>
                        <a href="#interests" class="btn btn-secondary-b btn-square w-100">Interests</a>
                        <a href="#skills" class="btn btn-secondary-b btn-square w-100">Skills</a>
                        <a href="#experience" class="btn btn-secondary-b btn-square w-100">Expericence</a>
                        <a href="#education" class="btn btn-secondary-b btn-square w-100">Education</a>
                    </div>

                    <!-- About Start -->
                    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s" id="about">
                        <h1 class="title pb-3 mb-5">About Me</h1>
                        <p>As a dynamic young professional in the data team at a2i, Anik brings passion for cutting-edge technology and a background in software engineering, 
                            having graduated with a degree in Computer Science and Engineering. His expertise lies in the realms of Machine Learning, Artificial Intelligence, and Data Analysis. 
                            He is eager to explore the intersection of data and innovation, and dedicated to contributing his skills and knowledge to drive impactful solutions in the ever-evolving landscape of technology.</p>
                        <div class="row g-4">
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-4">
                                    <h1 class="flex-shrink-0 display-5 text-primary mb-0" data-toggle="counter-up">20</h1>
                                    <div class="ps-3">
                                        <p class="mb-0">Months of</p>
                                        <h5 class="mb-0">Experience</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-4">
                                    <h1 class="flex-shrink-0 display-5 text-primary mb-0" data-toggle="counter-up">9</h1>
                                    <div class="ps-3">
                                        <p class="mb-0">Data Leadership</p>
                                        <h5 class="mb-0">Trainings</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-4">
                                    <h1 class="flex-shrink-0 display-5 text-primary mb-0" data-toggle="counter-up">3</h1>
                                    <div class="ps-3">
                                        <p class="mb-0">Smart Dashboard</p>
                                        <h5 class="mb-0">Trainings</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- About End -->

                    <!-- Interests Start -->
                    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s" id="interests">
                        <h1 class="title pb-3 mb-5">Interests</h1>
                        <div class="row g-1">
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-0">
                                        <h5 class="mb-0">Data Analytics</h5>
                                        <!-- <p class="mb-0">Visualization</p> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-0">
                                        <h5 class="mb-0">Machine Learning</h5>
                                        <!-- <p class="mb-0"></p> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-0">
                                        <h5 class="mb-0">Web Development</h5>
                                        <!-- <p class="mb-0"></p> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-0">
                                        <h5 class="mb-0">Data Visualization</h5>
                                        <!-- <p class="mb-0"></p> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-0">
                                        <h5 class="mb-0">Gis Analyst</h5>
                                        <!-- <p class="mb-0"></p> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-0">
                                        <h5 class="mb-0">Remote Sensing</h5>
                                        <!-- <p class="mb-0"></p> -->
                                    </div>
                                </div>
                            </div>
                    </section>
                    <!-- Interests End -->

                    <!-- Skills Start -->
                    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s" id="skills">
                        <h1 class="title pb-3 mb-5">Skills</h1>
                        <div class="row g-1">
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">Python</h5>
                                        <p class="mb-0">Django | Flask</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">PHP</h5>
                                        <p class="mb-0">Laravel</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">JavaScript</h5>
                                        <p class="mb-0">React</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">Superset</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">PowerBI</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">Tableau</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">SQL</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">JIRA</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-6 col-xl-4">
                                <div class="d-flex bg-secondary p-3 interactive-item">
                                    <div class="ps-3">
                                        <h5 class="mb-0">ArcGIS | QGIS</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Skills End -->

                    <!-- Expericence Start -->
                    <section class="py-5 border-bottom fadeInUp" data-wow-delay="0.1s" id="experience">
                        <h1 class="title pb-3 mb-5">Expericence</h1>
                        <div class="border-start border-2 border-light pt-2 ps-5">
                            <div class="position-relative mb-4">
                                <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top: -5px; left: -50px;"></span>
                                <h5 class="mb-1">Young Professional | Data Analytics & Visualization</h5>
                                <p class="mb-2">a2i | <small>November 2023 - Present</small></p>
                                <p></p>
                            </div>
                            <div class="position-relative mb-4">
                                <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top: -5px; left: -50px;"></span>
                                <h5 class="mb-1">Business Data Analyst</h5>
                                <p class="mb-2">ITX Limited | <small>July 2023 - January 2024</small></p>
                                <p></p>
                            </div>
                            <div class="position-relative mb-4">
                                <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top: -5px; left: -50px;"></span>
                                <h5 class="mb-1">Internship</h5>
                                <p class="mb-2">a2i | <small>August 2022 - January 2023</small></p>
                                <p></p>
                            </div>
                        </div>
                    </section>
                    <!-- Expericence End -->

                    <!-- Education -->
                    <section class="py-5 border-bottom fadeInUp" data-wow-delay="0.1s" id="education">
                        <h1 class="title pb-3 mb-5">Education</h1>
                        <div class="border-start border-2 border-light pt-2 ps-5">
                            <div class="position-relative mb-4">
                                <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top: -5px; left: -50px;"></span>
                                <h5 class="mb-1">MSc in GIS</h5>
                                <p class="mb-2">Jahangirnagar University (JU) | <small>Feb 2024 - Present</small></p>
                                <p></p>
                            </div>
                            <div class="position-relative mb-4">
                                <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top: -5px; left: -50px;"></span>
                                <h5 class="mb-1">BSc in CSE</h5>
                                <p class="mb-2">American International University-Bangladesh (AIUB) | <small>Jan 2019 - Mar 2023</small></p>
                                <p></p>
                            </div>
                        </div>
                    </section>
                    <!-- Education -->

                    <!-- Portfolio Start -->
                    <!-- <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s">
                        <h1 class="title pb-3 mb-5">Portfolio</h1>
                        <div class="row">
                            <div class="col-12">
                                <div class="row">
                                    <div class="col-12 text-center mb-2">
                                        <ul class="list-inline mb-4" id="portfolio-flters">
                                            <li class="btn btn-secondary active"  data-filter="*"><i class="fa fa-star me-2"></i>All</li>
                                            <li class="btn btn-secondary" data-filter=".first"><i class="fa fa-laptop-code me-2"></i>Design</li>
                                            <li class="btn btn-secondary" data-filter=".second"><i class="fa fa-mobile-alt me-2"></i>Development</li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="row portfolio-container">
                                    <div class="col-md-6 mb-4 portfolio-item first">
                                        <div class="position-relative overflow-hidden mb-2">
                                            <img class="img-fluid w-100" src="img/portfolio-1.jpg" alt="">
                                            <div class="portfolio-btn d-flex align-items-center justify-content-center">
                                                <a href="img/portfolio-1.jpg" data-lightbox="portfolio">
                                                    <i class="bi bi-plus text-light"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-4 portfolio-item second">
                                        <div class="position-relative overflow-hidden mb-2">
                                            <img class="img-fluid w-100" src="img/portfolio-2.jpg" alt="">
                                            <div class="portfolio-btn d-flex align-items-center justify-content-center">
                                                <a href="img/portfolio-2.jpg" data-lightbox="portfolio">
                                                    <i class="bi bi-plus text-light"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-4 portfolio-item first">
                                        <div class="position-relative overflow-hidden mb-2">
                                            <img class="img-fluid w-100" src="img/portfolio-3.jpg" alt="">
                                            <div class="portfolio-btn d-flex align-items-center justify-content-center">
                                                <a href="img/portfolio-3.jpg" data-lightbox="portfolio">
                                                    <i class="bi bi-plus text-light"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-4 portfolio-item second">
                                        <div class="position-relative overflow-hidden mb-2">
                                            <img class="img-fluid w-100" src="img/portfolio-4.jpg" alt="">
                                            <div class="portfolio-btn d-flex align-items-center justify-content-center">
                                                <a href="img/portfolio-4.jpg" data-lightbox="portfolio">
                                                    <i class="bi bi-plus text-light"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section> -->
                    <!-- Portfolio End -->

                    <!-- Footer Start -->
                    <section class="wow fadeIn" data-wow-delay="0.1s">
                        <div class="bg-secondary text-light text-center p-2">							
							<!-- <p class="m-0">&copy; All Rights Reserved. Developed By <a href="https://github.com/paulanik">Paul</a> ||  <a href="blog"> Blog</a></p> -->
							<p class="m-0">&copy; All Rights Reserved. Developed By <a href="https://github.com/paulanik"  target="_blank">Paul</a></p>
                        </div>
                    </section>
                    <!-- Footer End -->
                </div>

            </div>
                <!--Start of Tawk.to Script-->
                <!-- <script type="text/javascript">
                var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
                (function(){
                var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
                s1.async=true;
                s1.src='https://embed.tawk.to/66bda57a0cca4f8a7a764aa2/1i5acsqd8';
                s1.charset='UTF-8';
                s1.setAttribute('crossorigin','*');
                s0.parentNode.insertBefore(s1,s0);
                })();
                </script> -->
                <!--End of Tawk.to Script-->
        </div>
        
        <!-- Back to Top -->
        <a href="#" class="back-to-top"><i class="fa fa-angle-double-up"></i></a>
        
        <!-- JavaScript Libraries -->
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
        <script src="lib/wow/wow.min.js"></script>
        <script src="lib/typed/typed.min.js"></script>
        <script src="lib/easing/easing.min.js"></script>
        <script src="lib/waypoints/waypoints.min.js"></script>
        <script src="lib/counterup/counterup.min.js"></script>
        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
        <script src="lib/isotope/isotope.pkgd.min.js"></script>
        <script src="lib/lightbox/js/lightbox.min.js"></script>

        <!-- Template Javascript -->
        <script src="js/main.js"></script>
    </body>
</html>
