}
    </style>

    <script>
        // Portfolio functionality
        const portfolioData = {
            'E-commerce Platform': {
                category: 'Web Development',
                description: 'A comprehensive e-commerce solution built with WordPress and WooCommerce. Features include custom product configurator, integrated payment processing, inventory management system, automated email marketing, and advanced SEO optimization. The site achieved a 45% increase in conversion rates and 260% boost in organic traffic.',
                tags: ['WordPress', 'WooCommerce', 'PHP', 'JavaScript', 'SEO', 'Payment Integration'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Corporate Website': {
                category: 'Web Development',
                description: 'Professional corporate website with custom CMS built from scratch using PHP and MySQL. Features include multi-language support, advanced user management, real-time analytics dashboard, automated backup systems, and mobile-first responsive design. Successfully increased lead generation by 180%.',
                tags: ['PHP', 'MySQL', 'JavaScript', 'HTML5', 'CSS3', 'Responsive Design'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Shopify Store Development': {
                category: 'Web Development',
                description: 'Custom Shopify store with advanced product filtering, automated marketing workflows, and conversion rate optimization. Implemented custom liquid templates, third-party app integrations, and advanced analytics tracking. Resulted in 6.5x increase in online sales within 12 months.',
                tags: ['Shopify', 'Liquid', 'JavaScript', 'CSS3', 'Marketing Automation'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Digital Marketing Campaign': {
                category: 'Product Marketing',
                description: 'Multi-channel digital marketing campaign spanning Facebook Ads, Google Ads, LinkedIn, and email marketing. Utilized AI-powered audience targeting, A/B testing, and conversion tracking. Campaign generated 6.5x ROI and increased brand awareness by 300% within 6 months.',
                tags: ['Facebook Ads', 'Google Ads', 'LinkedIn Marketing', 'Email Marketing', 'Analytics'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Social Media Strategy': {
                category: 'Product Marketing',
                description: 'Comprehensive social media marketing strategy with automated content scheduling, engagement tracking, and influencer partnerships. Developed viral content campaigns that increased follower growth by 450% and engagement rates by 280% across all platforms.',
                tags: ['Social Media Marketing', 'Content Creation', 'Automation', 'Analytics', 'Influencer Marketing'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Enterprise SEO Optimization': {
                category: 'SEO',
                description: 'Complete technical SEO audit and optimization for enterprise-level website. Improved site architecture, implemented schema markup, optimized Core Web Vitals, and executed comprehensive link building strategy. Ranked 300+ high-volume keywords on Google Page 1.',
                tags: ['Technical SEO', 'Schema Markup', 'Link Building', 'Core Web Vitals', 'Keyword Research'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Local SEO Campaign': {
                category: 'SEO',
                description: 'Targeted local SEO campaign for multi-location business. Optimized Google My Business profiles, implemented local schema markup, managed online reviews, and created location-specific content strategies. Improved local search visibility by 400%.',
                tags: ['Local SEO', 'Google My Business', 'Review Management', 'Local Citations', 'Content Marketing'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Brand Identity Design': {
                category: 'Logo Design',
                description: 'Complete brand identity package for innovative tech startup. Created modern, scalable logo design, comprehensive color palette, typography guidelines, and brand usage standards. Brand identity helped secure $2M in Series A funding.',
                tags: ['Logo Design', 'Brand Identity', 'Color Theory', 'Typography', 'Brand Guidelines'],
                liveUrl: '#',
                githubUrl: '#'
            },
            'Professional Logo Collection': {
                category: 'Logo Design',
                description: 'Diverse collection of professional logos designed for various industries including healthcare, finance, technology, and retail. Each design focuses on scalability, memorability, and brand recognition. Portfolio includes both minimalist and detailed approaches.',
                tags: ['Logo Design', 'Brand Identity', 'Vector Graphics', 'Industry Research', 'Creative Direction'],
                liveUrl: '#',
                githubUrl: '#'
            }
        };

        // Navbar scroll effect
        window.addEventListener('scroll', function() {
            const navbar = document.getElementById('navbar');
            if (window.scrollY > 50) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        });

        // Mobile menu toggle
        const hamburger = document.getElementById('hamburger');
        const navMenu = document.getElementById('nav-menu');

        hamburger.addEventListener('click', function() {
            navMenu.classList.toggle('active');
        });

        // Portfolio filtering
        const filterBtns = document.querySelectorAll('.filter-btn');
        const portfolioItems = document.querySelectorAll('.portfolio-item');

        filterBtns.forEach(btn => {
            btn.addEventListener('click', function() {
                // Remove active class from all buttons
                filterBtns.forEach(b => b.classList.remove('active'));
                // Add active class to clicked button
                this.classList.add('active');

                const filterValue = this.getAttribute('data-filter');

                portfolioItems.forEach(item => {
                    if (filterValue === 'all') {
                        item.classList.remove('hidden');
                    } else {
                        if (item.getAttribute('data-category') === filterValue) {
                            item.classList.remove('hidden');
                        } else {
                            item.classList.add('hidden');
                        }
                    }
                });
            });
        });

        // Portfolio modal functionality
        const modal = document.getElementById('portfolioModal');
        const modalClose = document.getElementById('modalClose');
        const modalImage = document.getElementById('modalImage');
        const modalCategory = document.getElementById('modalCategory');
        const modalTitle = document.getElementById('modalTitle');
        const modalDescription = document.getElementById('modalDescription');
        const modalTags = document.getElementById('modalTags');
        const modalLiveLink = document.getElementById('modalLiveLink');
        const modalGithubLink = document.getElementById('modalGithubLink');

        portfolioItems.forEach(item => {
            item.addEventListener('click', function() {
                const title = this.querySelector('.portfolio-title').textContent;
                const image = this.querySelector('.portfolio-image img').src;
                const data = portfolioData[title];

                if (data) {
                    modalImage.src = image;
                    modalCategory.textContent = data.category;
                    modalTitle.textContent = title;
                    modalDescription.textContent = data.description;
                    modalLiveLink.href = data.liveUrl;
                    modalGithubLink.href = data.githubUrl;

                    // Clear and populate tags
                    modalTags.innerHTML = '';
                    data.tags.forEach(tag => {
                        const tagElement = document.createElement('span');
                        tagElement.className = 'modal-tag';
                        tagElement.textContent = tag;
                        modalTags.appendChild(tagElement);
                    });

                    modal.style.display = 'block';
                    document.body.style.overflow = 'hidden';
                }
            });
        });

        // Close modal
        modalClose.addEventListener('click', function() {
            modal.style.display = 'none';
            document.body.style.overflow = 'auto';
        });

        // Close modal when clicking outside
        modal.addEventListener('click', function(e) {
            if (e.target === modal) {
                modal.style.display = 'none';
                document.body.style.overflow = 'auto';
            }
        });

        // Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                    // Close mobile menu if open
                    navMenu.classList.remove('active');
                }
            });
        });

        // Animation on scroll
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver(function(entries) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, observerOptions);

        // Observe all portfolio items and other animated elements
        document.querySelectorAll('.portfolio-item, .experience-item, .achievement-item, .skill-category').forEach(el => {
            el.style.opacity = '0';
            el.style.transform = 'translateY(30px)';
            el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
            observer.observe(el);
        });

        // Counter animation for stats
        function animateCounter(element, target) {
            let current = 0;
            const increment = target / 50;
            const timer = setInterval(() => {
                current += increment;
                if (current >= target) {
                    current = target;
                    clearInterval(timer);
                }
                element.textContent = Math.floor(current) + (element.textContent.includes('+') ? '+' : '');
            }, 30);
        }

        // Animate stats when they come into view
        const statsObserver = new IntersectionObserver(function(entries) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const statNumber = entry.target.querySelector('.stat-number');
                    const targetNumber = parseInt(statNumber.textContent);
                    animateCounter(statNumber, targetNumber);
                    statsObserver.unobserve(entry.target);
                }
            });
        }, { threshold: 0.5 });

        document.querySelectorAll('.stat-item').forEach(stat => {
            statsObserver.observe(stat);
        });

        // Typing effect for hero subtitle
        function typeWriter(element, text, speed = 100) {
            let i = 0;
            element.textContent = '';
            function type() {
                if (i < text.length) {
                    element.textContent += text.charAt(i);
                    i++;
                    setTimeout(type, speed);
                }
            }
            type();
        }

        // Start typing effect when page loads
        window.addEventListener('load', function() {
            const subtitle = document.querySelector('.hero .subtitle');
            const originalText = subtitle.textContent;
            typeWriter(subtitle, originalText, 80);
        });

        // Add loading animation
        window.addEventListener('load', function() {
            document.body.classList.add('loaded');
        });
    </script>
</head><!DOCTYPE html>
<html lang="en">
<head><link rel="me" href="https://www.blogger.com/profile/11625656015186030528" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<!-- --><style type="text/css">@import url(//www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bharat Mina - SEO Specialist | WordPress Developer</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            overflow-x: hidden;
        }

        /* Navigation */
        .navbar {
            position: fixed;
            top: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
            padding: 1rem 0;
            transition: all 0.3s ease;
        }

        .navbar.scrolled {
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
        }

        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: bold;
            color: #2c3e50;
        }

        .nav-menu {
            display: flex;
            list-style: none;
            gap: 2rem;
        }

        .nav-menu a {
            text-decoration: none;
            color: #333;
            transition: color 0.3s ease;
            position: relative;
        }

        .nav-menu a:hover {
            color: #3498db;
        }

        .nav-menu a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 0;
            background: #3498db;
            transition: width 0.3s ease;
        }

        .nav-menu a:hover::after {
            width: 100%;
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
            animation: float 20s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }

        .hero-content {
            text-align: center;
            color: white;
            z-index: 2;
            position: relative;
            animation: fadeInUp 1s ease;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .hero h1 {
            font-size: 3.5rem;
            margin-bottom: 1rem;
            font-weight: 700;
        }

        .hero .subtitle {
            font-size: 1.3rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }

        .hero .contact-info {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

        .contact-info span {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1.1rem;
        }

        .social-links {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-bottom: 3rem;
        }

        .social-links a {
            color: white;
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }

        .social-links a:hover {
            transform: translateY(-5px) scale(1.1);
        }

        .cta-button {
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);
            color: white;
            padding: 1rem 2rem;
            text-decoration: none;
            border-radius: 50px;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        .cta-button:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        /* Sections */
        .section {
            padding: 5rem 0;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        .section-title {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 3rem;
            color: #2c3e50;
            position: relative;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background: #3498db;
        }

        /* About Section */
        .about {
            background: #f8f9fa;
        }

        .about-content {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 3rem;
            align-items: center;
        }

        .about-text {
            font-size: 1.1rem;
            line-height: 1.8;
        }

        .stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
            margin-top: 2rem;
        }

        .stat-item {
            text-align: center;
            padding: 1rem;
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .stat-number {
            font-size: 2rem;
            font-weight: bold;
            color: #3498db;
        }

        .stat-label {
            font-size: 0.9rem;
            color: #666;
            margin-top: 0.5rem;
        }

        /* Experience Section */
        .experience-grid {
            display: grid;
            gap: 2rem;
        }

        .experience-item {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .experience-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(135deg, #3498db, #2980b9);
        }

        .experience-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .experience-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 1rem;
        }

        .experience-title {
            font-size: 1.3rem;
            font-weight: bold;
            color: #2c3e50;
        }

        .experience-company {
            font-size: 1.1rem;
            color: #3498db;
            margin: 0.5rem 0;
        }

        .experience-date {
            background: #ecf0f1;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            color: #7f8c8d;
        }

        .experience-description {
            line-height: 1.6;
        }

        .experience-description ul {
            margin-left: 1rem;
            margin-top: 1rem;
        }

        .experience-description li {
            margin: 0.5rem 0;
        }

        /* Skills Section */
        .skills {
            background: #f8f9fa;
        }

        .skills-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .skill-category {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .skill-category h3 {
            font-size: 1.3rem;
            margin-bottom: 1rem;
            color: #2c3e50;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .skill-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
        }

        .skill-tag {
            background: #ecf0f1;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            color: #2c3e50;
            transition: all 0.3s ease;
        }

        .skill-tag:hover {
            background: #3498db;
            color: white;
            transform: translateY(-2px);
        }

        /* Portfolio Section */
        .portfolio {
            background: #f8f9fa;
        }

        .portfolio-filters {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 3rem;
        }

        .filter-btn {
            background: white;
            color: #333;
            padding: 0.8rem 2rem;
            border: 2px solid #ecf0f1;
            border-radius: 25px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
        }

        .filter-btn:hover,
        .filter-btn.active {
            background: #3498db;
            color: white;
            border-color: #3498db;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
        }

        .portfolio-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
        }

        .portfolio-item {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            position: relative;
            cursor: pointer;
        }

        .portfolio-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .portfolio-image {
            position: relative;
            height: 250px;
            overflow: hidden;
        }

        .portfolio-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .portfolio-item:hover .portfolio-image img {
            transform: scale(1.1);
        }

        .portfolio-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(52, 152, 219, 0.9), rgba(41, 128, 185, 0.9));
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: all 0.3s ease;
        }

        .portfolio-item:hover .portfolio-overlay {
            opacity: 1;
        }

        .portfolio-overlay-content {
            text-align: center;
            color: white;
        }

        .portfolio-overlay-content i {
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .portfolio-overlay-content p {
            font-size: 1.1rem;
            font-weight: 500;
        }

        .portfolio-info {
            padding: 1.5rem;
        }

        .portfolio-category {
            background: #ecf0f1;
            color: #7f8c8d;
            padding: 0.3rem 1rem;
            border-radius: 15px;
            font-size: 0.8rem;
            display: inline-block;
            margin-bottom: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .portfolio-title {
            font-size: 1.3rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }

        .portfolio-description {
            color: #7f8c8d;
            line-height: 1.6;
            font-size: 0.95rem;
        }

        /* Portfolio Modal */
        .portfolio-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            z-index: 10000;
            padding: 2rem;
            overflow-y: auto;
        }

        .modal-content {
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
            background: white;
            border-radius: 15px;
            overflow: hidden;
            animation: modalSlideIn 0.3s ease;
        }

        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 1.2rem;
            z-index: 10001;
            transition: all 0.3s ease;
        }

        .modal-close:hover {
            background: white;
            transform: scale(1.1);
        }

        .modal-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }

        .modal-info {
            padding: 2rem;
        }

        .modal-title {
            font-size: 1.8rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 1rem;
        }

        .modal-category {
            background: #3498db;
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            display: inline-block;
            margin-bottom: 1.5rem;
        }

        .modal-description {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #555;
            margin-bottom: 2rem;
        }

        .modal-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-bottom: 2rem;
        }

        .modal-tag {
            background: #ecf0f1;
            padding: 0.5rem 1rem;
            border-radius: 15px;
            font-size: 0.9rem;
            color: #2c3e50;
        }

        .modal-links {
            display: flex;
            gap: 1rem;
        }

        .modal-link {
            background: #3498db;
            color: white;
            padding: 0.8rem 2rem;
            text-decoration: none;
            border-radius: 25px;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

        .modal-link:hover {
            background: #2980b9;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
        }

        /* Hide/Show Portfolio Items */
        .portfolio-item.hidden {
            display: none;
        }

        /* Scrolling Image Effect */
        .scrolling-image {
            position: relative;
            overflow: hidden;
            height: 250px;
        }

        .scrolling-image img {
            width: 100%;
            height: auto;
            min-height: 100%;
            object-fit: cover;
            transition: transform 2s ease-in-out;
            transform: translateY(0);
        }

        .portfolio-item:hover .scrolling-image img {
            transform: translateY(-20%) scale(1.05);
        }

        /* Achievements Section */
        .achievements-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
        }

        .achievement-item {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .achievement-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .achievement-icon {
            font-size: 2rem;
            color: #3498db;
            margin-bottom: 1rem;
        }

        .achievement-text {
            line-height: 1.6;
            color: #555;
        }

        /* Contact Section */
        .contact {
            background: linear-gradient(135deg, #2c3e50, #34495e);
            color: white;
        }

        .contact-content {
            text-align: center;
        }

        .contact-info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin: 3rem 0;
        }

        .contact-item {
            background: rgba(255, 255, 255, 0.1);
            padding: 2rem;
            border-radius: 15px;
            backdrop-filter: blur(10px);
        }

        .contact-item i {
            font-size: 2rem;
            margin-bottom: 1rem;
            color: #3498db;
        }

        .contact-item h3 {
            margin-bottom: 1rem;
        }

        .contact-item a {
            color: white;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .contact-item a:hover {
            color: #3498db;
        }

        /* Footer */
        .footer {
            background: #2c3e50;
            color: white;
            text-align: center;
            padding: 2rem 0;
        }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
            .nav-menu {
                flex-direction: column;
                gap: 1rem;
            }

            .hero h1 {
                font-size: 2.5rem;
            }

            .hero .contact-info {
                flex-direction: column;
                gap: 1rem;
            }

            .about-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .stats {
                grid-template-columns: 1fr;
            }

            .experience-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;
            }

            .section-title {
                font-size: 2rem;
            }
        }

        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
        }

        .hamburger span {
            width: 25px;
            height: 3px;
            background: #333;
            margin: 3px 0;
            transition: 0.3s;
        }

        @media (max-width: 768px) {
            .hamburger {
                display: flex;
            }

            .nav-menu {
                position: fixed;
                left: -100%;
                top: 70px;
                flex-direction: column;
                background-color: rgba(255, 255, 255, 0.98);
                width: 100%;
                text-align: center;
                transition: 0.3s;
                box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
                padding: 2rem 0;
            }

            .nav-menu.active {
                left: 0;
            }

            .nav-menu li {
                margin: 1rem 0;
            }
        }
    </style>
</head>
<body><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
      gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: 'https://www.blogger.com/navbar/8219410768350749804?origin\x3dhttps://bharatmina.blogspot.com',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script>
    <!-- Navigation -->
    <nav class="navbar" id="navbar">
        <div class="nav-container">
            <div class="logo">BHARAT MINA</div>
            <ul class="nav-menu" id="nav-menu">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#experience">Experience</a></li>
                <li><a href="#portfolio">Portfolio</a></li>
                <li><a href="#skills">Skills</a></li>
                <li><a href="#achievements">Achievements</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
            <div class="hamburger" id="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="hero-content">
            <h1>BHARAT MINA</h1>
            <p class="subtitle">SEO Specialist | WordPress Developer | Digital Marketer</p>
            <div class="contact-info">
                <span><i class="fas fa-phone"></i> +91 9879491983</span>
                <span><i class="fas fa-envelope"></i> bharat.22492@gmail.com</span>
            </div>
            <div class="social-links">
                <a href="#" title="Portfolio"><i class="fas fa-globe"></i></a>
                <a href="#" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
                <a href="#" title="Twitter/X"><i class="fab fa-twitter"></i></a>
                <a href="#" title="Medium"><i class="fab fa-medium"></i></a>
            </div>
            <a href="#about" class="cta-button">Learn More About Me</a>
        </div>
    </section>

    <!-- About Section -->
    <section class="section about" id="about">
        <div class="container">
            <h2 class="section-title">About Me</h2>
            <div class="about-content">
                <div class="stats">
                    <div class="stat-item">
                        <div class="stat-number">12+</div>
                        <div class="stat-label">Years Experience</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">200+</div>
                        <div class="stat-label">Projects Completed</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">300+</div>
                        <div class="stat-label">Keywords Ranked</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">50+</div>
                        <div class="stat-label">International Clients</div>
                    </div>
                </div>
                <div class="about-text">
                    <p>I am an SEO Expert & WordPress Developer with 12+ years of experience in web development, SEO, and digital marketing. I specialize in WordPress, PHP, Shopify, Wix and Magento, creating websites that are fast, user-friendly, and optimized for search engines.</p>
                    
                    <p>I have successfully completed 200+ projects, helping businesses improve their online presence, search rankings, and sales. My skills include website development, SEO strategies, content optimization, and social media marketing.</p>
                    
                    <p>I have also led teams and managed projects, ensuring smooth execution and high-quality results. Whether it's building a website, boosting traffic, or improving SEO, I focus on delivering real results for businesses.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Experience Section -->
    <section class="section experience" id="experience">
        <div class="container">
            <h2 class="section-title">Work Experience</h2>
            <div class="experience-grid">
                <div class="experience-item">
                    <div class="experience-header">
                        <div>
                            <h3 class="experience-title">Project Manager</h3>
                            <p class="experience-company">Amoni Tech (Remote)</p>
                        </div>
                        <span class="experience-date">Feb 2024 – Mar 2025</span>
                    </div>
                    <div class="experience-description">
                        <ul>
                            <li>Led a team of 10 across SEO, WordPress, and Shopify projects</li>
                            <li>Managed full project lifecycle: client onboarding, pricing, delivery, and reporting</li>
                            <li>Delivered responsive, fast-loading websites with third-party integrations</li>
                            <li>Created detailed performance and progress reports for stakeholders</li>
                        </ul>
                    </div>
                </div>

                <div class="experience-item">
                    <div class="experience-header">
                        <div>
                            <h3 class="experience-title">SEO Manager</h3>
                            <p class="experience-company">Adex Technology (Remote)</p>
                        </div>
                        <span class="experience-date">Jul 2022 – Dec 2023</span>
                    </div>
                    <div class="experience-description">
                        <ul>
                            <li>Developed and executed data-driven SEO strategies across niches</li>
                            <li>Managed keyword clusters, content plans, and backlink outreach</li>
                            <li>Improved CTR and reduced bounce rate via technical & UX enhancements</li>
                            <li>Collaborated with foreign clients (USA & Europe) on SEO-driven redesigns</li>
                        </ul>
                    </div>
                </div>

                <div class="experience-item">
                    <div class="experience-header">
                        <div>
                            <h3 class="experience-title">WordPress Developer</h3>
                            <p class="experience-company">Affinity</p>
                        </div>
                        <span class="experience-date">Mar 2021 – Jul 2022</span>
                    </div>
                    <div class="experience-description">
                        <ul>
                            <li>Built and customized WordPress sites from scratch for service-based businesses</li>
                            <li>Developed custom themes, plugins, and handled bug fixing</li>
                            <li>Optimized websites for speed, mobile responsiveness, and SEO</li>
                        </ul>
                    </div>
                </div>

                <div class="experience-item">
                    <div class="experience-header">
                        <div>
                            <h3 class="experience-title">Team Leader (SEO + WordPress)</h3>
                            <p class="experience-company">eZee Tech</p>
                        </div>
                        <span class="experience-date">Nov 2018 – Mar 2021</span>
                    </div>
                    <div class="experience-description">
                        <ul>
                            <li>Supervised 10+ SEO and development projects for national & international clients</li>
                            <li>Led weekly sprints, ensured timely delivery, and enhanced team performance</li>
                            <li>Assisted in content design, thumbnails, and site structure improvements</li>
                        </ul>
                    </div>
                </div>

                <div class="experience-item">
                    <div class="experience-header">
                        <div>
                            <h3 class="experience-title">SEO Specialist | Sr. WordPress Developer</h3>
                            <p class="experience-company">TransForm Solution</p>
                        </div>
                        <span class="experience-date">Jan 2014 – Nov 2018</span>
                    </div>
                    <div class="experience-description">
                        <ul>
                            <li>Created dynamic, ecommerce-ready websites that boosted client revenue</li>
                            <li>Implemented technical SEO fixes that improved load times and crawlability</li>
                            <li>Led 15+ developers in delivering enterprise-grade CMS and web apps</li>
                            <li>Collaborated with US-based businesses for continuous site optimization</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Section -->
    <section class="section portfolio" id="portfolio">
        <div class="container">
            <h2 class="section-title">My Portfolio</h2>
            
            <!-- Portfolio Filters -->
            <div class="portfolio-filters">
                <button class="filter-btn active" data-filter="all">All Projects</button>
                <button class="filter-btn" data-filter="web-development">Web Development</button>
                <button class="filter-btn" data-filter="product-marketing">Product Marketing</button>
                <button class="filter-btn" data-filter="seo">SEO</button>
                <button class="filter-btn" data-filter="seo">Youtube SEO</button>
                <button class="filter-btn" data-filter="logo">Logo Design</button>
            </div>

            <!-- Portfolio Grid -->
            <div class="portfolio-grid">
                <!-- Web Development Projects -->
                <div class="portfolio-item" data-category="web-development">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://i.ibb.co/v6GCSvg/Portfolio-10.png" alt="E-commerce Website">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">Web Development</span>
                        <h3 class="portfolio-title">E-commerce Platform</h3>
                        <p class="portfolio-description">Custom WordPress e-commerce solution with integrated payment systems, inventory management, and SEO optimization.</p>
                    </div>
                </div>

                <div class="portfolio-item" data-category="web-development">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://i.ibb.co/cSpxDqf7/Portfolio-11.png" alt="Corporate Website">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">Web Development</span>
                        <h3 class="portfolio-title">Corporate Website</h3>
                        <p class="portfolio-description">Professional corporate website with custom CMS, multi-language support, and advanced analytics integration.</p>
                    </div>
                </div>

                <div class="portfolio-item" data-category="web-development">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2015&q=80" alt="Shopify Store">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">Web Development</span>
                        <h3 class="portfolio-title">Shopify Store Development</h3>
                        <p class="portfolio-description">Custom Shopify store with advanced product filtering, automated marketing, and conversion optimization.</p>
                    </div>
                </div>

                <!-- Product Marketing Projects -->
                <div class="portfolio-item" data-category="product-marketing">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://images.unsplash.com/photo-1611224923853-80b023f02d71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2039&q=80" alt="Digital Marketing Campaign">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">Product Marketing</span>
                        <h3 class="portfolio-title">Digital Marketing Campaign</h3>
                        <p class="portfolio-description">Multi-channel marketing campaign that increased product awareness by 300% and generated 6.5x ROI.</p>
                    </div>
                </div>

                <div class="portfolio-item" data-category="product-marketing">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Social Media Strategy">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">Product Marketing</span>
                        <h3 class="portfolio-title">Social Media Strategy</h3>
                        <p class="portfolio-description">Comprehensive social media marketing strategy across Facebook, Instagram, and LinkedIn with automated workflows.</p>
                    </div>
                </div>

                <!-- SEO Projects -->
                <div class="portfolio-item" data-category="seo">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://images.unsplash.com/photo-1562577309-2592ab84b1bc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80" alt="SEO Optimization">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">SEO</span>
                        <h3 class="portfolio-title">Enterprise SEO Optimization</h3>
                        <p class="portfolio-description">Complete SEO overhaul that ranked 300+ keywords on Page 1 and increased organic traffic by 260%.</p>
                    </div>
                </div>

                <div class="portfolio-item" data-category="seo">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://images.unsplash.com/photo-1486312338219-ce68e2c2666a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2072&q=80" alt="Local SEO">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">SEO</span>
                        <h3 class="portfolio-title">Local SEO Campaign</h3>
                        <p class="portfolio-description">Local SEO strategy that improved local search visibility by 400% and increased foot traffic by 180%.</p>
                    </div>
                </div>

                <!-- Logo Design Projects -->
                <div class="portfolio-item" data-category="logo">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://images.unsplash.com/photo-1626785774573-4b799315345d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2071&q=80" alt="Brand Identity">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">Logo</span>
                        <h3 class="portfolio-title">Brand Identity Design</h3>
                        <p class="portfolio-description">Complete brand identity package including logo design, color palette, and brand guidelines for tech startup.</p>
                    </div>
                </div>

                <div class="portfolio-item" data-category="logo">
                    <div class="portfolio-image scrolling-image">
                        <img src="https://images.unsplash.com/photo-1581291518857-4e27b48ff24e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Logo Collection">
                        <div class="portfolio-overlay">
                            <div class="portfolio-overlay-content">
                                <i class="fas fa-search-plus"></i>
                                <p>View Details</p>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-info">
                        <span class="portfolio-category">Logo</span>
                        <h3 class="portfolio-title">Professional Logo Collection</h3>
                        <p class="portfolio-description">Collection of modern, minimalist logos designed for various industries including healthcare, finance, and technology.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Modal -->
    <div class="portfolio-modal" id="portfolioModal">
        <div class="modal-content">
            <button class="modal-close" id="modalClose">&times;</button>
            <img class="modal-image" id="modalImage" src="" alt="">
            <div class="modal-info">
                <span class="modal-category" id="modalCategory"></span>
                <h3 class="modal-title" id="modalTitle"></h3>
                <p class="modal-description" id="modalDescription"></p>
                <div class="modal-tags" id="modalTags"></div>
                <div class="modal-links">
                    <a href="#" class="modal-link" id="modalLiveLink">
                        <i class="fas fa-external-link-alt"></i>
                        View Live
                    </a>
                    <a href="#" class="modal-link" id="modalGithubLink">
                        <i class="fab fa-github"></i>
                        Source Code
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Skills Section -->
    <section class="section skills" id="skills">
        <div class="container">
            <h2 class="section-title">Skills & Expertise</h2>
            <div class="skills-grid">
              
              <div class="skill-category">
    			<h3><i class="fas fa-robot"></i> AI Tools</h3>
    				<div class="skill-tags">
        				<span class="skill-tag">ChatGPT</span>
        				<span class="skill-tag">Claude by Anthropic</span>
        				<span class="skill-tag">Perplexity</span>
        				<span class="skill-tag">Lovable</span>
        				<span class="skill-tag">n8n</span>
        				<span class="skill-tag">Make</span>
        				<span class="skill-tag">Figma</span>
        				<span class="skill-tag">Gamma</span>
        				<span class="skill-tag">Notion</span>
        				<span class="skill-tag">Miro</span>
        				<span class="skill-tag">Canva</span>
        				<span class="skill-tag">Trello</span>
        				<span class="skill-tag">Asana</span>
        				<span class="skill-tag">Zapier</span>
        				<span class="skill-tag">ClickUp</span>
        				<span class="skill-tag">Grammarly</span>
        				<span class="skill-tag">Framer</span>
        				<span class="skill-tag">FigJam</span>
        				<span class="skill-tag">Loom</span>
        				<span class="skill-tag">Google Workspace</span>
        				<span class="skill-tag">Microsoft Copilot</span>
					    <span class="skill-tag">Descript</span>
        				<span class="skill-tag">Otter.ai</span>
        				<span class="skill-tag">Midjourney</span>
				        <span class="skill-tag">Runway</span>
        				<span class="skill-tag">DALL·E</span>
						<span class="skill-tag">Tome</span>
        				<span class="skill-tag">Airtable</span>
        				<span class="skill-tag">Jasper</span>
    				</div>
				</div>

                <div class="skill-category">
                    <h3><i class="fas fa-code"></i> Development & CMS</h3>
                    <div class="skill-tags">
                        <span class="skill-tag">WordPress</span>
                        <span class="skill-tag">Shopify</span>
                        <span class="skill-tag">Wix</span>
                        <span class="skill-tag">PHP</span>
                        <span class="skill-tag">HTML5</span>
                        <span class="skill-tag">CSS3</span>
                        <span class="skill-tag">JavaScript</span>
                        <span class="skill-tag">React.js</span>
                        <span class="skill-tag">Git</span>
                        <span class="skill-tag">GitHub</span>
                    </div>
                </div>

                <div class="skill-category">
                    <h3><i class="fas fa-search"></i> SEO & Marketing Tools</h3>
                    <div class="skill-tags">
                        <span class="skill-tag">SEMrush</span>
                        <span class="skill-tag">Ahrefs</span>
                        <span class="skill-tag">Screaming Frog</span>
                        <span class="skill-tag">Moz</span>
                        <span class="skill-tag">Google Analytics</span>
                        <span class="skill-tag">Google Search Console</span>
                        <span class="skill-tag">On-Page SEO</span>
                        <span class="skill-tag">Technical SEO</span>
                        <span class="skill-tag">Link Building</span>
                        <span class="skill-tag">Local SEO</span>
                        <span class="skill-tag">Email Marketing</span>
                    </div>
                </div>

                <div class="skill-category">
                    <h3><i class="fas fa-bullhorn"></i> Ads & Marketing</h3>
                    <div class="skill-tags">
                        <span class="skill-tag">Facebook Ads</span>
                        <span class="skill-tag">Google Ads</span>
                        <span class="skill-tag">LinkedIn Ads</span>
                        <span class="skill-tag">Instagram Ads</span>
                        <span class="skill-tag">TikTok Ads</span>
                        <span class="skill-tag">Pinterest Ads</span>
                        <span class="skill-tag">Canva</span>
                        <span class="skill-tag">Mailchimp</span>
                        <span class="skill-tag">AI Automation</span>
                    </div>
                </div>

                <div class="skill-category">
                    <h3><i class="fas fa-users"></i> Soft Skills</h3>
                    <div class="skill-tags">
                        <span class="skill-tag">Communication</span>
                        <span class="skill-tag">Time Management</span>
                        <span class="skill-tag">Problem-Solving</span>
                        <span class="skill-tag">Leadership</span>
                        <span class="skill-tag">Client Handling</span>
                        <span class="skill-tag">Project Management</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Achievements Section -->
    <section class="section achievements" id="achievements">
        <div class="container">
            <h2 class="section-title">Key Achievements</h2>
            <div class="achievements-grid">
                <div class="achievement-item">
                    <div class="achievement-icon">
                        <i class="fas fa-trophy"></i>
                    </div>
                    <div class="achievement-text">
                        Ranked 300+ high-volume keywords on Google Page 1 using advanced SEO tools like Semrush, Ahrefs, and Screaming Frog, improving visibility and driving consistent organic traffic.
                    </div>
                </div>

                <div class="achievement-item">
                    <div class="achievement-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <div class="achievement-text">
                        Boosted organic traffic by 260% in just 6 months for a U.S.-based eCommerce website through effective technical SEO audits, on-page optimization, and conversion-focused content strategies.
                    </div>
                </div>

                <div class="achievement-item">
                    <div class="achievement-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <div class="achievement-text">
                        Successfully collaborated with 50+ international clients from the USA, UK, Germany, and UAE, delivering tailored solutions in WordPress, Shopify, and React.js aligned with each market's needs.
                    </div>
                </div>

                <div class="achievement-item">
                    <div class="achievement-icon">
                        <i class="fas fa-rocket"></i>
                    </div>
                    <div class="achievement-text">
                        Delivered 30+ full-stack web solutions integrating custom CRM systems, real-time analytics, AI automation tools, and mobile-first responsive designs.
                    </div>
                </div>

                <div class="achievement-item">
                    <div class="achievement-icon">
                        <i class="fas fa-dollar-sign"></i>
                    </div>
                    <div class="achievement-text">
                        Helped a client achieve 6.5x increase in online sales within a year by combining UX/UI improvements, speed optimization, and strategic SEO-driven email & social media marketing.
                    </div>
                </div>

                <div class="achievement-item">
                    <div class="achievement-icon">
                        <i class="fas fa-star"></i>
                    </div>
                    <div class="achievement-text">
                        Consistently praised for client satisfaction, clear communication, and strong time management while leading multi-member remote teams and delivering projects on deadline.
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section class="section contact" id="contact">
        <div class="container">
            <h2 class="section-title" style="color: white;">Get In Touch</h2>
            <div class="contact-content">
                <p style="font-size: 1.2rem; margin-bottom: 2rem;">Ready to take your business to the next level? Let's work together!</p>
                
                <div class="contact-info-grid">
                    <div class="contact-item">
                        <i class="fas fa-phone"></i>
                        <h3>Phone</h3>
                        <p><a href="tel:+919879491983">+91 9879491983</a></p>
                    </div>
                    
                    <div class="contact-item">
                        <i class="fas fa-envelope"></i>
                        <h3>Email</h3>
                        <p><a href="mailto:bharat.22492@gmail.com">bharat.22492@gmail.com</a></p>
                    </div>
                    
                    <div class="contact-item">
                        <i class="fas fa-briefcase"></i>
                        <h3>Portfolio</h3>
                        <p><a href="#portfolio">View My Work</a></p>
                    </div>
                    
                    <div class="contact-item">
                        <i class="fab fa-linkedin"></i>
                        <h3>LinkedIn</h3>
                        <p><a href="#" target="_blank">Connect With Me</a></p>
                    </div></body></html>