- Getting familiar, what this course is all about ?
- Modern Shape Dividers Using CSS & SVG
- [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
- 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
- Understanding CSS and Browsers default styling
- Installing code editor and setting up project
- Understanding Inline Styling
- Understanding Embed Styling
- Understanding Cascading nature of CSS
- 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
- 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 !
- 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
- [ 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 !