<section id="i1o3" class="hero"><div class="container"><div class="hero-content"><h1>Welcome to LearnFlow LMS</h1><p>Transform how your teams train, your students learn, and your community grows with our intuitive, feature-rich platform.</p><div class="hero-buttons"><a href="https://appdemo.tapnlearn.online" class="btn">Get Started</a><a href="#" class="btn btn-outline">Watch Demo</a></div></div></div></section><section class="features"><div class="container"><div class="section-title"><h2><span class="highlight">Elevate</span> Your Learning Environment</h2><p>Our platform is designed to streamline every aspect of your educational journey.</p></div><div class="features-grid"><div class="feature-card"><div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M20 11V13H8L12 17l4-6h8zM12 5L5 13h14L12 5zm4 12v2h-2v2h-2v2h-2v-2h-2v-2h2v-2h2v-2h2v2h2zM12 3c-4.97 0-9 4.03-9 9H1c-0.55 0-1.02 0.45-1 1v6h3v1c-0.42 0.2-0.72 0.67-0.72 1.14V22h2v-2h2v-2h2v2h2v-2h5v2c0 0.55-0.45 1-1 1v2c0 0.55-0.45 1-1 1H3c-1.1 0-2-0.9-2-2v-6c0-4.97 4.03-9 9-9s9 4.03 9 9-4.03 9-9 9-9-4.03-9-9z"></path></svg></div><h3>Intuitive Course Builder</h3><p>Easily create engaging courses with drag-and-drop functionality, supporting various content types.</p></div><div class="feature-card"><div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M16 11h5l-4 9-9-6 8-4-7-6 9.5 6-6 9-9.5-6z"></path></svg></div><h3>Robust User Management</h3><p>Effortlessly enroll, track, and manage learners, assigning roles and permissions with ease.</p></div><div class="feature-card"><div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M4 11h4V3H4v8zm12-7h-4V3h4v4zm-8 10v-4h4v4h-4zM3 22h4v-4H3v4zM19 22h4v-4h-4v4zM3 3h4l13-5v20.52l.38-.24-3.74-3.74L3 3zm18 14.5v-4l-5 4-5-4v4.57l-.26.15-4 4-3-3-4 4-3-3h-4l-.14-.08.38-4 6.11 6.14 6-6.15L21 18.5zm-14 0h2v-4h1v4zm0-8h2V9h1v2z"></path></svg></div><h3>Advanced Analytics</h3><p>Gain valuable insights into learner performance with detailed reports and customizable dashboards.</p></div><div class="feature-card"><div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M9 16h6v-6h4l-7-7-7 7h4v6zm1-5v2h4l-8 5-8-5h4v-2z"></path></svg></div><h3>Flexible Assessment Tools</h3><p>Design diverse quizzes and examinations with automated grading and feedback capabilities.</p></div><div class="feature-card"><div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"></path></svg></div><h3>Seamless Integration</h3><p>Connect LearnFlow with your existing tools and systems for a unified and efficient workflow.</p></div><div class="feature-card"><div class="feature-icon"><svg viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2v2h3V8H5v5zm12 7h-3v2h5c0 1.66-1.34 3-3 3s-3-1.34-3-3H8v-2h3V9h6v10z"></path></svg></div><h3>Mobile-Friendly Access</h3><p>Learn anytime, anywhere, on any device with our fully responsive platform.</p></div></div></div></section><section class="testimonials"><div class="container"><div class="section-title"><h2>Unlock Potential for Every Learner</h2><p>LearnFlow is trusted by organizations worldwide to deliver exceptional learning experiences.</p></div><div class="testimonial-grid"><div class="bg-pattern testimonial-card"><div class="testimonial-text">
                        LearnFlow has transformed our corporate training program. The intuitive interface and powerful features have significantly improved engagement and knowledge retention among our employees.
                    </div><div class="testimonial-author"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzJjM2U1MCIgb3BhY2l0eT0iMC41Ii8+CiNwY2k1NiBCcm93c2l2ZTkuMTMgKE1hdHJpeCI+CjxjaXJjbGUgY3g9IjI4IiBjeT0iNjUiIHI9IjIuNSIgZmlsbD0iIzJlODQyYyIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPHRleHQgeD0iMTQwIiB5PSIxMDAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNiIgZmlsbD0iIzNiZmU4ZCIgdGV4dC1hbmNob3I9Im1pZGRsZSI+TW9kZXJuYW5jaWFsZXNtZXh0aW9uYWw8L3RleHQ+Cjwvc3ZnPg==; charset=utf8;" alt="User"><div class="testimonial-author-info"><h4>Sarah Johnson</h4><p>Training Director, TechCorp</p></div></div></div><div class="bg-pattern testimonial-card"><div class="testimonial-text">
                        The platform's collaborative features and assessment tools have been invaluable for our online courses. We've seen a 35% increase in student engagement since switching to LearnFlow.
                    </div><div class="testimonial-author"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzJkYzRmYyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHN0cm9rZT0iIzViNjRlNSIgc3Ryb2tlLXdpZHRoPSIxIi8+CiNwY2k1NiBCcm93c2l2ZTkuMTMgKEphdmFnb25pY3M7V2F0YWdpb25pY3MpPC9jaXJjbGU+Cjx0ZXh0IHg9IjE0MCIgeT0iMTAwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTYiIGZpbGw9IiM0NGZhNDIiIGZpbGwtb3BhY2l0eT0iMC4xIj48L3RleHQ+Cjwvc3ZnPg==" alt="User"><div class="testimonial-author-info"><h4>Michael Chen</h4><p>Professor, University of Education</p></div></div></div><div class="bg-pattern testimonial-card"><div class="testimonial-text">
                        LearnFlow's mobile accessibility has made continuing education accessible to our remote community. The platform is intuitive for both instructors and students, and the support team is extremely responsive.
                    </div><div class="testimonial-author"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzNiNmI4NSIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHN0cm9rZT0iIzI4ZWE0NyIgc3Ryb2tlLXdpZHRoPSIxIi8+CiNwY2k1NiBCcm93c2l2ZTkuMTMgKEltYWNoaWFzPC9jaXJjbGU+Cjx0ZXh0IHg9IjE0MCIgeT0iMTAwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTYiIGZpbGw9IiMzMzAyZGIiIGZpbGwtb3BhY2l0eT0iMC4xIj5DcmVhbSBmaWJyaWFsaXplZDwvdGV4dD4KPC9zdmc+" alt="User"><div class="testimonial-author-info"><h4>David Kim</h4><p>Learning Director, Global Community Center</p></div></div></div></div></div></section><section class="cta"><div class="container"><h2>Ready to transform your learning strategy?</h2><p>Explore our features in depth or request a personalized demo tailored to your specific needs.</p><div class="cta-buttons"><a href="#" class="btn">Discover Features</a><a href="#" class="btn btn-outline">Request a Demo</a></div></div></section><script>
        // Mobile menu toggle
        document.addEventListener('DOMContentLoaded', function() {
            const mobileMenu = document.querySelector('.mobile-menu');
            const navLinks = document.querySelector('.nav-links');
            
            if (mobileMenu) {
                mobileMenu.addEventListener('click', function() {
                    navLinks.classList.toggle('active');
                });
            }

            // Smooth scrolling for anchor links
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        window.scrollTo({
                            top: target.offsetTop,
                            behavior: 'smooth'
                        });
                    }
                });
            });

            // Highlight active nav link on page scroll
            window.addEventListener('scroll', function() {
                const sections = document.querySelectorAll('section');
                const navLinks = document.querySelectorAll('.nav-links a');
                
                let currentSection = '';
                
                sections.forEach(section => {
                    const sectionTop = section.offsetTop;
                    const sectionHeight = section.clientHeight;
                    
                    if (pageYOffset >= (sectionTop - 100)) {
                        currentSection = section.getAttribute('id');
                    }
                });
                
                navLinks.forEach(link => {
                    link.classList.remove('active');
                    if (link.getAttribute('href') === `#${currentSection}`) {
                        link.classList.add('active');
                    }
                });
            });

            // Animation for feature cards on scroll
            const observerOptions = {
                root: null,
                rootMargin: '0px',
                threshold: 0.1
            };

            const observer = new IntersectionObserver((entries, observer) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('animate');
                        observer.unobserve(entry.target);
                    }
                });
            }, observerOptions);

            document.querySelectorAll('.feature-card, .testimonial-card').forEach(card => {

                card.style.transform = 'translateY(20px)';
                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';

                
                observer.observe(card);
            });

            // Hero animation on scroll
            setTimeout(() => {
                observer.observe(document.querySelector('.hero-content'));
            }, 500);
        });
    </script>