Categories

There are currently no items in your shopping cart.

User Panel

Forgot your password?.

Complete Bootstrap 5 for Beginners with real world Projects


Introduction :
Introduction to the course
Course overview !
What is Bootstrap ?
What will you learn in this course ?

Bootstrap Typography and the basics. :
Section overview
How to use bootstrap.
Typography
Text
Colors
Spacing with Margins and Padding
Sizing
Positioning
Breakpoints and Containers

Flexbox and The Grid System :
Section overview
Flexbox
Grid system
More CSS3 flexbox & grid system

Components :
Section overview
Accordion
Alerts
Badges & Breadcrumbs
Buttons & Button Groups
Cards
Carousel
Close Button & Collapse
Dropdown
List & List Groups
Model
Navs, Tabs & Navigations
Popovers
Offcanvas
Pagination
Progresbars
Scrollspy
Spinners
Tooltips

Icons :
Working with Bootstrap icons
Useful Links for Bootstrap & Font Awesome Icons
Bootstrap Icons VS Font Awesome Icons
Create a webpage footer using bootstrap icons

Project - Bio website theme :
Project introduction
Project setup
Webpage Navigation section
Header subsection Profile & Email button groups
Header subsection Dropdown Content for About and Contact
Profile img
Portfolio offcanvas content
Mail offcanvas content
Webpage Footer section

Project - Business Directory Website Themes :
Project introduction
Project setup
Website Navigation
Website Header
Website Header get offer Modal
Website About
Website About History Modal
Website Team section
Website Services section
Website Footer and Contact

Project - Resume Website Themes :
Project introduction
Project setup
Website Said Navigation
Website Header
Website Main section
Website About section
Website Services section
Web development service
SEO service
Data base service
Data security service
Website Contact section
Website footer and conclusion

Project - Photo website theme :
Project introduction
Project setup
Website navigation
Website header section
Header contact form
Contact form terms of services
Website main section
Portrait photo gallery
Travel photo gallery
Wedding photo gallery
Nature photo gallery
Portfolio section
Footer section and conclusion

Sass / Scss :
What is Sass & Crash course

NodeJS :
What is NodeJS
How to install NodeJS

Project - eCommerce Website using Bootstrap locally + SASS :
Project overview
Implement Bootstrap 5 in to the website
Sass setup
index.html setup
Sass Assets: Configuration, Variables & Utilities
Top info bar - support
Top info bar - carousel
Top info bar - Language & Currency
Top info bar - Cart button
Top info bar - Cart content
Header Navigation
Header Carousel
Categories & technologies
Products section
Products section - First product
Products section - Product content
Customer reviews section
Colaborate section
Footer & Contact section

Extra section :
Bonus lecture.