Masters in Web Design & Development \u2014 Pumo Technovation<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --orange-1:#f7ad3f;\r\n --orange-2:#ef9019;\r\n --cream:#fdf3ef;\r\n --ink:#1c1c1c;\r\n --blue:#1f4f91;\r\n --blue-soft:#e7f3fb;\r\n --gold:#ECA403;\r\n --olive:#9C8E3F;\r\n --gold-soft: rgba(236,164,3,0.12);\r\n --card-radius:14px;\r\n --shadow: 0 2px 4px rgba(20,30,60,0.04), 0 12px 28px rgba(20,30,60,0.10), 0 24px 48px rgba(20,30,60,0.06);\r\n --shadow-hover: 0 4px 10px rgba(20,30,60,0.08), 0 18px 40px rgba(236,164,3,0.18), 0 30px 60px rgba(20,30,60,0.10);\r\n }\r\n\r\n *{box-sizing:border-box;}\r\n body{\r\n margin:0;\r\n font-family:'Sora', sans-serif;\r\n color:var(--ink);\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* ---------- Header ---------- *\/\r\n .header {\r\n height: 110px;\r\n background: white;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0 20px 30px 20px;\r\n box-sizing: border-box;\r\n border-radius: 14px;\r\n border: 1px solid rgba(20,30,60,0.07);\r\n box-shadow: var(--shadow);\r\n transition: box-shadow 0.3s ease;\r\n }\r\n .header:hover{\r\n box-shadow: var(--shadow-hover);\r\n }\r\n .header img {\r\n max-width: 100%;\r\n max-height: 80px;\r\n object-fit: contain;\r\n transition: transform 0.35s ease;\r\n }\r\n .header:hover img{\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n padding:34px 32px 48px;\r\n }\r\n .course-title{\r\n font-family: 'Sora', Arial, sans-serif;\r\n font-size: 35px;\r\n font-weight: 800;\r\n letter-spacing: -0.01em;\r\n color: #1a1a2e !important;\r\n text-align: center;\r\n text-shadow: 3px 4px 4px rgba(0,0,0,.23);\r\n animation: deptFadeUp 0.6s ease both;\r\n }\r\n \r\n .content-grid{\r\n display: flex;\r\n gap: 26px;\r\n align-items: flex-start;\r\n }\r\n\r\n \/* ---------- Left Column ---------- *\/\r\n .left-col {\r\n flex: 1;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* ---------- Info card ---------- *\/\r\n .info-card {\r\n background: #fff;\r\n border-radius: var(--card-radius);\r\n box-shadow: var(--shadow);\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(20,30,60,0.07);\r\n border-left: 4px solid var(--blue);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n animation: deptFadeLeft 0.5s ease both;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .info-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(236,164,3,0.35);\r\n border-left-color: var(--blue);\r\n }\r\n .info-card .stat-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: baseline;\r\n gap: 14px;\r\n padding: 11px 0;\r\n border-bottom: 1px dashed rgba(20,30,60,0.14);\r\n }\r\n .info-card .stat-row:first-child { padding-top: 0; }\r\n .info-card .stat-row:last-child { border-bottom: none; padding-bottom: 0; }\r\n .info-card .stat-label {\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: #5a5a5a;\r\n letter-spacing: 0.01em;\r\n }\r\n .info-card .stat-value {\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n color: var(--blue);\r\n white-space: nowrap;\r\n }\r\n\r\n .modules-wrapper{\r\n background: #fff;\r\n padding: 22px;\r\n border-radius: var(--card-radius);\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(20,30,60,0.07);\r\n border-top: 4px solid var(--blue);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n counter-reset: modnum;\r\n\r\n height: 788px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n scrollbar-width: thin;\r\n scrollbar-color: var(--blue) #f1f1f1;\r\n animation: deptFadeUp 0.6s ease 0.1s both;\r\n }\r\n .modules-wrapper::-webkit-scrollbar { width: 6px; }\r\n .modules-wrapper::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0 var(--card-radius) var(--card-radius) 0; }\r\n .modules-wrapper::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 10px; }\r\n .modules-wrapper::-webkit-scrollbar-thumb:hover { background: #153b6e; }\r\n\r\n .module-card{\r\n position: relative;\r\n background:#fff;\r\n padding:18px 22px 18px 26px;\r\n border-radius:var(--card-radius);\r\n border: 1px solid rgba(20,30,60,0.07);\r\n box-shadow: 0 1px 2px rgba(20,30,60,0.04), 0 6px 16px rgba(20,30,60,0.07);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n animation: deptItemIn 0.4s ease both;\r\n counter-increment: modnum;\r\n }\r\n .module-card::before{\r\n content: counter(modnum, decimal-leading-zero);\r\n position:absolute;\r\n top:-12px;\r\n left:-12px;\r\n width:32px;\r\n height:32px;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:0.72rem;\r\n font-weight:800;\r\n color:#fff;\r\n background: linear-gradient(135deg, var(--gold), var(--olive));\r\n box-shadow: 0 4px 10px rgba(236,164,3,0.4), 0 0 0 3px #fff;\r\n }\r\n .module-card:hover{\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 10px rgba(20,30,60,0.08), 0 16px 32px rgba(236,164,3,0.16);\r\n border-color: rgba(236,164,3,0.35);\r\n }\r\n .module-card h3{\r\n font-size:1.2rem;\r\n font-weight:800;\r\n letter-spacing:-0.01em;\r\n color:var(--blue);\r\n margin:0 0 6px;\r\n }\r\n .module-subtitle{\r\n font-size:0.75rem;\r\n color:#666;\r\n margin:0 0 12px;\r\n font-weight:600;\r\n }\r\n .module-card ul{ margin:0; padding-left:20px; }\r\n .module-card li{\r\n list-style:disc;\r\n font-size:0.85rem;\r\n font-weight:400;\r\n color:#1c1c1c;\r\n margin-bottom:8px;\r\n line-height:1.5;\r\n transition: transform 0.2s ease;\r\n }\r\n .module-card li:hover{ transform: translateX(3px); }\r\n .module-card li:last-child{ margin-bottom:0; }\r\n .module-card li::marker{ color:var(--blue); }\r\n .topic-row{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:baseline;\r\n gap:12px;\r\n }\r\n .topic-duration{\r\n font-size:0.75rem;\r\n font-weight:700;\r\n color:var(--blue);\r\n background:var(--blue-soft);\r\n padding:2px 9px;\r\n border-radius:12px;\r\n white-space:nowrap;\r\n flex-shrink:0;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n }\r\n .module-card li:hover .topic-duration{\r\n background: linear-gradient(135deg, var(--gold), var(--olive));\r\n color: #fff;\r\n }\r\n\r\n \/* ---------- Right Column ---------- *\/\r\n .right-col{\r\n width: 46%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .frameworks-card{\r\n border-radius: 0;\r\n overflow: hidden;\r\n background: #fff;\r\n width: 100%;\r\n border: 15px solid transparent;\r\n border-image: linear-gradient(135deg, #5C4033 0%, #8B5E3C 30%, #D4A017 70%, #FFD700 100%) 1;\r\n box-shadow: var(--shadow), 0 0 18px rgba(212,160,23,0.35);\r\n transition: transform 0.3s ease, box-shadow 0.35s ease;\r\n animation: deptFadeUp 0.6s ease 0.15s both;\r\n }\r\n .frameworks-card img{\r\n display:block;\r\n width:100%;\r\n border-radius:0;\r\n transition: transform 0.4s ease;\r\n }\r\n .frameworks-card:hover{\r\n transform: translateY(-4px);\r\n border-color: var(--olive);\r\n box-shadow: var(--shadow-hover), 0 0 22px rgba(236,164,3,0.5);\r\n }\r\n .frameworks-card:hover img{ transform: scale(1.02); }\r\n\r\n .bottom-slider{\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 0;\r\n background: #fff;\r\n width: 100%;\r\n border: 16px solid transparent;\r\n border-image: linear-gradient(135deg, #5C4033 0%, #8B5E3C 30%, #D4A017 70%, #FFD700 100%) 1;\r\n box-shadow: var(--shadow), 0 0 18px rgba(212,160,23,0.35);\r\n transition: transform 0.3s ease, box-shadow 0.35s ease;\r\n animation: deptFadeUp 0.6s ease 0.2s both;\r\n }\r\n .bottom-slider img{ border-radius: 0; }\r\n .bottom-slider:hover{\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover), 0 0 25px rgba(212,160,23,0.5);\r\n }\r\n .bottom-slider::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0; bottom:0;\r\n height:54px;\r\n background: linear-gradient(to top, rgba(0,0,0,0.45), rgba(0,0,0,0));\r\n pointer-events:none;\r\n }\r\n .slider-track{ display:flex; transition:transform 0.6s ease; }\r\n .slide-item{ flex:0 0 100%; width: 100%; }\r\n .slide-item img{\r\n width:100%;\r\n height: auto;\r\n display:block;\r\n transition: transform 0.5s ease;\r\n }\r\n .bottom-slider:hover .slide-item img{ transform: scale(1.03); }\r\n .slider-dots{\r\n position:absolute;\r\n bottom:12px; left:0; right:0;\r\n display:flex;\r\n justify-content:center;\r\n gap:6px;\r\n }\r\n .slider-dots .d{\r\n width:8px; height:8px; border-radius:50%;\r\n background:rgba(255,255,255,0.6);\r\n border:1px solid rgba(0,0,0,0.15);\r\n transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .slider-dots .d.active{ background:var(--gold); box-shadow:0 0 0 2px rgba(255,255,255,0.5); transform: scale(1.2); }\r\n\r\n @media (max-width:880px){\r\n .content-grid{ flex-direction: column; }\r\n .modules-wrapper{ height: auto; max-height: none; }\r\n .right-col{ width: 100%; }\r\n }\r\n @media (prefers-reduced-motion:reduce){ .slider-track{ transition:none; } }\r\n\r\n @keyframes deptFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes deptFadeLeft { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: translateX(0); } }\r\n @keyframes deptItemIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/app.pumotechnovationcrm.com\/wp-content\/uploads\/2026\/06\/logo.jpg\" alt=\"Pumo Technovation Logo\">\r\n <\/div>\r\n\r\n <section class=\"hero\">\r\n <h1 class=\"course-title\">Masters in Web Design & Development<\/h1>\r\n\r\n <div class=\"content-grid\">\r\n <div class=\"left-col\">\r\n\r\n <div class=\"info-card\">\r\n <div class=\"stat-row\"><span class=\"stat-label\">Total Number of Modules<\/span><span class=\"stat-value\">13<\/span><\/div>\r\n <div class=\"stat-row\"><span class=\"stat-label\">Total Number of Topics<\/span><span class=\"stat-value\">136<\/span><\/div>\r\n <div class=\"stat-row\"><span class=\"stat-label\">Estimated Duration<\/span><span class=\"stat-value\">280:00 H<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"modules-wrapper\">\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 1 – HTML<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction & Setup to Web Development<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Headings, Paragraphs & Formatting<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Links, Multimedia & Lists<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Media, Lists & Styled Tables<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Forms, Semantic Tags & HTML5 Features<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment MCQ<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Mini Project - HTML Form with Placeholders & Validations<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 2 – CSS<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to CSS & Selectors<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Inline, Internal & External CSS<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Typography & Text Styling<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Google Fonts Integration<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Box Model & Spacing<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Profile Card with Font Awesome<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>CSS Positioning & Display<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Navbar & Floating Layout<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>CSS Transitions & Transformations<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Animations, Keyframes & Media Queries<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Responsive Design & Keyframe Practice<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Mini Project - Website Design using HTML & CSS<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 3 – JavaScript<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to JavaScript<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Variables, Data Types & Operators<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Control Statements, Loops & Iterables<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Student Grades Management<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Arrays, Objects, Sets, Maps & Functions<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Library Management System<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>DOM Manipulation<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Forms, Validation & Error Handling<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Registration Form Validation<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Advanced JavaScript (ES6+ & Storage)<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>JS API - Fetching Data from External APIs<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Weather App using API<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>EmailJS Integration<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment MCQ<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Form Validation & Mini Project<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 4 – Bootstrap<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Bootstrap Introduction & Grid Layout<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Bootstrap Components & Interactivity<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Mini Project - Responsive Event Website<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 5 – jQuery<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to jQuery, Selectors & DOM Manipulation<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment MCQ<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Interactive Web Page using jQuery<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 6 – React<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to React + Vite & Environment Setup<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React Components (Functional & Class)<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - User Profile Dashboard<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Conditional Rendering<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Handling Events in React<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Feedback Form App<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React Props & List Rendering<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Map() Method List Display<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React Router (Navigation in React Apps)<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Private Routes & Protection<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Product Details with Router<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Forms & Controlled Components<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Controlled Contact Form<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Component Lifecycle & Hooks Introduction<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Counter App Lifecycle<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>useEffect Hook, useRef & Axios Data Fetching<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>useContext & React Context API<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Custom Hooks & Error Handling<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Data Fetch Hook<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Fetch API & Axios (CRUD Operations)<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - To-Do List using API<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Introduction to Redux & Setup<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Redux Counter App<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Redux Middleware & Redux Toolkit<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Async API with Redux Thunk<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Performance Optimization (memo, useCallback, useMemo)<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Component Optimization<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React.lazy & Code Splitting<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Lazy Loading & Suspense<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>EmailJS in React<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Chart.js Integration in React<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Real-Time Dashboard Charts<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Local Storage & Web App Deployment<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Bus Ticket Booking App in React<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 7 – MySQL<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Fundamentals of MySQL<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Table Creation & DML Commands<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Querying & Filtering Data<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Aggregate Functions & Filtering<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Joins & Relational Queries<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Inner & Left Join Queries<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>MySQL Connectivity Basics<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Advanced MySQL Connectivity & Transactions<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment - MySQL Overall Assessment<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Employee-Department Management System<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 8 – PHP<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to PHP & Environment Setup<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Personal Portfolio Webpage<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Fundamentals & Functions<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Student Grading System<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Built-in Functions & Arrays<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Student Report Generator<\/span><span class=\"topic-duration\">210 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Forms and MySQL Integration<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - PHP MySQL CRUD & File Upload<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Sessions, Cookies, and Security<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Secure Login System<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Full Stack PHP Project<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 9 – Laravel Framework<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to Laravel Framework<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - CRUD with Laravel MVC<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Laravel Fundamentals – Routing & Controllers<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Controller Routing & Parameters<\/span><span class=\"topic-duration\">300 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Laravel Fundamentals – Views, Models, and Migrations<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Blade Views & Schema Migrations<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Eloquent ORM & Deployment<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Eloquent Relationships<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Laravel Advanced Topics – Forms & Validation<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Form Validation Rules<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Authentication, Authorization & File Handling<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Auth Middleware & Gates<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Notifications, Email & RESTful API Development<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Mailables & Sanctum APIs<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Middleware Architecture<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Request Middleware<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Deployment & Version Control Hosting<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Laravel Web Application<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 10 – WordPress<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to WordPress & Localhost Setup<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Localhost Installation & Dashboard<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Settings & Themes<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Site Settings & Permalinks Configuration<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Content & Media Management<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Post Publishing & Categories<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Plugins, Menus, Widgets & Hooks<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Security Plugins & Custom Plugins<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Core Files & Database Integration<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Functions & Database Config<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - CMS Based WordPress Web Portal<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 11 – AWS Deployment & Version Control<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to AWS & EC2 Ubuntu Instance<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Amazon S3 Bucket & Static Website Hosting<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Host Static Site on S3<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>EC2 + S3 Integration & AWS CLI<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - EC2 to S3 CLI Sync<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Hosting a Web Page with Apache\/Nginx<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment - Web Project Deployment<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Introduction to Git & Workflows<\/span><span class=\"topic-duration\">45 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Git Local Repository<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>GitHub & Hosting via GitHub Pages<\/span><span class=\"topic-duration\">45 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment - GitHub Repository Push & Pages<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 12 – Adobe Photoshop<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to Photoshop, Print vs Web Formats<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Getting to Know the Work Area & Custom Workspaces<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Basic Photo Corrections & Retouching Tools<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Working with Selections & Selection Tools<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Layer Basics, Layer Styles & Gradients<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Masks, Channels & Puppet Warp<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Typography Design & Clipping Masks<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - UI\/UX Asset & Graphic Design Project<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"right-col\">\r\n\r\n <div class=\"frameworks-card\">\r\n <img decoding=\"async\" src=\"#\" alt=\"Software Testing Tools\" \/>\r\n <\/div>\r\n\r\n <div class=\"bottom-slider\">\r\n <div class=\"slider-track\" id=\"sliderTrack\">\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 1\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 2\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 3\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 4\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 5\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 6\" \/><\/div>\r\n <div class=\"slide-item\" aria-hidden=\"true\"><img decoding=\"async\" src=\"#\" alt=\"\" \/><\/div>\r\n <\/div>\r\n <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n const track = document.getElementById('sliderTrack');\r\n const dotsWrap = document.getElementById('sliderDots');\r\n const totalReal = 6;\r\n\r\n for(let i=0;i<totalReal;i++){\r\n const d = document.createElement('div');\r\n d.className = 'd' + (i===0 ? ' active' : '');\r\n dotsWrap.appendChild(d);\r\n }\r\n const dots = dotsWrap.children;\r\n let idx = 0;\r\n\r\n function setDots(){\r\n const realIdx = idx % totalReal;\r\n [...dots].forEach((d,i)=> d.classList.toggle('active', i===realIdx));\r\n }\r\n\r\n function update(animate){\r\n track.style.transition = animate ? 'transform 0.6s ease' : 'none';\r\n track.style.transform = `translateX(-${idx * 100}%)`;\r\n }\r\n\r\n function nextSlide(){\r\n idx++;\r\n update(true);\r\n setDots();\r\n if(idx === totalReal){\r\n setTimeout(()=>{\r\n idx = 0;\r\n update(false);\r\n }, 650);\r\n }\r\n }\r\n\r\n update(false);\r\n setInterval(nextSlide, 4000);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Masters in Web Design & Development \u2014 Pumo Technovation Masters in Web Design & Development Total Number of Modules13 Total […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1760","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/1760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1760"}],"version-history":[{"count":4,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/1760\/revisions"}],"predecessor-version":[{"id":1833,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/1760\/revisions\/1833"}],"wp:attachment":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMasters in Web Design & Development \u2014 Pumo Technovation<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --orange-1:#f7ad3f;\r\n --orange-2:#ef9019;\r\n --cream:#fdf3ef;\r\n --ink:#1c1c1c;\r\n --blue:#1f4f91;\r\n --blue-soft:#e7f3fb;\r\n --gold:#ECA403;\r\n --olive:#9C8E3F;\r\n --gold-soft: rgba(236,164,3,0.12);\r\n --card-radius:14px;\r\n --shadow: 0 2px 4px rgba(20,30,60,0.04), 0 12px 28px rgba(20,30,60,0.10), 0 24px 48px rgba(20,30,60,0.06);\r\n --shadow-hover: 0 4px 10px rgba(20,30,60,0.08), 0 18px 40px rgba(236,164,3,0.18), 0 30px 60px rgba(20,30,60,0.10);\r\n }\r\n\r\n *{box-sizing:border-box;}\r\n body{\r\n margin:0;\r\n font-family:'Sora', sans-serif;\r\n color:var(--ink);\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* ---------- Header ---------- *\/\r\n .header {\r\n height: 110px;\r\n background: white;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0 20px 30px 20px;\r\n box-sizing: border-box;\r\n border-radius: 14px;\r\n border: 1px solid rgba(20,30,60,0.07);\r\n box-shadow: var(--shadow);\r\n transition: box-shadow 0.3s ease;\r\n }\r\n .header:hover{\r\n box-shadow: var(--shadow-hover);\r\n }\r\n .header img {\r\n max-width: 100%;\r\n max-height: 80px;\r\n object-fit: contain;\r\n transition: transform 0.35s ease;\r\n }\r\n .header:hover img{\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n padding:34px 32px 48px;\r\n }\r\n .course-title{\r\n font-family: 'Sora', Arial, sans-serif;\r\n font-size: 35px;\r\n font-weight: 800;\r\n letter-spacing: -0.01em;\r\n color: #1a1a2e !important;\r\n text-align: center;\r\n text-shadow: 3px 4px 4px rgba(0,0,0,.23);\r\n animation: deptFadeUp 0.6s ease both;\r\n }\r\n \r\n .content-grid{\r\n display: flex;\r\n gap: 26px;\r\n align-items: flex-start;\r\n }\r\n\r\n \/* ---------- Left Column ---------- *\/\r\n .left-col {\r\n flex: 1;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* ---------- Info card ---------- *\/\r\n .info-card {\r\n background: #fff;\r\n border-radius: var(--card-radius);\r\n box-shadow: var(--shadow);\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(20,30,60,0.07);\r\n border-left: 4px solid var(--blue);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n animation: deptFadeLeft 0.5s ease both;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .info-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(236,164,3,0.35);\r\n border-left-color: var(--blue);\r\n }\r\n .info-card .stat-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: baseline;\r\n gap: 14px;\r\n padding: 11px 0;\r\n border-bottom: 1px dashed rgba(20,30,60,0.14);\r\n }\r\n .info-card .stat-row:first-child { padding-top: 0; }\r\n .info-card .stat-row:last-child { border-bottom: none; padding-bottom: 0; }\r\n .info-card .stat-label {\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: #5a5a5a;\r\n letter-spacing: 0.01em;\r\n }\r\n .info-card .stat-value {\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n color: var(--blue);\r\n white-space: nowrap;\r\n }\r\n\r\n .modules-wrapper{\r\n background: #fff;\r\n padding: 22px;\r\n border-radius: var(--card-radius);\r\n box-shadow: var(--shadow);\r\n border: 1px solid rgba(20,30,60,0.07);\r\n border-top: 4px solid var(--blue);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n counter-reset: modnum;\r\n\r\n height: 788px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n scrollbar-width: thin;\r\n scrollbar-color: var(--blue) #f1f1f1;\r\n animation: deptFadeUp 0.6s ease 0.1s both;\r\n }\r\n .modules-wrapper::-webkit-scrollbar { width: 6px; }\r\n .modules-wrapper::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0 var(--card-radius) var(--card-radius) 0; }\r\n .modules-wrapper::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 10px; }\r\n .modules-wrapper::-webkit-scrollbar-thumb:hover { background: #153b6e; }\r\n\r\n .module-card{\r\n position: relative;\r\n background:#fff;\r\n padding:18px 22px 18px 26px;\r\n border-radius:var(--card-radius);\r\n border: 1px solid rgba(20,30,60,0.07);\r\n box-shadow: 0 1px 2px rgba(20,30,60,0.04), 0 6px 16px rgba(20,30,60,0.07);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n animation: deptItemIn 0.4s ease both;\r\n counter-increment: modnum;\r\n }\r\n .module-card::before{\r\n content: counter(modnum, decimal-leading-zero);\r\n position:absolute;\r\n top:-12px;\r\n left:-12px;\r\n width:32px;\r\n height:32px;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:0.72rem;\r\n font-weight:800;\r\n color:#fff;\r\n background: linear-gradient(135deg, var(--gold), var(--olive));\r\n box-shadow: 0 4px 10px rgba(236,164,3,0.4), 0 0 0 3px #fff;\r\n }\r\n .module-card:hover{\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 10px rgba(20,30,60,0.08), 0 16px 32px rgba(236,164,3,0.16);\r\n border-color: rgba(236,164,3,0.35);\r\n }\r\n .module-card h3{\r\n font-size:1.2rem;\r\n font-weight:800;\r\n letter-spacing:-0.01em;\r\n color:var(--blue);\r\n margin:0 0 6px;\r\n }\r\n .module-subtitle{\r\n font-size:0.75rem;\r\n color:#666;\r\n margin:0 0 12px;\r\n font-weight:600;\r\n }\r\n .module-card ul{ margin:0; padding-left:20px; }\r\n .module-card li{\r\n list-style:disc;\r\n font-size:0.85rem;\r\n font-weight:400;\r\n color:#1c1c1c;\r\n margin-bottom:8px;\r\n line-height:1.5;\r\n transition: transform 0.2s ease;\r\n }\r\n .module-card li:hover{ transform: translateX(3px); }\r\n .module-card li:last-child{ margin-bottom:0; }\r\n .module-card li::marker{ color:var(--blue); }\r\n .topic-row{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:baseline;\r\n gap:12px;\r\n }\r\n .topic-duration{\r\n font-size:0.75rem;\r\n font-weight:700;\r\n color:var(--blue);\r\n background:var(--blue-soft);\r\n padding:2px 9px;\r\n border-radius:12px;\r\n white-space:nowrap;\r\n flex-shrink:0;\r\n transition: background 0.2s ease, color 0.2s ease;\r\n }\r\n .module-card li:hover .topic-duration{\r\n background: linear-gradient(135deg, var(--gold), var(--olive));\r\n color: #fff;\r\n }\r\n\r\n \/* ---------- Right Column ---------- *\/\r\n .right-col{\r\n width: 46%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .frameworks-card{\r\n border-radius: 0;\r\n overflow: hidden;\r\n background: #fff;\r\n width: 100%;\r\n border: 15px solid transparent;\r\n border-image: linear-gradient(135deg, #5C4033 0%, #8B5E3C 30%, #D4A017 70%, #FFD700 100%) 1;\r\n box-shadow: var(--shadow), 0 0 18px rgba(212,160,23,0.35);\r\n transition: transform 0.3s ease, box-shadow 0.35s ease;\r\n animation: deptFadeUp 0.6s ease 0.15s both;\r\n }\r\n .frameworks-card img{\r\n display:block;\r\n width:100%;\r\n border-radius:0;\r\n transition: transform 0.4s ease;\r\n }\r\n .frameworks-card:hover{\r\n transform: translateY(-4px);\r\n border-color: var(--olive);\r\n box-shadow: var(--shadow-hover), 0 0 22px rgba(236,164,3,0.5);\r\n }\r\n .frameworks-card:hover img{ transform: scale(1.02); }\r\n\r\n .bottom-slider{\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 0;\r\n background: #fff;\r\n width: 100%;\r\n border: 16px solid transparent;\r\n border-image: linear-gradient(135deg, #5C4033 0%, #8B5E3C 30%, #D4A017 70%, #FFD700 100%) 1;\r\n box-shadow: var(--shadow), 0 0 18px rgba(212,160,23,0.35);\r\n transition: transform 0.3s ease, box-shadow 0.35s ease;\r\n animation: deptFadeUp 0.6s ease 0.2s both;\r\n }\r\n .bottom-slider img{ border-radius: 0; }\r\n .bottom-slider:hover{\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-hover), 0 0 25px rgba(212,160,23,0.5);\r\n }\r\n .bottom-slider::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0; bottom:0;\r\n height:54px;\r\n background: linear-gradient(to top, rgba(0,0,0,0.45), rgba(0,0,0,0));\r\n pointer-events:none;\r\n }\r\n .slider-track{ display:flex; transition:transform 0.6s ease; }\r\n .slide-item{ flex:0 0 100%; width: 100%; }\r\n .slide-item img{\r\n width:100%;\r\n height: auto;\r\n display:block;\r\n transition: transform 0.5s ease;\r\n }\r\n .bottom-slider:hover .slide-item img{ transform: scale(1.03); }\r\n .slider-dots{\r\n position:absolute;\r\n bottom:12px; left:0; right:0;\r\n display:flex;\r\n justify-content:center;\r\n gap:6px;\r\n }\r\n .slider-dots .d{\r\n width:8px; height:8px; border-radius:50%;\r\n background:rgba(255,255,255,0.6);\r\n border:1px solid rgba(0,0,0,0.15);\r\n transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .slider-dots .d.active{ background:var(--gold); box-shadow:0 0 0 2px rgba(255,255,255,0.5); transform: scale(1.2); }\r\n\r\n @media (max-width:880px){\r\n .content-grid{ flex-direction: column; }\r\n .modules-wrapper{ height: auto; max-height: none; }\r\n .right-col{ width: 100%; }\r\n }\r\n @media (prefers-reduced-motion:reduce){ .slider-track{ transition:none; } }\r\n\r\n @keyframes deptFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes deptFadeLeft { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: translateX(0); } }\r\n @keyframes deptItemIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/app.pumotechnovationcrm.com\/wp-content\/uploads\/2026\/06\/logo.jpg\" alt=\"Pumo Technovation Logo\">\r\n <\/div>\r\n\r\n <section class=\"hero\">\r\n <h1 class=\"course-title\">Masters in Web Design & Development<\/h1>\r\n\r\n <div class=\"content-grid\">\r\n <div class=\"left-col\">\r\n\r\n <div class=\"info-card\">\r\n <div class=\"stat-row\"><span class=\"stat-label\">Total Number of Modules<\/span><span class=\"stat-value\">13<\/span><\/div>\r\n <div class=\"stat-row\"><span class=\"stat-label\">Total Number of Topics<\/span><span class=\"stat-value\">136<\/span><\/div>\r\n <div class=\"stat-row\"><span class=\"stat-label\">Estimated Duration<\/span><span class=\"stat-value\">280:00 H<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"modules-wrapper\">\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 1 – HTML<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction & Setup to Web Development<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Headings, Paragraphs & Formatting<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Links, Multimedia & Lists<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Media, Lists & Styled Tables<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Forms, Semantic Tags & HTML5 Features<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment MCQ<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Mini Project - HTML Form with Placeholders & Validations<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 2 – CSS<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to CSS & Selectors<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Inline, Internal & External CSS<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Typography & Text Styling<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Google Fonts Integration<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Box Model & Spacing<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Profile Card with Font Awesome<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>CSS Positioning & Display<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Navbar & Floating Layout<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>CSS Transitions & Transformations<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Animations, Keyframes & Media Queries<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Responsive Design & Keyframe Practice<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Mini Project - Website Design using HTML & CSS<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 3 – JavaScript<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to JavaScript<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Variables, Data Types & Operators<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Control Statements, Loops & Iterables<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Student Grades Management<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Arrays, Objects, Sets, Maps & Functions<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Library Management System<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>DOM Manipulation<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Forms, Validation & Error Handling<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Registration Form Validation<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Advanced JavaScript (ES6+ & Storage)<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>JS API - Fetching Data from External APIs<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Weather App using API<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>EmailJS Integration<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment MCQ<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Form Validation & Mini Project<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 4 – Bootstrap<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Bootstrap Introduction & Grid Layout<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Bootstrap Components & Interactivity<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Mini Project - Responsive Event Website<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 5 – jQuery<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to jQuery, Selectors & DOM Manipulation<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment MCQ<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Interactive Web Page using jQuery<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 6 – React<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to React + Vite & Environment Setup<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React Components (Functional & Class)<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - User Profile Dashboard<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Conditional Rendering<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Handling Events in React<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Feedback Form App<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React Props & List Rendering<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Map() Method List Display<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React Router (Navigation in React Apps)<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Private Routes & Protection<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Product Details with Router<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Forms & Controlled Components<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Controlled Contact Form<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Component Lifecycle & Hooks Introduction<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Counter App Lifecycle<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>useEffect Hook, useRef & Axios Data Fetching<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>useContext & React Context API<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Custom Hooks & Error Handling<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Data Fetch Hook<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Fetch API & Axios (CRUD Operations)<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - To-Do List using API<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Introduction to Redux & Setup<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Redux Counter App<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Redux Middleware & Redux Toolkit<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Async API with Redux Thunk<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Performance Optimization (memo, useCallback, useMemo)<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Component Optimization<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>React.lazy & Code Splitting<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Lazy Loading & Suspense<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>EmailJS in React<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Chart.js Integration in React<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Real-Time Dashboard Charts<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Local Storage & Web App Deployment<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Bus Ticket Booking App in React<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 7 – MySQL<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Fundamentals of MySQL<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Table Creation & DML Commands<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Querying & Filtering Data<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Aggregate Functions & Filtering<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Joins & Relational Queries<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Inner & Left Join Queries<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>MySQL Connectivity Basics<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Advanced MySQL Connectivity & Transactions<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment - MySQL Overall Assessment<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Employee-Department Management System<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 8 – PHP<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to PHP & Environment Setup<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Personal Portfolio Webpage<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Fundamentals & Functions<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Student Grading System<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Built-in Functions & Arrays<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Student Report Generator<\/span><span class=\"topic-duration\">210 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Forms and MySQL Integration<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - PHP MySQL CRUD & File Upload<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>PHP Sessions, Cookies, and Security<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Secure Login System<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Full Stack PHP Project<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 9 – Laravel Framework<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to Laravel Framework<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - CRUD with Laravel MVC<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Laravel Fundamentals – Routing & Controllers<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Controller Routing & Parameters<\/span><span class=\"topic-duration\">300 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Laravel Fundamentals – Views, Models, and Migrations<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Blade Views & Schema Migrations<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Eloquent ORM & Deployment<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Eloquent Relationships<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Laravel Advanced Topics – Forms & Validation<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Form Validation Rules<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Authentication, Authorization & File Handling<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Auth Middleware & Gates<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Notifications, Email & RESTful API Development<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Mailables & Sanctum APIs<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Middleware Architecture<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Request Middleware<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Deployment & Version Control Hosting<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - Laravel Web Application<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 10 – WordPress<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to WordPress & Localhost Setup<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Localhost Installation & Dashboard<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Settings & Themes<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Site Settings & Permalinks Configuration<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Content & Media Management<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Post Publishing & Categories<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Plugins, Menus, Widgets & Hooks<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Security Plugins & Custom Plugins<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>WordPress Core Files & Database Integration<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Custom Functions & Database Config<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - CMS Based WordPress Web Portal<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 11 – AWS Deployment & Version Control<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to AWS & EC2 Ubuntu Instance<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Amazon S3 Bucket & Static Website Hosting<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Host Static Site on S3<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>EC2 + S3 Integration & AWS CLI<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - EC2 to S3 CLI Sync<\/span><span class=\"topic-duration\">30 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Hosting a Web Page with Apache\/Nginx<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment - Web Project Deployment<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Introduction to Git & Workflows<\/span><span class=\"topic-duration\">45 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Practice Program - Git Local Repository<\/span><span class=\"topic-duration\">90 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>GitHub & Hosting via GitHub Pages<\/span><span class=\"topic-duration\">45 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Assessment - GitHub Repository Push & Pages<\/span><span class=\"topic-duration\">60 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"module-card\">\r\n <h3>Module 12 – Adobe Photoshop<\/h3>\r\n <ul>\r\n <li><div class=\"topic-row\"><span>Introduction to Photoshop, Print vs Web Formats<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Getting to Know the Work Area & Custom Workspaces<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Basic Photo Corrections & Retouching Tools<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Working with Selections & Selection Tools<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Layer Basics, Layer Styles & Gradients<\/span><span class=\"topic-duration\">120 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Masks, Channels & Puppet Warp<\/span><span class=\"topic-duration\">180 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Typography Design & Clipping Masks<\/span><span class=\"topic-duration\">240 Mins<\/span><\/div><\/li>\r\n <li><div class=\"topic-row\"><span>Project - UI\/UX Asset & Graphic Design Project<\/span><span class=\"topic-duration\">360 Mins<\/span><\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"right-col\">\r\n\r\n <div class=\"frameworks-card\">\r\n <img decoding=\"async\" src=\"#\" alt=\"Software Testing Tools\" \/>\r\n <\/div>\r\n\r\n <div class=\"bottom-slider\">\r\n <div class=\"slider-track\" id=\"sliderTrack\">\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 1\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 2\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 3\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 4\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 5\" \/><\/div>\r\n <div class=\"slide-item\"><img decoding=\"async\" src=\"#\" alt=\"Placement 6\" \/><\/div>\r\n <div class=\"slide-item\" aria-hidden=\"true\"><img decoding=\"async\" src=\"#\" alt=\"\" \/><\/div>\r\n <\/div>\r\n <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n const track = document.getElementById('sliderTrack');\r\n const dotsWrap = document.getElementById('sliderDots');\r\n const totalReal = 6;\r\n\r\n for(let i=0;i<totalReal;i++){\r\n const d = document.createElement('div');\r\n d.className = 'd' + (i===0 ? ' active' : '');\r\n dotsWrap.appendChild(d);\r\n }\r\n const dots = dotsWrap.children;\r\n let idx = 0;\r\n\r\n function setDots(){\r\n const realIdx = idx % totalReal;\r\n [...dots].forEach((d,i)=> d.classList.toggle('active', i===realIdx));\r\n }\r\n\r\n function update(animate){\r\n track.style.transition = animate ? 'transform 0.6s ease' : 'none';\r\n track.style.transform = `translateX(-${idx * 100}%)`;\r\n }\r\n\r\n function nextSlide(){\r\n idx++;\r\n update(true);\r\n setDots();\r\n if(idx === totalReal){\r\n setTimeout(()=>{\r\n idx = 0;\r\n update(false);\r\n }, 650);\r\n }\r\n }\r\n\r\n update(false);\r\n setInterval(nextSlide, 4000);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Masters in Web Design & Development \u2014 Pumo Technovation Masters in Web Design & Development Total Number of Modules13 Total […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1760","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/1760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1760"}],"version-history":[{"count":4,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/1760\/revisions"}],"predecessor-version":[{"id":1833,"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/1760\/revisions\/1833"}],"wp:attachment":[{"href":"https:\/\/app.pumotechnovationcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}