Bottom Navigation Bar - HTML/CSS Project
In this course you will create a simple Bottom Navigation Bar using HTML and style it using CSS. You will learn how to add simple animation using (:hover) selector in CSS.
Syllabus
2 chapters12 lessons2 projectsNavigation Bar
Project6 lessons- 01Code Set up
- 02main-container
- 03Navbar
- 04Unordered list & title
- 05List items & titles
- 06Add Icons
The Style
Project6 lessons- 01Universal tag
- 02Body
- 03Navbar styling
- 04Unordered list styling
- 05Item list styling
- 06Animation on hover Icon
More like this
CSS Project - Fancy Button
In this course you will create a fully customized fancy button, like you see in your favorite websites!
- 8
- 1
HTML/CSS Challenges - Pack II
This course will challenge your knowledge of HTML and CSS in a fun and effective way!
- 5
Solar Eclipse Animation | HTML/CSS Project
In this course you will create amazing "Solar Eclipse" Animation. Showcasing how we can create engaging and functional user interfaces using animation.
- 10
- 2
CSS Project - Simple Loading Spinner
In this course, you will learn how to utilize CSS and HTML to build a straightforward loading spinner, which is used when loading pages or content.
- 6
- 1
Login Form - HTML/CSS Project
In this course you will create a simple login form using HTML and style it using CSS.
- 7
- 2
Frequently asked questions
How many lessons does Bottom Navigation Bar - HTML/CSS Project have?
What does Bottom Navigation Bar - HTML/CSS Project cover?
Is Bottom Navigation Bar - HTML/CSS Project free?
