
In this lecture I am going to teach from where to get bootstrap icons and how to integrate them in different situations.
In this video we are going to prepare our project by:
Creating the HTML5 DOCTYPE!
Inserting the Bootstrap 5 CDN for CSS, Icons, & JavaScript
Create webpage Section and Subsections:
Sec. Navigation
Sec. Header
Header SubSec. Portfolio and Email Btn. Group
Header SubSec. Dropdown Content for About and Contact
Profile img
Portfolio offcanvas content
Mail offcanvas content
Sec. Footer
In this video we are going to prepare our project by:
Creating the HTML5 DOCTYPE! Inserting the Bootstrap 5 CDN for CSS, Icons, & JavaScript
Create webpage Section and Subsections:
Sec. Navigation
Sec. Header
Header SubSec. GET STARTED CONTENT MODEL
Sec. About
About SubSec. Model content
Sec. Team
Sec. Services
Sec. Footer
This course will take you from beginner Bootstrap to Master of Bootstrap 5 by learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 or 4 for this course.
Custom Bootstrap Sandbox
I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you will code along with me learn all that Bootstrap 5 offers including NEW icons, helpers/utilities, components, widgets, flexbox, grid, offcanvas and more.
5 Real Projects/Themes
We will create 5 real world themes. These projects are completely open source and you are free to use them anywhere. All files can be downloaded.
Project - Bio website theme
Project - Business Directory website themes
Project - Resume website themes
Project - Photo website theme
Project - eCommerce website using Bootstrap 5 locally + SASS
Who this course is for:
Beginner front end developers who want to learn there very first front-end framework.
Junior web developers who never used Bootstrap and want to learn it from scratch.
Back-end developers who wish to create quick ready to go prototypes.
JavaScript Web developers.
WordPress developers who want to create high quality WordPress templates using a front end framework.