Skip to content
Sign upLog in
← Back to Community

A nice navbar tutorial

Profile icon
brokentoken

How to make a navbar

Lets get started

Put this code in your header tags

<link rel="stylesheet" href="https://freshclass.netlify.app/css/freshclass.min.css" />

Then create a body tag. but add style to it and replace green with any color

Then create a '

' tag
then put link with tag

Finished code:

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="https://freshclass.netlify.app/css/freshclass.min.css" /> </head> <body style="--color: var(--blue)"> <nav> <center> <a href="#"> Link 1 </a> <a href="#"> Link 2 </a> </center> </nav> </body> </html>

Cheers!

More information at https://freshclass.netlify.app

Voters
Profile icon
brokentoken
Comments
hotnewtop
Profile icon
Bookie0

Add syntax highlighting to your code blcoks by adding html after the 3 backslashes (`):

<link rel="stylesheet" href="https://freshclass.netlify.app/css/freshclass.min.css" />

:D

Profile icon
brokentoken

thanks i will add that in

@Bookie0

Profile icon
Bookie0

np! :D

@brokentoken

Profile icon
Rajamasker

wooowww, its good