نمونه کد فهرست

سلام من این جلسه رو فهمیدم اما منویی که دارم تمرین میکنم پیشرفته تره . خیلی روش کار کردم ولی نتونستم پیاده سازیش کنم.

<ul class="navbar-nav">
								<li class="dropdown">
									<a data-toggle="dropdown" class="nav-link dropdown-toggle active" href="index-6.html#">خانه</a>
									<div class="dropdown-menu">
										<ul>
											<li><a class="dropdown-item nav-link nav_item" href="index.html">Fashion 1</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="index-2.html">Fashion 2</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="index-3.html">Furniture 1</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="index-4.html">Furniture 2</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="index-5.html">Electronics 1</a></li>
											<li><a class="dropdown-item nav-link nav_item active" href="index-6.html">Electronics 2</a></li>
										</ul>
									</div>
								</li>
								<li class="dropdown">
									<a class="dropdown-toggle nav-link" href="index-6.html#" data-toggle="dropdown">درباره ما</a>
									<div class="dropdown-menu">
										<ul>
											<li><a class="dropdown-item nav-link nav_item" href="about.html">About Us</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="contact.html">Contact Us</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="faq.html">Faq</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="404.html">404 Error Page</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="login.html">Login</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="signup.html">Register</a></li>
											<li><a class="dropdown-item nav-link nav_item" href="term-condition.html">Terms and Conditions</a></li>
										</ul>
									</div>
								</li>
								<li class="dropdown dropdown-mega-menu">
									<a class="dropdown-toggle nav-link" href="index-6.html#" data-toggle="dropdown">فروشگاه</a>
									<div class="dropdown-menu">
										<ul class="mega-menu d-lg-flex">
											<li class="mega-menu-col col-lg-3">
												<ul>
													<li class="dropdown-header">Woman's</li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-list-left-sidebar.html">Vestibulum sed</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-left-sidebar.html">Donec porttitor</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-right-sidebar.html">Donec vitae facilisis</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-list.html">Curabitur tempus</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-load-more.html">Vivamus in tortor</a></li>
												</ul>
											</li>
											<li class="mega-menu-col col-lg-3">
												<ul>
													<li class="dropdown-header">Men's</li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-cart.html">Donec vitae ante ante</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="checkout.html">Etiam ac rutrum</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="wishlist.html">Quisque condimentum</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="compare.html">Curabitur laoreet</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="order-completed.html">Vivamus in tortor</a></li>
												</ul>
											</li>
											<li class="mega-menu-col col-lg-3">
												<ul>
													<li class="dropdown-header">Kid's</li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Donec vitae facilisis</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Quisque condimentum</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Etiam ac rutrum</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec vitae ante ante</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec porttitor</a></li>
												</ul>
											</li>
											<li class="mega-menu-col col-lg-3">
												<ul>
													<li class="dropdown-header">Accessories</li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Donec vitae facilisis</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Quisque condimentum</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Etiam ac rutrum</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec vitae ante ante</a></li>
													<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec porttitor</a></li>
												</ul>
											</li>
										</ul>
										<div class="d-lg-flex menu_banners">
											<div class="col-lg-6">
												<div class="header-banner">
													<div class="sale-banner">
														<a class="hover_effect1" href="index-6.html#">
															<img src="assets/images/shop_banner_img7.jpg" alt="shop_banner_img7">
														</a>
													</div>
												</div>
											</div>
											<div class="col-lg-6">
												<div class="header-banner">
													<div class="sale-banner">
														<a class="hover_effect1" href="index-6.html#">
															<img src="assets/images/shop_banner_img8.jpg" alt="shop_banner_img8">
														</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</li>
								<li class="dropdown">
									<a class="dropdown-toggle nav-link" href="index-6.html#" data-toggle="dropdown">وبلاگ</a>
									<div class="dropdown-menu dropdown-reverse">
										<ul>
											<li>
												<a class="dropdown-item menu-link dropdown-toggler" href="index-6.html#">Grids</a>
												<div class="dropdown-menu">
													<ul>
														<li><a class="dropdown-item nav-link nav_item" href="blog-three-columns.html">3 columns</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-four-columns.html">4 columns</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-left-sidebar.html">Left Sidebar</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-right-sidebar.html">right Sidebar</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-standard-left-sidebar.html">Standard Left Sidebar</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-standard-right-sidebar.html">Standard right Sidebar</a></li>
													</ul>
												</div>
											</li>
											<li>
												<a class="dropdown-item menu-link dropdown-toggler" href="index-6.html#">Masonry</a>
												<div class="dropdown-menu">
													<ul>
														<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-three-columns.html">3 columns</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-four-columns.html">4 columns</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-left-sidebar.html">Left Sidebar</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-right-sidebar.html">right Sidebar</a></li>
													</ul>
												</div>
											</li>
											<li>
												<a class="dropdown-item menu-link dropdown-toggler" href="index-6.html#">Single Post</a>
												<div class="dropdown-menu">
													<ul>
														<li><a class="dropdown-item nav-link nav_item" href="blog-single.html">Default</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-single-left-sidebar.html">left sidebar</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-single-slider.html">slider post</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-single-video.html">video post</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-single-audio.html">audio post</a></li>
													</ul>
												</div>
											</li>
											<li>
												<a class="dropdown-item menu-link dropdown-toggler" href="index-6.html#">List</a>
												<div class="dropdown-menu">
													<ul>
														<li><a class="dropdown-item nav-link nav_item" href="blog-list-left-sidebar.html">left sidebar</a></li>
														<li><a class="dropdown-item nav-link nav_item" href="blog-list-right-sidebar.html">right sidebar</a></li>
													</ul>
												</div>
											</li>
										</ul>
									</div>
								</li>

								<li><a class="nav-link nav_item" href="contact.html">تماس با ما</a></li>
							</ul>

چنین منویی دارم . میشه اینو برام وردپرسی کنید و کدش رو در اختیارم بزارید خودم بخونم متوجه شم.کلاس هاش هم باشه روی المنت ها

.ممنون