📅 Deadline For 60 marks: 20th January, 2026 (11:59 pm ⏱️)
📅 Deadline For 50 marks: 21th January, 2026 (11:59 pm ⏱️)
📅 Deadline For 30 marks: Any time after 21th January.
Can I use different images?
- Yes, you may use any relevant images.
Can I change the alignment and design freely?
- No. You must follow the alignment and layout shown in the Figma design.
Can I change colors?
- Yes, as long as the colors are relevant and visually consistent.
Do I need to make the page pixel-perfect?
- No. You can use your own margin and padding while following the overall structure from Figma.
- Desktop/Laptop/Large Device:
- Logo on the Left
- Menu Items in the Center (like Figma design)
- Gradient Button on the Right
- Mobile Device:
- Hidden nav items with hamburger menu icon
- Fully responsive navigation
- Desktop/Laptop/Large Device:
- Background Image
- Center-aligned podcast circle view with visual effects
- Relevant heading and descriptive text at center
- Two call-to-action buttons below the text
- Mobile Device:
- Mobile responsive layout matching Figma design
- Desktop/Laptop/Large Device:
- Heading with descriptive text at the top
- 4 statistics items displayed in a row with proper styling
- Mobile Device:
- 4 statistics items responsive layout (2x2 grid stacked on mobile)
- Desktop/Laptop/Large Device:
- 5 feature cards layout matching Figma design
- Each card contains: icon, title, and description
- Mobile Device:
- Fully responsive card layout
- Single column layout on mobile devices
- Desktop/Laptop/Large Device:
- 3 featured episode cards layout
- Each card includes: title, description, and duration
- YouTube video links embedded in cards
- Mobile Device:
- Responsive card layout for mobile devices
- Desktop/Laptop/Large Device:
- Center-aligned layout with brand and platform information
- Copyright information with horizontal line separator
- Mobile Device:
- Responsive footer layout maintaining readability
- Desktop/Laptop/Large Device:
- Image on the left with host name, biography, and social media icons
- Professional layout with proper alignment
- Mobile Device:
- Responsive layout with stacked design for mobile view
- Implement smooth animations on any buttons or sections for enhanced user experience
- Minimum 5 commits on GitHub with meaningful commit messages
- No Lorem Ipsum content - use relevant, meaningful text
- "New" badge in the podcast circle view positioned exactly as per Figma design
- Small device: up to 576 px
- Medium Device: 576px to 992 px (Optional)
- Large Device: above 992 px
- HTML5
- CSS3/Tailwind CSS
- No JavaScript
- Figma layout followed correctly
- Proper alignment and spacing
- Clean and readable HTML & CSS
- Each Section are responsive with proper breakpoints
- Live site deployed
- Public GitHub repository
- GitHub Repository Link
- Live Website Link (GitHub Pages)