Important Notice:

|| CCC Result May 2024 ||    || CCC Marksheet Apr 2024 ||    || O Level Jan2025 Registration form Last Date: 30/09/2024 ||    || CCC Jun 2024 Exam Date 27 Jun to 30 Jun 2024 ||     || CCC/ O Level Exam Full Form ||     || O Level Practical Exam Date: 08/07/2024 to 16/07/2024 ||
Course Content
CSS Framework
0/18
Content of this Chapter
Introduction to CSS Framework
Advantage of CSS Framework
W3.CSS Intro
How to Use W3.CSS
W3.CSS Colors Basics
W3.CSS Container
W3.CSS Panels
W3-panel for Notes
W3-panels for Quotes
W3-panel for Alert Message
W3-panel for cards
W3-panel for Rounded panels
W3.CSS Borders
W3.CSS : HTML Headings
W3.CSS Fonts
W3.CSS Text
W3.CSS Tables
W3.CSS Lists
0/9
Basics W3.CSS List
Bordered List
Lists as Cards
Colored List
Hoverable Lists
List With Padding
List with Close Option
List Sizes
Avatar List
W3.CSS Images
0/12
W3.CSS Images
Rounded Images
Circle Images
Bordered Images
Images as Cards
Image Text
Responsive Image
Image Opaciy
Grayscale
Sepia Image Effect
Creating Hover Effects
Opacity Off
W3.CSS Grid
0/4
W3.CSS Grid
Screen Wise Column
Two equal and unequal columns
Mixed Layout for Mobile & Desktop
W3.CSS Button Classes
0/16
W3.CSS Button Classes
Buttons
Button Colors
Hover Colors
Button Shapes
Button Sizes
Button Borders
Buttons With Different Text Effects
Full-width Buttons
Disabled Buttons
Button Bars
Navigation Bars
Left and Right Buttons
Buttons With Ripple Effects
Circular Buttons
Square buttons
W3.CSS Navigation Bars
0/18
W3.CSS Navigation Bars
W3.CSS Navigation Bar Classes
Basic Navigation
Responsive Navigation
Colored Navigation Bars
Bordered Navigation Bars
Hoverable Links
Navigation Bar with Icons
Navbar with Inputs and Buttons
Navigation Bar with Dropdown
Clickable Dropdown
Horizontal Dropdown Menu
Responsive Navbar with Responsive Dropdown
Fixed Navigation Bar
Vertical Navigation Bar
Side Navigation
W3.CSS Vertical Navigation Bars
Vertical Navigation Bars
CSS Framework (Chapter- 5) M2-R5.1
About Lesson

Square buttons:

<button class=”w3-button w3-black”>+</button>

<button class=”w3-button w3-teal”>+</button>

 

Previous
Next
error: Content is protected !!