Building A TESLA, APPLE And A Personal Portfolio Tailwind Website From Scratch With Tailwind CSS & HTML 5
Platform: Udemy
Status: Available
Duration: 5 Hours
Price: $89.99 $0.00
Note: Udemy FREE coupon codes are valid for maximum 3 days only. Look for "Get Coupon" orange button at the end of Description.
What you'll learn
- Tailwind CSS
- Tailwind UI
- Tailwind classes and styles
- Tailwind background customisation
- Tailwind border customisation
- Tailwind flexbox and grid systems
- HTML5 for screen content structure
- Designing beautiful layouts effortlessly using Tailwind CSS
- Html5
- Basic IT skills
This course will enhance your front end design skills and you will appreciate how awesome Tailwind Css actually is. After completing this Tailwind CSS examples that we teach, you will be able to rapidly and efficiently design beautiful user interfaces.
This course will first cover the essential topics such as:
Flex-box and Grid utilities
Typography and Font styles
Responsive styling (styles for specific screen sizes)
State variants (for when hovering and focusing on elements)
User Interface Layouts
Sizing elements
Backgrounds class groups
Border class groups
After covering the fundamentals, we will then go through some awesome tailwind examples:
Apple website:
Responsive header and navigation bar
Front Page promotional section
Ipad section
Macbook section
Company Team Members section
Contact Form section
Footer section
Portfolio website:
Front page
Self introduction/promotion section
Services section
Portfolio/work section
Contact section
Tesla Landing page:
Front page
Navigation bar
Footer section
Who this course is for:
- Students looking for tailwind examples
- Students who want to learn tailwind from scratch
- Beginner designers curious about Tailwind CSS
- Students who want to learn how to build beautiful tailwind websites