Learn CSS3, Bootstrap from Scratch using step by step process
☑ Will able to code responsive web using CSS
☑ Will able to code responsive web using Bootstrap
☑ Will be able to design & develop responsive web page
By completing this course, you will become a master in Web Design Technologies like CSS3 and Bootstrap and more. This course gives you hands-on and practical experience on detailed CSS3 and Bootstrap and more.
Contents of this tutorial #
Interactive CSS3: Basics
- What is CSS? Why we need it?
- What’s new in CSS3
- CSS Selectors, properties and attributes
- ID Selectors
- Class Selectors
- Element Selectors
- All Selectors
- Inline style sheets
- External Style sheets
Interactive CSS3: Advanced
- The Box model
- Adding Color
- Working with fonts
- Background images
- Styling ID tags
- Float and Clear
- Block and inline elements
- Positioning
- Adding the elements
Interactive Bootstrap: Basic
- Why Bootstrap?
- Downloading Bootstrap
- Adding Bootstrap in your site
- Creating navigation
- Styling images
- Creating the footer
- Adding styled buttons
Interactive Bootstrap: Advanced
- Adding Google Maps
- Adding an image carousel
- Adding a contact form
- Creating a complete web page: Part 1
- Creating a complete web page: Part 2
- Creating a complete web page: Part 3
Learning CSS3 and Bootstrap is one of the fastest ways to improve your career, especially on web design and development.
Hope this course will be used as a helping hand for your prospective career. Please dig on free preview videos for more information.
English
Language
CSS3 Basic
About the class – what you will need
What is CSS and why we will use it
What’s new in CSS3
CSS Selectors, properties and attributes
ID Selectors
Class Selectors
Element Selectors
All Selectors
Internal style sheets
External style sheets
Inline styles
CSS3 Advanced
The box model
Adding color
Working with fonts
Background images
Background images: Part 2
Styling links
Styling ID Tags
Float & Clear
Block and inline elements
Positioning
Building the Framework
Setting the Styles
Adding the elements
Bootstrap
What is Bootstrap?
Downloading Bootstrap
Adding Bootstrap in your site
Creating the Navigation
Creating the Navigation: Part 2
Creating the Navigation: Part 3
Creating containers
Styling images
Creating the footer
Adding styled buttons
Bootstrap Advanced
Adding Google Maps
Adding an image carousel
Adding a contact form
Creating a complete web page: Part 1
Creating a complete web page: Part 2
Creating a complete web page: Part 3