<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Experienced Lead in Digital Consulting and Data Analytics specializing in BI & Analytics.">
    <meta name="author" content="Arpit Tandon">
    <meta name="keywords" content="Digital Consulting, BI & Analytics, Power BI, SQL Server, Azure, Data Analytics">
    <title>Arpit Tandon - Lead Digital Consultant | Business Intelligence Expert</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>
        /* Remove margin and padding from body and header to remove gap above header */
        body, header {
            margin: 0;
            padding: 0;
        }
        /* Hero section styling */
        .hero-container {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60vh; /* Full height */
            background-color: #007bff; /* Primary color for background */
            color: white;
        }

        /* Image Styling - make image large */
        .hero-img {
            width: 18%; /* Image takes up 50% of the Hero Section width */
            height: auto;
            max-height: 70vh; /* Ensure image doesn't get too tall */
            object-fit: cover; /* Keep image aspect ratio intact */
            border-radius: 10px;
            margin-right: 100px; /* Space between the image and text */
        }

        /* Hero Text Styling */
        .hero-text {
            max-width: 600px; /* Prevent text from spanning too wide */
            text-align: center;
        }

        /* Download button spinning effect */
        .btn-download i {
    display: inline-block;
    animation: downloadAnimation 2s infinite;
}

@keyframes downloadAnimation {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(0);
    }
}


.cert-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        .card {
            width: 100%;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .row {
            margin-left: 0;
            margin-right: 0;
        }
        #scrollToTopBtn {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            font-size: 18px;
            border: none;
            outline: none;
            background-color: #007bff;
            color: white;
            cursor: pointer;
            padding: 15px;
            border-radius: 4px;
        }
        #scrollToTopBtn:hover {
            background-color: #0056b3;
        }


        
    </style>
</head>
<body class="bg-light text-dark">
    <!-- Header -->
    <header class="bg-dark text-white py-3">
        <div class="container d-flex justify-content-between align-items-center">
            <nav class="d-flex align-items-center">
                <a href="#Summary" class="text-white mx-2">Summary</a>
                <a href="#Skills" class="text-white mx-2">Skills</a>
                <a href="#Experience" class="text-white mx-2">Experience</a>
                <a href="#Education" class="text-white mx-2">Education</a>
                <a href="#Certification" class="text-white mx-2">Certification</a>
            </nav>
            <div class="d-flex">
                <a href="mailto:arpit.tandon.uk@gmail.com" class="btn text-light bg-dark btn-sm mx-2">
                    <i class="fas fa-envelope"></i> Email Me
                </a>
                <a href="https://www.linkedin.com/in/arpittandonuk" class="btn text-light bg-dark btn-sm mx-2" target="_blank">
                    <i class="fab fa-linkedin"></i> LinkedIn
                </a>                
            </div>
        </div>
    </header>
    

    <!-- Hero Section -->
    <section class="hero-container">
        <img src="images/AT.png" alt="Arpit Tandon" class="hero-img">
        <div class="hero-text">
            <h1>Arpit Tandon</h1>            
            <!-- New text added here -->
            <h6>Lead Digital Consultant | Business Intelligence Expert</h6>
            <p>Empowering businesses with innovative analytics and BI solutions.</p>
            <p>⏰ 14 Years in BI & Analytics || 🔌 Power Platform SME || 🎓 Microsoft Certified</p>
            <p>👉 No Sponsorship Required (Holds ILR/PR UK)</p>
            <a href="ArpitTandon-Resume.pdf" target="_blank" class="btn btn-light btn-download">
                <i class="fas fa-download"></i> Download Resume
            </a>
        </div>
    </section>

<!-- About Section -->
<section id="Summary" class="py-5">
    <div class="container">
        <div class="d-flex justify-content-center align-items-center mb-4">
            <i class="fas fa-tasks me-3" style="color: #007bff; font-size: 28px;"></i>
            <h2 class="mb-0">Summary</h2>
        </div>
        
        <div class="row">
            <div class="col-md-12">
                <p><i class="fas fa-briefcase me-2"></i>14 years of experience in BI & Analytics for major Fortune 500 clients worldwide.</p>
                <p><i class="fas fa-chart-bar me-2"></i>Specialized in Power BI with over 7 years of hands-on experience, leveraging its advanced features to deliver impactful solutions.</p>
                <p><i class="fas fa-users me-2"></i>Chaired the Global Power Platform Training in collaboration with Microsoft US and successfully organized a global Hackathon, leading participants in defining use cases and offering guidance. Additionally, spearheaded the development and management of a SharePoint site to facilitate the event.</p>
                <p><i class="fas fa-check-circle me-2"></i>Led the global Power BI Standards Initiative, overseeing the documentation of best practices and guidelines for streamlined development.</p>
                <p><i class="fas fa-file-code me-2"></i>Developed the accompanying '.pbix' file to support these guidelines, which will be utilized for all internal development and PoCs for clients.</p>
                <p><i class="fas fa-globe me-2"></i>Global Subject Matter Expert (SME) in Reporting, Visualization, and Analytics, providing training globally and supporting teams in Houston, Aberdeen, London, and Chennai.</p>
                <p><i class="fas fa-cogs me-2"></i>Proven track record of leveraging Power Platform tools—Power BI, Power Apps, and Power Automate—to enable informed decisions and streamline business operations.</p>
                <p><i class="fas fa-cloud me-2"></i>Proficient in Microsoft Azure and SQL Server, ensuring seamless integration of data sources while maintaining data integrity and security.</p>
                <p><i class="fas fa-lightbulb me-2"></i>Spearheaded the implementation of digital innovations, primarily in Business Intelligence (BI) and analytics, across various domains such as Process Unit (Operations), Energy, Utility, Human Resource Management (HRM), Project controls, PMO, Supply Chain, Quality (LIMS), Health, Safety, Security, and Environment (HSSE), Production, Economics/Finance, Maintenance and Sustainable Development Goals (SDGs).</p>
                <p><i class="fas fa-tasks me-2"></i>Strong project management abilities, ensuring timely project delivery and successful adoption of Power Platform and analytics solutions.</p>
                <p><i class="fas fa-laptop-code me-2"></i>Developed various PoCs/Demos using Power BI, Power Apps, and Power Automate to showcase to clients and secure new projects.</p>
                <p><i class="fas fa-thumbs-up me-2"></i>Received appreciation letters from clients' General Managers, Directors, and key stakeholders for exceptional performance.</p>
                <p><i class="fas fa-chalkboard-teacher me-2"></i>Led presentations, providing valuable insights and engaging clients in fruitful discussions.</p>
                <p><i class="fas fa-users-cog me-2"></i>Managed a team of 13 direct reports at BPCL Refinery Client, overseeing the day-to-day activities of software developers, network/Windows administrators, and DBAs.</p>
            </div>
        </div>
    </div>
</section>
<!-- Skills Section -->
<section id="Skills" class="py-1">
    <div class="container">
        <div class="d-flex justify-content-center align-items-center mb-4">
            <i class="fas fa-trophy me-3" style="color: #007bff; font-size: 28px;"></i>
            <h2 class="mb-0">Skills</h2>
        </div>
        <div class="row row-cols-1 row-cols-md-3 g-4">
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-chart-line fa-2x mb-3 text-primary"></i>
                    <h5>Power BI & Analytics</h5>
                    <p>Power BI, DAX, M Query, Visualization</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-cogs fa-2x mb-3 text-primary"></i>
                    <h5>Power Platform</h5>
                    <p>Power Apps, Power Automate</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-database fa-2x mb-3 text-primary"></i>
                    <h5>Databases</h5>
                    <p>SQL, SQL Server Reporting Services (SSRS)</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-cloud fa-2x mb-3 text-primary"></i>
                    <h5>Cloud Technologies</h5>
                    <p>Microsoft Azure Cloud , Azure SQL</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-code fa-2x mb-3 text-primary"></i>
                    <h5>Programming</h5>
                    <p>Python, HTML/CSS</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-file-excel fa-2x mb-3 text-primary"></i>
                    <h5>Data Analysis</h5>
                    <p>Excel, Siemens XHQ, Grafana</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-tasks fa-2x mb-3 text-primary"></i>
                    <h5>Management</h5>
                    <p>Project Management, Reporting/BI Manager</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-chalkboard-teacher fa-2x mb-3 text-primary"></i>
                    <h5>Training</h5>
                    <p>Global Training</p>
                </div>
            </div>
            <div class="col">
                <div class="card text-center shadow-sm p-3">
                    <i class="fas fa-balance-scale fa-2x mb-3 text-primary"></i>
                    <h5>Governance</h5>
                    <p>Reporting Governance</p>
                </div>
            </div>
        </div>
    </div>
</section>



<!-- Experience Section -->
<section id="Experience" class="py-5">
    <div class="container">
        <div class="d-flex justify-content-center align-items-center mb-4">
            <i class="fas fa-briefcase me-3" style="color: #007bff; font-size: 28px;"></i>
            <h2 class="mb-0">Experience</h2>
        </div>
        <div class="row">
            <div class="col-12 mb-4">
                <div class="card border-0">
                    <div class="card-body p-4">
                        <div class="d-flex align-items-center">
                            <img src="images/Company/wood-logo.jpg" alt="Wood Group UK Logo" style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px;">
                            <div class="flex-grow-1 ms-4">
                                <h3 style="color: #007bff; font-size: 24px;">Wood Group UK</h3>
                                <h5>Lead: Digital Consulting (Analytics)</h5>
                            </div>
                            <div class="text-end">
                                <p class="mb-1"><i class="far fa-calendar-alt me-2"></i>February 2020 - Present</p>
                                <p class="mb-0"><i class="fas fa-map-marker-alt me-2"></i>London, UK</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-12">
                <div class="card border-0">
                    <div class="card-body p-4">
                        <div class="d-flex align-items-center">
                            <img src="images/Company/bpcl-logo.png" alt="BPCL Logo" style="width: 83px; height: 95px; object-fit: cover; border-radius: 8px;">
                            <div class="flex-grow-1 ms-4">
                                <h3 style="color: #007bff; font-size: 24px;">BPCL</h3>
                                <h5>Manager: Data & Analytics</h5>
                            </div>
                            <div class="text-end">
                                <p class="mb-1"><i class="far fa-calendar-alt me-2"></i>June 2011 - January 2020</p>
                                <p class="mb-0"><i class="fas fa-map-marker-alt me-2"></i>Mumbai</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Education Section -->
<section id="Education" class="py-5">
    <div class="container">
        <div class="d-flex justify-content-center align-items-center mb-4">
            <i class="fas fa-graduation-cap me-3" style="color: #007bff; font-size: 28px;"></i>
            <h2 class="mb-0">Education</h2>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card border-0">
                    <div class="card-body p-4">
                        <div class="d-flex align-items-center">
                            <img src="images/Company/AKTU.png" alt="University Logo" style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px;">
                            <div class="flex-grow-1 ms-4">
                                <h3 style="color: #007bff; font-size: 24px;">Bachelor of Technology (B.Tech.)</h3>
                                <h5>Information Technology</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Certification Section -->
<section id="Certification" class="py-5">
    <div class="container">
        <div class="d-flex justify-content-center align-items-center mb-4">
            <i class="fas fa-trophy me-3" style="color: #007bff; font-size: 28px;"></i>
            <h2 class="mb-0">Certification</h2>
        </div>
        <div class="row justify-content-center">
            <!-- Certification Card 1 -->
            <div class="col-md-6 col-lg-4 mb-3">
                <div class="card border-0 shadow-sm">
                    <img class="cert-img img-fluid" src="images/Certificates/01-PowerApps.png" alt="Power Apps Certification">
                </div>
            </div>
            <!-- Certification Card 2 -->
            <div class="col-md-6 col-lg-4 mb-3">
                <div class="card border-0 shadow-sm">
                    <img class="cert-img img-fluid" src="images/Certificates/02-Azure.png" alt="Azure Certification">
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    /* Adjust image size to fit the full card width */
    .cert-img {
        width: 100%; /* Make image fill the entire card width */
        height: 200px; /* Set a fixed height for the images to make them consistent */
        object-fit: cover; /* Make sure the image covers the area without distortion */
    }
    
    /* Ensure card layout is consistent with other sections */
    .card {
        width: 100%; /* Ensure the card fills the available width of the column */
        border-radius: 8px; /* Optional: Add rounded corners */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for a modern look */
    }

    /* Adjust margin between cards */
    .row {
        margin-left: 0;
        margin-right: 0;
    }
</style>




    <!-- Footer -->
    <footer class="bg-dark text-white py-3">
        <div class="container text-center">
            <p>Copyright &copy; 2025 Arpit Tandon. All Rights Reserved.</p>
            <p>Connect on <a href="https://www.linkedin.com/in/arpittandonuk" class="text-white" target="_blank">LinkedIn</a></p>
        </div>
    </footer>

    <button id="scrollToTopBtn" title="Go to top">↑</button>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        var scrollToTopBtn = document.getElementById("scrollToTopBtn");

        window.onscroll = function() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                scrollToTopBtn.style.display = "block";
            } else {
                scrollToTopBtn.style.display = "none";
            }
        };

        scrollToTopBtn.onclick = function() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        };
    </script>
</body>
</html>