استایل هدر 2

کپی کنید
		

		<header class="site-header mo-left header style-2">		
		<!-- Main Header -->
		<div class="header-info-bar">
			<div class="container clearfix">
				<!-- Website Logo -->
				<div class="logo-header logo-dark">
					<a href="index.html"><img src="images/logo.svg" alt="logo"></a>
				</div>
				
				<!-- EXTRA NAV -->
				<div class="extra-nav d-md-flex d-none">
					<div class="extra-cell">
						<ul class="navbar-nav header-right m-0">
							<li class="nav-item info-box ">
								<div class="nav-link">
									<div class="dz-icon">						
										<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path style="fill:#3cc" d="M489.343 210.251c-4.827-105.317-92.01-189.513-198.498-189.513h-69.689c-106.488 0-193.67 84.197-198.498 189.513C9.495 214.747 0 227.228 0 241.894v78.61c0 18.436 15 33.436 33.437 33.436h60.996c6.075 0 11-4.925 11-11V219.458c0-6.075-4.925-11-11-11H44.789c5.699-92.338 82.618-165.72 176.366-165.72h69.689c93.749 0 170.667 73.381 176.366 165.72h-49.644c-6.075 0-11 4.925-11 11V342.94c0 6.075 4.925 11 11 11h60.996c18.436 0 33.436-15 33.436-33.436v-78.61c.002-14.666-9.493-27.147-22.655-31.643zM83.433 331.94H33.437c-6.306 0-11.437-5.13-11.437-11.436v-78.61c0-6.306 5.131-11.436 11.437-11.436h49.996V331.94zM490 320.504c0 6.306-5.131 11.436-11.436 11.436h-49.996V230.458h49.996c6.306 0 11.436 5.13 11.436 11.436v78.61z"/><path d="M256 491.262a11.001 11.001 0 0 1-8.402-3.9l-52.108-61.671h-74.566c-20.673 0-37.491-16.818-37.491-37.49V188.049c0-20.673 16.818-37.491 37.491-37.491h270.154c20.672 0 37.49 16.818 37.49 37.491V388.2c0 20.672-16.818 37.49-37.49 37.49h-74.566l-52.108 61.671a11.006 11.006 0 0 1-8.404 3.901zM120.923 172.558c-8.542 0-15.491 6.949-15.491 15.491V388.2c0 8.541 6.949 15.49 15.491 15.49h79.673c3.238 0 6.312 1.427 8.402 3.9L256 463.218l47.002-55.627a10.998 10.998 0 0 1 8.402-3.9h79.673c8.541 0 15.49-6.949 15.49-15.49V188.049c0-8.542-6.949-15.491-15.49-15.491H120.923z"/><path d="M193.81 259.09c-8.663.084-14.039-9.956-9.139-17.11 4.134-6.475 14.16-6.434 18.29 0 4.892 7.164-.483 17.196-9.151 17.11zM311.729 259.09c-7.629.166-13.258-8.219-10.16-15.21 3.614-8.972 16.705-8.978 20.31 0 3.113 6.979-2.526 15.376-10.15 15.21zM256 352.204c-25.31 0-50.619-10.009-73.192-30.028-4.545-4.03-4.962-10.982-.931-15.528 4.029-4.545 10.982-4.962 15.528-.931 36.689 32.536 80.501 32.538 117.19 0 4.547-4.031 11.497-3.614 15.528.931 4.031 4.546 3.614 11.498-.931 15.528-22.572 20.019-47.882 30.028-73.192 30.028z"/></svg>
									</div>
									<div class="info-content">
										<span>پشتیبانی 24/7</span>
										<h6 class="title mb-0">+123 456 789</h6>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				
				<!-- header search nav -->
				<div class="header-search-nav">
					<form class="header-item-search">
						<div class="input-group search-input">
							<select class="default-select">
								<option>همه دسته ها</option>
								<option>عکاسی </option>
								<option>هنر</option>
								<option>ماجراجویی</option>
								<option>عمل</option>
								<option>بازی ها</option>
								<option>فیلم ها</option>
								<option>طنز</option>
								<option>بیوگرافی ها</option>
								<option>کتاب های کودکان</option>
								<option>تاریخی</option>
								<option>معاصر</option>
								<option>کلاسیک</option>
								<option>آموزش و پرورش</option>
							</select>
							<input type="text" class="form-control" aria-label="Text input with dropdown button" placeholder="جستجو برای محصولات">
							<button class="btn" type="button">
								<i class="iconly-Light-Search"></i>
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- Main Header End -->
		
		<!-- Main Header -->
		<div class="sticky-header main-bar-wraper navbar-expand-lg">
			<div class="main-bar clearfix">
				<div class="container clearfix d-lg-flex d-block">
					<!-- Website Logo -->
					<div class="logo-header logo-dark">
						<a href="index.html"><img src="images/logo.svg" alt="logo"></a>
					</div>
					
					<!-- Nav Toggle Button -->
					<button class="navbar-toggler collapsed navicon justify-content-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
						<span></span>
						<span></span>
						<span></span>
					</button>
					
					<!-- Main Nav -->
					<div class="header-nav navbar-collapse collapse justify-content-start" id="navbarNavDropdown">
						<div class="logo-header">
							<a href="index.html"><img src="images/logo.svg" alt=""></a>
						</div>
						<div class="browse-category-menu">
							<a href="javascript:void(0);" class="category-btn">
								<div class="category-menu ms-3">
									<span></span>
									<span></span>
									<span></span>
								</div>
								<span class="category-btn-title">
									دسته بندی ها را مرور کنید
								</span>
								<span class="toggle-arrow me-auto">
									<i class="icon feather icon-chevron-down"></i>
								</span>
							</a>
							<div class="category-menu-items" style="display: none;">
								<ul class="nav navbar-nav">
									<li class="has-mega-menu cate-drop">
										<a href="javascript:void(0);">
											<i class="icon feather icon-arrow-left"></i>
											<span>لباس</span>
											<span class="menu-icon">
												<i class="icon feather icon-chevron-left"></i>
											</span>
										</a>
										<div class="mega-menu">
											<div class="row">
												<div class="col-md-3 col-sm-4 col-6"><a href="javascript:void(0);" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
														<li><a href="shop-standard.html">سیستم های سرگرمی خانگی</a></li>
														<li><a href="shop-standard.html">پرده ها و سایه ها</a></li>
														<li><a href="shop-standard.html">مانیتورهای آب</a></li>
													</ul>
												</div>
												<div class="col-md-3 col-sm-4 col-6"><a href="shop-standard.html" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
														<li><a href="shop-standard.html">سیستم های سرگرمی خانگی</a></li>
														<li><a href="shop-standard.html">پرده ها و سایه ها</a></li>
														<li><a href="shop-standard.html">مانیتورهای آب</a></li>
													</ul>
												</div>
												<div class="col-md-3 col-sm-4 col-6"> <a href="shop-standard.html" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
														<li><a href="shop-standard.html">سیستم های سرگرمی خانگی</a></li>
														<li><a href="shop-standard.html">پرده ها و سایه ها</a></li>
														<li><a href="shop-standard.html">مانیتورهای آب<span class="badge bg-red">پیشنهاد</span></a></li>
													</ul>
												</div>
												<div class="col-md-3 col-sm-4 col-6"> <a href="shop-standard.html" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
														<li><a href="shop-standard.html">سیستم های سرگرمی خانگی</a></li>
														<li><a href="shop-standard.html">پرده ها و سایه ها</a></li>
														<li><a href="shop-standard.html">مانیتورهای آب</a></li>
													</ul>
												</div>
												<div class="col-md-3 col-sm-4 col-6"><a href="shop-standard.html" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
													</ul>
												</div>
												<div class="col-md-3 col-sm-4 col-6"> <a href="shop-standard.html" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
														<li><a href="shop-standard.html">سیستم های سرگرمی خانگی</a></li>
														<li><a href="shop-standard.html">پرده ها و سایه ها</a></li>
													</ul>
												</div>
												<div class="col-md-3 col-sm-4 col-6"> <a href="shop-standard.html" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
													</ul>
												</div>
												<div class="col-md-3 col-sm-4 col-6"> <a href="shop-standard.html" class="menu-title">محصولات خانه هوشمند</a>
													<ul>
														<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
													</ul>
												</div>
											</div>
										</div>
									</li>
									<li class="cate-drop">
										<a href="javascript:void(0);">
											<i class="icon feather icon-arrow-left"></i>
											<span>دامن شهری</span>
											<span class="menu-icon">
												<i class="icon feather icon-chevron-left"></i>
											</span>
										</a>
										<ul class="sub-menu">
											<li><a href="shop-standard.html">ترموستات ها</a></li>
														<li><a href="shop-standard.html">نورپردازی</a></li>
														<li><a href="shop-standard.html">سیستم های امنیتی<span class="badge bg-primary">جدید</span></a></li>
														<li><a href="shop-standard.html">قفل</a></li>
														<li><a href="shop-standard.html">دستیاران خانه</a></li>
														<li><a href="shop-standard.html">سیستم های سرگرمی خانگی</a></li>
														<li><a href="shop-standard.html">پرده ها و سایه ها</a></li>
														<li><a href="shop-standard.html">مانیتورهای آب</a></li>
										</ul>
									</li>
									
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>قدیمی</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>قدیمی</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>عروسی</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>عروسی </span>
											<span class="badge bg-purple">فروش</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>کتانی</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>نیروی دریایی</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>شهری</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>جلسه تجاری</span>
										</a>
									</li>
									<li>
										<a href="shop-standard.html">
											<i class="icon feather icon-arrow-left"></i>
											<span>جلسه تجاری</span>
										</a>
									</li>
									<li class="menu-items">
										<a href="javascript:void(0);">
											<i class="flaticon-blocks ms-3"></i>
											<span>بیشتر</span>
											<span class="menu-icon">
												<i class="icon feather icon-chevron-left"></i>
											</span>
										</a>
									</li>
								</ul>
							</div>
						</div>
						<ul class="nav navbar-nav">
						<li class="has-mega-menu sub-menu-down">
							<a href="javascript:void(0);"><span>خانه</span><i class="fas fa-chevron-down tabindex" ></i></a>
							<div class="mega-menu demo-menu">
								<div class="row"> 
									<div class="col-md-4 col-6"><a href="index.html"><img src="images/demo/demo-1.png" alt="/"> <span class="menu-title">صفحه خانه 01</span></a></div>
									<div class="col-md-4 col-6"><a href="index-2.html"><img src="images/demo/demo-2.png" alt="/"> <span class="menu-title">صفحه خانه 02</span></a></div>
									<div class="col-md-4 col-6"><a href="index-3.html"><img src="images/demo/demo-3.png" alt="/"> <span class="menu-title">صفحه خانه 03</span></a></div>
								</div>
							</div>
						</li>
						<li class="has-mega-menu sub-menu-down">
							<a href="javascript:void(0);"><span>فروشگاه</span><i class="fas fa-chevron-down tabindex" ></i></a>
							<div class="mega-menu shop-menu">
								<div class="row"> 
									<div class="col-lg-8 col-md-12 col-sm-12"> 
										<div class="row"> 
											<div class="col-md-4 col-6"> 
												<a href="javascript:void(0);" class="menu-title">ساختار فروشگاه</a>
												<ul>
													<li><a href="shop-standard.html">فروشگاه استاندارد</a></li>
													<li><a href="shop-list.html">لیست فروشگاه</a></li>
													<li><a href="shop-with-category.html">فروشگاه با دسته بندی</a></li>
													<li><a href="shop-filters-top-bar.html">نوار بالای فیلترهای فروشگاه</a></li>
													<li><a href="shop-sidebar.html">نوار کناری فروشگاه</a></li>
													<li><a href="shop-style-1.html">استایل فروشگاه 1</a></li>
													<li><a href="shop-style-2.html">استایل فروشگاه 2</a></li>
												</ul>
											</div>
											<div class="col-md-4 col-6"> 
												<a href="javascript:void(0);" class="menu-title">ساختار محصول</a>
												<ul>
													<li><a href="product-default.html">پیشفرض</a></li>
													<li><a href="product-thumbnail.html">تصویر بندانگشتی</a></li>
													<li><a href="product-grid-media.html">گرید رسانه</a></li>
													<li><a href="product-carousel.html">چرخ و فلکی</a></li>
													<li><a href="product-full-width.html">تمام عرض</a></li>
												</ul>
											</div>
											<div class="col-md-4 col-6"> 
												<a href="javascript:void(0);" class="menu-title">صفحات فروشگاه</a>
												<ul>						
													<li><a href="shop-wishlist.html">لیست علاقه مندی ها</a></li>
													<li><a href="shop-cart.html">سبد خرید</a></li>
													<li><a href="shop-checkout.html">تسویه حساب</a></li>
													<li><a href="shop-compare.html">مقایسه کردن</a></li>
													<li><a href="shop-order-tracking.html">رهگیری سفارش</a></li>
													<li><a href="login.html">ورود</a></li>
													<li><a href="shop-registration.html">ثبت نام</a></li>
												</ul>
											</div>
										</div>
										<div class="row">
											<div class="col-md-12">
												<div class="month-deal">
													<div>
														<h3>معامله ماه</h3>
														<p class="mb-0">بله! پیشنهادات منحصر به فرد، شخصی سازی شده، و ایده های هدیه شخصی، نکات برای خرید در Pixio را برای من ارسال کنید. <a href="shop-standard.html" class="dz-link-2">مشاهده همه محصولات</a></p>
													</div>
													<div class="sale-countdown">
														<div class="countdown text-center">
															<div class="date"><span class="time days text-primary"></span>
																<span class="work-time">روز</span>
															</div>
															<div class="date"><span class="time hours text-primary"></span>
																<span class="work-time">ساعت</span>
															</div>
															<div class="date"><span class="time mins text-primary"></span>
																<span class="work-time">دقیقه</span>
															</div>
															<div class="date"><span class="time secs text-primary"></span>
																<span class="work-time">ثانیه</span>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-4 d-none d-lg-block">
										<div class="adv-media"><img src="images/adv-1.png" alt="/"></div>
									</div>
								</div>
							</div>
						</li>
						<li class="has-mega-menu sub-menu-down"><a href="javascript:void(0);"><span>بلاگ</span><i class="fas fa-chevron-down tabindex"></i></a>
							<div class="mega-menu">
								<div class="row"> 
									<div class="col-md-3 col-sm-6 col-6"> 
										<a href="javascript:void(0);" class="menu-title">بلاگ سبک سیاه</a>
										<ul>
											<li><a href="blog-dark-2-column.html">بلاگ دو ستونه</a></li>
											<li><a href="blog-dark-2-column-sidebar.html">بلاگ 2 ستونه سایدبار</a></li>
											<li><a href="blog-dark-3-column.html">بلاگ 3 ستونه</a></li>
											<li><a href="blog-dark-half-image.html">بلاگ نیم تصویر</a></li>
										</ul>
										<a href="javascript:void(0);" class="menu-title">بلاگ سبک روشن</a>
										<ul>
											<li><a href="blog-light-2-column.html">بلاگ 2 ستونه</a></li>
											<li><a href="blog-light-2-column-sidebar.html">بلاگ 2 ستونه سایدابر</a></li>
											<li><a href="blog-light-half-image.html">بلاگ نیم تصویر</a></li>
											<li><a href="blog-exclusive.html">بلاگ اختصاصی</a></li>
										</ul>
									</div>
									<div class="col-md-3 col-sm-6 col-6"> 
										<a href="javascript:void(0);" class="menu-title">بلاگ سایدبار</a>
										<ul>
											<li><a href="blog-left-sidebar.html">بلاگ سایدبار چپ</a></li>
											<li><a href="blog-right-sidebar.html">بلاگ سایدبار راست</a></li>
											<li><a href="blog-both-sidebar.html">بلاگ سایدبار هردو</a></li>
											<li><a href="blog-wide-sidebar.html">بلاگ سایدبار وسیع</a></li>
										</ul>
										<a href="javascript:void(0);" class="menu-title">صفحه بلاگ</a>
										<ul>
											<li><a href="blog-archive.html">بلاگ آرشیو</a></li>
											<li><a href="blog-author.html">نویسنده</a></li>
											<li><a href="blog-category.html">بلاگ دسته بندی</a></li>
											<li><a href="blog-tag.html">بلاگ برچسب یا تگ</a></li>
										</ul>
									</div>
									<div class="col-md-3 col-sm-6 col-6"> 
										<a href="javascript:void(0);" class="menu-title">جزئیات بلاگ</a>
										<ul>	
											<li><a href="post-standard.html">پست استاندارد</a></li>
											<li><a href="post-left-sidebar.html">پست سایدبار چپ</a></li>
											<li><a href="post-header-image.html">تصویر هدر پست</a></li>
											<li><a href="post-slide-show.html">پست اسلاید شو</a></li>
											<li><a href="post-side-image.html">تصویر کناری پست</a></li>
											<li><a href="post-gallery.html">گالری پست</a></li>
											<li><a href="post-gallery-alternative.html">گالری پست جایگزین</a></li>
											<li><a href="post-open-gutenberg.html">پست گوتنبرگ</a></li>
											<li><a href="post-link.html">پست لینک</a></li>
											<li><a href="post-audio.html">پست صوتی</a></li>
											<li><a href="post-video.html">پست ویدیوئی</a></li>
										</ul>
									</div>
									<div class="col-md-3 col-sm-6 col-12">
										<a href="javascript:void(0);" class="menu-title">پست های اخیر</a>
										<div class="widget widget_post pt-2">
											<ul>
												<li>
													<div class="dz-media">
														<img src="images/shop/product/small/1.png" alt="">
													</div>
													<div class="dz-content">
														<h6 class="name"><a href="post-standard.html">ژاکت کشباف بافتنی راحت</a></h6>
														<span class="time">تیر 23، 1403</span>
													</div>
												</li>
												<li>
													<div class="dz-media">
														<img src="images/shop/product/small/2.png" alt="">
													</div>
													<div class="dz-content">
														<h6 class="name"><a href="post-standard.html">کت و شلوار سوئگر پیچیده</a></h6>
														<span class="time">تیر 23، 1403</span>
													</div>
												</li>
												<li>
													<div class="dz-media">
														<img src="images/shop/product/small/3.png" alt="">
													</div>
													<div class="dz-content">
														<h6 class="name"><a href="post-standard.html">Athletic Mesh Sports Leggings</a></h6>
														<span class="time">July 23, 2023</span>
													</div>
												</li>
												<li>
													<div class="dz-media">
														<img src="images/shop/product/small/4.png" alt="">
													</div>
													<div class="dz-content">
														<h6 class="name"><a href="post-standard.html">بلوز پارتی ساتن</a></h6>
														<span class="time">تیر 23، 1403</span>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="has-mega-menu sub-menu-down"><a href="javascript:void(0);"><span>نمونه کار</span><i class="fas fa-chevron-down tabindex"></i></a>
							<div class="mega-menu portfolio-menu">
								<div class="row"> 
									<div class="col-xl-10 col-lg-9 col-md-9 pe-xl-5 pe-md-3 col-sm-8 "> 
										<ul class="row portfolio-nav-link">
											<li class="col"><a href="portfolio-tiles.html"><img src="images/portfolio/icons/portfolio-tiles.svg" alt="/"><span>نمونه کار tiles</span></a></li>
											<li class="col"><a href="collage-style-1.html"><img src="images/portfolio/icons/collage-style-1.svg" alt="/"><span>سبک Collage 1</span></a></li>
											<li class="col"><a href="collage-style-2.html"><img src="images/portfolio/icons/collage-style-2.svg" alt="/"><span>سبک Collage 2</span></a></li>
											<li class="col"><a href="masonry-grid.html"><img src="images/portfolio/icons/masonry-grid.svg" alt="/"><span>شبکه Masonry</span></a></li>
											<li class="col"><a href="cobble-style-1.html"><img src="images/portfolio/icons/cobble-style-1.svg" alt="/"><span>سبک Cobble 1</span></a></li>
											<li class="col"><a href="cobble-style-2.html"><img src="images/portfolio/icons/cobble-style-2.svg" alt="/"><span>سبک Cobble 2</span></a></li>
											<li class="col"><a href="portfolio-thumbs-slider.html"><img src="images/portfolio/icons/portfolio-thumbs-slider.svg" alt="/"><span>نمونه کار اسلایدر thumbs</span></a></li>
											<li class="col"><a href="portfolio-film-strip.html"><img src="images/portfolio/icons/portfolio-film-strip.svg" alt="/"><span>نمونه کار Film Strip</span></a></li>
											<li class="col"><a href="carousel-showcase.html"><img src="images/portfolio/icons/carousel-showcase.svg" alt="/"><span>ویترین چرخ و فلکی</span></a></li>
											<li class="col"><a href="portfolio-split-slider.html"><img src="images/portfolio/icons/portfolio-split-slider.svg" alt="/"><span>نمونه کار تقسیم اسلایدر</span></a></li>
										</ul>
									</div>
									<div class="col-xl-2 col-lg-3 col-md-3 line-left ps-3 pe-0 col-sm-4"> 
										<a href="javascript:void(0);" class="menu-title">جزئیات نمونه کار</a>
										<ul>
											<li><a href="portfolio-details-1.html">جزئیات نمونه کار 1</a></li>
											<li><a href="portfolio-details-2.html">جزئیات نمونه کار 2</a></li>
											<li><a href="portfolio-details-3.html">جزئیات نمونه کار 3</a></li>
											<li><a href="portfolio-details-4.html">جزئیات نمونه کار 4</a></li>
											<li><a href="portfolio-details-5.html">جزئیات نمونه کار 5</a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="has-mega-menu sub-menu-down"><a href="javascript:void(0);"><span>صفحات</span><i class="fas fa-chevron-down tabindex"></i></a>
							<div class="mega-menu">
								<div class="row justify-content-md-between"> 
									<div class="col-md-2 col-sm-4 col-6"> 
										<a href="javascript:void(0);" class="menu-title">صفحات</a>
										<ul>
											<li><a href="about-us.html">درباره ما</a></li>
											<li><a href="about-me.html">درباره من</a></li>
											<li><a href="pricing-table.html">جدول قیمت</a></li>
											<li><a href="our-gift-vouchers.html">هدیه های ما</a></li>
											<li><a href="what-we-do.html">چه چیزی ما انجام می دهیم</a></li>
											<li><a href="faqs-1.html">سوالات پر تکرار 1</a></li>
											<li><a href="faqs-2.html">سوالات پر تکرار 2</a></li>
											<li><a href="our-team.html">تیم ما</a></li>
										</ul>
									</div>
									<div class="col-md-2 col-sm-4 col-6"> 
										<a href="javascript:void(0);" class="menu-title">تماس با ما</a>
										<ul>
											<li><a href="contact-us-1.html">تماس با ما 1</a></li>
											<li><a href="contact-us-2.html">تماس با ما 2</a></li>
											<li><a href="contact-us-3.html">تماس با ما 3</a></li>
										</ul>
										<a href="javascript:void(0);" class="menu-title">صفحات وب</a>
										<ul>
											<li><a href="error-1.html">ارور 404 1</a></li>
											<li><a href="error-2.html">ارور 404 2</a></li>
											<li><a href="coming-soon.html">بزودی</a></li>
											<li><a href="under-construction.html">در دست ساخت</a></li>
										</ul>
									</div>
									<div class="col-md-2 col-sm-4 col-6"> 
										<a href="javascript:void(0);" class="menu-title">سبک بنر</a>
										<ul>						
											<li><a href="banner-with-bg-color.html">بنر با BG Color</a></li>
											<li><a href="banner-with-image.html">بنر با تصویر</a></li>
											<li><a href="banner-with-video.html">بنر با ویدیو</a></li>
											<li><a href="banner-with-kanbern.html">بنر با Kanbern</a></li>
											<li><a href="banner-small.html">بنر کوچک</a></li>
											<li><a href="banner-medium.html">بنر متوسط</a></li>
											<li><a href="banner-large.html">بنر بزرگ</a></li>
										</ul>
									</div>
									<div class="col-md-2 col-sm-4 col-6">
										<a href="javascript:void(0);" class="menu-title">استایل هدر</a>
										<ul>
											<li><a href="header-style-1.html">استایل هدر 1</a></li>
											<li><a href="header-style-2.html">استایل هدر 2</a></li>
											<li><a href="header-style-3.html">استایل هدر 3</a></li>
											<li><a href="header-style-4.html">استایل هدر 4</a></li>
											<li><a href="header-style-5.html">استایل هدر 5</a></li>
											<li><a href="header-style-6.html">استایل هدر 6</a></li>
											<li><a href="header-style-7.html">استایل هدر 7</a></li>
										</ul>
									</div>
									<div class="col-md-2 col-sm-4 col-6">
										<a href="javascript:void(0);" class="menu-title">استایل فوتر</a>
										<ul>
											<li><a href="footer-style-1.html">استایل فوتر 1</a></li>
											<li><a href="footer-style-2.html">استایل فوتر 2</a></li>
											<li><a href="footer-style-3.html">استایل فوتر 3</a></li>
											<li><a href="footer-style-4.html">استایل فوتر 4</a></li>
											<li><a href="footer-style-5.html">استایل فوتر 5</a></li>
											<li><a href="footer-style-6.html">استایل فوتر 6</a></li>
											<li><a href="footer-style-7.html">استایل فوتر 7</a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="sub-menu-down"><a href="javascript:void(0);" class="after-remover">حساب کاربری من <span class="badge badge-sm badge-success ms-1">جدید</span><i class="fas fa-chevron-down tabindex"></i></a>
							<ul class="sub-menu">						
								<li><a href="account-dashboard.html">داشبورد</a></li>
								<li><a href="account-orders.html">سفارشات</a></li>
								<li><a href="account-order-details.html">جزئیات سفارشات</a></li>
								<li><a href="account-order-confirmation.html">سفارشات تأیید شده</a></li>
								<li><a href="account-downloads.html">دانلودها</a></li>
								<li><a href="account-return-request.html">بازگشت درخواست ها</a></li>
								<li><a href="account-return-request-detail.html">جزئیات بازگشت درخواست ها</a></li>
								<li><a href="account-refund-requests-confirmed.html">بازگشت درخواست های تأیید شده</a></li>
								<li><a href="account-profile.html">پروفایل</a></li>
								<li><a href="account-address.html">آدرس</a></li>
								<li><a href="account-shipping-methods.html">متدهای حمل و نقل</a></li>
								<li><a href="account-payment-methods.html">متدهای پرداخت</a></li>
								<li><a href="account-review.html">مرور</a></li>
								<li><a href="account-billing-address.html">آدرس صورت حساب</a></li>
								<li><a href="account-shipping-address.html">آدرس حمل و نقل</a></li>
								<li><a href="account-cancellation-requests.html">درخواست های کنسل شده</a></li>
								
							</ul>
						</li>
					</ul>
						<div class="dz-social-icon">
							<ul>
								<li><a class="fab fa-facebook-f" target="_blank" href="https://www.facebook.com/dexignzone"></a></li>
								<li><a class="fab fa-twitter" target="_blank" href="https://twitter.com/dexignzones"></a></li>
								<li><a class="fab fa-linkedin-in" target="_blank" href="https://www.linkedin.com/showcase/3686700/admin/"></a></li>
								<li><a class="fab fa-instagram" target="_blank" href="https://www.instagram.com/dexignzone/"></a></li>
							</ul>
						</div>
					</div>

					<!-- EXTRA NAV -->
					<div class="extra-nav">
						<div class="extra-cell">							
							<ul class="header-right">
								<li class="nav-item login-link">
									<a class="nav-link" href="login.html">
										ورود / ثبت نام
									</a>
								</li>
								<li class="nav-item search-link">
									<a class="nav-link" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">
										<i class="iconly-Light-Search"></i>
									</a>
								</li>
								<li class="nav-item wishlist-link">
									<a class="nav-link" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
										<i class="iconly-Light-Heart2"></i>
									</a>
								</li>
								<li class="nav-item cart-link">
									<a href="javascript:void(0);" class="nav-link cart-btn"  data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
										<i class="iconly-Broken-Buy"></i>
										<span class="badge badge-circle">5</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
						
				</div>
			</div>
		</div>
		<!-- Main Header End -->
		
	<!-- SearchBar -->
		<div class="dz-search-area dz-offcanvas offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop">
			<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
				×
			</button>
			<div class="container">
				<form class="header-item-search">
					<div class="input-group search-input">
						<select class="default-select">
							<option>همه دسته بندی ها</option>
							<option>لباس ها</option>
							<option>دامن شهری</option>
							<option>لباس مجلسی</option>
							<option>لباس کوتاه</option>
							<option>وین تیج</option>
							<option>عروسی</option>
							<option>پنبه</option>
							<option>کتانی</option>
							<option>نیروی دریایی</option>
							<option>شهری</option>
							<option>جلسه تجاری</option>
							<option>رسمی</option>
						</select>
						<input type="search" class="form-control" placeholder="جستجوی محصول">
						<button class="btn" type="button">
							<i class="iconly-Light-Search"></i>
						</button>
					</div>
					<ul class="recent-tag">
						<li class="pe-0"><span>جستجوی سریع:</span></li>
						<li><a href="shop-list.html">لباس ها</a></li>
						<li><a href="shop-list.html">دامن شهری</a></li>
						<li><a href="shop-list.html">لباس مجلسی</a></li>
						<li><a href="shop-list.html">لباس کوتاه</a></li>
					</ul>
				</form>
				<div class="row">
					<div class="col-xl-12">
						<h5 class="mb-3">شما همچنین ممکن است دوست داشته باشید</h5>
						<div class="swiper category-swiper2">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/1.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">لباس ابریشم بلیس</a></h6>
											<h6 class="price">85000 ریال</h6>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/3.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">شلوار گلام</a></h6>
											<h6 class="price">95000 ریال</h6>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/4.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">شلوار راحتی</a></h6>
											<h6 class="price">65000 ریال</h6>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/2.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">لباس کلاسیک</a></h6>
											<h6 class="price">59000 ریال</h6>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/5.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">کت دپر</a></h6>
											<h6 class="price">70000 ریال</h6>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/6.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">لباس راحتی</a></h6>
											<h6 class="price">45000 ریال</h6>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/7.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">شلوار دریم</a></h6>
											<h6 class="price">40000 ریال</h6>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="shop-card">
										<div class="dz-media ">
											<img src="images/shop/product/4.png" alt="image">
										</div>
										<div class="dz-content">
											<h6 class="title"><a href="shop-list.html">لباس اسکیل</a></h6>
											<h6 class="price">60000 ریال</h6>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- SearchBar -->

		<!-- Sidebar cart -->
		<div class="offcanvas dz-offcanvas offcanvas offcanvas-end " tabindex="-1" id="offcanvasRight">
			<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
				×
			</button>
			<div class="offcanvas-body">
				<div class="product-description">
					<div class="dz-tabs">
						<ul class="nav nav-tabs center" id="myTab" role="tablist">
							<li class="nav-item" role="presentation">
								<button class="nav-link active" id="shopping-cart" data-bs-toggle="tab" data-bs-target="#shopping-cart-pane" type="button" role="tab" aria-controls="shopping-cart-pane" aria-selected="true">سبد خرید
									<span class="badge badge-light">5</span>
								</button>
							</li>
							<li class="nav-item" role="presentation">
								<button class="nav-link" id="wishlist" data-bs-toggle="tab" data-bs-target="#wishlist-pane" type="button" role="tab" aria-controls="wishlist-pane" aria-selected="false">لیست علاقه مندی ها
									<span class="badge badge-light">2</span>
								</button>
							</li>
						</ul>
						<div class="tab-content pt-4" id="dz-shopcart-sidebar">
							<div class="tab-pane fade show active" id="shopping-cart-pane" role="tabpanel" aria-labelledby="shopping-cart" tabindex="0">
								<div class="shop-sidebar-cart">
									<ul class="sidebar-cart-list">
										<li>
											<div class="cart-widget">
												<div class="dz-media ms-3">
													<img src="images/shop/shop-cart/pic1.jpg" alt="">
												</div>
												<div class="cart-content">
													<h6 class="title"><a href="product-thumbnail.html">کت و شلوار</a></h6>
													<div class="d-flex align-items-center">
														<div class="btn-quantity light quantity-sm me-3">
															<input type="text" value="1" name="demo_vertical2">
														</div>
														<h6 class="dz-price mb-0">50000 ریال</h6>
													</div>
												</div>
												<a href="javascript:void(0);" class="dz-close">
													<i class="ti-close"></i>
												</a>
											</div>
										</li>
										<li>
											<div class="cart-widget">
												<div class="dz-media ms-3">
													<img src="images/shop/shop-cart/pic2.jpg" alt="">
												</div>
												<div class="cart-content">
													<h6 class="title"><a href="product-thumbnail.html">سوشرت شهری</a></h6>
													<div class="d-flex align-items-center">
														<div class="btn-quantity light quantity-sm me-3">
															<input type="text" value="1" name="demo_vertical2">
														</div>
														<h6 class="dz-price mb-0">40000 ریال</h6>
													</div>
												</div>
												<a href="javascript:void(0);" class="dz-close">
													<i class="ti-close"></i>
												</a>
											</div>
										</li>
										<li>
											<div class="cart-widget">
												<div class="dz-media me-3">
													<img src="images/shop/shop-cart/pic3.jpg" alt="">
												</div>
												<div class="cart-content">
													<h6 class="title"><a href="product-thumbnail.html">لباس شهری</a></h6>
													<div class="d-flex align-items-center">
														<div class="btn-quantity light quantity-sm me-3">
															<input type="text" value="1" name="demo_vertical2">
														</div>
														<h6 class="dz-price  mb-0">65000 ریال</h6>
													</div>
												</div>
												<a href="javascript:void(0);" class="dz-close">
													<i class="ti-close"></i>
												</a>
											</div>
										</li>
									</ul>
									<div class="cart-total">
										<h5 class="mb-0">مجموع:</h5>
										<h5 class="mb-0">9500000 ریال</h5>
									</div>
									<div class="mt-auto">
										<div class="shipping-time">
											<div class="dz-icon">
												<i class="flaticon flaticon-ship"></i>
											</div>
											<div class="shipping-content">
												<h6 class="title pe-4">تبریک می‌گوییم، شما ارسال رایگان دارید!</h6>
												<div class="progress">
													<div class="progress-bar progress-animated border-0" style="width: 75%;" role="progressbar">
														<span class="sr-only">75% تکمیل شده</span>
													</div>
												</div>
											</div>
										</div>
										<a href="shop-checkout.html" class="btn btn-outline-secondary btn-block m-b20">تسویه حساب</a>
										<a href="shop-cart.html" class="btn btn-secondary btn-block">مشاهده سبد خرید</a>
									</div>
								</div>
							</div>
							<div class="tab-pane fade" id="wishlist-pane" role="tabpanel" aria-labelledby="wishlist" tabindex="0">
								<div class="shop-sidebar-cart">
									<ul class="sidebar-cart-list">
										<li>
											<div class="cart-widget">
												<div class="dz-media ms-3">
													<img src="images/shop/shop-cart/pic1.jpg" alt="">
												</div>
												<div class="cart-content">
													<h6 class="title"><a href="product-thumbnail.html">کت و شلوار</a></h6>
													<div class="d-flex align-items-center">
														<h6 class="dz-price  mb-0">50000 ریال</h6>
													</div>
												</div>
												<a href="javascript:void(0);" class="dz-close">
													<i class="ti-close"></i>
												</a>
											</div>
										</li>
										<li>
											<div class="cart-widget">
												<div class="dz-media ms-3">
													<img src="images/shop/shop-cart/pic2.jpg" alt="">
												</div>
												<div class="cart-content">
													<h6 class="title"><a href="product-thumbnail.html">سوشرت شهری</a></h6>
													<div class="d-flex align-items-center">
														<h6 class="dz-price  mb-0">40000 ریال</h6>
													</div>
												</div>
												<a href="javascript:void(0);" class="dz-close">
													<i class="ti-close"></i>
												</a>
											</div>
										</li>
										<li>
											<div class="cart-widget">
												<div class="dz-media ms-3">
													<img src="images/shop/shop-cart/pic3.jpg" alt="">
												</div>
												<div class="cart-content">
													<h6 class="title"><a href="product-thumbnail.html">لباس شهری</a></h6>
													<div class="d-flex align-items-center">
														<h6 class="dz-price  mb-0">65000 ریال</h6>
													</div>
												</div>
												<a href="javascript:void(0);" class="dz-close">
													<i class="ti-close"></i>
												</a>
											</div>
										</li>
									</ul>
									<div class="mt-auto">
										<a href="shop-wishlist.html" class="btn btn-secondary btn-block">لیست مورد علاقه خود را بررسی کنید</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Sidebar cart -->

		<!-- Sidebar finter -->
		<div class="offcanvas dz-offcanvas offcanvas offcanvas-end " tabindex="-1" id="offcanvasLeft">
			<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
				×
			</button>
			<div class="offcanvas-body">
				<div class="product-description">
					<div class="widget widget_search">
						<div class="form-group">
							<div class="input-group">
								<input name="dzSearch" required="required" type="search" class="form-control" placeholder="جستجوی محصول">
								<div class="input-group-addon">
									<button name="submit" value="Submit" type="submit" class="btn">
										<i class="icon feather icon-search"></i>
									</button>
								</div>
							</div>
						</div>
					</div>
					<div class="widget">
						<h6 class="widget-title">قیمت</h6>
						<div class="price-slide range-slider">
							<div class="price">
								<div class="range-slider style-1">
									<div id="slider-tooltips" class="mb-3"></div>
									<span class="example-val" id="slider-margin-value-min"></span>
									<span class="example-val" id="slider-margin-value-max"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="widget">
						<h6 class="widget-title">رنگ</h6>
						<div class="d-flex align-items-center flex-wrap color-filter ps-2">
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel1" value="#000000" aria-label="..." checked>
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel2" value="#9BD1FF" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel3" value="#21B290" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel4" value="#FEC4C4" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel5" value="#FF7354" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel6" value="#51EDC8" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel7" value="#B77CF3" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel8" value="#FF4A76" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel9" value="#3E68FF" aria-label="...">
								<span></span>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabe20" value="#7BEF68" aria-label="...">
								<span></span>
							</div>
						</div>
					</div>

					<div class="widget">
						<h6 class="widget-title">اندازه</h6>
						<div class="btn-group product-size">
							<input type="radio" class="btn-check" name="btnradio1" id="btnradio11" checked="">
							<label class="btn" for="btnradio11">4</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio21">
							<label class="btn" for="btnradio21">6</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio31">
							<label class="btn" for="btnradio31">8</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio41">
							<label class="btn" for="btnradio41">10</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio51">
							<label class="btn" for="btnradio51">12</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio61">
							<label class="btn" for="btnradio61">14</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio71">
							<label class="btn" for="btnradio71">16</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio81">
							<label class="btn" for="btnradio81">18</label>

							<input type="radio" class="btn-check" name="btnradio1" id="btnradio91">
							<label class="btn" for="btnradio91">20</label>
						</div>
					</div>
					<div class="widget widget_categories">
						<h6 class="widget-title">دسته بندی</h6>
						<ul>
							<li class="cat-item cat-item-26"><a href="blog-category.html">لباس ها</a> (10)</li>
							<li class="cat-item cat-item-36"><a href="blog-category.html">بلوز & تاب</a> (5)</li>
							<li class="cat-item cat-item-43"><a href="blog-category.html">چکمه ها</a> (17)</li>
							<li class="cat-item cat-item-27"><a href="blog-category.html">جواهرات</a> (13)</li>
							<li class="cat-item cat-item-40"><a href="blog-category.html">آرایش</a> (06)</li>
							<li class="cat-item cat-item-40"><a href="blog-category.html">عطر ها</a> (17)</li>
							<li class="cat-item cat-item-40"><a href="blog-category.html">نظافت & اصلاح</a> (13)</li>
							<li class="cat-item cat-item-43"><a href="blog-category.html">ژاکت</a> (06)</li>
							<li class="cat-item cat-item-36"><a href="blog-category.html">کت</a> (22)</li>
						</ul>
					</div>

					<div class="widget widget_tag_cloud">
						<h6 class="widget-title">برچسب ها</h6>
						<div class="tagcloud">
							<a href="blog-tag.html">قدیمی </a>
							<a href="blog-tag.html">عروسی</a>
							<a href="blog-tag.html">پنبه</a>
							<a href="blog-tag.html">کتان</a>
							<a href="blog-tag.html">شهری</a>
							<a href="blog-tag.html">نیروی دریایی</a>
							<a href="blog-tag.html">جلسه ملاقات</a>
							<a href="blog-tag.html">رسمی</a>
						</div>
					</div>
					<a href="javascript:void(0);" class="btn btn-sm font-14 btn-secondary btn-sharp">تنظیم مجدد</a>
				</div>
			</div>
		</div>
		<!-- filter sidebar -->
	</header>