How to create the navbar of the website in less then 10 minutes?

- August 05, 2021

Hi guys,

Today in this post I am going to give you the source code of my this video:

Description

In this video I have covered the whole about how you can create a navbar from end to end so if you want to watch this then click on the youtube icon on the top if you want the sourcecode of this video then it is here:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Good navbar design - codeandman</title>
    <style>
        *{
            margin:0;
            padding:0;
            box-sizing: border-box;
        }
        li{
            list-style: none;
        }
        a{
            text-decoration: none;
            font-family:cursive;
            font-weight:800;
            font-style:italic;
            color:white;

            text-transform:uppercase;
        }
        nav{
            background:rgb(255, 0, 0);
            display:flex;
            align-items:center;
            justify-content: space-around;
            height:10vh;
        }
    </style>
</head>
<body>
    <nav>
        <li><a href="#">Home</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Our Services</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Portfolio</a></li>
    </nav>
</body>
</html>