Untitled

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet"  href=../../CSS/all.css>
	<link rel="stylesheet"  href=../../CSS/fontawesome.css>
	<title> Nar Bar </title>
	<style >
		#One
		{
			background: skyblue;
			font-size: 15px;			
			display: block;
            border-left: 5px 5px;
            text-align: center;
            padding: 15px 0px;

            
		}


       .main
       {
       	padding-left: 75px;
       	background: orange;
       	margin: 9px;
       	padding: 5px 25px;
       	border-radius: 10px;


       }
      a:hover
      { 
        box-shadow: 4px 4px 4px;
        color: whitesmoke;
      }

	</style>

</head>
<body>
      <div id="One">
      	<a class="main">
      		<i class="fa-solid fa-house-flag"></i>
      	 Home </a>
      	<a class="main"> 
      		<i class="fa-solid fa-house-flag"></i>
      	Courses </a>
      	<a class="main">
      		<i class="fa-solid fa-address-card"></i>
      	 About </a>
      	<a class="main">
             <i class="fa-solid fa-photo-film"></i>
      	 Gallery </a>
      	<a class="main">
             <i class="fa-solid fa-phone"></i>
      	 Contact </a>

      </div>
</body>
</html>
Editor is loading...