Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="../css/all.min.css"/>
  <link rel="stylesheet" href="../css/fontawesome.min.css"/>
    <title>Navbar</title>
    <style>
      #a
      {
       
        margin: 10px;
        border-radius: 4px;
        cursor: pointer;
        background-color:rgba(240, 193, 128, 0.728);
        padding:5px 15px 5px 15px;
        
      }
     #a:hover{
      box-shadow:none;
      color:white;
      
     }
      #div{
        padding: 10px 10px ;
        text-align: center;
        border-radius: 4px;
        box-shadow: 5px;
      }
      
    </style>
</head>
<body style="background-color:lightgray">
  <div id="div" style="background-color:rgba(255, 68, 0, 0.929)">
        <a id="a">
          <i class="fa fa-home" aria-hidden="true"></i>
          Home </a>
        <a id="a">
          <i class="fa fa-address-book" aria-hidden="true"></i>
          About<a>
        <a id ="a">
          <i class="fa fa-graduation-cap" aria-hidden="true"></i>
          Courses</a>
        <a id="a">
          <i class="fa-solid fa-photo-film"></i>
          Gallery</a>
        <a id ="a">
          <i class="fa-solid fa-phone"></i>
          Contact Us</a>
    </div>
  
    
</body>
</html>
Editor is loading...