About This Project
Project Overview
This is the complete development documentation for the DVOC Institute website — Mumbai's premier professional IT training institute with 3 branches and 30,000+ students trained since 1996.
The website was built from scratch, optimised for performance, and hosted on GitHub at smeetkataria7-cmyk/DVOC_2. This documentation page is live and reflects every commit automatically.
Repository Layout
Folder Structure
📁 DVOC_2/
📄 index.html — Main homepage
📄 about.html — About us & team
📄 support-chatbot.html — Live chat support
📄 DVOC_2-index-quiz.html — Interactive quiz
📄 docs.html — This page
📁 courses/ — 20 course pages
📄 course-ai.html
📄 course-python.html
📄 course-fullstack.html
📄 ... 17 more courses
📁 pictures/ — 26 WebP images
🖼️ AI & GEN AI.webp
🖼️ Owner & Director.webp
🖼️ ... 24 more images
Development History
Development Phases
1
Initial Setup & Foundation
3 Jun 2026
⌃
- Set up base HTML structure for the DVOC Institute website
- Established brand design language: orange (#E87E26) and navy (#1F3864)
- Created homepage layout with navigation, hero section, and footer
2
Content & Data Updates
4 Jun 2026
⌃
- Aligned all content with official dvoc.in data
- Rebranded consistently to "DVOC INSTITUTE" in uppercase across all pages
- Implemented dynamic course system covering all 27 courses
- Added 3D tilt effect and hover animations on course cards
- Implemented infinite auto-scroll logo carousel (NSDC, MS-CIT, KCLI, Tally, MKCL)
- Enhanced Video Testimonials section with photos and custom player
- Fixed broken footer with missing tags and malformed logo
- Replaced WhatsApp button text with official WhatsApp logo icon
- Fixed text corruption (mojibake encoding issues) across all pages
- Fixed invisible course cards caused by fade-up animation bug
- Added topic-based background images to course cards
3
Course Detail Pages
5–6 Jun 2026
⌃
- Created 20 dedicated course detail HTML pages
- Linked all course cards to their respective detail pages
- Added Course dropdown to hero lead form for better UX
- Added local course card background images via getCourseImage()
- Courses: AI & GenAI, Data Science, Full Stack, FinTech, Digital Marketing, Data Analytics, Python, Java, C++, SQL, Power BI, Tableau, Excel, Tally, SEO, Social Media, Graphic Design, Web Design, Web Dev (C#), Foundation to IT
4
Image Optimisation & Performance
8 Jun 2026
⌃
- Converted 25 PNG images to WebP using Python Pillow
- Total image payload reduced from ~32 MB to ~2 MB (94% reduction)
- Added loading="lazy" to all img tags for faster initial page load
- Updated all 23 HTML files to reference new .webp filenames
5
Website Restructure
8 Jun 2026
⌃
- Moved all 20 course pages into dedicated "courses/" subfolder
- Moved all 26 WebP images into dedicated "pictures/" subfolder
- Updated all internal links and image paths across every HTML file
- Updated JS chatbot page references to new subfolder paths
- Removed outdated files: README, v2/, files(1)/, dvoc-server/ folders
- Force-pushed clean structure to DVOC_2 GitHub repository
6
About Page Overhaul
8 Jun 2026
⌃
- Director's Desk: Added Ashish Bafna's name and personal biography
- Updated director section to use Owner & Director.webp photo
- Lajwanti Sharma — Chief Business Officer: real photo and warm personal bio
- Dhruv Bafna — Director: real photo and personal bio
- Poonam Pathak — Head of Placements: real photo and personal bio
- Fixed team card image aspect ratio to 4:5 portrait
- Fixed incorrect image path prefix causing blank photos
7
UI Fixes & Polish
8 Jun 2026
⌃
- Removed orange WA floating button from all pages except index.html
- Fixed course card images broken by encodeURIComponent encoding spaces
- Added missing icons to highlight cards and About Us nav dropdown
- Replaced raw emoji with HTML entities to fix broken code display
- Fixed all image path references after folder restructuring
GitHub API — Live
Commit Log
Loading commits from GitHub...
Leadership
Team Featured on Website
AB
Ashish Bafna
Founder & Director
LS
Lajwanti Sharma
Chief Business Officer
DB
Dhruv Bafna
Director
PP
Poonam Pathak
Head of Placements
At a Glance
Key Achievements
94%
Image Size Reduced
20
Course Pages Built
32MB
Saved in Images
26
WebP Images
4
Team Members Added
7
Dev Phases