[go: up one dir, main page]

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

Navbar Code

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)
14 views4 pages

Navbar Code

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
You are on page 1/ 4

<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="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66bf1956d4df7dae4a
1a204b_Trendy%20TNC.avif"
loading="lazy" width="70" alt="" class="site-logo" />
</a>
<div class="horizontal-left-center-10px-gap hide-in-tablet">
<a href="https://Facebook.com" target="_blank" class="social-icon-
navbar w-inline-block">
<img
src="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66bf1affbc25c2a233
add783_Frame.svg"
loading="lazy" alt="" class="_16px-image" />
</a>
<a href="https://twitter.com/ThemeNcode" target="_blank" class="social-
icon-navbar w-inline-block">
<img
src="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66bf1affb8d2ed5414
8f31c9_Frame%20(1).svg"
loading="lazy" alt="" class="_16px-image" />
</a>
<a href="https://pinterest.com/ThemeNcode" target="_blank"
class="social-icon-navbar w-inline-block">
<img
src="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66bf1affe7f9860701
97a33d_Frame%20(2).svg"
loading="lazy" alt="" class="_16px-image" />
</a>
<a href="https://www.linkedin.com/company/themencode" target="_blank"
class="social-icon-navbar w-inline-block">
<img
src="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66bf1aff088665226d
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="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66cc537566c64d485d
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="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66cc537562998314bf
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="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66cc5375ba8c27d695
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="https://cdn.prod.website-files.com/66bf11353c04678c8aeb0cc3/66bf1956d4df7dae4a
1a204b_Trendy%20TNC.avif"
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