Coddy logoCoddy logo text
CoursesChallengesJourneyDaily Challenge
LeaderboardStore
AboutContact
Coddy logo

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!

Challenges

Journey

Daily Challenge

search

Login

menu icon
Loading...Creator image

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

Save for later

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

Company

HomeAboutCreatorsBusinessesnew tabMerchnew tab
instagram iconfacebook iconlinkedin icontiktok icontwitter iconyoutube icon

Product

CoursesChallengesJourneyDaily ChallengeStoreLeaderboardCertifications

Resources

Blognew tabReferencenew tabAI Assistant

Support

ContactFAQs

Languages

PythonC++JavaScriptJavaC#SQLHTMLCSSCGoPHPR

Types

ProjectsChallengesEducational

Knowledge

BeginnerIntermediateAdvanced

Subjects

Data ScienceWeb DevelopmentInterview PrepSoftware DevelopmentArtificial IntelligenceData Structures and AlgorithmsData Analytics
Privacy Policy

|

Terms

Made with ❤️ © 2024 Coddy