Here is the GitHub repo with everything needed to follow along with today's tutorial:
github.com/ChadMCasey/SmartNo...
Here is the Figma Design file:
www.figma.com/community/file/...
Here is the Web Designer Behind This Landing Page:
Twitter (X): x.com/iamhervewabo
Figma: www.figma.com/@iamhervewabo
Hello Coders!
Todays tutorial involves the creation of a SaaS landing page, SmartNotes, using HTML, CSS, JS and ReactJS. This tutorial is designed to help those who want to develop their frontend skills, React skills, web design implementation skills, and more!
If you enjoyed todays tutorial make sure to leave a like and subscribe, more fun projects to come in the future!
And don't forget, leave ideas for future projects in the comment section below!
Timecodes
0:00 - Intro
01:16 - Fonts, Assets & File Structure
11:50 - Style Guide & Font Classes
20:08 - Component Layout
31:24 - Page & Navigation
59:48 - Hero
01:25:02 - Logos
01:42:45 - Testimonial
01:56:06 - Features
02:32:11 - Video
02:50:35 - Pricing
03:25:51 - Pricing Tile
04:13:51 - FAQ Accordion
04:59:43 - CTA
05:17:27 - Footer
05:55:12 - Outro
Follow my socials for updates:
Twitter:
/ chadcaseyswe
Instagram:
/ chadcaseyswe
LinkedIn:
/ chadcaseyswe
And enjoy the rest of your day :)
Негізгі бет Ғылым және технология How To Create A STUNNING SaaS Landing Page With ReactJS
Пікірлер: 27