filmov
tv
🔥Complete Digital Marketing Website Using ReactJS and Tailwind CSS | Free Source Code
Показать описание
In this tutorial you will learn how to build Modern Animated Website using ReactJS and Tailwind CSS. From creating folder to writing code and debugging, you'll learn everything in easy way. We use latest technology and methods to create fully responsive website.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👁️ Live Preview:
🎁 Join our community to start your journey.
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Features:
👉🏻 Responsive Complete Landing page.
👉🏻 Animated Sidebar.
👉🏻 Modern Animated website using Framer motion.
👉🏻 Fully Responsive Hero page( All device supported )
👉🏻 Number Counter section
👉🏻 Sliding Testimonial section
👉🏻 Modern Animated card
👉🏻 Responsive Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
What you will learn:
🔥 How to build Responsive Navbar using ReactJS.
🔥 How to build Navbar Notifiacation Banner using ReactJS.
🔥 How to build Modern Responsive Hero page using ReactJS, Tailwind CSS and Framer motion.
🔥 You'll learn how to animate website with framer motion.
🔥 How to build Number Counter section using ReactJS.
🔥 You'll build fully responsive website in reactJS using Tailwind CSS
🔥 Best practices and debugging skills.
🔥 How to build Responsive Sliding Testimonial using ReactJS.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
⏱ Timestamps
00:00:00 Intro
00:02:55 Project Setup
00:09:36 Navbar section using React and Tailwind CSS
00:18:37 Animated Hero Page using Tailwind CSS
00:36:07 Services Section
00:46:43 Banner Section
00:54:08 Cards Section
01:05:13 Banner 2 section
01:10:01 Footer Section
01:22:56 Preview Section
01:25:50 Build & Deployment
👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜
02:06:24 Deployment
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactjs #tailwindcss #marketingdigital #digitalmarketingagency #framermotion #uidesign #gym #gymwebsite #yoga #yogawebsite #webdesign #website #modernwebdesign #animatedwebsite #html #htmlcss #htmlcssjavascriptproject #reactwebsite #reactjstutorial #responsivewebsite #websitedevelopment #webdesign #webdevelopment #frontend #frontenddevelopment #thecodingjourney #tcj #coding #codingtutorial
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👁️ Live Preview:
🎁 Join our community to start your journey.
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Features:
👉🏻 Responsive Complete Landing page.
👉🏻 Animated Sidebar.
👉🏻 Modern Animated website using Framer motion.
👉🏻 Fully Responsive Hero page( All device supported )
👉🏻 Number Counter section
👉🏻 Sliding Testimonial section
👉🏻 Modern Animated card
👉🏻 Responsive Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
What you will learn:
🔥 How to build Responsive Navbar using ReactJS.
🔥 How to build Navbar Notifiacation Banner using ReactJS.
🔥 How to build Modern Responsive Hero page using ReactJS, Tailwind CSS and Framer motion.
🔥 You'll learn how to animate website with framer motion.
🔥 How to build Number Counter section using ReactJS.
🔥 You'll build fully responsive website in reactJS using Tailwind CSS
🔥 Best practices and debugging skills.
🔥 How to build Responsive Sliding Testimonial using ReactJS.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
⏱ Timestamps
00:00:00 Intro
00:02:55 Project Setup
00:09:36 Navbar section using React and Tailwind CSS
00:18:37 Animated Hero Page using Tailwind CSS
00:36:07 Services Section
00:46:43 Banner Section
00:54:08 Cards Section
01:05:13 Banner 2 section
01:10:01 Footer Section
01:22:56 Preview Section
01:25:50 Build & Deployment
👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜
02:06:24 Deployment
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactjs #tailwindcss #marketingdigital #digitalmarketingagency #framermotion #uidesign #gym #gymwebsite #yoga #yogawebsite #webdesign #website #modernwebdesign #animatedwebsite #html #htmlcss #htmlcssjavascriptproject #reactwebsite #reactjstutorial #responsivewebsite #websitedevelopment #webdesign #webdevelopment #frontend #frontenddevelopment #thecodingjourney #tcj #coding #codingtutorial
Комментарии