Featured

Design A Responsive Website | Figma to HTML, CSS & JavaScript | FULL VIDEO



Published
Hi guys, I have combined all the videos in the responsive homepage playlist into this single long video. I hope you find this useful.

Figma File: https://github.com/Godsont/Responsive-Homepage-Figma-File
Source code: https://github.com/Godsont/Responsive-Homepage-2

Check out my courses: https://gtcoding.net/courses/

Timestamps:
00:00 - Introduction
02:17 - Components (Heading & Button)
21:31 - Components (Testimonial Cards)
30:28 - Components (Course Cards)
38:47 - Hero Section
49:59 - Testimonials & Courses Section
1:00:04 - App Section & Footer
1:11:52 - Tablet Version
1:24:00 - Smartphone Version
1:39:21 - Mobile Navigation Menu
1:45:59 - Figma to Code (Introduction)
1:49:07 - Setting Up The Project
1:57:30 - The HTML
2:20:03 - The CSS (Hero Section)
2:47:49 - The CSS (Testimonials Section)
3:06:06 - The CSS (Courses Section)
3:17:43 - The CSS (App Section & Footer)
3:31:49 - Tablet Version (Hero Section)
3:44:48 - Tablet Version (The rest of the sections)
3:59:32 - Tablet Version (Smaller Screen Sizes)
4:11:22 - Smartphone Version
4:26:45 - Deploying the Website
Category
Web design
Be the first to comment