Course Introduction
  • Getting familiar, what this course is all about ?
[This Week] New Tutorials
  • Modern Shape Dividers Using CSS & SVG
[NEW] Tips & Tricks- Real World Project
  • [EPIC] Creating new super shine effect for your image in CSS
  • Border Image & Linear Gradient Divider CSS
  • Learn to create custom cursor & all prebuilt cursor in CSS
  • CSS Gradient Text, Image Background Text and Text Shadow
  • [Unique] Learn to modify height and width of any font using CSS
Bootstrap 4
  • Installing Editor and Bootstrap 4 in your project
  • Understanding reboot process in bootstrap 4
  • Understanding headings & it’s classes
  • Using display classes & customizing heading
  • Styling text & aligning text based on viewport size
  • Understanding blockquotes in bootstrap 4
  • Understanding multiple different list styling in Bootstrap 4
  • Creating list-group with anchor link & buttons
  • Adding contextual classes & badges in list-group
  • Creating custom list-group in bootstrap 4
  • Coloring and applying background to your text or links.
  • Displaying codes in your webpage
  • Making your images responsive and aligning it
  • Creating simple table and customizing table heading styles
  • Using table-stripped and table-bordered classes to styling you table body
  • Using table-hover and table-sm classes to styling you table body
  • Using contextual classes and background classes to styles row or cells
  • Making table responsive in bootstrap 4
  • Using figure for displaying additional caption
  • Creating alerts , alerts with links and multi line Alert in bootstrap 4
  • Closing alerts and listening for alert events in bootstrap 4
  • Working with badges in bootstrap 4
  • Using breadcrumb in bootstrap 4
  • Creating normal and outline buttons in bootstrap 4
  • Using checkboxes and radio buttons group In bootstrap 4
  • Buttons utilities classes to modify the look & behavior of buttons
  • Understanding button groups and button toolbar in bootstrap 4
  • Creating awesome cards in bootstrap 4
  • Adding list in your cards in bootstrap 4
  • Adding header & footer also controlling the size of cards
  • Few Utilities classes to quickly build cards & control it’s sizes,text alignment
  • Adding tabs and pills navigation to cards
  • Adding images to your cards including image overlay
  • Learning card styles background and outline
  • Learning card layouts option “group card” & “deck card”.
  • Creating masonry cards layout in bootstrap 4
  • Creating carousel and it’s controls
  • Creating carousel indicators and using captions
  • Understanding & working with collapse feature
  • Creating accordion using collapse feature
  • Creating dropdown list with button & anchor
  • Working with dropdown list splitting, sizes & variation
  • Working with dropdown header, divider & disabling
  • Understanding horizontal & vertical navigation
  • Understanding tabs, pills, justified & fill navs
  • Adding dropdown to navigation
  • Understating all about pagination in bootstrap 4
CSS Essentials- The Very Basics you need to know !
  • Understanding CSS and Browsers default styling
  • Installing code editor and setting up project
  • Understanding Inline Styling
  • Understanding Embed Styling
  • Understanding Cascading nature of CSS
CSS Typography- Understanding Text Formatting
  • Understating fonts, font-family, system fonts and web fonts
  • Understanding font size in depth
  • Understanding Font-Style and Font-Weight
  • Understanding text transform property
  • Understanding text decoration property
  • Changing color of text
  • Understanding text alignment
  • Understanding Text Indenting
  • Super letter and word spacing
  • Controlling the space between elements
  • Understanding Text shadow in depth
CSS Colours & Opacity- Quick Guide
  • Understanding CSS Color keyword definitions
  • Understanding Hexadecimal Color Unit in depth
  • Understanding RGB (Red, Green, Blue) Color Unit
  • The Power of Opacity
  • Using rgba and hsla !
CSS3 Gradients- Quick Guide
  • Understanding linear gradient
  • Controlling the flow direction of linear gradient
  • Understanding the " diagonal " flow direction
  • Using " Angles " to control directions of linear gradient
  • Working with " alpha transparency " in linear gradient
  • Understanding " Radial Gradients "
  • Differently " Spaced Color Stops " in Radial Gradients
  • Radial Gradient Shapes
  • Using Different Size Keywords in Radial Gradients
  • Repeating a Radial Gradient
CSS3 Selectors- An Expert CSS Selectors Handbook !
  • [ Basic Selectors ] Understanding CSS " Element Selector " in depth !
  • [ Basic Selectors ] Understating " Class Selector " in Depth !
  • [ Basic Selectors ] Understating " ID Selector " in Depth !
  • [ Basic Selectors ] The Odd " Universal Selectors " in depth !
  • [ Basic Selectors ] Understating " Descendant Selector " in Depth !
  • [ Basic Selectors ] Understating " Group Selector " in Depth !