Courses

Programming language

Explore courses by programming language.

Python

C++

JavaScript

Java

C#

HTML

C

SQL

GO

Course type

Learn, challenge or build your portfolio in a practice-driven way.

Project

Challenges

Educational

Level of knowledge

Choose courses tailored to your level of knowledge perfectly.

Beginner

Intermediate

Advanced

Or try to search for any course. Still can't find? let us know what are you missing!

Journey

Login

Creator

Anonymous

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.

12 Lessons

12 Challenges

Prerequisites

Knowledge in HTML

Knowledge in CSS

Navigation Bar

Code Set up

main-container

Project lesson

Navbar

Project lesson

Unordered list & title

Project lesson

List items & titles

Project lesson

Add Icons

Project lesson

The Style

Universal tag

Project lesson

Body

Project lesson

Navbar styling

Project lesson

Unordered list styling

Project lesson

Item list styling

Project lesson

Animation on hover Icon

Project lesson