Learn CSS3, Bootstrap from Scratch using step by step process

What you will learn

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

Description

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

Content

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


Get Instant Notification of New Courses on our Telegram channel.


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