/* استایل برای هدر */ header { background: linear-gradient(45deg, #ff6f61, #ffcc00, #33cccc, #ff99cc); /* رنگ‌های گرادینت */ padding: 20px; text-align: center; color: white; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); position: relative; z-index: 1000; } header img { width: 120px; height: auto; } header h1 { font-family: 'Arial', sans-serif; margin: 10px 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } /* استایل برای منو */ nav { margin-top: 15px; } nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: transparent; text-align: center; } nav ul li { display: inline-block; position: relative; } nav ul li a { color: white; text-decoration: none; font-size: 18px; padding: 15px 20px; display: inline-block; transition: background-color 0.3s ease; } nav ul li a:hover { background-color: rgba(0, 0, 0, 0.2); } nav ul li ul { position: absolute; display: none; top: 100%; left: 0; background-color: #ff6f61; border-radius: 0 0 5px 5px; z-index: 1001; } nav ul li ul li { display: block; } nav ul li ul li a { padding: 10px 20px; width: 200px; background-color: #ff6f61; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } nav ul li:hover ul { display: block; } nav ul li ul li a:hover { background-color: rgba(255, 102, 102, 0.9); }

عنوان وبلاگ شما

]]>

عنوان وبلاگ شما

عنوان وبلاگ شما

SUBSCRIBE FOR NEW JOBS

Flight Layover Calculator