Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Complete Bootstrap 5 for Beginners with real world Projects
Introduction to the course
Course presentation (5:43)
About this course (1:21)
Course overview ! (2:34)
What is Bootstrap ? (3:36)
What will you learn in this course ? (0:35)
Bootstrap Typography and the basics
Section overview (1:17)
How to use bootstrap. (6:58)
Typography (9:54)
Text (14:38)
Colors (6:19)
Spacing with Margins and Padding (7:13)
Sizing (2:20)
Positioning (10:53)
Breakpoints and Containers (7:34)
Flexbox and The Grid System
Section overview (0:54)
Flexbox (11:42)
Grid system (17:59)
More CSS3 flexbox & grid system
Components
Section overview (1:02)
Accordion (11:20)
Alerts (7:15)
Badges & Breadcrumbs (12:39)
Buttons & Button Groups (16:06)
Cards (18:58)
Carousel (14:04)
Close Button & Collapse (8:23)
Dropdown (10:50)
List & List Groups (9:36)
Model (3:49)
Navs, Tabs & Navigations (8:53)
Popovers (8:55)
Offcanvas (9:39)
Pagination (4:48)
Progresbars (6:55)
Scrollspy (5:43)
Spinners (6:02)
Tooltips (5:32)
Bootstrap & Font Awesome Icons
Working with Bootstrap icons (8:22)
Useful Links for Bootstrap & Font Awesome Icons
Bootstrap Icons VS Font Awesome Icons (5:07)
Create a webpage footer using bootstrap icons (10:22)
Project - Bio website theme
Project introduction (4:15)
Project setup (5:25)
Webpage Navigation section (11:42)
Header subsection Profile & Email button groups (5:05)
Header subsection Dropdown Content for About and Contact (10:57)
Profile img (2:57)
Portfolio offcanvas content (10:47)
Mail offcanvas content (10:30)
Webpage Footer section (7:17)
Project - Business Directory Website Themes
Project introduction (4:58)
Project setup (5:15)
Website Navigation (11:32)
Website Header (8:24)
Website Header get offer Modal (11:21)
Website About (10:39)
Website About History Modal (10:39)
Website Team section (10:19)
Website Services section (10:49)
Website Footer and Contact (11:07)
Project - Resume Website Themes
Project introduction (4:40)
Project setup (3:56)
Website Said Navigation (11:11)
Website Header (6:07)
Website Main section (5:11)
Website About section (14:29)
Website Services section (6:37)
Web development service (15:34)
SEO service (4:38)
Data base service (8:05)
Data security service (7:41)
Website Contact section (4:56)
Website footer and conclusion (3:41)
Project - Photo website theme
Project introduction (4:59)
Project setup (5:31)
Website navigation (6:29)
Website header section (13:38)
Header contact form (19:12)
Contact form terms of services (5:50)
Website main section (7:27)
Portrait photo gallery (20:18)
Travel photo gallery (14:05)
Wedding photo gallery (8:52)
Nature photo gallery (3:32)
Portfolio section (14:40)
Footer section and conclusion (5:54)
Sass / Scss - Basics only
What is Sass & Crash course
NodeJS - Basics only
Section disclaimer!
What is NodeJS (3:49)
How to install NodeJS (4:59)
Project - eCommerce Website using Bootstrap locally + SASS
Project overview (11:34)
Implement Bootstrap 5 in to the website (5:48)
Sass setup (5:41)
index.html setup (8:00)
Sass Assets: Configuration, Variables & Utilities (15:23)
Top info bar - support (11:46)
Top info bar - carousel (4:48)
Top info bar - Language & Currency (7:52)
Top info bar - Cart button (4:24)
Top info bar - Cart content (20:51)
Header Navigation (12:47)
Header Carousel (18:21)
Categories & technologies (29:31)
Products section (17:42)
Products section - First product (11:37)
Products section - Product content (24:44)
Customer reviews section (28:25)
Collaborate section (11:44)
Footer & Contact section (26:09)
What is Bootstrap ?
Complete and Continue