0% found this document useful (0 votes)
9 views4 pages

Trendy TNC Navigation Menu Design

The document outlines the structure of a website's navigation bar, including links to various sections such as Mens, Womens, Kids, and Shop. It features social media icons linking to platforms like Facebook, Twitter, and LinkedIn. Additionally, there are dropdown menus for more detailed categories and links to other pages like Beauty, Appliances, and Electronics.

Uploaded by

Sakshi Gadikar
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views4 pages

Trendy TNC Navigation Menu Design

The document outlines the structure of a website's navigation bar, including links to various sections such as Mens, Womens, Kids, and Shop. It features social media icons linking to platforms like Facebook, Twitter, and LinkedIn. Additionally, there are dropdown menus for more detailed categories and links to other pages like Beauty, Appliances, and Electronics.

Uploaded by

Sakshi Gadikar
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<div data-animation="default" class="navbar w-nav" data-easing2="ease"

data-easing="ease" data-collapse="medium" data-w-id="6999f335-005a-f68f-bf29-


0723f291d072"
role="banner" data-duration="400" id="navbar">
<nav class="container">
<div class="navbar-wrapper">
<a href="/" class="site-logo-wrapper-in-tablet w-nav-brand">
<img
src="[Link]
1a204b_Trendy%[Link]"
loading="lazy" width="70" alt="" class="site-logo" />
</a>
<div class="horizontal-left-center-10px-gap hide-in-tablet">
<a href="[Link] target="_blank" class="social-icon-
navbar w-inline-block">
<img
src="[Link]
add783_Frame.svg"
loading="lazy" alt="" class="_16px-image" />
</a>
<a href="[Link] target="_blank" class="social-
icon-navbar w-inline-block">
<img
src="[Link]
8f31c9_Frame%20(1).svg"
loading="lazy" alt="" class="_16px-image" />
</a>
<a href="[Link] target="_blank"
class="social-icon-navbar w-inline-block">
<img
src="[Link]
97a33d_Frame%20(2).svg"
loading="lazy" alt="" class="_16px-image" />
</a>
<a href="[Link] target="_blank"
class="social-icon-navbar w-inline-block">
<img
src="[Link]
183130_Frame%20(3).svg"
loading="lazy" alt="" class="_16px-image" />
</a>
</div>
<nav role="navigation" class="nav-menu-wrapper w-nav-menu">
<div class="nav-middle-wrapper">
<ul role="list" class="nav-menu w-list-unstyled">
<li data-w-id="4ef02e47-0ea5-5857-a6ac-bbd1e53c8b90" class="nav-
list">
<div class="nav-icon-and-text-wrapper">
<a href="/" class="nav-link">
Mens
</a>
</div>
</li>
<li data-w-id="4ef02e47-0ea5-5857-a6ac-bbd1e53c8b90" class="nav-
list">
<div class="nav-icon-and-text-wrapper">
<a href="/" class="nav-link">
Womens
</a>
</div>
</li>
<li data-w-id="4ef02e47-0ea5-5857-a6ac-bbd1e53c8b90" class="nav-
list">
<div class="nav-icon-and-text-wrapper">
<a href="/" class="nav-link">
Kids
</a>
</div>
</li>

<!-- <li class="nav-list-for-dropdown">


<div data-hover="true" data-delay="0" data-w-id="780b813e-1874-
9776-d0f3-53ba86998e0d"
class="nav-link-dropdown w-dropdown">
<div class="nav-link w-dropdown-toggle">
<div>
Shop
</div>
<div class="icon-20px">
keyboard_arrow_down
</div>
</div>
<nav class="dropdown-options w-dropdown-list">
<div class="nav-dropdown-contents-fastfood">
<a href="/shop" class="submenu-link w-dropdown-link">
Shop - 1
</a>
<a href="/shop-2" class="submenu-link w-dropdown-link">
Shop - 2
</a>
</div>
</nav>
</div>
</li> -->
<li class="nav-list-for-dropdown">
<div data-delay="0" data-hover="true" data-w-id="3888e99c-d782-
7a3a-a390-bd8eadee24a9"
class="nav-link-dropdown-mega w-dropdown">
<div class="nav-link w-dropdown-toggle">
<div class="nav-link">
Shop
</div>
<div class="icon-20px">
keyboard_arrow_down
</div>
</div>
<nav class="mega-dropdown w-dropdown-list">
<div class="nav-dropdown-contents">
<div class="mega-contents">
<a href="/lookbook" class="mega-link w-inline-block">
<img
src="[Link]
dd00d2_image.png"
loading="lazy" alt="" class="mega-image" />
<div class="vertical-left-top-6px">
<div class="_20px-text">
Mens
</div>
<p>
A Lookbook is a powerful visual tool that showcases
collection.
</p>
</div>
</a>
<a href="/collections" class="mega-link w-inline-block">
<img
src="[Link]
80a464_image%20(1).png"
loading="lazy" alt="" class="mega-image" />
<div class="vertical-left-top-6px">
<div class="_20px-text">
Womens
</div>
<p>
Trendy TNC&#x27;s new collection: vibrant colors
and essential seasonals.
</p>
</div>
</a>
<a href="/event" class="mega-link w-inline-block">
<img
src="[Link]
f56c23_image%20(2).png"
loading="lazy" alt="" class="mega-image" />
<div class="vertical-left-top-6px">
<div class="_20px-text">
Kids
</div>
<p>
An event is a planned occasion that brings people
together.
</p>
</div>
</a>
</div>
<div class="simple-links">
<a href="/faq" class="_20px-text">
Beauty
</a>
<a href="/utility/style-guide" class="_20px-text">
Home Appliance
</a>
<a href="/utility/change-log" class="_20px-text">
Electronics
</a>
<a href="/privacy-policy" class="_20px-text">
Grocery
</a>
<!-- <a href="/404" class="_20px-text">
404
</a> -->
</div>
</div>
</nav>
</div>
</li>
</ul>
<!-- <a href="/" class="site-logo-wrapper-hide-in-mobile w-nav-
brand">
<img
src="[Link]
1a204b_Trendy%[Link]"
loading="lazy" width="70" alt="" class="site-logo" />
</a> -->
<ul role="list" class="nav-menu w-list-unstyled">
<li data-w-id="dc0d01a4-7c09-7606-9f50-dd1e1319b401" class="nav-
list">
<div class="nav-icon-and-text-wrapper">
<a href="/about" class="nav-link">
Beauty
</a>
</div>
</li>
<li data-w-id="dc0d01a4-7c09-7606-9f50-dd1e1319b435" class="nav-
list">
<div class="nav-icon-and-text-wrapper">
<a href="/blog" class="nav-link">
Appliances
</a>
</div>
</li>
<li data-w-id="d573f299-6765-7c8a-59e7-139abc7be21c" class="nav-
list">
<div class="nav-icon-and-text-wrapper">
<a href="/contact" class="nav-link">
Electronics
</a>
</div>
</li>
</ul>

You might also like