Breaking News: Grepper is joining You.com. Read the official announcement!

navbar with profile dropdown

Valentina Fazio answered on November 22, 2023 Popularity 3/10 Helpfulness 1/10

answer navbar with profile dropdown

navbar with profile dropdown

Comment

<!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" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
    <title>Document</title>
  </head>
  <body>
    <nav>
      <ul>
        <li>
          <span class="material-icons-outlined"> notifications </span>
        </li>
        <li>
          <span class="material-icons-outlined"> favorite_border </span>
        </li>
        <li>
          <span class="material-icons-outlined"> shopping_cart </span>
        </li>
        <li>
          <img src="images/profile.png" class="profile" />
          <ul>
            <li class="sub-item">
              <span class="material-icons-outlined"> grid_view </span>
              <p>Dashboard</p>
            </li>
            <li class="sub-item">
              <span class="material-icons-outlined">
                format_list_bulleted
              </span>
              <p>My Orders</p>
            </li>
            <li class="sub-item">
              <span class="material-icons-outlined"> manage_accounts </span>
              <p>Update Profile</p>
            </li>
            <li class="sub-item">
              <span class="material-icons-outlined"> logout </span>
              <p>Logout</p>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
  </body>
</html>

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: timetoprogram.com

Tags: dropdown navbar profile whatever

Link to this answer
Share Copy Link

Contributed on Nov 22 2023

Valentina Fazio

0 Answers Avg Quality 2/10

navbar with profile dropdown

Contents

More Related Answers

navbar with profile dropdown

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.