html <!-- بخش HTML --> <header class="main-header"> <div class="container"> <div class="logo"> <!-- جای این آدرس، لینک لوگوی خودت یا کد SVG را بگذار --> <img src="logo-king-star.png" alt="کینگ استار"> </div> <nav class="navigation"> <ul> <li><a href="#">صفحه اصلی</a></li> <li><a href="#">محصولات</a></li> <li><a href="#">درباره ما</a></li> </ul> </nav> </div> </header> ‌ <style> /* بخش CSS برای شیک کردن هدر */ .main-header { background-color: #000; /* مشکی مثل جعبه‌ها */ padding: 10px 0; border-bottom: 2px solid #d4af37; /* خط طلایی پایین هدر */ } .container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; direction: rtl; } .logo img { height: 50px; /* سایز لوگو در سایت */ transition: 0.3s; } .logo img:hover { transform: scale(1.1); /* افکت جذاب هنگام نگه داشتن موس */ } .navigation ul { list-style: none; display: flex; } .navigation ul li a { color: #fff; text-decoration: none; margin-right: 20px; font-family: 'Tahoma', sans-serif; } .navigation ul li a:hover { color: #d4af37; /* تغییر رنگ به طلایی هنگام هاور */ } </style> هدیه ای لوکس با چرم طبیعی صادراتی 2 سال ضمانت کیفیت