{"id":6378,"date":"2026-09-11T09:50:46","date_gmt":"2026-09-11T09:50:46","guid":{"rendered":"https:\/\/brightcodess.com\/bengaluru\/?page_id=6378"},"modified":"2026-09-11T11:04:01","modified_gmt":"2026-09-11T11:04:01","slug":"e-learning-app","status":"publish","type":"page","link":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/","title":{"rendered":"E-Learning App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6378\" class=\"elementor elementor-6378\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1943003 e-con-full e-flex e-con e-parent\" data-id=\"1943003\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e60303d e-con-full e-flex e-con e-child\" data-id=\"e60303d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d678ea elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5d678ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- E-Learning Hero Section Start -->\r\n<div class=\"el-hero-wrapper\">\r\n  <div class=\"el-hero-container\">\r\n    \r\n    <!-- Left Column: Content -->\r\n    <div class=\"el-hero-content\">\r\n      <div class=\"el-badge\">\r\n        <span class=\"el-badge-dot\"><\/span>\r\n        #1 EdTech & E-Learning App Development\r\n      <\/div>\r\n      \r\n      <h1 class=\"el-hero-title\">\r\n        Next-Gen E-Learning App Development in <span>Bangalore<\/span>\r\n      <\/h1>\r\n      \r\n      <p class=\"el-hero-desc\">\r\n        Empower educators and learners globally with custom LMS platforms, AI-driven personalized learning paths, interactive gamification, and zero-lag virtual classrooms.\r\n      <\/p>\r\n      \r\n      <div class=\"el-hero-cta-group\">\r\n        <a href=\"https:\/\/brightcodess.com\/bengaluru\/contact\/\" class=\"el-btn el-btn-primary\">\r\n          <span>Schedule a Free Tech Consult<\/span>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n        <!--<a href=\"#portfolio\" class=\"el-btn el-btn-secondary\">-->\r\n        <!--  <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>-->\r\n        <!--  <span>Watch Platform Demo<\/span>-->\r\n        <!--<\/a>-->\r\n      <\/div>\r\n      \r\n      <!-- Trust Metrics -->\r\n      <div class=\"el-metrics\">\r\n        <div class=\"el-metric-item\">\r\n          <strong>100%<\/strong>\r\n          <span>SCORM & LTI Compliant<\/span>\r\n        <\/div>\r\n        <div class=\"el-metric-divider\"><\/div>\r\n        <div class=\"el-metric-item\">\r\n          <strong>4K<\/strong>\r\n          <span>Ultra-HD Live Streaming<\/span>\r\n        <\/div>\r\n        <div class=\"el-metric-divider\"><\/div>\r\n        <div class=\"el-metric-item\">\r\n          <strong>99.9%<\/strong>\r\n          <span>Uptime Reliability<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Right Column: Animated App Mockup -->\r\n    <div class=\"el-hero-visual\">\r\n      \r\n      <!-- Glowing Background Gradients -->\r\n      <div class=\"el-glow-1\"><\/div>\r\n      <div class=\"el-glow-2\"><\/div>\r\n\r\n      <!-- Floating Badge: Course Progress -->\r\n      <div class=\"el-float-card el-float-card-progress\">\r\n        <div class=\"el-card-icon el-bg-purple\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9333ea\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <small>Course Progress<\/small>\r\n          <strong>78% Completed <span class=\"el-text-purple\">\u2022 On Track<\/span><\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Floating Badge: Gamification\/Achievement -->\r\n      <div class=\"el-float-card el-float-card-award\">\r\n        <div class=\"el-card-icon el-bg-orange\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ea580c\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <small>Achievement Unlocked!<\/small>\r\n          <strong>Python Master badge<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Smartphone Device Frame -->\r\n      <div class=\"el-phone-frame\">\r\n        <div class=\"el-phone-notch\"><\/div>\r\n        \r\n        <!-- App Screen -->\r\n        <div class=\"el-phone-screen\">\r\n          \r\n          <!-- Top App Bar -->\r\n          <div class=\"el-class-header\">\r\n            <div class=\"el-class-live\">\r\n              <span class=\"el-live-dot\"><\/span> Live Masterclass\r\n            <\/div>\r\n            <div class=\"el-participants-badge\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n              1.2k Joining\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Main Video Feed (Instructor) -->\r\n          <div class=\"el-video-main\">\r\n            <!-- Educational placeholder image -->\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop\" alt=\"Instructor teaching online\" class=\"el-instructor-img\" \/>\r\n            \r\n            <div class=\"el-instructor-tag\">\r\n              <span class=\"el-audio-waves\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n              <\/span>\r\n              Prof. Sarah Jenkins\r\n            <\/div>\r\n\r\n            <!-- Subject Overlay -->\r\n            <div class=\"el-subject-overlay\">\r\n              <span>Chapter 4<\/span>\r\n              <strong>Machine Learning Basics<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- PiP Video Feed (Student\/Screen Share) -->\r\n          <div class=\"el-pip-student\">\r\n             <!-- Placeholder for code\/slides -->\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?q=80&w=200&auto=format&fit=crop\" alt=\"Coding Screen Share\" \/>\r\n            <span class=\"el-pip-label\">Presentation<\/span>\r\n          <\/div>\r\n\r\n          <!-- In-Class Floating Controls -->\r\n          <div class=\"el-class-controls\">\r\n            <button class=\"el-ctrl-btn\" title=\"Live Q&A\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n            <\/button>\r\n            <button class=\"el-ctrl-btn el-ctrl-active\" title=\"Raise Hand\">\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M18 11V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0\"\/><path d=\"M14 10V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v2\"\/><path d=\"M10 10.5V6a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v8\"\/><path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"\/><\/svg>\r\n            <\/button>\r\n            <button class=\"el-ctrl-btn el-ctrl-leave\" title=\"Leave Class\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"\/><polyline points=\"16 17 21 12 16 7\"\/><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"\/><\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Scoped CSS to prevent WordPress theme conflicts *\/\r\n  .el-hero-wrapper {\r\n    position: relative;\r\n    \/* Updated gradient to a modern, educational purple\/blue hue *\/\r\n    background: radial-gradient(circle at 85% 15%, #f3e8ff 0%, #f8fafc 60%, #ffffff 100%);\r\n    padding: 80px 24px;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n    color: #1e293b;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n  }\r\n  .el-hero-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n  .el-hero-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Left Column Styling *\/\r\n  .el-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #f3e8ff;\r\n    color: #7e22ce;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    padding: 6px 14px;\r\n    border-radius: 9999px;\r\n    margin-bottom: 24px;\r\n    border: 1px solid #d8b4fe;\r\n  }\r\n  .el-badge-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #7e22ce;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 3px rgba(126, 34, 206, 0.2);\r\n    animation: elPulse 2s infinite;\r\n  }\r\n  .el-hero-title {\r\n    font-size: 46px;\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n  .el-hero-title span {\r\n    \/* EdTech Indigo to Purple gradient *\/\r\n    background: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n  .el-hero-desc {\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #475569;\r\n    margin: 0 0 36px 0;\r\n    max-width: 540px;\r\n  }\r\n  .el-hero-cta-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    margin-bottom: 40px;\r\n  }\r\n  .el-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 14px 28px;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n  }\r\n  .el-btn-primary {\r\n    background: #4f46e5;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 10px 20px -5px rgba(79, 70, 229, 0.4);\r\n  }\r\n  .el-btn-primary:hover {\r\n    background: #4338ca;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 14px 24px -5px rgba(79, 70, 229, 0.5);\r\n  }\r\n  .el-btn-secondary {\r\n    background: #ffffff;\r\n    color: #334155 !important;\r\n    border: 1px solid #cbd5e1;\r\n  }\r\n  .el-btn-secondary:hover {\r\n    background: #f1f5f9;\r\n    color: #0f172a !important;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* Metrics *\/\r\n  .el-metrics {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding-top: 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n  }\r\n  .el-metric-item strong {\r\n    display: block;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n  }\r\n  .el-metric-item span {\r\n    font-size: 12px;\r\n    color: #64748b;\r\n  }\r\n  .el-metric-divider {\r\n    width: 1px;\r\n    height: 32px;\r\n    background: #e2e8f0;\r\n  }\r\n\r\n  \/* Right Column: Visual Mockup *\/\r\n  .el-hero-visual {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n  .el-glow-1 {\r\n    position: absolute;\r\n    width: 320px;\r\n    height: 320px;\r\n    top: 10%;\r\n    right: 5%;\r\n    background: rgba(147, 51, 234, 0.25);\r\n    filter: blur(80px);\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n  }\r\n  .el-glow-2 {\r\n    position: absolute;\r\n    width: 260px;\r\n    height: 260px;\r\n    bottom: 5%;\r\n    left: 10%;\r\n    background: rgba(79, 70, 229, 0.2);\r\n    filter: blur(70px);\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Phone Mockup *\/\r\n  .el-phone-frame {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 310px;\r\n    height: 580px;\r\n    background: #0f172a;\r\n    border-radius: 44px;\r\n    padding: 10px;\r\n    box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n    animation: elFloat 6s ease-in-out infinite;\r\n  }\r\n  .el-phone-notch {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 90px;\r\n    height: 18px;\r\n    background: #0f172a;\r\n    border-radius: 20px;\r\n    z-index: 5;\r\n  }\r\n  .el-phone-screen {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #020617;\r\n    border-radius: 36px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* Class UI *\/\r\n  .el-class-header {\r\n    position: absolute;\r\n    top: 32px;\r\n    left: 0;\r\n    right: 0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0 16px;\r\n    z-index: 4;\r\n  }\r\n  .el-class-live {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: rgba(220, 38, 38, 0.85); \/* Red for live class *\/\r\n    backdrop-filter: blur(8px);\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n  }\r\n  .el-live-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #ffffff;\r\n    border-radius: 50%;\r\n    animation: elPulse 1.5s infinite;\r\n  }\r\n  .el-participants-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: rgba(15, 23, 42, 0.65);\r\n    backdrop-filter: blur(8px);\r\n    color: #e2e8f0;\r\n    font-size: 10px;\r\n    padding: 4px 8px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Video Main & Instructor *\/\r\n  .el-video-main {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  .el-instructor-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n  .el-instructor-tag {\r\n    position: absolute;\r\n    bottom: 90px;\r\n    left: 14px;\r\n    background: rgba(15, 23, 42, 0.8);\r\n    backdrop-filter: blur(10px);\r\n    color: #f8fafc;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    padding: 6px 10px;\r\n    border-radius: 8px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  \/* Audio Wave Animation *\/\r\n  .el-audio-waves {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 2px;\r\n    height: 12px;\r\n  }\r\n  .el-audio-waves span {\r\n    width: 2.5px;\r\n    height: 100%;\r\n    background: #a855f7;\r\n    border-radius: 2px;\r\n    animation: elWave 1.2s infinite ease-in-out;\r\n  }\r\n  .el-audio-waves span:nth-child(2) { animation-delay: 0.2s; }\r\n  .el-audio-waves span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n  \/* New E-learning overlay (Subject) *\/\r\n  .el-subject-overlay {\r\n    position: absolute;\r\n    top: 75px;\r\n    left: 14px;\r\n    background: rgba(255,255,255,0.9);\r\n    padding: 8px 12px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n  }\r\n  .el-subject-overlay span {\r\n    display: block;\r\n    font-size: 9px;\r\n    color: #64748b;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n  .el-subject-overlay strong {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  \/* PiP Presentation\/Screen Share *\/\r\n  .el-pip-student {\r\n    position: absolute;\r\n    top: 75px;\r\n    right: 14px;\r\n    width: 82px;\r\n    height: 115px;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    border: 2px solid rgba(255, 255, 255, 0.85);\r\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);\r\n    z-index: 4;\r\n  }\r\n  .el-pip-student img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n  .el-pip-label {\r\n    position: absolute;\r\n    bottom: 4px;\r\n    right: 4px;\r\n    background: rgba(79, 70, 229, 0.85);\r\n    color: #fff;\r\n    font-size: 9px;\r\n    padding: 2px 6px;\r\n    border-radius: 4px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* Class Action Buttons *\/\r\n  .el-class-controls {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 0;\r\n    right: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    z-index: 4;\r\n  }\r\n  .el-ctrl-btn {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: transform 0.2s, background 0.2s;\r\n  }\r\n  .el-ctrl-btn:hover {\r\n    transform: scale(1.08);\r\n  }\r\n  .el-ctrl-active {\r\n    background: rgba(147, 51, 234, 0.6);\r\n    border-color: rgba(147, 51, 234, 0.8);\r\n  }\r\n  .el-ctrl-leave {\r\n    background: #ef4444;\r\n    border-color: #dc2626;\r\n  }\r\n\r\n  \/* Floating UI Cards *\/\r\n  .el-float-card {\r\n    position: absolute;\r\n    z-index: 3;\r\n    background: rgba(255, 255, 255, 0.94);\r\n    backdrop-filter: blur(12px);\r\n    padding: 10px 14px;\r\n    border-radius: 14px;\r\n    box-shadow: 0 15px 35px -5px rgba(15, 23, 42, 0.15);\r\n    border: 1px solid rgba(255, 255, 255, 0.8);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .el-float-card small {\r\n    display: block;\r\n    font-size: 10px;\r\n    color: #64748b;\r\n  }\r\n  .el-float-card strong {\r\n    display: block;\r\n    font-size: 13px;\r\n    color: #0f172a;\r\n  }\r\n  .el-text-purple { color: #7e22ce; font-size: 11px; }\r\n\r\n  .el-float-card-progress {\r\n    left: -45px;\r\n    top: 110px;\r\n    animation: elFloatReverse 5s ease-in-out infinite;\r\n  }\r\n  .el-float-card-award {\r\n    right: -35px;\r\n    bottom: 140px;\r\n    animation: elFloat 7s ease-in-out infinite 1s;\r\n  }\r\n  .el-card-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .el-bg-purple { background: #f3e8ff; }\r\n  .el-bg-orange { background: #ffedd5; }\r\n\r\n  \/* Keyframe Animations *\/\r\n  @keyframes elFloat {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-12px); }\r\n  }\r\n  @keyframes elFloatReverse {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(10px); }\r\n  }\r\n  @keyframes elPulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(1.15); }\r\n  }\r\n  @keyframes elWave {\r\n    0%, 100% { transform: scaleY(0.3); }\r\n    50% { transform: scaleY(1); }\r\n  }\r\n\r\n  \/* Responsive Breakpoints *\/\r\n  @media (max-width: 992px) {\r\n    .el-hero-container {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n      gap: 60px;\r\n    }\r\n    .el-hero-desc {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n    .el-hero-cta-group {\r\n      justify-content: center;\r\n    }\r\n    .el-metrics {\r\n      justify-content: center;\r\n    }\r\n    .el-float-card-progress { left: 10px; top: -15px; }\r\n    .el-float-card-award { right: 10px; bottom: 80px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .el-hero-wrapper {\r\n      padding: 50px 16px;\r\n    }\r\n    .el-hero-title {\r\n      font-size: 32px;\r\n    }\r\n    .el-phone-frame {\r\n      width: 280px;\r\n      height: 520px;\r\n    }\r\n    .el-float-card {\r\n      display: none;\r\n    }\r\n    .el-metrics {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n    .el-metric-divider {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n<!-- E-Learning Hero Section End -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2369d43 e-flex e-con-boxed e-con e-parent\" data-id=\"2369d43\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e29b74c elementor-widget elementor-widget-html\" data-id=\"e29b74c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   E-LEARNING SECTION (WordPress Friendly & Scoped)\r\n========================================= *\/\r\n\r\n.el-dev-section-wrapper {\r\n    --el-font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    --el-color-bg: #ffffff;\r\n    --el-color-text-main: #0f172a;\r\n    --el-color-text-muted: #64748b;\r\n    --el-color-accent-indigo: #4f46e5;  \/* EdTech Indigo *\/\r\n    --el-color-accent-purple: #9333ea;  \/* Creative Purple *\/\r\n    --el-color-card-bg: #f8fafc;\r\n    \r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: var(--el-font-primary);\r\n    background: transparent;\r\n    padding: 40px 0;\r\n}\r\n\r\n.el-dev-section-wrapper *,\r\n.el-dev-section-wrapper *::before,\r\n.el-dev-section-wrapper *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CARD\r\n========================================= *\/\r\n\r\n.el-dev-card {\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    background: var(--el-color-bg);\r\n    border-radius: 24px;\r\n    padding: 55px 50px 0px 50px;\r\n    box-shadow: 0 20px 40px rgba(79, 70, 229, 0.05);\r\n    position: relative;\r\n    overflow: visible;\r\n    border: 1px solid rgba(79, 70, 229, 0.08);\r\n}\r\n\r\n\/* =========================================\r\n   TWO COLUMN LAYOUT\r\n========================================= *\/\r\n\r\n.el-dev-grid-layout {\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    gap: 40px;\r\n    align-items: flex-end;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT VISUAL COLUMN\r\n========================================= *\/\r\n\r\n.el-dev-visual-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    min-height: 520px;\r\n    overflow: visible;\r\n}\r\n\r\n\/* Background Academic Glow *\/\r\n.el-dev-bg-shape {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 420px;\r\n    height: 420px;\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(224, 231, 255, 0.9) 0%,\r\n        rgba(237, 233, 254, 0.5) 45%,\r\n        rgba(255, 255, 255, 0) 72%\r\n    );\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n}\r\n\r\n\/* INSTRUCTOR\/STUDENT IMAGE *\/\r\n.el-dev-person-img {\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 540px;\r\n    width: auto;\r\n    max-width: none;\r\n    object-fit: contain;\r\n    object-position: bottom center;\r\n    display: block;\r\n    align-self: flex-end;\r\n    filter: drop-shadow(0 18px 30px rgba(15, 23, 42, 0.12));\r\n    transform-origin: bottom center;\r\n    animation: elDevFloat 5s ease-in-out infinite;\r\n    border-radius: 24px 24px 0 0;\r\n}\r\n\r\n@keyframes elDevFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n}\r\n\r\n\/* SPEECH BUBBLE *\/\r\n.el-dev-speech-bubble {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: -20px;\r\n    width: 310px;\r\n    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);\r\n    color: #ffffff;\r\n    padding: 22px;\r\n    border-radius: 20px;\r\n    border-bottom-left-radius: 5px;\r\n    z-index: 5;\r\n    box-shadow: 0 20px 45px rgba(124, 58, 237, 0.25);\r\n    animation: elDevFloatBubble 4s ease-in-out infinite;\r\n}\r\n\r\n.el-dev-speech-bubble::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -13px;\r\n    left: 42px;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 13px solid transparent;\r\n    border-right: 13px solid transparent;\r\n    border-top: 13px solid #7c3aed;\r\n}\r\n\r\n.el-dev-edu-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    background: #ffffff;\r\n    color: var(--el-color-accent-indigo);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 12px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n}\r\n\r\n.el-dev-speech-bubble h3 {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    margin-bottom: 10px;\r\n    color: #ffffff;\r\n    font-family: inherit;\r\n}\r\n\r\n.el-dev-highlight-yellow {\r\n    color: #fde047; \/* Vibrant academic yellow *\/\r\n}\r\n\r\n.el-dev-speech-divider {\r\n    height: 1px;\r\n    background: rgba(255,255,255,0.22);\r\n    margin: 12px 0;\r\n}\r\n\r\n.el-dev-speech-bubble p {\r\n    font-size: 13px;\r\n    color: #e0e7ff;\r\n    line-height: 1.5;\r\n}\r\n\r\n.el-dev-speech-bubble p strong {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* FLOATING LEARNING ELEMENTS *\/\r\n.el-dev-float-element {\r\n    position: absolute;\r\n    z-index: 4;\r\n    font-weight: 800;\r\n    animation: elDevFloatElement 3.5s ease-in-out infinite;\r\n    opacity: 0.8;\r\n}\r\n\r\n.el-dev-element-top { \r\n    top: 40px; \r\n    left: 80px; \r\n    font-size: 24px; \r\n    animation-delay: 0s; \r\n    color: #0ea5e9; \r\n}\r\n.el-dev-element-bottom { \r\n    bottom: 120px; \r\n    left: 140px; \r\n    font-size: 28px; \r\n    animation-delay: 1.5s;\r\n    color: #f59e0b;\r\n}\r\n\r\n\/* DOT PATTERN *\/\r\n.el-dev-dot-grid {\r\n    position: absolute;\r\n    width: 70px;\r\n    height: 70px;\r\n    background-image: radial-gradient(#cbd5e1 2px, transparent 2px);\r\n    background-size: 14px 14px;\r\n    z-index: 1;\r\n    opacity: .7;\r\n}\r\n\r\n.el-dev-grid-top { top: 25px; left: -10px; }\r\n.el-dev-grid-bottom { bottom: 90px; right: 25px; }\r\n\r\n\/* =========================================\r\n   RIGHT CONTENT COLUMN\r\n========================================= *\/\r\n\r\n.el-dev-content-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding-bottom: 60px;\r\n}\r\n\r\n.el-dev-subheading {\r\n    color: var(--el-color-accent-indigo);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.el-dev-subheading::before {\r\n    content: '';\r\n    display: block;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--el-color-accent-indigo);\r\n    border-radius: 50%;\r\n}\r\n\r\n.el-dev-main-heading {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: var(--el-color-text-main);\r\n    line-height: 1.2;\r\n    margin-bottom: 20px;\r\n    letter-spacing: -0.5px;\r\n    font-family: inherit;\r\n}\r\n\r\n.el-dev-main-heading span {\r\n    color: var(--el-color-accent-purple);\r\n}\r\n\r\n.el-dev-heading-line {\r\n    width: 70px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, var(--el-color-accent-indigo), var(--el-color-accent-purple));\r\n    border-radius: 4px;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT SIDE - HORIZONTAL CARDS (3 IN 1 ROW)\r\n========================================= *\/\r\n\r\n.el-dev-feature-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n}\r\n\r\n.el-dev-feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 14px; \/* Rigid spacing to prevent stretching *\/\r\n    padding: 22px 18px 26px 18px; \/* Extra padding at bottom for the progress bar *\/\r\n    border-radius: 16px;\r\n    background: var(--el-color-card-bg);\r\n    border: 1px solid #e2e8f0;\r\n    transition: all .3s cubic-bezier(.4,0,.2,1);\r\n    cursor: pointer;\r\n    height: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Simulated Course Progress Bar Hover Effect *\/\r\n.el-dev-feature-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 4px;\r\n    width: 0%;\r\n    background: linear-gradient(90deg, var(--el-color-accent-indigo), var(--el-color-accent-purple));\r\n    transition: width 0.4s ease;\r\n}\r\n\r\n.el-dev-feature-card:hover {\r\n    background: #ffffff;\r\n    box-shadow: 0 12px 30px rgba(79, 70, 229, 0.08);\r\n    transform: translateY(-5px);\r\n    border-color: #c7d2fe;\r\n}\r\n\r\n.el-dev-feature-card:hover::after {\r\n    width: 100%; \/* Progress fills up on hover *\/\r\n}\r\n\r\n.el-dev-icon-box {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.04);\r\n    transition: all .3s ease;\r\n    border: 1px solid #f1f5f9;\r\n}\r\n\r\n.el-dev-feature-card:hover .el-dev-icon-box {\r\n    background: #eef2ff;\r\n    transform: scale(1.08);\r\n    border-color: #e0e7ff;\r\n}\r\n\r\n.el-dev-icon-box svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    stroke: var(--el-color-accent-indigo);\r\n    transition: stroke .3s ease;\r\n}\r\n\r\n\/* Distinct icon colors for variety *\/\r\n.el-dev-feature-card:nth-child(2) .el-dev-icon-box svg {\r\n    stroke: var(--el-color-accent-purple);\r\n}\r\n.el-dev-feature-card:nth-child(3) .el-dev-icon-box svg {\r\n    stroke: #ea580c; \/* Gamification Orange *\/\r\n}\r\n\r\n.el-dev-feature-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px; \/* Ensures strict alignment between title and paragraph *\/\r\n}\r\n\r\n.el-dev-feature-text h4 {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: var(--el-color-text-main);\r\n    line-height: 1.3;\r\n    font-family: inherit;\r\n    margin: 0;\r\n}\r\n\r\n.el-dev-feature-text p {\r\n    font-size: 12.5px;\r\n    color: var(--el-color-text-muted);\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Animations & Responsive *\/\r\n@keyframes elDevFloatBubble {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n}\r\n\r\n@keyframes elDevFloatElement {\r\n    0%, 100% { transform: translateY(0) scale(1) rotate(0deg); opacity: .75; }\r\n    50% { transform: translateY(-10px) scale(1.15) rotate(10deg); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .el-dev-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 50px;\r\n    }\r\n    .el-dev-visual-wrapper {\r\n        min-height: auto;\r\n    }\r\n    .el-dev-person-img {\r\n        height: 400px;\r\n        margin-bottom: 0;\r\n        border-radius: 20px;\r\n    }\r\n    .el-dev-speech-bubble {\r\n        right: 0;\r\n        top: -20px;\r\n        width: 260px;\r\n    }\r\n    .el-dev-card {\r\n        padding: 40px 30px 0;\r\n        overflow: hidden;\r\n    }\r\n    .el-dev-content-wrapper {\r\n        padding-bottom: 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .el-dev-feature-list {\r\n        grid-template-columns: 1fr; \/* Stack cards vertically on small mobile *\/\r\n    }\r\n    .el-dev-main-heading {\r\n        font-size: 30px;\r\n    }\r\n    .el-dev-speech-bubble {\r\n        display: none;\r\n    }\r\n    .el-dev-person-img {\r\n        height: 320px;\r\n    }\r\n    .el-dev-card {\r\n        padding: 30px 20px 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"el-dev-section-wrapper\">\r\n    <div class=\"el-dev-card\">\r\n        \r\n        <div class=\"el-dev-grid-layout\">\r\n            \r\n            <!-- Left Visual Column -->\r\n            <div class=\"el-dev-visual-wrapper\">\r\n                <div class=\"el-dev-bg-shape\"><\/div>\r\n                \r\n                <span class=\"el-dev-dot-grid el-dev-grid-top\"><\/span>\r\n                <span class=\"el-dev-dot-grid el-dev-grid-bottom\"><\/span>\r\n\r\n                <!-- Floating Code Brackets and Sparkles -->\r\n                <span class=\"el-dev-float-element el-dev-element-top\">\u27e8 \/ \u27e9<\/span>\r\n                <span class=\"el-dev-float-element el-dev-element-bottom\">\u2726<\/span>\r\n\r\n                <div class=\"el-dev-speech-bubble\">\r\n                    <div class=\"el-dev-edu-icon\">\r\n                        <!-- Book Icon -->\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                            <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Planning to launch an <span class=\"el-dev-highlight-yellow\">E-Learning App?<\/span><\/h3>\r\n                    <div class=\"el-dev-speech-divider\"><\/div>\r\n                    <p>Partner with <strong>Brightcode<\/strong> \u2013 Top EdTech Tech Experts!<\/p>\r\n                <\/div>\r\n\r\n                <!-- Instructor \/ Student Placeholder Image -->\r\n                <img decoding=\"async\" src=\"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2026\/09\/Untitled-design.webp\" class=\"el-dev-person-img\">\r\n            <\/div>\r\n\r\n            <!-- Right Content Column -->\r\n            <div class=\"el-dev-content-wrapper\">\r\n                <span class=\"el-dev-subheading\">E-Learning App Development<\/span>\r\n                <h2 class=\"el-dev-main-heading\">EdTech platforms built for <span>modern mastery<\/span><\/h2>\r\n                <div class=\"el-dev-heading-line\"><\/div>\r\n\r\n                <!-- 3 CARDS IN 1 ROW INSIDE RIGHT COLUMN -->\r\n                <div class=\"el-dev-feature-list\">\r\n                    \r\n                    <div class=\"el-dev-feature-card\">\r\n                        <div class=\"el-dev-icon-box\">\r\n                            <!-- LMS \/ Architecture Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n                                <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/>\r\n                                <line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"el-dev-feature-text\">\r\n                            <h4>SCORM & LMS Ready<\/h4>\r\n                            <p>Seamlessly integrate custom architectures, responsive grids, and fully scoped modules.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"el-dev-feature-card\">\r\n                        <div class=\"el-dev-icon-box\">\r\n                            <!-- Live Streaming Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"23 7 16 12 23 17 23 7\"\/>\r\n                                <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"el-dev-feature-text\">\r\n                            <h4>Interactive Classrooms<\/h4>\r\n                            <p>High-performance media queries and ultra-low latency streams for zero-lag learning.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"el-dev-feature-card\">\r\n                        <div class=\"el-dev-icon-box\">\r\n                            <!-- Gamification \/ Trophy Icon -->\r\n                            <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"\/>\r\n                                <path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"\/>\r\n                                <path d=\"M4 22h16\"\/>\r\n                                <path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"\/>\r\n                                <path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"\/>\r\n                                <path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"el-dev-feature-text\">\r\n                            <h4>Smart Gamification<\/h4>\r\n                            <p>Dynamic badges, progress loops, and custom layouts tailored for student engagement.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b119300 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"b119300\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad0553a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"ad0553a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Core Features\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6eb1b1 elementor-widget elementor-widget-heading\" data-id=\"e6eb1b1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Powerful Features for Modern Digital Learning<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20076ac elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"20076ac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every build includes personalized learning paths, secure student profiles, interactive classroom communication, gamified experiences, and robust admin tools configured for scalable learning management systems.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebff6b9 elementor-widget elementor-widget-html\" data-id=\"ebff6b9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"el-features\">\r\n  <div class=\"el-features__container\">\r\n\r\n    <div class=\"el-features__grid\">\r\n\r\n      <!-- Feature 01 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon>\r\n            <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"><\/rect>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">01<\/span>\r\n          <h3>Interactive Live Classes<\/h3>\r\n          <p>\r\n            Seamless WebRTC-powered virtual classrooms with ultra-low latency, whiteboarding, and screen sharing.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 02 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\r\n            <polyline points=\"2 17 12 22 22 17\"><\/polyline>\r\n            <polyline points=\"2 12 12 17 22 12\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">02<\/span>\r\n          <h3>Advanced LMS Architecture<\/h3>\r\n          <p>\r\n            Comprehensive SCORM-compliant course builders, multimedia modules, and automated content dripping.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 03 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <polyline points=\"9 11 12 14 22 4\"><\/polyline>\r\n            <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">03<\/span>\r\n          <h3>Smart Assessments<\/h3>\r\n          <p>\r\n            Deploy timed quizzes, assignment uploads, automated grading, and AI-assisted proctoring for integrity.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 04 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle>\r\n            <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.89\"><\/polyline>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">04<\/span>\r\n          <h3>Gamification Engine<\/h3>\r\n          <p>\r\n            Boost student engagement with dynamic achievement badges, reward points, and competitive leaderboards.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 05 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\r\n            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\r\n            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">05<\/span>\r\n          <h3>Progress Analytics<\/h3>\r\n          <p>\r\n            In-depth dashboards tracking student performance, course completion rates, and overall engagement metrics.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 06 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"><\/rect>\r\n            <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">06<\/span>\r\n          <h3>Secure Monetization<\/h3>\r\n          <p>\r\n            Integrated global payment gateways supporting recurring subscriptions, course bundles, and one-time fees.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 07 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">07<\/span>\r\n          <h3>AI Learning Paths<\/h3>\r\n          <p>\r\n            Intelligent algorithms that generate personalized course recommendations based on user behavior and skill gaps.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature 08 -->\r\n      <div class=\"el-feature-card\">\r\n        <div class=\"el-feature-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\">\r\n            <path d=\"M8 17l4 4 4-4\"><\/path>\r\n            <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"21\"><\/line>\r\n            <path d=\"M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"el-feature-card__content\">\r\n          <span class=\"el-feature-card__number\">08<\/span>\r\n          <h3>Offline Learning Mode<\/h3>\r\n          <p>\r\n            Encrypted local storage functionality allowing students to securely download lectures for offline access.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   E-LEARNING FEATURES SECTION\r\n   WordPress \/ Elementor Friendly (Scoped with .el-)\r\n   No External Libraries\r\n   ========================================================= *\/\r\n\r\n.el-features {\r\n  \/* EdTech Indigo \/ Purple Palette *\/\r\n  --el-primary: #6366f1;\r\n  --el-primary-dark: #4f46e5;\r\n  --el-primary-light: #818cf8;\r\n  --el-accent: #a855f7;\r\n\r\n  --el-bg-soft: #eef2ff;\r\n  --el-bg-soft-2: #f5f3ff;\r\n\r\n  --el-background: transparent;\r\n\r\n  --el-card: #ffffff;\r\n  --el-card-hover: #fafaff;\r\n\r\n  --el-text: #1e293b;\r\n  --el-muted: #64748b;\r\n\r\n  --el-border: #e2e8f0;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 0px 20px 75px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 5%,\r\n      rgba(99, 102, 241, 0.08),\r\n      transparent %\r\n    ),\r\n    radial-gradient(\r\n      circle at 95% 90%,\r\n      rgba(168, 85, 247, 0.06),\r\n      transparent 32%\r\n    ),\r\n    var(--el-background);\r\n\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Make everything inside predictable *\/\r\n.el-features *,\r\n.el-features *::before,\r\n.el-features *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n.el-features__container {\r\n  width: 100%;\r\n  max-width: 1250px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n.el-features__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 22px;\r\n  width: 100%;\r\n}\r\n\r\n\/* =========================================================\r\n   FEATURE CARD\r\n   ========================================================= *\/\r\n.el-feature-card {\r\n  position: relative;\r\n  min-height: 285px;\r\n  padding: 29px 25px 27px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  \r\n  background: linear-gradient(\r\n    145deg,\r\n    #ffffff 0%,\r\n    #ffffff 68%,\r\n    #f8fafc 100%\r\n  );\r\n  \r\n  border: 1px solid var(--el-border);\r\n  border-radius: 19px;\r\n  \r\n  box-shadow:\r\n    0 8px 25px rgba(15, 23, 42, 0.04),\r\n    0 2px 5px rgba(15, 23, 42, 0.02);\r\n    \r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    border-color 0.3s ease;\r\n    \r\n  isolation: isolate;\r\n}\r\n\r\n\/* =========================================================\r\n   TOP ACCENT\r\n   ========================================================= *\/\r\n.el-feature-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 24px;\r\n  right: 24px;\r\n  height: 3px;\r\n  \r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--el-primary),\r\n    var(--el-accent)\r\n  );\r\n  \r\n  border-radius: 0 0 10px 10px;\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.35s ease;\r\n  z-index: 3;\r\n}\r\n\r\n\/* =========================================================\r\n   DECORATIVE GLOW\r\n   ========================================================= *\/\r\n.el-feature-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 180px;\r\n  height: 180px;\r\n  right: -100px;\r\n  bottom: -100px;\r\n  border-radius: 50%;\r\n  \r\n  background: radial-gradient(\r\n    circle,\r\n    #eef2ff 0%,\r\n    #f5f3ff 45%,\r\n    transparent 70%\r\n  );\r\n  \r\n  opacity: 0.8;\r\n  transform: scale(0.9);\r\n  transition:\r\n    transform 0.4s ease,\r\n    opacity 0.3s ease;\r\n    \r\n  z-index: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n.el-feature-card:hover {\r\n  transform: translateY(-7px);\r\n  border-color: #c7d2fe;\r\n  \r\n  background: linear-gradient(\r\n    145deg,\r\n    #ffffff 0%,\r\n    #ffffff 65%,\r\n    #fafaff 100%\r\n  );\r\n  \r\n  box-shadow:\r\n    0 20px 45px rgba(99, 102, 241, 0.1),\r\n    0 5px 12px rgba(15, 23, 42, 0.04);\r\n}\r\n\r\n.el-feature-card:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.el-feature-card:hover::after {\r\n  transform: scale(1.3);\r\n  opacity: 1;\r\n}\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n.el-feature-card__icon {\r\n  position: relative;\r\n  z-index: 4;\r\n  width: 58px;\r\n  height: 58px;\r\n  flex: 0 0 58px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n  color: var(--el-primary);\r\n  \r\n  background: linear-gradient(\r\n    145deg,\r\n    #f1f5f9,\r\n    #e2e8f0\r\n  );\r\n  \r\n  border: 1px solid #cbd5e1;\r\n  border-radius: 16px;\r\n  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.05);\r\n  \r\n  transition:\r\n    background 0.3s ease,\r\n    color 0.3s ease,\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.el-feature-card__icon svg {\r\n  display: block;\r\n  width: 27px;\r\n  height: 27px;\r\n  max-width: 100%;\r\n  stroke: currentColor;\r\n}\r\n\r\n\/* =========================================================\r\n   ICON HOVER\r\n   ========================================================= *\/\r\n.el-feature-card:hover .el-feature-card__icon {\r\n  color: #ffffff;\r\n  \r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--el-primary),\r\n    var(--el-primary-dark)\r\n  );\r\n  \r\n  border-color: var(--el-primary);\r\n  transform: translateY(-2px) scale(1.05);\r\n  box-shadow: 0 10px 22px rgba(99, 102, 241, 0.25);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n.el-feature-card__content {\r\n  position: relative;\r\n  z-index: 4;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n.el-feature-card__number {\r\n  display: block;\r\n  margin: 0 0 7px;\r\n  color: var(--el-primary-light);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: 1.6px;\r\n}\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n.el-feature-card h3 {\r\n  margin: 0 0 11px;\r\n  padding: 0;\r\n  color: var(--el-text);\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: -0.2px;\r\n}\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n.el-feature-card p {\r\n  margin: 0;\r\n  padding: 0;\r\n  color: var(--el-muted);\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n@media screen and (max-width: 1100px) {\r\n  .el-features {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n  .el-features__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n  .el-feature-card {\r\n    min-height: 255px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n@media screen and (max-width: 600px) {\r\n  .el-features {\r\n    padding: 30px 14px 55px;\r\n  }\r\n  .el-features__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n  .el-feature-card {\r\n    min-height: auto;\r\n    padding: 24px 20px 23px;\r\n    border-radius: 17px;\r\n  }\r\n  .el-feature-card::before {\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n  .el-feature-card__icon {\r\n    width: 54px;\r\n    height: 54px;\r\n    flex-basis: 54px;\r\n    margin-bottom: 17px;\r\n    border-radius: 14px;\r\n  }\r\n  .el-feature-card__icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n  .el-feature-card h3 {\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n  }\r\n  .el-feature-card p {\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n  }\r\n  .el-feature-card:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n@media screen and (max-width: 380px) {\r\n  .el-features {\r\n    padding-left: 12px;\r\n    padding-right: 12px;\r\n  }\r\n  .el-feature-card {\r\n    padding: 22px 18px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .el-feature-card,\r\n  .el-feature-card *,\r\n  .el-feature-card::before,\r\n  .el-feature-card::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de9b0a0 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"de9b0a0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fc090c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9fc090c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EDTECH ADVANTAGE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be37667 elementor-widget elementor-widget-heading\" data-id=\"be37667\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Build engaging, user-friendly e-learning apps that connect educators and students seamlessly.<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfa29c4 e-con-full e-flex e-con e-child\" data-id=\"bfa29c4\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4207100 e-con-full e-flex e-con e-child\" data-id=\"4207100\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54e2083 elementor-widget elementor-widget-heading\" data-id=\"54e2083\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"http:\/\/Smart%20Matchmaking\">Custom E-Learning Solutions<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e5275d elementor-widget elementor-widget-heading\" data-id=\"1e5275d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Feature-rich educational apps with live video classrooms, smart course scheduling, assignment tracking, student progress records, and seamless curriculum management.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea45369 e-con-full e-flex e-con e-child\" data-id=\"ea45369\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95915fe elementor-widget elementor-widget-heading\" data-id=\"95915fe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Secure &amp; SCORM-Compliant Platform<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fadbc54 elementor-widget elementor-widget-heading\" data-id=\"fadbc54\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Protect sensitive student and institutional data with secure communication, encrypted assessments, strict authentication, and privacy-focused architecture.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6db9e5a e-con-full e-flex e-con e-child\" data-id=\"6db9e5a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2568199 elementor-widget elementor-widget-heading\" data-id=\"2568199\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dedicated Development Support<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f026e6 elementor-widget elementor-widget-heading\" data-id=\"0f026e6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">From app design and development to deployment and ongoing maintenance, Brightcode provides reliable support throughout your e-learning journey.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cffdb e-flex e-con-boxed e-con e-parent\" data-id=\"03cffdb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f993af5 elementor-widget elementor-widget-html\" data-id=\"f993af5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"edtech-tech-section\">\r\n  <div class=\"edtech-container\">\r\n    \r\n    <!-- LEFT COLUMN: Heading & Highlights -->\r\n    <div class=\"edtech-left\">\r\n      <div class=\"edtech-tag\">\r\n        LMS ARCHITECTURE <span class=\"tag-line\"><\/span><span class=\"tag-dot\"><\/span>\r\n      <\/div>\r\n      \r\n      <h4 class=\"edtech-title\">\r\n        Technology Stack<br>Built for <span>Mastery & Scale<\/span>\r\n      <\/h4>\r\n      \r\n      <p class=\"edtech-description\">\r\n        We utilize highly scalable, modern, and SCORM-compliant technologies to build premium e-learning platforms that foster global knowledge exchange while ensuring absolute data security.\r\n      <\/p>\r\n\r\n      <!-- 4 Value Props -->\r\n      <div class=\"edtech-props-grid\">\r\n        <div class=\"edtech-prop-item\">\r\n          <div class=\"prop-icon\">\ud83e\udde0<\/div>\r\n          <h4>AI Paths<\/h4>\r\n          <p>Adaptive learning<\/p>\r\n        <\/div>\r\n        <div class=\"edtech-prop-item\">\r\n          <div class=\"prop-icon\">\ud83d\udee1\ufe0f<\/div>\r\n          <h4>SCORM Ready<\/h4>\r\n          <p>Global standards<\/p>\r\n        <\/div>\r\n        <div class=\"edtech-prop-item\">\r\n          <div class=\"prop-icon\">\u26a1<\/div>\r\n          <h4>Cloud Scale<\/h4>\r\n          <p>High-concurrency<\/p>\r\n        <\/div>\r\n        <div class=\"edtech-prop-item\">\r\n          <div class=\"prop-icon\">\ud83c\udf93<\/div>\r\n          <h4>Live Classes<\/h4>\r\n          <p>Zero-lag streaming<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Feature Pill (Glassmorphism twist) -->\r\n      <div class=\"edtech-architecture-pill\">\r\n        <div class=\"code-icon\">&lt;\/&gt;<\/div>\r\n        <div class=\"pill-text-content\">\r\n          <strong>Modular architecture. Next-gen tech.<\/strong>\r\n          <p>Exceptional digital experience for modern education.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT COLUMN: Grid Cards + Center Atomic Badge -->\r\n    <div class=\"edtech-right\">\r\n      <div class=\"edtech-cards-grid\">\r\n        \r\n        <!-- Mobile App Card -->\r\n        <div class=\"edtech-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcf1<\/div>\r\n            <div>\r\n              <h3>STUDENT & TUTOR APPS<\/h3>\r\n              <p>Cross-platform apps for on-the-go learning and course management.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"edtech-tags\">\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\ud83d\udc99<\/span> Flutter<\/div>\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\u269b\ufe0f<\/span> React Native<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Backend & AI Card -->\r\n        <div class=\"edtech-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcca<\/div>\r\n            <div>\r\n              <h3>LMS CORE & ANALYTICS<\/h3>\r\n              <p>Powerful backend handling secure student records and AI grading.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"edtech-tags\">\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\ud83d\udfe2<\/span> Node.js \/ Python<\/div>\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\ud83d\udc18<\/span> PostgreSQL \/ Redis<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Payments & Subscriptions Card -->\r\n        <div class=\"edtech-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83d\udcb3<\/div>\r\n            <div>\r\n              <h3>ENROLLMENT & BILLING<\/h3>\r\n              <p>Secure global payments, course bundles, and recurring subscriptions.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"edtech-tags\">\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\ud83d\udd12<\/span> Stripe \/ Razorpay<\/div>\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\u2601\ufe0f<\/span> AWS \/ Google Cloud<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Communication Card -->\r\n        <div class=\"edtech-card\">\r\n          <div class=\"card-header\">\r\n            <div class=\"card-icon\">\ud83c\udfa5<\/div>\r\n            <div>\r\n              <h3>VIRTUAL CLASSROOMS<\/h3>\r\n              <p>Interactive whiteboards, screen sharing, and ultra-HD video calling.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"edtech-tags\">\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\u26a1<\/span> Socket.io \/ GraphQL<\/div>\r\n            <div class=\"edtech-tag-item\"><span class=\"tag-ico\">\ud83c\udf10<\/span> WebRTC \/ Agora<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CENTER INNOVATIVE ATOMIC BADGE -->\r\n      <div class=\"edtech-badge-wrapper\">\r\n        <!-- Dual rotating orbits for an atomic\/network feel -->\r\n        <div class=\"orbit-circle orbit-1\">\r\n          <div class=\"orbit-dot dot-a\"><\/div>\r\n        <\/div>\r\n        <div class=\"orbit-circle orbit-2\">\r\n          <div class=\"orbit-dot dot-b\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"badge-content\">\r\n          <!-- Vector Education Node SVG -->\r\n          <svg class=\"edtech-svg\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"#f3e8ff\"\/>\r\n            <path d=\"M30 60 L50 35 L70 60 Z\" stroke=\"#7c3aed\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M50 35 L50 70\" stroke=\"#7c3aed\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"#8b5cf6\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            <!-- Floating nodes -->\r\n            <circle cx=\"30\" cy=\"60\" r=\"4\" fill=\"#4f46e5\"\/>\r\n            <circle cx=\"70\" cy=\"60\" r=\"4\" fill=\"#4f46e5\"\/>\r\n            <circle cx=\"50\" cy=\"35\" r=\"4\" fill=\"#4f46e5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- BOTTOM STATS BANNER -->\r\n  <div class=\"edtech-stats-banner\">\r\n    <div class=\"banner-left\">\r\n      <div class=\"shield-icon\">\ud83d\ude80<\/div>\r\n      <span>A secure, future-ready stack designed by Brightcode to build proactive e-learning ecosystems.<\/span>\r\n    <\/div>\r\n    <div class=\"banner-stats\">\r\n      <div class=\"stat-item\">\r\n        <h4>100%<\/h4>\r\n        <p>SCORM Compliant<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>AI<\/h4>\r\n        <p>Skill Tracking<\/p>\r\n      <\/div>\r\n      <div class=\"stat-divider\"><\/div>\r\n      <div class=\"stat-item\">\r\n        <h4>99.9%<\/h4>\r\n        <p>Uptime SLA<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Import a clean modern font *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n  .edtech-tech-section {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    padding: 60px 20px;\r\n    background-color: #fafaf9; \/* Warm off-white for a modern academic feel *\/\r\n    color: #1e293b;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .edtech-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.3fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* LEFT COLUMN *\/\r\n  .edtech-tag {\r\n    color: #7c3aed; \/* Vibrant Violet *\/\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .edtech-tag .tag-line {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #7c3aed, #4f46e5);\r\n    display: inline-block;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .edtech-tag .tag-dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    background-color: #4f46e5;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .edtech-title {\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    color: #0f172a;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .edtech-title span { \r\n    background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .edtech-description {\r\n    font-size: 16px;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .edtech-props-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .edtech-prop-item {\r\n    background: #ffffff;\r\n    padding: 20px 12px;\r\n    border-radius: 16px;\r\n    text-align: center;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02);\r\n    border: 1px solid #e2e8f0;\r\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;\r\n  }\r\n\r\n  .edtech-prop-item:hover { \r\n    transform: translateY(-6px);\r\n    border-color: #a78bfa;\r\n    box-shadow: 0 10px 25px rgba(124, 58, 237, 0.08);\r\n  }\r\n\r\n  .edtech-prop-item .prop-icon { \r\n    font-size: 26px; \r\n    margin-bottom: 12px; \r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .edtech-prop-item:hover .prop-icon {\r\n    transform: scale(1.15);\r\n  }\r\n\r\n  .edtech-prop-item h4 { \r\n    font-size: 14px; \r\n    font-weight: 800; \r\n    margin: 0 0 6px 0; \r\n    color: #1e293b;\r\n  }\r\n\r\n  .edtech-prop-item p { \r\n    font-size: 12px; \r\n    color: #64748b; \r\n    margin: 0; \r\n    line-height: 1.4; \r\n  }\r\n\r\n  .edtech-architecture-pill {\r\n    background: rgba(243, 232, 255, 0.6); \/* Soft violet glass *\/\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid #e9d5ff;\r\n    border-radius: 20px;\r\n    padding: 18px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px; \/* Consistent gap spacing *\/\r\n  }\r\n\r\n  .edtech-architecture-pill .code-icon {\r\n    background: linear-gradient(135deg, #7c3aed, #4f46e5);\r\n    color: #fff;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);\r\n  }\r\n\r\n  .edtech-architecture-pill .pill-text-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px; \/* Consistent gap spacing *\/\r\n  }\r\n\r\n  .edtech-architecture-pill strong { \r\n    display: block; \r\n    font-size: 15px; \r\n    color: #4c1d95; \r\n  }\r\n\r\n  .edtech-architecture-pill p { \r\n    margin: 0; \r\n    font-size: 14px; \r\n    color: #6d28d9; \r\n  }\r\n\r\n  \/* RIGHT COLUMN & CARDS *\/\r\n  .edtech-right {\r\n    position: relative;\r\n    background: #ffffff;\r\n    padding: 35px;\r\n    border-radius: 28px;\r\n    box-shadow: 0 25px 50px -12px rgba(79, 70, 229, 0.08);\r\n    border: 1px solid #e2e8f0;\r\n  }\r\n\r\n  .edtech-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .edtech-card {\r\n    background: #f8fafc;\r\n    border: 1px solid #f1f5f9;\r\n    border-radius: 20px;\r\n    padding: 24px;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n\r\n  .edtech-card:hover {\r\n    background: #ffffff;\r\n    border-color: #c4b5fd;\r\n    box-shadow: 0 15px 35px rgba(124, 58, 237, 0.06);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .edtech-card .card-header {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .edtech-card .card-icon {\r\n    background: #f3e8ff;\r\n    color: #7c3aed;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    flex-shrink: 0;\r\n    border: 1px solid #e9d5ff;\r\n  }\r\n\r\n  .edtech-card .card-header h3 {\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    color: #4338ca;\r\n    margin: 0 0 6px 0;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .edtech-card .card-header p {\r\n    font-size: 13px;\r\n    color: #64748b;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .edtech-tags {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .edtech-tag-item {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 12px;\r\n    padding: 10px 14px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #334155;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: transform 0.2s ease, border-color 0.2s ease;\r\n  }\r\n\r\n  .edtech-tag-item:hover {\r\n    transform: translateX(4px);\r\n    border-color: #8b5cf6;\r\n    color: #4c1d95;\r\n  }\r\n\r\n  \/* VECTOR RINGS & ATOMIC ORBIT ANIMATION *\/\r\n  .edtech-badge-wrapper {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 200px;\r\n    height: 200px;\r\n    pointer-events: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n  }\r\n\r\n  .edtech-badge-wrapper .orbit-circle {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    border: 1px dashed #a78bfa;\r\n  }\r\n\r\n  .orbit-1 { animation: rotateOrbit 18s linear infinite; }\r\n  .orbit-2 { animation: rotateOrbitReverse 24s linear infinite; width: 115% !important; height: 115% !important; border-color: #818cf8 !important; }\r\n\r\n  .edtech-badge-wrapper .orbit-dot {\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .dot-a { background-color: #7c3aed; top: -5px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 12px #7c3aed; }\r\n  .dot-b { background-color: #4f46e5; bottom: -5px; left: 50%; transform: translateX(-50%); box-shadow: 0 0 12px #4f46e5; }\r\n\r\n  .edtech-badge-wrapper .badge-content {\r\n    width: 140px;\r\n    height: 140px;\r\n    background: radial-gradient(circle, #ffffff 40%, #f3e8ff 100%);\r\n    border-radius: 50%;\r\n    box-shadow: 0 15px 40px rgba(124, 58, 237, 0.25);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 6px solid #ffffff;\r\n    animation: floatBadge 4s ease-in-out infinite;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .edtech-svg {\r\n    width: 75px;\r\n    height: auto;\r\n    filter: drop-shadow(0 4px 6px rgba(124, 58, 237, 0.2));\r\n  }\r\n\r\n  \/* STATS BANNER *\/\r\n  .edtech-stats-banner {\r\n    max-width: 1100px;\r\n    margin: 60px auto 0 auto;\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 100px;\r\n    padding: 16px 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.03);\r\n  }\r\n\r\n  .edtech-stats-banner .banner-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #1e293b;\r\n  }\r\n\r\n  .edtech-stats-banner .shield-icon {\r\n    background: linear-gradient(135deg, #7c3aed, #4f46e5);\r\n    color: white;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);\r\n  }\r\n\r\n  .edtech-stats-banner .banner-stats { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 30px; \r\n  }\r\n\r\n  .edtech-stats-banner .stat-item { \r\n    text-align: center; \r\n  }\r\n\r\n  .edtech-stats-banner .stat-item h4 { \r\n    font-size: 22px; \r\n    font-weight: 800; \r\n    color: #4f46e5; \r\n    margin: 0 0 2px 0; \r\n  }\r\n\r\n  .edtech-stats-banner .stat-item p { \r\n    font-size: 12px; \r\n    color: #64748b; \r\n    font-weight: 600;\r\n    margin: 0; \r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .edtech-stats-banner .stat-divider { \r\n    width: 1px; \r\n    height: 35px; \r\n    background-color: #e2e8f0; \r\n  }\r\n\r\n  \/* KEYFRAMES *\/\r\n  @keyframes floatBadge {\r\n    0%, 100% { transform: translateY(0px); }\r\n    50% { transform: translateY(-8px); }\r\n  }\r\n\r\n  @keyframes rotateOrbit {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes rotateOrbitReverse {\r\n    0% { transform: rotate(360deg); }\r\n    100% { transform: rotate(0deg); }\r\n  }\r\n\r\n  \/* WORDPRESS-FRIENDLY RESPONSIVE FIXES *\/\r\n  @media (max-width: 1024px) {\r\n    .edtech-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .edtech-badge-wrapper { display: none; }\r\n    .edtech-stats-banner { flex-direction: column; gap: 24px; border-radius: 24px; text-align: center; padding: 24px; }\r\n    .edtech-stats-banner .banner-left { flex-direction: column; text-align: center; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .edtech-props-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .edtech-title { font-size: 34px; }\r\n    .edtech-right { padding: 20px; }\r\n    .edtech-cards-grid { grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  @media (max-width: 480px) {\r\n    .edtech-props-grid { grid-template-columns: 1fr; }\r\n    .edtech-stats-banner .banner-stats { flex-direction: column; gap: 15px; }\r\n    .edtech-stats-banner .stat-divider { width: 50px; height: 1px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17997eb e-flex e-con-boxed e-con e-parent\" data-id=\"17997eb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ba5fc elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"13ba5fc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DEVELOPMENT ROADMAP<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4814bf elementor-widget elementor-widget-heading\" data-id=\"a4814bf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From initial concept to a scalable, SCORM-compliant e-learning platform in five steps.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aab6417 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"aab6417\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"edtech-process-section\">\r\n  <div class=\"edtech-process-container\">\r\n    \r\n    <!-- Process Steps Grid -->\r\n    <div class=\"edtech-process-steps\">\r\n      <div class=\"edtech-connecting-line\"><\/div>\r\n      \r\n      <!-- Step 1 -->\r\n      <div class=\"edtech-step-item\" style=\"--delay: 0.1s;\">\r\n        <div class=\"edtech-number-circle\">01<\/div>\r\n        <h3 class=\"edtech-step-title\">Discovery & Scope<\/h3>\r\n        <p class=\"edtech-step-desc\">We map out your educational workflows, student demographics, and SCORM\/LTI compliance requirements.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"edtech-step-item\" style=\"--delay: 0.2s;\">\r\n        <div class=\"edtech-number-circle\">02<\/div>\r\n        <h3 class=\"edtech-step-title\">UI\/UX Design<\/h3>\r\n        <p class=\"edtech-step-desc\">Intuitive, accessible screens designed for seamless course navigation, gamification, and interactive learning.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"edtech-step-item\" style=\"--delay: 0.3s;\">\r\n        <div class=\"edtech-number-circle\">03<\/div>\r\n        <h3 class=\"edtech-step-title\">App Development<\/h3>\r\n        <p class=\"edtech-step-desc\">Live streaming APIs, LMS integrations, and robust student portals built in agile sprints.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 4 -->\r\n      <div class=\"edtech-step-item\" style=\"--delay: 0.4s;\">\r\n        <div class=\"edtech-number-circle\">04<\/div>\r\n        <h3 class=\"edtech-step-title\">Security & QA<\/h3>\r\n        <p class=\"edtech-step-desc\">Rigorous testing for data protection, automated grading accuracy, and high-concurrency video stability.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 5 -->\r\n      <div class=\"edtech-step-item\" style=\"--delay: 0.5s;\">\r\n        <div class=\"edtech-number-circle\">05<\/div>\r\n        <h3 class=\"edtech-step-title\">Launch & Support<\/h3>\r\n        <p class=\"edtech-step-desc\">App Store rollout, secure cloud infrastructure scaling, and ongoing platform maintenance.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap'); \r\n \r\n  .edtech-process-section { \r\n    font-family: 'Plus Jakarta Sans', sans-serif; \r\n    padding: 60px 0px; \r\n    background-color: #ffffff;\r\n    color: #0f172a; \r\n    overflow: hidden; \r\n  } \r\n \r\n  .edtech-process-container { \r\n    max-width: 1240px; \r\n    margin: 0 auto; \r\n    padding: 0 20px;\r\n  } \r\n \r\n  \/* Process Steps Layout *\/ \r\n  .edtech-process-steps { \r\n    position: relative; \r\n    display: grid; \r\n    grid-template-columns: repeat(5, 1fr); \r\n    gap: 20px; \r\n  } \r\n \r\n  \/* Dashed Connecting Line *\/ \r\n  .edtech-connecting-line { \r\n    position: absolute; \r\n    top: 30px; \r\n    left: 10%; \r\n    right: 10%; \r\n    height: 2px; \r\n    border-top: 2px dashed #e9d5ff; \/* EdTech Light Purple *\/\r\n    z-index: 1; \r\n  } \r\n \r\n  \/* Step Item Styling *\/ \r\n  .edtech-step-item { \r\n    position: relative; \r\n    z-index: 2; \r\n    text-align: center; \r\n    display: flex; \r\n    flex-direction: column; \r\n    align-items: center; \r\n    opacity: 0; \r\n    transform: translateY(25px); \r\n    animation: fadeInUp 0.6s ease forwards; \r\n    animation-delay: var(--delay); \r\n  } \r\n \r\n  \/* Circle with Border Animation *\/ \r\n  .edtech-number-circle { \r\n    width: 60px; \r\n    height: 60px; \r\n    background-color: #ffffff;\r\n    border: 2px solid #7c3aed; \/* EdTech Vibrant Purple *\/ \r\n    border-radius: 50%; \r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n    font-size: 18px; \r\n    font-weight: 700; \r\n    color: #7c3aed; \r\n    margin-bottom: 24px; \r\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); \r\n    box-shadow: 0 0 0 8px #ffffff; \/* Prevents line overlap behind circle *\/ \r\n  } \r\n \r\n  .edtech-step-title { \r\n    font-size: 16px; \r\n    font-weight: 700; \r\n    color: #0f172a; \r\n    margin: 0 0 12px 0; \r\n  } \r\n \r\n  .edtech-step-desc { \r\n    font-size: 13.5px; \r\n    color: #475569; \r\n    line-height: 1.6; \r\n    margin: 0; \r\n    max-width: 210px; \r\n  } \r\n \r\n  \/* Hover Effects *\/ \r\n  .edtech-step-item:hover .edtech-number-circle { \r\n    background-color: #7c3aed; \r\n    color: #ffffff; \r\n    transform: scale(1.15); \r\n    box-shadow: 0 0 0 8px #ffffff, 0 10px 25px rgba(124, 58, 237, 0.3); \r\n  } \r\n \r\n  \/* Entrance Animation Keyframes *\/ \r\n  @keyframes fadeInUp { \r\n    to { \r\n      opacity: 1; \r\n      transform: translateY(0); \r\n    } \r\n  } \r\n \r\n  \/* Responsive Design *\/ \r\n  @media (max-width: 992px) { \r\n    .edtech-process-steps { \r\n      grid-template-columns: repeat(2, 1fr); \r\n      gap: 50px 30px; \r\n    } \r\n    .edtech-connecting-line { \r\n      display: none; \/* Hide dashed line on mobile\/tablet vertical stack *\/ \r\n    } \r\n    .edtech-step-desc {\r\n      max-width: 100%;\r\n    }\r\n  } \r\n \r\n  @media (max-width: 576px) { \r\n    .edtech-process-steps { \r\n      grid-template-columns: 1fr; \r\n      gap: 40px;\r\n    } \r\n  } \r\n<\/style> \r\n \r\n<script> \r\n  \/\/ Re-trigger animation when scrolled into view\r\n  document.addEventListener('DOMContentLoaded', () => { \r\n    const observer = new IntersectionObserver((entries) => { \r\n      entries.forEach(entry => { \r\n        if (entry.isIntersecting) { \r\n          entry.target.style.animationPlayState = 'running'; \r\n        } \r\n      }); \r\n    }, { threshold: 0.2 }); \r\n \r\n    document.querySelectorAll('.edtech-step-item').forEach(el => { \r\n      \/\/ Reset animation state for intersection observer\r\n      el.style.animationPlayState = 'paused';\r\n      observer.observe(el); \r\n    }); \r\n  }); \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-382bce2 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"382bce2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fafabf elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5fafabf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-554de5a elementor-widget elementor-widget-heading\" data-id=\"554de5a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Common questions about e-learning app development in Bangalore<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf965c3 e-flex e-con-boxed e-con e-parent\" data-id=\"bf965c3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15c99ff elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-n-accordion\" data-id=\"15c99ff\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2280\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2280\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How long does it take to build an e-learning app? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2280\" class=\"elementor-element elementor-element-5130286 e-con-full e-flex e-con e-child\" data-id=\"5130286\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eab78f elementor-widget elementor-widget-text-editor\" data-id=\"1eab78f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The development timeline typically ranges from 12 to 24 weeks, depending on the complexity of features like interactive virtual classrooms, AI-driven learning paths, and custom grading infrastructure.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2281\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2281\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can the app support student data privacy and educational compliance? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2281\" class=\"elementor-element elementor-element-d64c8eb e-con-full e-flex e-con e-child\" data-id=\"d64c8eb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36b9c79 elementor-widget elementor-widget-text-editor\" data-id=\"36b9c79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes, we build platforms with strict data encryption protocols to ensure compliance with global educational privacy standards like FERPA and GDPR, keeping student information fully secure.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2282\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2282\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can educators conduct live video classes and manage assignments digitally? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2282\" class=\"elementor-element elementor-element-f7f215c e-con-full e-flex e-con e-child\" data-id=\"f7f215c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b11e3 elementor-widget elementor-widget-text-editor\" data-id=\"f6b11e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes, the platform includes robust instructor dashboards for scheduling HD video lectures, distributing course materials, and automatically tracking or grading student submissions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2283\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2283\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Will you support us after the app is live? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-plus\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2283\" class=\"elementor-element elementor-element-13947ea e-con-full e-flex e-con e-child\" data-id=\"13947ea\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f4752b elementor-widget elementor-widget-text-editor\" data-id=\"3f4752b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Absolutely. We provide ongoing technical support, cloud server maintenance, and feature updates to ensure your educational platform scales smoothly as your student base grows.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How long does it take to build an e-learning app?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can the app support student data privacy and educational compliance?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Can educators conduct live video classes and manage assignments digitally?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}},{\"@type\":\"Question\",\"name\":\"Will you support us after the app is live?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab22d60 e-flex e-con-boxed e-con e-parent\" data-id=\"ab22d60\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-638d271 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"638d271\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b5b2b63 e-con-full e-flex e-con e-child\" data-id=\"b5b2b63\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4793f43 elementor-widget elementor-widget-heading\" data-id=\"4793f43\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to build your e-learning app in Bangalore?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7ee727 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"e7ee727\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"2\"><span style=\"color: #c7c7c7;\">Talk to our team about your educational workflows, student requirements, and launch timeline.<\/span><\/p><p data-path-to-node=\"3\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b31a1b5 e-con-full e-flex e-con e-child\" data-id=\"b31a1b5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b0ded8 elementor-widget elementor-widget-button\" data-id=\"0b0ded8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-sink\" href=\"https:\/\/brightcodess.com\/bengaluru\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get a Free Quote \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>#1 EdTech &#038; E-Learning App Development Next-Gen E-Learning App Development in Bangalore Empower educators and learners globally with custom LMS platforms, AI-driven personalized learning paths, interactive gamification, and zero-lag virtual classrooms. Schedule a Free Tech Consult 100% SCORM &#038; LTI Compliant 4K Ultra-HD Live Streaming 99.9% Uptime Reliability Course Progress 78% Completed \u2022 On Track [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6378","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>E-Learning App - Brightcode Software Services<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E-Learning App\" \/>\n<meta property=\"og:description\" content=\"#1 EdTech &#038; E-Learning App Development Next-Gen E-Learning App Development in Bangalore Empower educators and learners globally with custom LMS platforms, AI-driven personalized learning paths, interactive gamification, and zero-lag virtual classrooms. Schedule a Free Tech Consult 100% SCORM &#038; LTI Compliant 4K Ultra-HD Live Streaming 99.9% Uptime Reliability Course Progress 78% Completed \u2022 On Track [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightcode Software Services\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightcodess\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-11T11:04:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Brightcodebss\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/\",\"name\":\"E-Learning App - Brightcode Software Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop\",\"datePublished\":\"2026-09-11T09:50:46+00:00\",\"dateModified\":\"2026-09-11T11:04:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/e-learning-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"E-Learning App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#website\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"name\":\"Brightcode Software Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#organization\",\"name\":\"Brightcode Software Services\",\"alternateName\":\"Brightcode\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"contentUrl\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Brightcode-Logo.webp\",\"width\":500,\"height\":500,\"caption\":\"Brightcode Software Services\"},\"image\":{\"@id\":\"https:\\\/\\\/brightcodess.com\\\/bengaluru\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brightcodess\\\/\",\"https:\\\/\\\/x.com\\\/Brightcodebss\",\"https:\\\/\\\/www.instagram.com\\\/brightcodess\\\/\",\"https:\\\/\\\/linkedin.com\\\/company\\\/brightcodess\"],\"description\":\"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.\",\"telephone\":\"93868 06214\",\"legalName\":\"Brightcode Software Services Pvt. Ltd.\",\"foundingDate\":\"2019-02-07\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"51\",\"maxValue\":\"200\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"E-Learning App - Brightcode Software Services","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/","og_locale":"en_US","og_type":"article","og_title":"E-Learning App","og_description":"#1 EdTech &#038; E-Learning App Development Next-Gen E-Learning App Development in Bangalore Empower educators and learners globally with custom LMS platforms, AI-driven personalized learning paths, interactive gamification, and zero-lag virtual classrooms. Schedule a Free Tech Consult 100% SCORM &#038; LTI Compliant 4K Ultra-HD Live Streaming 99.9% Uptime Reliability Course Progress 78% Completed \u2022 On Track [&hellip;]","og_url":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/","og_site_name":"Brightcode Software Services","article_publisher":"https:\/\/www.facebook.com\/brightcodess\/","article_modified_time":"2026-09-11T11:04:01+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Brightcodebss","twitter_misc":{"Est. reading time":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/","url":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/","name":"E-Learning App - Brightcode Software Services","isPartOf":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/#primaryimage"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop","datePublished":"2026-09-11T09:50:46+00:00","dateModified":"2026-09-11T11:04:01+00:00","breadcrumb":{"@id":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1544717305-2782549b5136?q=80&w=400&auto=format&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/brightcodess.com\/bengaluru\/e-learning-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightcodess.com\/bengaluru\/"},{"@type":"ListItem","position":2,"name":"E-Learning App"}]},{"@type":"WebSite","@id":"https:\/\/brightcodess.com\/bengaluru\/#website","url":"https:\/\/brightcodess.com\/bengaluru\/","name":"Brightcode Software Services","description":"","publisher":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightcodess.com\/bengaluru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightcodess.com\/bengaluru\/#organization","name":"Brightcode Software Services","alternateName":"Brightcode","url":"https:\/\/brightcodess.com\/bengaluru\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/","url":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","contentUrl":"https:\/\/brightcodess.com\/bengaluru\/wp-content\/uploads\/2025\/11\/Brightcode-Logo.webp","width":500,"height":500,"caption":"Brightcode Software Services"},"image":{"@id":"https:\/\/brightcodess.com\/bengaluru\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightcodess\/","https:\/\/x.com\/Brightcodebss","https:\/\/www.instagram.com\/brightcodess\/","https:\/\/linkedin.com\/company\/brightcodess"],"description":"Brightcode is a leading software company in Bangalore offers wide range of IT solutions that include software development, website development, mobile app development and digital marketing services.","telephone":"93868 06214","legalName":"Brightcode Software Services Pvt. Ltd.","foundingDate":"2019-02-07","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"51","maxValue":"200"}}]}},"_links":{"self":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/comments?post=6378"}],"version-history":[{"count":0,"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/pages\/6378\/revisions"}],"wp:attachment":[{"href":"https:\/\/brightcodess.com\/bengaluru\/wp-json\/wp\/v2\/media?parent=6378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}