Build a Responsive Landing Page Course Website in React JS
Hi there, In this video you will learn how to build a Responsive Landing Page Course Website using React JS, TailwindCSS & Framer Motion.
------------------------------------------------
💻 Buy source code by PayPal:
https://ko-fi.com/s/2cd7e6799d
🔍 View Demo:
https://coursat-xdcode.netlify.app
------------------------------------------------
🧑💻 Develop the project from scratch:
https://github.com/xdcode2/course-web...
Go to the project repository on my GitHub page 👆
Click on the green button on the top
Click Download ZIP
------------------------------------------------
📚 Resources:
Figma design: https://www.figma.com/file/UVS4zrBgRU...
React JS: https://react.dev/
TailwindCSS: https://tailwindcss.com/
Framer Motion: https://www.framer.com/motion/
Swiper JS: https://swiperjs.com/
Images: https://unsplash.com/
------------------------------------------------
⌚ Timestamps:
00:00 - Intro
01:39 - Project Setup
05:20 - Navbar
13:58 - Mobile Navbar
28:15 - Hero Section
41:08 - Statistics Section
45:46 - About Section
56:57 - Popular Courses Section
1:30:58 - Courses Section
1:47:55 - Instructors Section
2:01:35 - Blog Section
2:11:20 - CTA Section
2:17:42 - Footer
------------------------------------------------
🎵 Background music - Provided by Lofi Records:
Kainbeats x Hoogway - timeless
Watch: • Kainbeats x Hoogway - timeless
Download/Stream: https://fanlink.to/BlindSighted
amies x cxlt. – Into The Void
Watch: • amies x cxlt. – Into The Void
Download/Stream: https://fanlink.to/NocturneEP
Lilac – Dearest
Watch: • Lilac – Dearest
Download/Stream: https://fanlink.to/WhenIDreamtofYou
Hoogway x DLJ – Skyline
Watch: • Hoogway x DLJ – Skyline
Download/Stream: https://fanlink.to/foreverago
DaniSogen - Awakening
Watch: • DaniSogen - Awakening
Download/Stream: https://fanlink.to/InSearchofPeace
amies x cxlt. – Blue Moon
Watch: • amies x cxlt. – Blue Moon
Download/Stream: https://fanlink.to/NocturneEP
Elijah Lee x aimless – Escape With Me
Watch: • Elijah Lee x aimless – Escape With Me
Download/Stream: https://fanlink.to/escapadeEP
Kayba x Lomme - Garden
Watch: • Kayba x Lomme - Garden
Download/Stream: https://fanlink.to/ExploreEP
Kainbeats - Floating Sanctuary
Watch: • Kainbeats - Floating Sanctuary
Download/Stream: https://fanlink.to/AWalkThroughtheSky
goodnyght – time for bed
Watch: • goodnyght – time for bed
Download/Stream: https://fanlink.to/SleepCyclesEP
Mondo Loops x Purrple Cat – Essence of the Forest
Watch: • Mondo Loops x Purrple Cat – Essence o...
Download/Stream: https://fanlink.to/ForestTales
BluntOne x Bean Mow – Under Your Skin
Watch: • BluntOne x Bean Mow – Under Your Skin
Download/Stream: https://fanlink.to/Cloud-Surfing
Swink – afternoon in the park
Watch: • Swink – afternoon in the park
Download/Stream: https://fanlink.to/NotesFromYesterday
Peak Twilight x no one’s perfect – Lunar Shores
Watch: • Peak Twilight x no one’s perfect – Lu...
Download/Stream: https://fanlink.to/DepartureEp
Purrple Cat - Thunder Nap
Watch: • Purrple Cat - Thunder Nap
Download/Stream: https://fanlink.to/MorningCoffeeCompi...
Purrple Cat – S’mores
Watch: • Purrple Cat – S’mores
Download/Stream: https://fanlink.to/AdventureIsland
Charlee Nguyen x Mondo Loops x Purrple Cat - Orion's Belt
Watch: • Charlee Nguyen x Mondo Loops x Purrpl...
Download/Stream: https://fanlink.to/AmidsttheSevenSeas
Purrple Cat – Lunar Eclipse
Watch: • Purrple Cat – Lunar Eclipse
Download/Stream: https://fanlink.to/DistantWorlds
Living Room – Rainbowsend
Watch: • Living Room – Rainbowsend
Download/Stream: https://fanlink.to/4AMStudySession
Laffey – A Walk In The Park
Watch: • Laffey – A Walk In The Park
Download/Stream: https://fanlink.to/summernightsEP
------------------------------------------------
Support me by buying me a ☕:
https://ko-fi.com/xdcode2
Hey bro please don't forget to subscribe to my channel and like this video 😊😊.
#reactjs #webdevelopment #xdcode