🐶 Create a Responsive PetCare Website using Next.js & TailwindCSS from scratch.
HTML-код
- Опубликовано: 13 июн 2024
- This tutorial will learn how to Build a Responsive PetCare Website using Next.js & Tailwindcss from scratch.😉
👉🏻 Points To Cover:
1. How to make Responsive Navbar using headless UI(Disclosure)
2. How to make Pixel's perfect User Interface.
3. Learn about grid/flex in one go.
4. How to destructure the whole layout in small chucks.
NOTE: You can continue parallel with me for a better understanding of the web concepts & uplift your design/dev skills up to the next level in a short span of time.✌🏻
📚 Materials/References:
💻 Starter Code:-
github.com/Streamline6/starte...
🔗 Project Source code (give it a star ⭐):-
github.com/Streamline6/Respon...
📁 Assets
Icons: react-icons.github.io/react-i...
Images: unsplash.com/
design: www.canva.com/
🔔 Support me, Subscribe for more!
/ streamline13
😊 Follow Me:
Instagram: / stream_line6
Twitter: / stream_line6
💼 Business Inquiries:
E-mail: webstreamline13@gmail.com
Time Stamps 👇
00:00 - Introduction
00:09 - Project Overview
01:36 - Project Setup
01:44 - Install Packages
01:54 - Navigation Section
27:34 - Home Section
27:19 - About Section
33:37 - Services Section
42:39 - Pricing Section
51:25 - Testimonial Section
59:24 - Notify Section
01:02:51 - Footer Section
🙏🏻 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#nextjs #responsivepetcarewebsite #tailwindcss #nikstreamline #ui
waoo , thanks
love it
very nice bro. keep it up
Thank you so much 😊
3:45 what is that chrome extension name???
got it its pain tool...
github link giving 404
Please check again.
@@Streamline13 its working now