1<!DOCTYPE html> 2<html lang="az"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="csrf-token" content="WqMYRKgGYt6rRUajT1r7I6brHv9tPE3EHcR5sp5M"> 7 <link rel="preload" as="style" href="https://valyuta.az/build/assets/app-Bt3mIuZj.css" /><link rel="modulepreload" href="https://valyuta.az/build/assets/app-CD5Im5jC.js" /><link rel="stylesheet" href="https://valyuta.az/build/assets/app-Bt3mIuZj.css" data-navigate-track="reload" />
7<script type="module" src="https://valyuta.az/build/assets/app-CD5Im5jC.js" data-navigate-track="reload"></script>
7 <meta name="robots" content="index, follow"> 8 <meta name="author" content="Valyuta.az"> 9 <meta name="language" content="Azerbaijani"> 10 <meta name="revisit-after" content="1 days"> 11 12 <title>Valyuta.az - iqtisadiyyat vÉ maliyyÉ portalı</title> 13<meta name="title" content="Valyuta.az - iqtisadiyyat vÉ maliyyÉ portalı"> 14<meta name="description" content="AzÉrbaycanın Én böyük valyuta vÉ kripto valyuta xÉbÉr portalı. Günlük valyuta mÉzÉnnÉlÉri, iqtisadi xÉbÉrlÉr vÉ analizlÉr."> 15<meta name="keywords" content="valyuta, kripto valyuta, bitcoin, ethereum, mÉzÉnnÉ, iqtisadiyyat, bank, maliyyÉ, xÉbÉrlÉr, azÉrbaycan"> 16 17<!-- Open Graph / Facebook --> 18<meta property="og:type" content="website"> 19<meta property="og:url" content="https://valyuta.az"> 20<meta property="og:title" content="Valyuta.az - iqtisadiyyat vÉ maliyyÉ portalı"> 21<meta property="og:description" content="AzÉrbaycanın Én böyük valyuta vÉ kripto valyuta xÉbÉr portalı. Günlük valyuta mÉzÉnnÉlÉri, iqtisadi xÉbÉrlÉr vÉ analizlÉr."> 22<meta property="og:image" content="https://valyuta.az/images/valyuta_logo.svg"> 23 24<!-- Twitter --> 25<meta property="twitter:card" content="summary_large_image"> 26<meta property="twitter:url" content="https://valyuta.az"> 27<meta property="twitter:title" content="Valyuta.az - iqtisadiyyat vÉ maliyyÉ portalı"> 28<meta property="twitter:description" content="AzÉrbaycanın Én böyük valyuta vÉ kripto valyuta xÉbÉr portalı. Günlük valyuta mÉzÉnnÉlÉri, iqtisadi xÉbÉrlÉr vÉ analizlÉr."> 29<meta property="twitter:image" content="https://valyuta.az/images/valyuta_logo.svg"> 30 31<link rel="canonical" href="https://valyuta.az"> 32<link rel="alternate" hreflang="az" href="https://valyuta.az/" /> 33<link rel="alternate" hreflang="ru" href="https://valyuta.az/ru" /> 34<link rel="alternate" hreflang="x-default" href="https://valyuta.az/" /> 35 36<!-- JSON-LD Structured Data -->
37<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Valyuta.az","url":"https://valyuta.az","description":"AzÉrbaycanın Én böyük valyuta vÉ kripto valyuta xÉbÉr portalı. Günlük valyuta mÉzÉnnÉlÉri, iqtisadi xÉbÉrlÉr vÉ analizlÉr.","inLanguage":"az-AZ","publisher":{"@type":"Organization","name":"Valyuta.az","url":"https://valyuta.az","logo":{"@type":"ImageObject","url":"https://valyuta.az/images/valyuta_logo.svg"}},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://valyuta.az/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
37 38 39 <!-- Global JS (Laravel routes for Vite bundle) --> 40
40<script> 41 window.currentLocale = 'az'; 42 window.currentLocalePrefix = '/az'; 43 window.loadMoreNewsUrl = 'https://valyuta.az/load-more-news'; 44 window.supportedLocales = {"az":{"name":"Az\u0259rbaycan","native":"Az\u0259rbaycan","flag":"\ud83c\udde6\ud83c\uddff","rtl":false},"en":{"name":"English","native":"English","flag":"\ud83c\uddec\ud83c\udde7","rtl":false},"ru":{"name":"Russian","native":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","flag":"\ud83c\uddf7\ud83c\uddfa","rtl":false}}; 45 window.ratesUrl = "https:\/\/valyuta.az\/rates"; 46 window.weatherUrl = "https:\/\/valyuta.az\/weather-data"; 47 window.weatherIndexUrl = "https:\/\/valyuta.az\/hava-proqnozu"; 48 </script>
48 49 50 <!-- Favicon --> 51 52 53 <link rel="apple-touch-icon" sizes="57x57" href="https://valyuta.az/images/favicon/apple-icon-57x57.png"> 54 <link rel="apple-touch-icon" sizes="60x60" href="https://valyuta.az/images/favicon/apple-icon-60x60.png"> 55 <link rel="apple-touch-icon" sizes="72x72" href="https://valyuta.az/images/favicon/apple-icon-72x72.png"> 56 <link rel="apple-touch-icon" sizes="76x76" href="https://valyuta.az/images/favicon/apple-icon-76x76.png"> 57 <link rel="apple-touch-icon" sizes="114x114" href="https://valyuta.az/images/favicon/apple-icon-114x114.png"> 58 <link rel="apple-touch-icon" sizes="120x120" href="https://valyuta.az/images/favicon/apple-icon-120x120.png"> 59 <link rel="apple-touch-icon" sizes="144x144" href="https://valyuta.az/images/favicon/apple-icon-144x144.png"> 60 <link rel="apple-touch-icon" sizes="152x152" href="https://valyuta.az/images/favicon/apple-icon-152x152.png"> 61 <link rel="apple-touch-icon" sizes="180x180" href="https://valyuta.az/images/favicon/apple-icon-180x180.png"> 62 <link rel="icon" type="image/png" sizes="192x192" href="https://valyuta.az/images/favicon/android-icon-192x192.png"> 63 <link rel="icon" type="image/png" sizes="32x32" href="https://valyuta.az/images/favicon/favicon-32x32.png"> 64 <link rel="icon" type="image/png" sizes="96x96" href="https://valyuta.az/images/favicon/favicon-96x96.png"> 65 <link rel="icon" type="image/png" sizes="16x16" href="https://valyuta.az/images/favicon/favicon-16x16.png"> 66 <link rel="manifest" href="https://valyuta.az/images/favicon/manifest.json"> 67 <meta name="msapplication-TileColor" content="#ffffff"> 68 <meta name="msapplication-TileImage" content="https://valyuta.az/images/favicon/ms-icon-144x144.png"> 69 <meta name="theme-color" content="#ffffff"> 70 <!-- Hreflang for multilingual SEO --> 71 <link rel="alternate" hreflang="az" href="https://valyuta.az/"> 72 <link rel="alternate" hreflang="ru" href="https://valyuta.az/ru"> 73 <link rel="alternate" hreflang="x-default" href="https://valyuta.az/"> 74 75 <!-- Additional Meta Tags --> 76 <meta name="theme-color" content="#388e3c"> 77 <meta name="msapplication-TileColor" content="#388e3c"> 78 <meta name="msapplication-TileImage" content="https://valyuta.az/mstile-144x144.png"> 79 80 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 80-81
80 81 <script async src="https://www.googletagmanager.com/gtag/js?id=
81UA-189004408-1
vendor: 13 bytes, lines 81-82
81"></script> 82
82<script> 83
vendor: 143 bytes, lines 83-90
83window.dataLayer = window.dataLayer || []; 84 85 function gtag() { 86 dataLayer.push(arguments); 87 } 88 gtag('js', new Date()); 89 90 gtag('config', '
90UA-189004408-1
vendor: 5 bytes, lines 90-91
90'); 91
91</script>
91 92 93 94 <!-- Pixel Code - https://push.yayim.org/ --> 95
95<script defer src="https://push.yayim.org/pixel/hsjnLXYZeTXuek1z.js"></script>
95 96 <!-- END Pixel Code --> 97 98 <!-- Fonts (CSS) â Tailwind dark mode in tailwind.config.js --> 99 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 100 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Poppins:wght@400;500&display=swap" rel="stylesheet"> 101
101<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
101 102
102<script src="https://code.jquery.com/jquery-3.6.4.min.js" defer></script>
102 103 104 105</head> 106<body class="bg-gray-50 dark:bg-gray-900 dark:text-gray-100 transition-colors duration-300"> 107 <!-- Top Bar --> 108 <div class="bg-white dark:bg-gray-900 border-b dark:border-gray-700"> 109 <div class="max-w-6xl mx-auto px-4 py-1.5"> 110 <div class="flex items-center justify-between text-sm"> 111 <!-- Left Side --> 112 <div class="flex items-center space-x-4"> 113 <div class="flex items-center space-x-2"> 114 <span class="font-medium dark:text-gray-200">Bakı</span> 115 </div> 116 <div class="hidden md:flex items-center space-x-2 text-gray-600 border-l pl-4"> 117 <div id="desktop-weather" class="flex items-center space-x-2"> 118 <div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div> 119 </div> 120 </div> 121 <!-- Mobile Weather Display --> 122 <div class="md:hidden flex items-center space-x-2 text-gray-600 border-l pl-4"> 123 <div id="mobile-weather" class="flex items-center space-x-2"> 124 <div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div> 125 </div> 126 </div> 127 </div> 128 129 <!-- Right Side --> 130 <div class="flex items-center space-x-6"> 131 <!-- Social Icons --> 132 <div class="hidden md:flex items-center space-x-3"> 133 <!-- X (Twitter) --> 134 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="X"> 135 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 136 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 137 </svg> 138 </a> --> 139 <!-- Instagram --> 140 <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Instagram"> 141 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 142 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 143 </svg> 144 </a> 145 <!-- WhatsApp --> 146 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="WhatsApp"> 147 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 148 <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.
148198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488"/> 149 </svg> 150 </a> --> 151 <!-- YouTube --> 152 <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="YouTube"> 153 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 154 <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/> 155 </svg> 156 </a> 157 <!-- TikTok --> 158 <a href="https://www.tiktok.com/@valyuta_az?_t=ZS-8yIHyjsdf9u&_r=1" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="TikTok"> 159 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 160 <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 161 </svg> 162 </a> 163 <!-- Facebook --> 164 <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Facebook"> 165 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 166 <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> 167 </svg> 168 </a> 169 <!-- Telegram --> 170 <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Telegram"> 171 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 172 <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/> 173 </svg> 174 </a> 175 176 <!-- LinkedIn --> 177 <a href="https://www.linkedin.com/company/valyuta-az/posts/?feedView=all" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="LinkedIn"> 178 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 179 <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> 180 </svg> 181 </a> 182 183 <div class="flex items-center space-x-4"> 184 | 185 </div> 186 <button id="darkModeToggleMobilePanel" class="dark-mode-toggle flex items-center gap-2 px-1 py-1 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all duration-200" title="Toggle dark mode"> 187 <svg id="darkModeIconMobilePanel" class="w-7 h-4 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 188 <path id="sunIconMobilePanel" class="block dark:hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m8.66-13.66l-.71.71M4.05 19.95l-.71.71M21 12h-1M4 12H3m16.66 5.66l-.71-.71M4.05 4.05l-.71-.71M16 12a4 4 0 11-8 0 4 4 0 018 0z" /> 189 <path id="moonIconMobilePanel" class="hidden dark:block" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12.79A9 9 0 1111.21 3a7 7 0 109.79 9.79z" /> 190 </svg> 191 </button> 192 <!-- Dark Mode Toggle Button --> 193 194 </div> 195 196 197 198 <div class="flex items-center space-x-4"> 199 <a href="https://valyuta.az/reklam" class="text-gray-600 hover:text-[#388e3c] transition-colors">Reklam</a> 200 <a href="https://valyuta.az/haqqimizda" class="text-gray-600 hover:text-[#388e3c] transition-colors">Haqqımızda</a> 201 <a href="https://valyuta.az/contact" class="text-gray-600 hover:text-[#388e3c] transition-colors">ÆlaqÉ</a> 202 </div> 203 204 </div> 205 </div> 206 </div> 207 </div> 208 209 <!-- Header --> 210 <header class="hidden lg:block bg-white dark:bg-gray-900 border-b dark:border-gray-700"> 211 <div class="max-w-6xl mx-auto px-2 py-2"> 212 <div class="flex items-center justify-between md:justify-between mt-4 mb-3"> 213 <!-- Left Side: Logo and Tagline --> 214 <div class="flex flex-col mx-auto md:mx-0"> 215 <div class="flex items-center space-x-1"> 216 217 <!-- Logo Icon --> 218 <div class="relative group"> 219 <a href="https://valyuta.az"> 220 <!-- Main Icon Container --> 221 <div class="w-60 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
222 <!-- Valyuta Logo SVG --> 223 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 224 225 <!-- Simple Hover Effect --> 226 <div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-300 bg-white/10"></div> 227 </div> 228 </a> 229 </div> 230 231 </div> 232 </div> 233 234 <!-- Right Side: Quick Tools --> 235 <div class="hidden lg:flex items-center space-x-8"> 236 <!-- Mobile Video Icon --> 237 <a href="https://valyuta.az/videos" class="p-2.5 hover:bg-gray-100 rounded-full transition-colors"> 238 <svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 239 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/> 240 </svg> 241 </a> 242 243 <button class="p-2.5 hover:bg-gray-100 rounded-full" onclick="window.location.href='https://valyuta.az/search'"> 244 <svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 245 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> 246 </svg> 247 </button> 248 249 <!-- Language Selector Dropdown --> 250 <div class="relative language-selector-desktop"> 251 <button class="language-toggle flex items-center gap-1 px-3 py-2 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-[#3eba15] transition-all duration-200"> 252 <span class="text-sm font-semibold text-gray-700 dark:text-gray-300">AZ</span> 253 <svg class="language-arrow w-4 h-4 text-gray-600 dark:text-gray-300 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 254 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 255 </svg> 256 </button> 257 258 <!-- Dropdown Menu --> 259 <div class="language-dropdown hidden absolute right-0 top-full mt-1.5 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg py-1 w-[60px]"> 260 <div class="px-2 py-1.5 text-sm font-bold bg-[#3eba15] text-white mx-1 my-0.5 rounded text-center"> 261 AZ 262 </div> 263 <a rel="alternate" hreflang="ru" href="https://valyuta.az/ru" 264 class="block px-2 py-1.5 text-sm text-gray-700 dark:text-gray-300 hover:bg-[#3eba15]/10 hover:text-[#3eba15] transition-colors rounded mx-1 text-center"> 265 RU 266 </a> 267 </div> 268 </div> 269 270 271 </div> 272 </div> 273 </div> 274 </header> 275 276 <!-- Mobile Icons Row - Add this after the logo section --> 277 278 279 <!-- Navigation --> 280 <nav class="bg-white dark:bg-gray-900 shadow-sm dark:shadow-gray-800/50 sticky top-0 z-50"> 281 <div class="max-w-6xl mx-auto px-4"> 282 <!-- Mobile Menu Button --> 283 <div class="lg:hidden flex items-center justify-between py-3 border-b dark:border-gray-700"> 284 <div class="flex items-center gap-3"> 285 <button class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white" onclick="toggleMobileMenu()"> 286 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 287 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> 288 </svg> 289 </button> 290 <!-- Mobile Logo Text Only --> 291 <a href="https://valyuta.az"> 292 <!-- Logo Icon --> 293 <div class="w-40 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300 ml-2 mt-1">
294 <!-- Valyuta Logo SVG --> 295 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 296 </div> 297 </a> 298 </div> 299 <div class="flex items-center gap-3"> 300 301 <button class="p-2.5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full" onclick="window.location.href='https://valyuta.az/search'"> 302 <svg class="w-6 h-6 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 303 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> 304 </svg> 305 </button> 306 307 <!-- Language Selector Dropdown --> 308 <div class="relative language-selector-mobile"> 309 <button class="language-toggle flex items-center gap-1 px-2.5 py-1.5 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-[#3eba15] transition-all duration-200"> 310 <span class="text-sm font-semibold text-gray-700 dark:text-gray-300">AZ</span> 311 <svg class="language-arrow w-3.5 h-3.5 text-gray-600 dark:text-gray-300 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 312 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 313 </svg> 314 </button> 315 316 <!-- Dropdown Menu --> 317 <div class="language-dropdown hidden absolute right-0 top-full mt-1.5 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg py-1 w-[60px]"> 318 <div class="px-2 py-1.5 text-sm font-bold bg-[#3eba15] text-white mx-1 my-0.5 rounded text-center"> 319 AZ 320 </div> 321 <a rel="alternate" hreflang="ru" href="https://valyuta.az/ru" 322 class="block px-2 py-1.5 text-sm text-gray-700 dark:text-gray-300 hover:bg-[#3eba15]/10 hover:text-[#3eba15] transition-colors rounded mx-1 text-center"> 323 RU 324 </a> 325 </div> 326 </div> 327 328 329 330 </div> 331 </div> 332 333 <!-- Desktop Menu --> 334 <div class="hidden lg:block" id="mainMenu"> 335 <div class="flex items-center justify-between py-3"> 336 <!-- Primary Menu --> 337 <div class="flex items-center space-x-1"> 338 <!-- Ana sÉhifÉ --> 339 <a href="https://valyuta.az" 340 class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all whitespace-nowrap"> 341 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 342 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/> 343 </svg> 344 Ana sÉhifÉ 345 </a> 346 347 <a href="https://valyuta.az/category/biznes" 348 class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 349 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
349<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg> 350 Biznes 351 </a> 352 <div class="relative group"> 353 <button class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 354 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg> 355 MaliyyÉ 356 <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 357 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 358 </svg> 359 </button> 360 <!-- Dropdown --> 361 <div class="hidden group-hover:block absolute left-0 top-full bg-white dark:bg-gray-800 border dark:border-gray-700 rounded-lg shadow-lg dark:shadow-gray-900/50 py-2 w-48 z-50"> 362 <a href="https://valyuta.az/category/bank" 363 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 364 Bank 365 </a> 366 <a href="https://valyuta.az/category/investisiya" 367 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 368 İnvestisiya 369 </a> 370 <a href="https://valyuta.az/category/siorta" 371 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 372 SıÄorta 373 </a> 374 <a href="https://valyuta.az/category/dunya-banklari" 375 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 376 Dünya Bankları 377 </a> 378 </div> 379 </div> 380 <a href="https://valyuta.az/category/sehm-bazari" 381 class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 382 383 SÉhm bazarı 384 </a> 385 <a href="https://valyuta.az/category/startup" 386 class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 387 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
387<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg> 388 Startap 389 </a> 390 <a href="https://valyuta.az/category/tech-ai" 391 class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 392 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg> 393 Tech & AI 394 </a> 395 <a href="https://valyuta.az/category/ofis" 396 class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 397 398 Ofis+ 399 </a> 400 <a href="https://valyuta.az/category/inkisaf" 401 class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 402 403 İnkiÅaf 404 </a> 405 <div class="relative group"> 406 <button class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all"> 407 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"/></svg> 408 DigÉr 409 <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 410 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 411 </svg> 412 </button> 413 <!-- Dropdown --> 414 <div class="hidden group-hover:block absolute left-0 top-full bg-white dark:bg-gray-800 border dark:border-gray-700 rounded-lg shadow-lg dark:shadow-gray-900/50 py-2 w-48 z-50"> 415 <a href="https://valyuta.az/category/ekspert" 416 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 417 Ekspert 418 </a> 419 <a href="https://valyuta.az/category/musahibe" 420 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 421 MüsahibÉ 422 </a> 423 <a href="https://valyuta.az/category/e-ticaret" 424 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 425 E-ticarÉt 426 </a> 427 <a href="https://valyuta.az/category/kriptovalyuta" 428 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 429 Kriptovalyuta 430 </a> 431 <a href="https://valyuta.az/category/foto" 432 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 433 Foto 434 </a> 435 <a href="https://valyuta.az/category/ozel" 436 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 437 ÃZÆL 438 </a> 439 <a href="https://valyuta.az/category/video" 440 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 441 Video 442 </a> 443 <a href="https://valyuta.az/category/vkansiya" 444 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 445 Vakansiya 446 </a> 447 <a href="https://valyuta.az/category/xeber" 448 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 449 XÉbÉr 450 </a> 451 <a href="https://valyuta.az/category/maraqli" 452 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 453 Maraqlı 454 </a> 455 <a href="https://valyuta.az/category/arasdirma" 456 class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]"> 457 AraÅdırma 458 </a> 459 </div> 460 </div> 461 </div> 462 </div> 463 </div> 464 </div> 465 </nav> 466 467 <!-- Mobile Menu Overlay (Hidden by default) --> 468 <div class="md:hidden fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="mobileMenuOverlay" onclick="toggleMobileMenu()"></div> 469 470 <!-- Mobile Menu Panel (Hidden by default) --> 471 <div class="md:hidden fixed top-0 left-0 h-screen w-5/6 max-w-sm bg-white shadow-xl z-50 transform -translate-x-full transition-transform duration-300 ease-in-out rounded-r-lg overflow-hidden" id="mobileMenu" style="height: 100vh; max-height: 100vh;"> 472 <div class="flex flex-col h-full"> 473 <!-- Mobile Menu Header --> 474 <div class="relative flex items-center justify-between px-4 py-2 border-b"> 475 <div class="flex items-center space-x-2 ml-4 mt-1"> 476 <a href="https://valyuta.az"> 477 <!-- Logo Icon --> 478 <div class="w-32 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
479 <!-- Valyuta Logo SVG --> 480 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 481 </div> 482 </a> 483 </div> 484 <div class="flex items-center gap-2"> 485 <!-- Dark Mode Toggle Button --> 486 <button id="darkModeToggleMobilePanel" class="dark-mode-toggle flex items-center gap-2 px-1 py-1 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all duration-200" title="Toggle dark mode"> 487 <svg id="darkModeIconMobilePanel" class="w-7 h-4 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 488 <path id="sunIconMobilePanel" class="block dark:hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m8.66-13.66l-.71.71M4.05 19.95l-.71.71M21 12h-1M4 12H3m16.66 5.66l-.71-.71M4.05 4.05l-.71-.71M16 12a4 4 0 11-8 0 4 4 0 018 0z" /> 489 <path id="moonIconMobilePanel" class="hidden dark:block" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12.79A9 9 0 1111.21 3a7 7 0 109.79 9.79z" /> 490 </svg> 491 </button> 492 493 494 495 <button class="text-gray-600 hover:text-gray-900" onclick="toggleMobileMenu()"> 496 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 497 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 498 </svg> 499 </button> 500 </div> 501 </div> 502 503 504 <!-- Mobile Menu Content --> 505 <div class="flex-1 overflow-y-auto px-4 py-3" style="height: calc(100vh - 80px); max-height: calc(100vh - 80px);"> 506 507 <div class="flex flex-col space-y-2"> 508 <!-- Ana sÉhifÉ --> 509 <a href="https://valyuta.az" 510 class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all"> 511 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 512 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/> 513 </svg> 514 Ana sÉhifÉ 515 </a> 516 517 <a href="https://valyuta.az/category/biznes" 518 class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all"> 519 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg> 520 Biznes 521 </a> 522 <div class="relative"> 523 <button class="flex items-center justify-between w-full px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all" onclick="toggleSubmenu('submenu-1')"> 524 <div class="flex items-center gap-1"> 525 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
525<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg> 526 MaliyyÉ 527 </div> 528 <svg class="w-4 h-4 transition-transform" id="arrow-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 529 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 530 </svg> 531 </button> 532 <!-- Dropdown --> 533 <div class="hidden pl-8 mt-1 space-y-1" id="submenu-1"> 534 <a href="https://valyuta.az/category/bank" 535 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 536 Bank 537 </a> 538 <a href="https://valyuta.az/category/investisiya" 539 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 540 İnvestisiya 541 </a> 542 <a href="https://valyuta.az/category/siorta" 543 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 544 SıÄorta 545 </a> 546 <a href="https://valyuta.az/category/dunya-banklari" 547 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 548 Dünya Bankları 549 </a> 550 </div> 551 </div> 552 <a href="https://valyuta.az/category/sehm-bazari" 553 class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all"> 554 555 SÉhm bazarı 556 </a> 557 <a href="https://valyuta.az/category/startup" 558 class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all"> 559 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg> 560 Startap 561 </a> 562 <a href="https://valyuta.az/category/tech-ai" 563 class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all"> 564 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg> 565 Tech & AI 566 </a> 567 <a href="https://valyuta.az/category/ofis" 568 class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all"> 569 570 Ofis+ 571 </a> 572 <a href="https://valyuta.az/category/inkisaf" 573 class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all"> 574 575 İnkiÅaf 576 </a> 577 <div class="relative"> 578 <button class="flex items-center justify-between w-full px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all" onclick="toggleSubmenu('submenu-9')"> 579 <div class="flex items-center gap-1"> 580 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
580<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"/></svg> 581 DigÉr 582 </div> 583 <svg class="w-4 h-4 transition-transform" id="arrow-9" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 584 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 585 </svg> 586 </button> 587 <!-- Dropdown --> 588 <div class="hidden pl-8 mt-1 space-y-1" id="submenu-9"> 589 <a href="https://valyuta.az/category/ekspert" 590 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 591 Ekspert 592 </a> 593 <a href="https://valyuta.az/category/musahibe" 594 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 595 MüsahibÉ 596 </a> 597 <a href="https://valyuta.az/category/e-ticaret" 598 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 599 E-ticarÉt 600 </a> 601 <a href="https://valyuta.az/category/kriptovalyuta" 602 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 603 Kriptovalyuta 604 </a> 605 <a href="https://valyuta.az/category/foto" 606 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 607 Foto 608 </a> 609 <a href="https://valyuta.az/category/ozel" 610 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 611 ÃZÆL 612 </a> 613 <a href="https://valyuta.az/category/video" 614 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 615 Video 616 </a> 617 <a href="https://valyuta.az/category/vkansiya" 618 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 619 Vakansiya 620 </a> 621 <a href="https://valyuta.az/category/xeber" 622 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 623 XÉbÉr 624 </a> 625 <a href="https://valyuta.az/category/maraqli" 626 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 627 Maraqlı 628 </a> 629 <a href="https://valyuta.az/category/arasdirma" 630 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 631 AraÅdırma 632 </a> 633 </div> 634 </div> 635 </div> 636 637 <!-- Mobile Menu Action Icons --> 638 <div class="mt-6 pt-4 border-t border-gray-100"> 639 640 641 <!-- Grid Layout for Icons --> 642 <div class="grid grid-cols-2 gap-4 mb-5"> 643 <!-- Currency Calculator --> 644 <a href="https://valyuta.az/valyuta-kalkulyatoru2" class="group relative overflow-hidden bg-gradient-to-br from-blue-50 to-blue-100 hover:from-blue-100 hover:to-blue-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-blue-100/50"> 645 <div class="absolute top-0 right-0 w-12 h-12 bg-blue-200/20 rounded-full -mr-6 -mt-6"></div> 646 <div class="relative flex items-center space-x-2"> 647 <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0"> 648 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 649 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 650 </svg> 651 </div> 652 <div class="flex-1"> 653 <h5 class="text-xs font-bold text-gray-800 mb
653-0.5 text-left">Valyuta</h5> 654 <p class="text-xs text-gray-600 text-left">Kalkulyator</p> 655 </div> 656 </div> 657 </a> 658 659 <!-- Crypto Rates --> 660 <a href="https://valyuta.az/kripto-valyutalar" class="group relative overflow-hidden bg-gradient-to-br from-orange-50 to-orange-100 hover:from-orange-100 hover:to-orange-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-orange-100/50"> 661 <div class="absolute top-0 right-0 w-12 h-12 bg-orange-200/20 rounded-full -mr-6 -mt-6"></div> 662 <div class="relative flex items-center space-x-2"> 663 <div class="w-8 h-8 bg-gradient-to-br from-orange-500 to-orange-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0"> 664 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 665 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/> 666 </svg> 667 </div> 668 <div class="flex-1"> 669 <h5 class="text-xs font-bold text-gray-800 mb-0.5 text-left">Kripto</h5> 670 <p class="text-xs text-gray-600 text-left">Valyutalar</p> 671 </div> 672 </div> 673 </a> 674 675 <!-- Videos --> 676 <a href="https://valyuta.az/videos" class="group relative overflow-hidden bg-gradient-to-br from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-purple-100/50"> 677 <div class="absolute top-0 right-0 w-12 h-12 bg-purple-200/20 rounded-full -mr-6 -mt-6"></div> 678 <div class="relative flex items-center space-x-2"> 679 <div class="w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0"> 680 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 681 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/> 682 </svg> 683 </div> 684 <div class="flex-1"> 685 <h5 class="text-xs font-bold text-gray-800 mb-0.5 text-left">Video</h5> 686 <p class="text-xs text-gray-600 text-left">MüsahibÉlÉr</p> 687 </div> 688 </div> 689 </a> 690 691 <!-- Search --> 692 <button onclick="window.location.href='https://valyuta.az/search'" class="group relative overflow-hidden bg-gradient-to-br from-green-50 to-green-100 hover:from-green-100 hover:to-green-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-green-100/50 w-full"> 693 <div class="absolute top-0 right-0 w-12 h-12 bg-green-200/20 rounded-full -mr-6 -mt-6"></div> 694 <div class="relative flex items-center space-x-2"> 695 <div class="w-8 h-8 bg-gradient-to-br from-green-500 to-green-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0"> 696 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 697 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> 698 </svg> 699 </div> 700 <div class="flex-1"> 701 <h5 class="text-xs font-bold text-gray-800 mb
701-0.5 text-left">AxtarıÅ</h5> 702 <p class="text-xs text-gray-600 text-left">XÉbÉr tap</p> 703 </div> 704 </div> 705 </button> 706 </div> 707 708 709 710 <!-- Social Icons Section --> 711 <div class="mt-6 pt-4 mb-4 border-t border-gray-100"> 712 <!-- <h4 class="text-sm font-medium text-gray-700 mb-3">Sosial Media</h4> --> 713 <div class="flex items-center justify-around"> 714 <!-- X (Twitter) --> 715 <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="X"> 716 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 717 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 718 </svg> 719 </a> 720 <!-- Instagram --> 721 <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Instagram"> 722 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 723 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 724 </svg> 725 </a> 726 <!-- WhatsApp --> 727 <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="WhatsApp"> 728 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 729 <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488"/> 730 </svg> 731 </a> 732 <!-- YouTube --> 733 <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="YouTube"> 734 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 735 <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/> 736 </svg> 737 </a> 738 <!-- TikTok --> 739 <a href="https://www.tiktok.com/@valyuta_az?_t=ZS-8yIHyjsdf9u&_r=1" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="TikTok"> 740 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 741 <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08
741-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 742 </svg> 743 </a> 744 <!-- Facebook --> 745 <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Facebook"> 746 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 747 <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> 748 </svg> 749 </a> 750 <!-- Telegram --> 751 <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Telegram"> 752 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 753 <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/> 754 </svg> 755 </a> 756 <!-- LinkedIn --> 757 <a href="https://www.linkedin.com/company/valyuta-az/posts/?feedView=all" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="LinkedIn"> 758 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 759 <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> 760 </svg> 761 </a> 762 763 </div> 764 </div> 765 766 <!-- Bottom padding for scroll --> 767 <div class="pb-4"></div> 768 </div> 769 770
770<script> 771 document.addEventListener('DOMContentLoaded', function() { 772 // Function to format numbers 773 function formatNumber(num, decimals) { 774 return parseFloat(num).toFixed(decimals); 775 } 776 777 // Function to update mobile rates 778 function updateMobileRates() { 779 fetch('https://valyuta.az/rates') 780 .then(response => response.json()) 781 .then(data => { 782 // Update mobile currency rates 783 const mobileCurrencyRatesContainer = document.getElementById('mobile-currency-rates'); 784 if (mobileCurrencyRatesContainer) { 785 mobileCurrencyRatesContainer.innerHTML = ''; 786 Object.entries(data.rates).forEach(([currency, rateData]) => { 787 const rate = parseFloat(rateData.rate); 788 const change = parseFloat(rateData.change); 789 const changeClass = change >= 0 ? 'text-green-500' : 'text-red-500'; 790 const changeSign = change >= 0 ? '+' : ''; 791 mobileCurrencyRatesContainer.innerHTML += ` 792 <div class="flex items-center gap-2 p-2 bg-gray-50 rounded-lg"> 793 <span class="text-sm font-medium">${currency}</span> 794 <span class="text-sm text-gray-600">${formatNumber(rate, 4)}</span> 795 <span class="text-xs ${changeClass}"> 796 ${changeSign}${formatNumber(change, 2)}% 797 </span> 798 </div> 799 `; 800 }); 801 } 802 803 // Update mobile crypto rates 804 const mobileCryptoRatesContainer = document.getElementById('mobile-crypto-rates'); 805 if (mobileCryptoRatesContainer) { 806 mobileCryptoRatesContainer.innerHTML = ''; 807 data.cryptos.forEach(crypto => { 808 const changeClass = crypto.change >= 0 ? 'text-green-500' : 'text-red-500'; 809 const changeSign = crypto.change >= 0 ? '+' : ''; 810 mobileCryptoRatesContainer.innerHTML += ` 811 <div class="flex items-center gap-2 p-2 bg-gray-50 rounded-lg"> 812 <span class="text-sm font-medium">${crypto.symbol}</span> 813 <span class="text-sm text-gray-600">$${formatNumber(crypto.price, 2)}</span> 814 <span class="text-xs ${changeClass}"> 815 ${changeSign}${formatNumber(crypto.change, 2)}% 816 </span> 817 </div> 818 `; 819 }); 820 } 821 }) 822 .catch(error => { 823 console.error('Error fetching mobile rates:', error); 824 const mobileCurrencyRatesError = document.getElementById('mobile-currency-rates'); 825 const mobileCryptoRatesError = document.getElementById('mobile-crypto-rates'); 826 if (mobileCurrencyRatesError) { 827 mobileCurrencyRatesError.innerHTML = '<div class="text-sm text-red-500">MÉlumat yüklÉnÉ bilmÉdi</div>'; 828 } 829 if (mobileCryptoRatesError) { 830 mobileCryptoRatesError.innerHTML = '<div class="text-sm text-red-500">MÉlumat yüklÉnÉ bilmÉdi</div>'; 831 } 832 }); 833 } 834 835 // Initial load 836 updateMobileRates(); 837 838 // Update every 5 minutes 839 setInterval(updateMobileRates, 5 * 60 * 1000); 840 }); 841 </script>
841 842 </div> 843 </div> 844 </div> 845 846 847 848
848<script> 849 document.addEventListener('DOMContentLoaded', function() { 850 // Function to format numbers 851 function formatNumber(num, decimals) { 852 return parseFloat(num).toFixed(decimals); 853 } 854 855 // Function to update rates 856 function updateRates() { 857 const currencyRatesContainer = document.getElementById('desktop-currency-rates'); 858 const cryptoRatesContainer = document.getElementById('desktop-crypto-rates'); 859 860 // Show loading state 861 if (currencyRatesContainer) { 862 currencyRatesContainer.innerHTML = '<div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>'; 863 } 864 if (cryptoRatesContainer) { 865 cryptoRatesContainer.innerHTML = '<div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>'; 866 } 867 868 fetch('https://valyuta.az/rates') 869 .then(response => response.json()) 870 .then(data => { 871 // Update currency rates 872 if (currencyRatesContainer) { 873 currencyRatesContainer.innerHTML = ''; 874 Object.entries(data.rates).forEach(([currency, rateData]) => { 875 const changeClass = parseFloat(rateData.change) >= 0 ? 'text-green-500' : 'text-red-500'; 876 const changeSign = parseFloat(rateData.change) >= 0 ? '+' : ''; 877 currencyRatesContainer.innerHTML += ` 878 <div class="flex items-center space-x-2"> 879 <span class="text-sm font-medium">${currency}</span> 880 <span class="text-sm text-gray-600">${formatNumber(rateData.rate, 4)}</span> 881 <span class="text-xs ${changeClass}"> 882 ${changeSign}${formatNumber(rateData.change, 2)}% 883 </span> 884 </div> 885 `; 886 }); 887 } 888 889 // Update crypto rates 890 if (cryptoRatesContainer) { 891 cryptoRatesContainer.innerHTML = ''; 892 // Format BTC 893 const btc = data.cryptos.BTC; 894 const btcChangeClass = parseFloat(btc.change) >= 0 ? 'text-green-500' : 'text-red-500'; 895 const btcChangeSign = parseFloat(btc.change) >= 0 ? '+' : ''; 896 cryptoRatesContainer.innerHTML += ` 897 <div class="flex items-center space-x-2"> 898 <span class="text-sm font-medium">BTC</span> 899 <span class="text-sm text-gray-600">$${btc.price}</span> 900 <span class="text-xs ${btcChangeClass}"> 901 ${btcChangeSign}${formatNumber(btc.change, 2)}% 902 </span> 903 </div> 904 `; 905 906 // Format ETH 907 const eth = data.cryptos.ETH; 908 const ethChangeClass = parseFloat(eth.change) >= 0 ? 'text-green-500' : 'text-red-500'; 909 const ethChangeSign = parseFloat(eth.change) >= 0 ? '+' : ''; 910 cryptoRatesContainer.innerHTML += ` 911 <div class="flex items-center space-x-2"> 912 <span class="text-sm font-medium">ETH</span> 913 <span class="text-sm text-gray-600">$${eth.price}</span> 914 <span class="text-xs ${ethChangeClass}"> 915 ${ethChangeSign}${formatNumber(eth.change, 2)}% 916 </span> 917 </div> 918 `; 919 } 920 }) 921 .catch(error => { 922 console.error('Error fetching rates:', error); 923 const errorMessage = '<div class="text-sm text-red-500">MÉlumat yüklÉnÉ bilmÉdi</div>'; 924 if (currencyRatesContainer) currencyRatesContainer.innerHTML = errorMessage; 925 if (cryptoRatesContainer) cryptoRatesContainer.innerHTML = errorMessage; 926 }); 927 } 928 929 // Initial load 930 updateRates(); 931 932 // Update every 5 minutes 933 setInterval(updateRates, 5 * 60 * 1000); 934 }); 935 </script>
935 936 937 <!-- Main Content --> 938 <main class="max-w-6xl mx-auto px-2 sm:px-4 py-4 sm:py-6"> 939 <!-- Main Grid Layout --> 940 941<div class="flex flex-col gap-4 sm:gap-6 overflow-hidden max-w-full"> 942 <!-- Yuxarı: Slider vÉ 2 xÉbÉr yan-yana --> 943 <div class="flex flex-col md:flex-row gap-4 sm:gap-6 w-full overflow-hidden"> 944 <!-- Slider (sol böyük blok) --> 945 <div class="flex-1 min-w-0"> 946 <div class="relative w-full h-[250px] sm:h-[300px] md:h-[400px] lg:h-[480px] rounded-xl sm:rounded-2xl overflow-hidden shadow-lg group" id="slider" style="max-width: 100%;"> 947 <div class="flex transition-transform duration-500 ease-in-out h-full" id="slider-container"> 948 <!-- Slide 1 --> 949 <div class="min-w-full relative h-full flex-shrink-0"> 950 <div class="w-full h-full relative overflow-hidden"> 951 <img src="https://valyuta.az/storage/104373/conversions/01M3XPNDV44HRA0RAYQ6MJP9ED-main.webp" 952 alt="AzÉrbaycanda kredit qoyuluÅları 4,4 milyard manatdan çox artıb" 953 class="w-full h-full object-cover object-center absolute inset-0" 954 style="object-fit: cover; object-position: center;"> 955 </div> 956 957 <!-- Gradient Overlay --> 958 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div> 959 960 <!-- Content Container --> 961 <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8"> 962 <!-- Additional dark overlay only for text area --> 963 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div> 964 965 <!-- Content (relative to be above overlay) --> 966 <div class="relative z-10"> 967 <!-- Meta Information --> 968 <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3"> 969 <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span> 970 <!-- <span class="text-white/80">â¢</span> --> 971 <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg"> 972 <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 973 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 974 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 975 </svg> 976 63 977 </div> --> 978 </div> 979 980 <!-- Main Title --> 981 <a href="https://valyuta.az/news/azerbaycanda-kredit-qoyuluslari-44-milyard-manatdan-cox-artib" 982 aria-label="XÉbÉr: AzÉrbaycanda kredit qoyuluÅları 4,4 milyard manatdan çox artıb" 983 class="block group/title"> 984 <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words"> 985 AzÉrbaycanda kredit qoyuluÅları 4,4 milyard manatdan çox artıb 986 </h2> 987 </a> 988 </div> 989 </div> 990 </div> 991 <!-- Slide 2 --> 992 <div class="min-w-full relative h-full flex-shrink-0"> 993 <div class="w-full h-full relative overflow-hidden"> 994 <img src="https://valyuta.az/storage/104394/conversions/01M3Y398HZATYX5WBHQPEAE43E-main.webp" 995 alt="âMorgan Stanleyâ: kiçik tÉrÉfdaÅlıqdan qlobal maliyyÉ nÉhÉnginÉ gedÉn yol" 996 class="w-full h-full object-cover object-center absolute inset-0" 997 style="object-fit: cover; object-position: center;"> 998 </div> 999 1000 <!-- Gradient Overlay --> 1001 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div> 1002 1003 <!-- Content Container --> 1004 <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8"> 1005 <!-- Additional dark overlay only for text area --> 1006 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div> 1007 1008 <!-- Content (relative to be above overlay) --> 1009 <div class="relative z-10"> 1010 <!-- Meta Information --> 1011 <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1012 <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span> 1013 <!-- <span class="text-white/80">â¢</span> --> 1014 <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg"> 1015 <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1016 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1017 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1018 </svg> 1019 152 1020 </div> --> 1021 </div> 1022 1023 <!-- Main Title --> 1024 <a href="https://valyuta.az/news/morgan-stanley-kicik-terefdasliqdan-qlobal-maliyye-nehengine-geden-yol" 1025 aria-label="XÉbÉr: âMorgan Stanleyâ: kiçik tÉrÉfdaÅlıqdan qlobal maliyyÉ nÉhÉnginÉ gedÉn yol" 1026 class="block group/title"> 1027 <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words"> 1028 âMorgan Stanleyâ: 1029 kiçik tÉrÉfdaÅlıqdan qlobal maliyyÉ nÉhÉnginÉ gedÉn yol 1030 </h2> 1031 </a> 1032 </div> 1033 </div> 1034 </div> 1035 <!-- Slide 3 --> 1036 <div class="min-w-full relative h-full flex-shrink-0"> 1037 <div class="w-full h-full relative overflow-hidden"> 1038 <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-main.webp" 1039 alt=""YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir" - Ekspert" 1040 class="w-full h-full object-cover object-center absolute inset-0" 1041 style="object-fit: cover; object-position: center;"> 1042 </div> 1043 1044 <!-- Gradient Overlay --> 1045 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div> 1046 1047 <!-- Content Container --> 1048 <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8"> 1049 <!-- Additional dark overlay only for text area --> 1050 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div> 1051 1052 <!-- Content (relative to be above overlay) --> 1053 <div class="relative z-10"> 1054 <!-- Meta Information --> 1055 <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3"> 1056 <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span> 1057 <!-- <span class="text-white/80">â¢</span> --> 1058 <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg"> 1059 <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1060 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1061 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1062 </svg> 1063 277 1064 </div> --> 1065 </div> 1066 1067 <!-- Main Title --> 1068 <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirme
1068k-rehber-ucun-riskdirmi-ekspert" 1069 aria-label="XÉbÉr: "YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir" - Ekspert" 1070 class="block group/title"> 1071 <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words"> 1072 "YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir" 1073 - Ekspert 1074 </h2> 1075 </a> 1076 </div> 1077 </div> 1078 </div> 1079 <!-- Slide 4 --> 1080 <div class="min-w-full relative h-full flex-shrink-0"> 1081 <div class="w-full h-full relative overflow-hidden"> 1082 <img src="https://valyuta.az/storage/104377/conversions/01M3XR8QPHXWBABFWP4AZSVCXZ-main.webp" 1083 alt="Sahibkarların oxumalı olduÄu kitablar â SİYAHI" 1084 class="w-full h-full object-cover object-center absolute inset-0" 1085 style="object-fit: cover; object-position: center;"> 1086 </div> 1087 1088 <!-- Gradient Overlay --> 1089 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div> 1090 1091 <!-- Content Container --> 1092 <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8"> 1093 <!-- Additional dark overlay only for text area --> 1094 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div> 1095 1096 <!-- Content (relative to be above overlay) --> 1097 <div class="relative z-10"> 1098 <!-- Meta Information --> 1099 <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3"> 1100 <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span> 1101 <!-- <span class="text-white/80">â¢</span> --> 1102 <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg"> 1103 <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1104 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1105 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1106 </svg> 1107 190 1108 </div> --> 1109 </div> 1110 1111 <!-- Main Title --> 1112 <a href="https://valyuta.az/news/sahibkarlarin-oxumali-oldugu-kitablar-siyahi" 1113 aria-label="XÉbÉr: Sahibkarların oxumalı olduÄu kitablar â SİYAHI" 1114 class="block group/title"> 1115 <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words"> 1116 Sahibkarların oxumalı olduÄu kitablar 1117 â SİYAHI 1118 </h2> 1119 </a> 1120 </div> 1121 </div> 1122 </div> 1123 <!-- Slide 5 --> 1124 <div class="min-w-full relative h-full flex-shrink-0"> 1125 <div class="w-full h-full relative overflow-hidden"> 1126 <img src="https://valyuta.az/storage/104382/conversions/01M3XTKBS1JY9P3WS6S3HVW3PY-main.webp" 1127 alt="Restoranlar niyÉ "depozit" istÉyirlÉr?" 1128 class="w-full h-full object-cover object-center absolute inset-0" 1129 style="object-fit: cover; object-position: center;"> 1130 </div> 1131 1132 <!-- Gradient Overlay --> 1133 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div> 1134 1135 <!-- Content Container --> 1136 <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8"> 1137 <!-- Additional dark overlay only for text area --> 1138 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div> 1139 1140 <!-- Content (relative to be above overlay) --> 1141 <div class="relative z-10"> 1142 <!-- Meta Information --> 1143 <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1144 <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">02.10.2026</span> 1145 <!-- <span class="text-white/80">â¢</span> --> 1146 <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg"> 1147 <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1148 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1149 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1150 </svg> 1151 343 1152 </div> --> 1153 </div> 1154 1155 <!-- Main Title --> 1156 <a href="https://valyuta.az/news/masaya-eylesmek-ucun-minimum-sifaris-restoranlar-bunu-niye-tetbiq-edir" 1157 aria-label="XÉbÉr: Restoranlar niyÉ "depozit" istÉyirlÉr?" 1158 class="block group/title"> 1159 <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words"> 1160 Restoranlar niyÉ "depozit" istÉyirlÉr? 1161 </h2> 1162 </a> 1163 </div> 1164 </div> 1165 </div> 1166 <!-- Slide 6 --> 1167 <div class="min-w-full relative h-full flex-shrink-0"> 1168 <div class="w-full h-full relative overflow-hidden"> 1169 <img src="https://valyuta.az/storage/104385/conversions/01M3XWH12FM1KD8YY786F5JV7B-main.webp" 1170 alt="âYüksÉliÅâin qalibi âAzÉr Türk Bankâda müÅavir tÉyin edildi" 1171 class="w-full h-full object-cover object-center absolute inset-0" 1172 style="object-fit: cover; object-position: center;"> 1173 </div> 1174 1175 <!-- Gradient Overlay --> 1176 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div> 1177 1178 <!-- Content Container --> 1179 <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8"> 1180 <!-- Additional dark overlay only for text area --> 1181 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div> 1182 1183 <!-- Content (relative to be above overlay) --> 1184 <div class="relative z-10"> 1185 <!-- Meta Information --> 1186 <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3"> 1187 <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">02.10.2026</span> 1188 <!-- <span class="text-white/80">â¢</span> --> 1189 <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg"> 1190 <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1191 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1192 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1193 </svg> 1194 580 1195 </div> --> 1196 </div> 1197 1198 <!-- Main Title --> 1199 <a href="https://valyuta.az/news/yukselisin-qalibi-azer-turk-bankda-musavir-teyin-edildi" 1200 aria-label="XÉbÉr: âYüksÉliÅâin qalibi âAzÉr Türk Bankâda müÅavir tÉyin edildi" 1201 class="block group/title"> 1202 <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words"> 1203 âYüksÉliÅâin qalibi âAzÉr Türk Bankâda müÅavir tÉyin edildi 1204 </h2> 1205 </a> 1206 </div> 1207 </div> 1208 </div> 1209 <!-- Slide 7 --> 1210 <div class="min-w-full relative h-full flex-shrink-0"> 1211 <div class="w-full h-full relative overflow-hidden"> 1212 <img src="https://valyuta.az/storage/104304/conversions/01M3S31CP1Z66PSXWZ4Z050T36-main.webp" 1213 alt="AzÉrbaycanda "iPhone 18 Pro" üçün 3 ayın maaÅı lazımdır - BÉs qonÅu ölkÉlÉrdÉ?" 1214 class="w-full h-full object-cover object-center absolute inset-0" 1215 style="object-fit: cover; object-position: center;"> 1216 </div> 1217 1218 <!-- Gradient Overlay --> 1219 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div> 1220 1221 <!-- Content Container --> 1222 <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8"> 1223 <!-- Additional dark overlay only for text area --> 1224 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div> 1225 1226 <!-- Content (relative to be above overlay) --> 1227 <div class="relative z-10"> 1228 <!-- Meta Information --> 1229 <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1230 <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">02.10.2026</span> 1231 <!-- <span class="text-white/80">â¢</span> --> 1232 <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg"> 1233 <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1234 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1235 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1236 </svg> 1237 401 1238 </div> --> 1239 </div> 1240 1241 <!-- Main Title --> 1242 <a href="https://valyuta.az/news/azerbaycanda-iphone-18-pro-ucun-3-ayliq-orta-emekhaqqi-lazimdir-bes-qonsu-olkelerde" 1243 aria-label="XÉbÉr: AzÉrbaycanda "iPhone 18 Pro" üçün 3 ayın maaÅı lazımdır - BÉs qonÅu ölkÉlÉrdÉ?" 1244 class="block group/title"> 1245 <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words"> 1246 AzÉrbaycanda "iPhone 18 Pro" üçün 3 ayın maaÅı lazımdır 1247 - BÉs qonÅu ölkÉlÉrdÉ? 1248 </h2> 1249 </a> 1250 </div> 1251 </div> 1252 </div> 1253 </div> 1254 1255 <!-- Navigation Dots --> 1256 <div class="absolute bottom-3 sm:bottom-4 md:bottom-6 right-3 sm:right-4 md:right-6 flex space-x-1.5 sm:space-x-2" id="pagination"> 1257 <button onclick="goToSlide(0)" 1258 aria-label="Slayd 1-É keç" 1259 class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-100"> 1260 </button> 1261 <button onclick="goToSlide(1)" 1262 aria-label="Slayd 2-É keç" 1263 class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50"> 1264 </button> 1265 <button onclick="goToSlide(2)" 1266 aria-label="Slayd 3-É keç" 1267 class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50"> 1268 </button> 1269 <button onclick="goToSlide(3)" 1270 aria-label="Slayd 4-É keç" 1271 class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50"> 1272 </button> 1273 <button onclick="goToSlide(4)" 1274 aria-label="Slayd 5-É keç" 1275 class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50"> 1276 </button> 1277 <button onclick="goToSlide(5)" 1278 aria-label="Slayd 6-É keç" 1279 class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50"> 1280 </button> 1281 <button onclick="goToSlide(6)" 1282 aria-label="Slayd 7-É keç" 1283 class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50"> 1284 </button> 1285 </div> 1286 1287 <!-- Navigation Arrows --> 1288 <button onclick="prevSlide()" aria-label="ÆvvÉlki slayd" class="absolute left-2 sm:left-3 md:left-4 top-1/2 transform -translate-y-1/2 w-8 h-8 sm:w-9 sm:h-9 md:w-10 md:h-10 bg-white/20 hover:bg-white/30 rounded-full flex items-center justify-center transition-all duration-300 opacity-0 group-hover:opacity-100"> 1289 <svg class="w-4 h-4 sm:w-5 sm:h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1290 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> 1291 </svg> 1292 </button> 1293 <button onclick="nextSlide()" aria-label="NövbÉti slayd" class="absolute right-2 sm:right-3 md:right-4 top-1/2 transform -translate-y-1/2 w-8 h-8 sm:w-9 sm:h-9 md:w-10 md:h-10 bg-white/20 hover:bg-white/30 rounded-full flex items-center justify-center transition-all duration-300 opacity-0 group-hover:opacity-100"> 1294 <svg class="w-4 h-4 sm:w-5 sm:h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1295 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 1296 </svg> 1297 </button> 1298 </div> 1299 </div>
1300 <!-- SaÄda 2 xÉbÉr --> 1301 <div class="hidden md:flex flex-row md:flex-col gap-2 sm:gap-3 md:gap-3 w-full md:w-[300px] md:flex-shrink-0 overflow-hidden"> 1302 <a href="https://valyuta.az/news/yelobank-kartlarinda-kesbek-sertleri-hansi-kateqoriyada-nece-faiz-qaytarilir" 1303 aria-label="XÉbÉr: "Yelo Bank" kartlarında keÅbek ÅÉrtlÉri: Hansı kateqoriyada neÃ§É faiz qaytarılır?" 1304 class="relative h-[120px] sm:h-[140px] md:h-[195px] lg:h-[234px] group flex-1 block min-w-0"> 1305 <div class="w-full h-full relative overflow-hidden rounded-xl sm:rounded-2xl"> 1306 <img src="https://valyuta.az/storage/104267/conversions/01M3PE3SR4J0C0X2XF0Z8H4720-maincard.webp" 1307 alt=""Yelo Bank" kartlarında keÅbek ÅÉrtlÉri: Hansı kateqoriyada neÃ§É faiz qaytarılır?" 1308 class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-105 transition-transform duration-300" 1309 style="object-fit: cover; object-position: center;"> 1310 </div> 1311 1312 <!-- Gradient Overlay --> 1313 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent rounded-xl sm:rounded-2xl"></div> 1314 1315 <!-- Content Container --> 1316 <div class="absolute bottom-0 left-0 right-0 p-2 sm:p-3 md:p-4 roun
1316ded-xl sm:rounded-2xl"> 1317 <!-- Additional dark overlay only for text area --> 1318 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent rounded-xl sm:rounded-2xl"></div> 1319 1320 <!-- Content (relative to be above overlay) --> 1321 <div class="relative z-10"> 1322 <h3 class="text-white font-medium text-xs sm:text-sm md:text-lg mb-1 sm:mb-2 md:mb-3 line-clamp-2 group-hover:text-[#388e3c] transition-colors drop-shadow-lg break-words"> 1323 "Yelo Bank" kartlarında keÅbek ÅÉrtlÉri: 1324 <span class="text-[#008000] text-xs sm:text-sm md:text-lg font-bold drop-shadow-lg">Hansı kateqoriyada neÃ§É faiz qaytarılır?</span> 1325 </h3> 1326 </div> 1327 </div> 1328 </a> 1329 <a href="https://valyuta.az/news/sigortali-ev-30-gun-bos-qalarsa-ne-bas-verir" 1330 aria-label="XÉbÉr: SıÄortalı ev 30 gün boÅ qalarsa, nÉ baÅ verir?" 1331 class="relative h-[120px] sm:h-[140px] md:h-[195px] lg:h-[234px] group flex-1 block min-w-0"> 1332 <div class="w-full h-full relative overflow-hidden rounded-xl sm:rounded-2xl"> 1333 <img src="https://valyuta.az/storage/104318/conversions/01M3V19ZNAWTKKYKBENF1T502Z-maincard.webp" 1334 alt="SıÄortalı ev 30 gün boÅ qalarsa, nÉ baÅ verir?" 1335 class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-105 transition-transform duration-300" 1336 style="object-fit: cover; object-position: center;"> 1337 </div> 1338 1339 <!-- Gradient Overlay --> 1340 <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent rounded-xl sm:rounded-2xl"></div> 1341 1342 <!-- Content Container --> 1343 <div class="absolute bottom-0 left-0 right-0 p-2 sm:p-3 md:p-4 roun
1343ded-xl sm:rounded-2xl"> 1344 <!-- Additional dark overlay only for text area --> 1345 <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent rounded-xl sm:rounded-2xl"></div> 1346 1347 <!-- Content (relative to be above overlay) --> 1348 <div class="relative z-10"> 1349 <h3 class="text-white font-medium text-xs sm:text-sm md:text-lg mb-1 sm:mb-2 md:mb-3 line-clamp-2 group-hover:text-[#388e3c] transition-colors drop-shadow-lg break-words"> 1350 SıÄortalı ev 30 gün boÅ qalarsa, nÉ baÅ verir? 1351 </h3> 1352 </div> 1353 </div> 1354 </a> 1355 </div> 1356 </div> 1357 <!-- Alt: Valyuta kartları tam eni tutur --> 1358 <div class="w-full overflow-hidden" x-data="currencyCalculatorV2"> 1359 <!-- Loading and Status Bar --> 1360 <div class="flex items-center justify-between mb-2 px-1"> 1361 <div class="flex items-center gap-2"> 1362 <!-- Loading Indicator --> 1363 <div x-show="isLoading" class="flex items-center gap-1 text-xs text-blue-600"> 1364 <svg class="animate-spin h-3 w-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 1365 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 1366 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 1367 </svg> 1368 <span x-text="getLoadingStatus()"></span> 1369 </div> 1370 1371 <!-- Success Indicator --> 1372 <div x-show="!isLoading && !error" class="flex items-center gap-1 text-xs text-green-700"> 1373 <svg class="h-3 w-3" fill="currentColor" viewBox="0 0 20 20"> 1374 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 1375 </svg> 1376 <span>Canlı mÉzÉnnÉlÉr</span> 1377 </div> 1378 1379 <!-- Error Indicator --> 1380 <div x-show="error" class="flex items-center gap-1 text-xs text-red-600"> 1381 <svg class="h-3 w-3" fill="currentColor" viewBox="0 0 20 20"> 1382 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path> 1383 </svg> 1384 <span x-text="error"></span> 1385 </div> 1386 </div> 1387 1388 <!-- Last Update Time --> 1389 <div class="text-xs text-gray-500" x-text="getLastUpdate()"></div> 1390 1391 <!-- Refresh Button --> 1392 <button @click="refreshRates()" 1393 aria-label="MÉzÉnnÉlÉri yenilÉ" 1394 class="text-xs text-blue-600 hover:text-blue-800 transition-colors" 1395 :disabled="isLoading"> 1396 <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1397 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path> 1398 </svg> 1399 </button> 1400 </div> 1401 1402 <div class="relative"> 1403 <div class="overflow-x-auto pb-2 -mx-2 px-2 sm:-mx-4 sm:px-4 md:mx-0 md:px-0"> 1404 <div class="flex md:grid md:grid-cols-6 gap-2 w-full min-w-[320px] md:min-w-0"> 1405 <template x-for="(card, idx) in cards" :key="card.id"> 1406 <div class="bg-white border border-gray-200 rounded-2xl p-1.5 md:p-2 shadow-sm flex flex-col relative transition-all duration-200 min-h-[60
1406px] md:min-h-[55px] flex-shrink-0 w-[140px] sm:w-[160px] md:w-auto"> 1407 1408 1409 <div class="flex items-center gap-1 mb-0.5"> 1410 <img :src="card.flag" :alt="card.name + ' bayraÄı'" class="w-5 h-3 sm:w-6 sm:h-4 md:w-6 md:h-4 rounded border border-gray-200 flex-shrink-0" /> 1411 <div class="min-w-0 flex-1"> 1412 <div class="text-xs md:text-sm font-semibold text-gray-900 leading-tight truncate" x-text="card.code"></div> 1413 <div class="text-[8px] md:text-[9px] text-gray-500 font-medium leading-tight truncate" x-text="card.name"></div> 1414 </div> 1415 </div> 1416 <div class="relative flex items-center justify-center mb-0.5"> 1417 <input type="text" inputmode="decimal" pattern="[0-9.,]*" 1418 :aria-label="card.name + ' mÉblÉÄi'" 1419 class="w-full text-sm md:text-lg font-bold text-center text-gray-900 bg-white border border-gray-200 focus:border-gray-400 rounded-full py-0.5 px-1 md:py-0.5 md:px-1 outline-none transition-all placeholder:text-gray-300" 1420 x-model="card.amount" 1421 @input="updateAll(idx)" 1422 autocomplete="off" /> 1423 </div> 1424 <div class="flex justify-between items-center text-[8px] md:text-[9px] text-gray-500 mt-auto pt-0.5"> 1425 <span x-text="card.date" class="truncate"></span> 1426 <span class="truncate">1 AZN = <span x-text="Number(card.rate).toFixed(2)"></span> <span x-text="card.code"></span></span> 1427 </div> 1428 </div> 1429 </template> 1430 <!-- Add Card Button as Card --> 1431 <a href="/valyuta-kalkulyatoru2" aria-label="Valyuta kalkulyatoruna keç - Daha çox valyuta" class="flex flex-col items-center justify-center bg-gradient-to-br from-[#eafaf1] to-white border-2 border-dashed border-[#00b894] rounded-2xl p-1.5 md:p-2 shadow-sm hover:shadow-md transition-all duration-200 min-h-[60px] md:min-h-[55px] group cursor-pointer flex-shrink-0 w-[140px] sm:w-[160px] md:w-auto"> 1432 <div class="flex items-center justify-center w-6 h-6 sm:w-7 sm:h-7 md:w-7 md:h-7 bg-[#00b894]/10 group-hover:bg-[#00b894]/20 rounded-full mb-0.5"> 1433 <svg class="w-3 h-3 sm:w-4 sm:h-4 md:w-5 md:h-5 text-[#00b894] group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1434 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" /> 1435 </svg> 1436 </div> 1437 <div class="text-[#00b894] font-semibold text-[9px] sm:text-[10px] md:text-xs text-center">Daha çox valyuta</div> 1438 <div class="text-[7px] sm:text-[8px] md:text-[9px] text-gray-600 mt-0.5 md:mt-1 text-center">Kalkulyator üçün klik edin</div> 1439 </a> 1440 </div> 1441 </div> 1442 </div> 1443 </div> 1444 <!-- ÆlavÉ: XÉbÉrlÉr vÉ saÄ widgetlÉr grid-i bÉrpa et --> 1445 <div class="flex flex-col md:flex-row gap-6 overflow-hidden"> 1446 <!-- Sol: XÉbÉrlÉr grid-i --> 1447 <div class="flex-1 min-w-0"> 1448 <div class="bg-white rounded-xl"> 1449 <!-- Tab Navigation --> 1450 <div class="flex items-center border-b px-4"> 1451 <div class="flex items-center min-w-0 flex-1 overflow-x-auto overflow-y-hidden scrollbar-hide"> 1452 <div class="flex items-center space-x-0 min-w-max"> 1453 <button class="px-4 py-3 text-sm font-medium text-[#2d7230] border-b-2 border-[#2d7230] -mb-[2px] whitespace-nowrap flex-shrink-0" 1454 onclick="loadLatestNews()" 1455 aria-label="Son xÉbÉrlÉr xÉbÉrlÉrini göstÉr" 1456 id="latest-news-tab"> 1457 Son xÉbÉrlÉr 1458 </button> 1459 1460 <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 1461 onclick="loadCategoryNews(19, 'Bank')" 1462 aria-label="Bank kateqoriyası xÉbÉrlÉrini göstÉr" 1463 id="category-19-tab"> 1464 Bank 1465 </button> 1466 <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 1467 onclick="loadCategoryNews(20, 'SıÄorta')" 1468 aria-label="SıÄorta kateqoriyası xÉbÉrlÉrini göstÉr" 1469 id="category-20-tab"> 1470 SıÄorta 1471 </button> 1472 <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 1473 onclick="loadCategoryNews(5, 'Tech & AI')" 1474 aria-label="Tech & AI kateqoriyası xÉbÉrlÉrini göstÉr" 1475 id="category-5-tab"> 1476 Tech & AI 1477 </button> 1478 <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 1479 onclick="loadCategoryNews(58, 'Ofis+')" 1480 aria-label="Ofis+ kateqoriyası xÉbÉrlÉrini göstÉr" 1481 id="category-58-tab"> 1482 Ofis+ 1483 </button> 1484 </div> 1485 </div> 1486 1487 <div class="hidden md:flex space-x-2 flex-shrink-0 ml-4"> 1488 <button onclick="toggleNewsView('grid')" aria-label="Qrid görünüÅü" class="p-2 hover:bg-gray-100 rounded-lg" id="gridViewBtn"> 1489 <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1490 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" /> 1491 </svg> 1492 </button> 1493 <button onclick="toggleNewsView('list')" aria-label="Siyahı görünüÅü" class="p-2 hover:bg-gray-100 rounded-lg" id="listViewBtn"> 1494 <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1495 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10
1495h16M4 14h16M4 18h16" /> 1496 </svg> 1497 </button> 1498 </div> 1499 </div> 1500 <!-- News Container --> 1501 <div class="p-4"> 1502 <div id="listViewContainer" class="hidden md:block"> 1503 <a href="https://valyuta.az/news/azerbaycanda-kredit-qoyuluslari-44-milyard-manatdan-cox-artib" 1504 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1505 <div class="flex gap-6"> 1506 <div class="relative flex-shrink-0"> 1507 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1508 <img src="https://valyuta.az/storage/104373/conversions/01M3XPNDV44HRA0RAYQ6MJP9ED-longcard.webp" 1509 alt="AzÉrbaycanda kredit qoyuluÅları 4,4 milyard manatdan çox artıb" 1510 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1511 </div> 1512 </div> 1513 <div class="flex flex-col flex-1"> 1514 <!-- <div class="flex items-center gap-3 mb-3"> 1515 1516 <div class="flex items-center gap-4 text-sm text-gray-400"> 1517 <span>03.10.2026</span> 1518 <div class="flex items-center gap-1"> 1519 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1520 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1521 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1522 </svg> 1523 63 1524 </div> 1525 </div> 1526 </div> --> 1527 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1528 AzÉrbaycanda kredit qoyuluÅları 4,4 milyard manatdan çox artıb 1529 </h3> 1530 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1531 </div> 1532 </div> 1533</a> <a href="https://valyuta.az/news/avropada-data-merkezlerinde-isci-telebi-suretle-artir-maaslar-niye-daha-yuksekdir" 1534 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1535 <div class="flex gap-6"> 1536 <div class="relative flex-shrink-0"> 1537 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1538 <img src="https://valyuta.az/storage/104375/conversions/01M3XQEG3Q1AYVG91R0P745TW6-longcard.webp" 1539 alt="Avropada data mÉrkÉzlÉrindÉ iÅçi tÉlÉbi sürÉtlÉ artır " 1540 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1541 </div> 1542 </div> 1543 <div class="flex flex-col flex-1"> 1544 <!-- <div class="flex items-center gap-3 mb-3"> 1545 1546 <div class="flex items-center gap-4 text-sm text-gray-400"> 1547 <span>03.10.2026</span> 1548 <div class="flex items-center gap-1"> 1549 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1550 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1551 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1552 </svg> 1553 169 1554 </div> 1555 </div> 1556 </div> --> 1557 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1558 Avropada data mÉrkÉzlÉrindÉ iÅçi tÉlÉbi sürÉtlÉ artır
1559 <span class="text-[#008000;]">â MaaÅlar niyÉ daha yüksÉkdir?</span> 1560 </h3> 1561 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1562 </div> 1563 </div> 1564</a> <a href="https://valyuta.az/news/xarice-sefer-sigortasinda-odenisler-313-min-manat-artib" 1565 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1566 <div class="flex gap-6"> 1567 <div class="relative flex-shrink-0"> 1568 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1569 <img src="https://valyuta.az/storage/104368/conversions/01M3XN279EY40BANJWGF8BWBSH-longcard.webp" 1570 alt="XaricÉ sÉfÉr sıÄortasında ödÉniÅlÉr 313 min manat artıb" 1571 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1572 </div> 1573 </div> 1574 <div class="flex flex-col flex-1"> 1575 <!-- <div class="flex items-center gap-3 mb-3"> 1576 1577 <div class="flex items-center gap-4 text-sm text-gray-400"> 1578 <span>03.10.2026</span> 1579 <div class="flex items-center gap-1"> 1580 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1581 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1582 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1583 </svg> 1584 170 1585 </div> 1586 </div> 1587 </div> --> 1588 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1589 XaricÉ sÉfÉr sıÄortasında ödÉniÅlÉr 313 min manat artıb 1590 </h3> 1591 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1592 </div> 1593 </div> 1594</a> <a href="https://valyuta.az/news/kolleksiyacilarin-gozu-bu-saatlardadir-qiymetler-diqqet-cekir" 1595 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1596 <div class="flex gap-6"> 1597 <div class="relative flex-shrink-0"> 1598 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1599 <img src="https://valyuta.az/storage/104397/conversions/01M3Y4QEM84CTZXQW017905VQB-longcard.webp" 1600 alt="Kolleksiyaçıların gözü bu saatlardadır" 1601 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1602 </div> 1603 </div> 1604 <div class="flex flex-col flex-1"> 1605 <!-- <div class="flex items-center gap-3 mb-3"> 1606 1607 <div class="flex items-center gap-4 text-sm text-gray-400"> 1608 <span>03.10.2026</span> 1609 <div class="flex items-center gap-1"> 1610 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1611 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1612 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1613 </svg> 1614 185 1615 </div> 1616 </div> 1617 </div> --> 1618 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1619 Kolleksiyaçıların gözü bu saatlardadır 1620 </h3> 1621 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1622 </div> 1623 </div> 1624</a> <a href="https://valyuta.az/news/bunlari-etseniz-daha-az-pul-xercleyeceksiniz-10-sade-usul" 1625 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1626 <div class="flex gap-6"> 1627 <div class="relative flex-shrink-0"> 1628 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1629 <img src="https://valyuta.az/storage/104380/conversions/01M3XS9NKP1WAA7QRPN88R1M61-longcard.webp" 1630 alt="Bunları etsÉniz, daha az pul xÉrclÉyÉcÉksiniz " 1631 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1632 </div> 1633 </div> 1634 <div class="flex flex-col flex-1"> 1635 <!-- <div class="flex items-center gap-3 mb-3"> 1636 1637 <div class="flex items-center gap-4 text-sm text-gray-400">
1638 <span>03.10.2026</span> 1639 <div class="flex items-center gap-1"> 1640 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1641 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1642 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1643 </svg> 1644 180 1645 </div> 1646 </div> 1647 </div> --> 1648 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1649 Bunları etsÉniz, daha az pul xÉrclÉyÉcÉksiniz 1650 <span class="text-[#008000;]">â 10 sadÉ Ã¼sul</span> 1651 </h3> 1652 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1653 </div> 1654 </div> 1655</a> <a href="https://valyuta.az/news/azerbaycandan-mese-findigi-ixraci-198-artib" 1656 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1657 <div class="flex gap-6"> 1658 <div class="relative flex-shrink-0"> 1659 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1660 <img src="https://valyuta.az/storage/104363/conversions/01M3XKWJTWE4TTTYYB1M4R7525-longcard.webp" 1661 alt="AzÉrbaycandan meÅÉ fındıÄı ixracı 19,8% artıb" 1662 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1663 </div> 1664 </div> 1665 <div class="flex flex-col flex-1"> 1666 <!-- <div class="flex items-center gap-3 mb-3"> 1667 1668 <div class="flex items-center gap-4 text-sm text-gray-400"> 1669 <span>03.10.2026</span> 1670 <div class="flex items-center gap-1"> 1671 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1672 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1673 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1674 </svg> 1675 204 1676 </div> 1677 </div> 1678 </div> --> 1679 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1680 AzÉrbaycandan meÅÉ fındıÄı ixracı 19,8% artıb 1681 </h3> 1682 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1683 </div> 1684 </div> 1685</a> <a href="https://valyuta.az/news/20-yaslarinizda-daha-zengin-yasamaq-ucun-ne-etmelisiniz" 1686 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1687 <div class="flex gap-6"> 1688 <div class="relative flex-shrink-0"> 1689 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1690 <img src="https://valyuta.az/storage/104389/conversions/01M3Y03M749CMJ4J3QA5JDVJZ6-longcard.webp" 1691 alt="20 yaÅlarınızda daha zÉngin yaÅamaq üçün nÉ etmÉlisiniz?" 1692 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1693 </div> 1694 </div> 1695 <div class="flex flex-col flex-1"> 1696 <!-- <div class="flex items-center gap-3 mb-3"> 1697 1698 <div class="flex items-center gap-4 text-sm text-gray-400"> 1699 <span>03.10.2026</span> 1700 <div class="flex items-center gap-1"> 1701 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1702 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1703 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1704 </svg> 1705 182 1706 </div> 1707 </div> 1708 </div> --> 1709 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1710 20 yaÅlarınızda daha zÉngin yaÅamaq üçün nÉ etmÉlisiniz? 1711 </h3> 1712 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1713 </div> 1714 </div> 1715</a> <a href="https://valyuta.az/news/morgan-stanley-kicik-terefdasliqdan-qlobal-maliyye-nehengine-geden-yol" 1716 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1717 <div class="flex gap-6"> 1718 <div class="relative flex-shrink-0"> 1719 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1720 <img src="https://valyuta.az/storage/104394/conversions/01M3Y398HZATYX5WBHQPEAE43E-longc
1720ard.webp" 1721 alt="âMorgan Stanleyâ: " 1722 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1723 </div> 1724 </div> 1725 <div class="flex flex-col flex-1"> 1726 <!-- <div class="flex items-center gap-3 mb-3"> 1727 1728 <div class="flex items-center gap-4 text-sm text-gray-400"> 1729 <span>03.10.2026</span> 1730 <div class="flex items-center gap-1"> 1731 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1732 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1733 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1734 </svg> 1735 152 1736 </div> 1737 </div> 1738 </div> --> 1739 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1740 âMorgan Stanleyâ: 1741 <span class="text-[#008000;]">kiçik tÉrÉfdaÅlıqdan qlobal maliyyÉ nÉhÉnginÉ gedÉn yol</span> 1742 </h3> 1743 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1744 </div> 1745 </div> 1746</a> <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" 1747 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1748 <div class="flex gap-6"> 1749 <div class="relative flex-shrink-0"> 1750 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1751 <img src="https://valyuta.az/storage/104367/conversions/01M3XMQVD66761HBPGDGVN6CXC-longcard.webp" 1752 alt="ÆmÉk qabiliyyÉti üzrÉ sıÄorta ödÉniÅlÉri 189 min manat azalıb" 1753 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1754 </div> 1755 </div> 1756 <div class="flex flex-col flex-1"> 1757 <!-- <div class="flex items-center gap-3 mb-3"> 1758 1759 <div class="flex items-center gap-4 text-sm text-gray-400"> 1760 <span>03.10.2026</span> 1761 <div class="flex items-center gap-1"> 1762 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1763 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1764 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1765 </svg> 1766 256 1767 </div> 1768 </div> 1769 </div> --> 1770 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1771 ÆmÉk qabiliyyÉti üzrÉ sıÄorta ödÉniÅlÉri 189 min manat azalıb 1772 </h3> 1773 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1774 </div> 1775 </div> 1776</a> <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" 1777 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1778 <div class="flex gap-6"> 1779 <div class="relative flex-shrink-0"> 1780 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1781 <img src="https://valyuta.az/storage/104398/conversions/01M3Y6ZAZBYPN014XJAACAAC6H-longcard.webp" 1782 alt="HÉlÉ tikilmÉyib, amma 80%-i satılıb: " 1783 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1784 </div> 1785 </div> 1786 <div class="flex flex-col flex-1"> 1787 <!-- <div class="flex items-center gap-3 mb-3"> 1788 1789 <div class="flex items-center gap-4 text-sm text-gray-400">
1790 <span>03.10.2026</span> 1791 <div class="flex items-center gap-1"> 1792 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1793 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1794 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1795 </svg> 1796 260 1797 </div> 1798 </div> 1799 </div> --> 1800 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1801 HÉlÉ tikilmÉyib, amma 80%-i satılıb: 1802 <span class="text-[#008000;]">1,7 milyard dollarlıq layihÉ</span> 1803 </h3> 1804 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1805 </div> 1806 </div> 1807</a> <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" 1808 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1809 <div class="flex gap-6"> 1810 <div class="relative flex-shrink-0"> 1811 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1812 <img src="https://valyuta.az/storage/104371/conversions/01M3XNK0WC8BCG3513SY9R34SV-longcard.webp" 1813 alt="AzÉrbaycanda geniÅ pul kütlÉsi 55 milyard manata yaxınlaÅıb" 1814 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1815 </div> 1816 </div> 1817 <div class="flex flex-col flex-1"> 1818 <!-- <div class="flex items-center gap-3 mb-3"> 1819 1820 <div class="flex items-center gap-4 text-sm text-gray-400"> 1821 <span>03.10.2026</span> 1822 <div class="flex items-center gap-1"> 1823 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1824 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1825 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1826 </svg> 1827 279 1828 </div> 1829 </div> 1830 </div> --> 1831 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1832 AzÉrbaycanda geniÅ pul kütlÉsi 55 milyard manata yaxınlaÅıb 1833 </h3> 1834 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1835 </div> 1836 </div> 1837</a> <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" 1838 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1839 <div class="flex gap-6"> 1840 <div class="relative flex-shrink-0"> 1841 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1842 <img src="https://valyuta.az/storage/104416/conversions/01M406WRPSMHYCE3GNFDKBX0VG-longcard.webp" 1843 alt="Qızılın qiymÉti 4 200 dollardan aÅaÄı enib" 1844 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1845 </div> 1846 </div> 1847 <div class="flex flex-col flex-1"> 1848 <!-- <div class="flex items-center gap-3 mb-3"> 1849 1850 <div class="flex items-center gap-4 text-sm text-gray-400"> 1851 <span>03.10.2026</span> 1852 <div class="flex items-center gap-1"> 1853 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1854 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1855 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1856 </svg> 1857 419 1858 </div> 1859 </div> 1860 </div> --> 1861 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1862 Qızılın qiymÉti 4 200 dollardan aÅaÄı enib 1863 </h3> 1864 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1865 </div> 1866 </div> 1867</a> <a href="https://valyuta.az/news/wikimedia-rehberi-biz-xeyriyye-istemirik" 1868 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1869 <div class="flex gap-6"> 1870 <div class="relative flex-shrink-0"> 1871 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1872 <img src="https://valyuta.az/storage/104388/conversions/01M3XZNZGVD47SMRX7BZG468X8-longcard.webp" 1873 alt="âWikimediaâ rÉhbÉri: " 1874 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1875 </div> 1876 </div> 1877 <div class="flex flex-col flex-1"> 1878 <!-- <div class="flex items-center gap-3 mb-3"> 1879 1880 <div class="flex items-center gap-4 text-sm text-gray-400">
1881 <span>03.10.2026</span> 1882 <div class="flex items-center gap-1"> 1883 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1884 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1885 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1886 </svg> 1887 174 1888 </div> 1889 </div> 1890 </div> --> 1891 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1892 âWikimediaâ rÉhbÉri: 1893 <span class="text-[#008000;]">âBiz xeyriyyÉ istÉmirikâ</span> 1894 </h3> 1895 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1896 </div> 1897 </div> 1898</a> <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" 1899 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1900 <div class="flex gap-6"> 1901 <div class="relative flex-shrink-0"> 1902 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1903 <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-longcard.webp" 1904 alt=""YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir"" 1905 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1906 </div> 1907 </div> 1908 <div class="flex flex-col flex-1"> 1909 <!-- <div class="flex items-center gap-3 mb-3"> 1910 1911 <div class="flex items-center gap-4 text-sm text-gray-400"> 1912 <span>03.10.2026</span> 1913 <div class="flex items-center gap-1"> 1914 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1915 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1916 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1917 </svg> 1918 277 1919 </div> 1920 </div> 1921 </div> --> 1922 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1923 "YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir" 1924 <span class="text-[#008000;]">- Ekspert</span> 1925 </h3> 1926 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1927 </div> 1928 </div> 1929</a> <a href="https://valyuta.az/news/sahibkarlarin-oxumali-oldugu-kitablar-siyahi" 1930 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1931 <div class="flex gap-6"> 1932 <div class="relative flex-shrink-0"> 1933 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1934 <img src="https://valyuta.az/storage/104377/conversions/01M3XR8QPHXWBABFWP4AZSVCXZ-longcard.webp" 1935 alt="Sahibkarların oxumalı olduÄu kitablar" 1936 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1937 </div> 1938 </div> 1939 <div class="flex flex-col flex-1"> 1940 <!-- <div class="flex items-center gap-3 mb-3"> 1941 1942 <div class="flex items-center gap-4 text-sm text-gray-400">
1943 <span>03.10.2026</span> 1944 <div class="flex items-center gap-1"> 1945 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1946 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1947 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1948 </svg> 1949 190 1950 </div> 1951 </div> 1952 </div> --> 1953 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1954 Sahibkarların oxumalı olduÄu kitablar 1955 <span class="text-[#008000;]">â SİYAHI</span> 1956 </h3> 1957 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1958 </div> 1959 </div> 1960</a> <a href="https://valyuta.az/news/novartis-cinin-abogen-sirketi-ile-78-milyard-dollarliq-sazis-imzalayib" 1961 class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4"> 1962 <div class="flex gap-6"> 1963 <div class="relative flex-shrink-0"> 1964 <div class="w-64 h-36 rounded-xl overflow-hidden"> 1965 <img src="https://valyuta.az/storage/104387/conversions/01M3XYZF9R1SA1T7CY1CQ180Q9-longcard.webp" 1966 alt="âNovartisâ Ãinin âAbogenâ ÅirkÉti ilÉ 7,8 milyard dollarlıq saziÅ imzalayıb" 1967 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 1968 </div> 1969 </div> 1970 <div class="flex flex-col flex-1"> 1971 <!-- <div class="flex items-center gap-3 mb-3"> 1972 1973 <div class="flex items-center gap-4 text-sm text-gray-400"> 1974 <span>02.10.2026</span> 1975 <div class="flex items-center gap-1"> 1976 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1977 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 1978 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 1979 </svg> 1980 128 1981 </div> 1982 </div> 1983 </div> --> 1984 <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3"> 1985 âNovartisâ Ãinin âAbogenâ ÅirkÉti ilÉ 7,8 milyard dollarlıq saziÅ imzalayıb 1986 </h3> 1987 <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p> 1988 </div> 1989 </div> 1990</a> <!-- Loading indicator for list view --> 1991 <div id="listViewLoading" class="hidden"> 1992 <!-- Skeleton loading cards for list view --> 1993 <div class="space-y-4"> 1994 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 1995 <div class="flex gap-4 p-3"> 1996 <!-- Skeleton image with standard dimensions --> 1997 <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div> 1998 <div class="flex-1 space-y-2"> 1999 <div class="flex items-center gap-2"> 2000 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2001 <div class="w-20 h-4 bg-gray-200 rounded-full"></div> 2002 </div> 2003 <div class="space-y-1"> 2004 <div class="w-full h-4 bg-gray-200 rounded"></div> 2005 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2006 </div> 2007 <div class="flex items-center gap-2"> 2008 <div class="w-4 h-4 bg-gray-200 rounded"></div> 2009 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2010 </div> 2011 </div> 2012 </div> 2013 </div> 2014 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2015 <div class="flex gap-4 p-3"> 2016 <!-- Skeleton image with standard dimensions --> 2017 <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div> 2018 <div class="flex-1 space-y-2"> 2019 <div class="flex items-center gap-2"> 2020 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2021 <div class="w-20 h-4 bg-gray-200 rounded-full"></div> 2022 </div> 2023 <div class="space-y-1"> 2024 <div class="w-full h-4 bg-gray-200 rounded"></div> 2025 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2026 </div> 2027 <div class="flex items-center gap-2"> 2028 <div class="w-4 h-4 bg-gray-200 rounded"></div> 2029 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2030 </div> 2031 </div> 2032 </div> 2033 </div> 2034 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2035 <div class="flex gap-4 p-3"> 2036 <!-- Skeleton image with standard dimensions --> 2037 <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div> 2038 <div class="flex-1 space-y-2"> 2039 <div class="flex items-center gap-2"> 2040 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2041 <div class="w-20 h-4 bg-gray-200 rounded-full"></div> 2042 </div> 2043 <div class="space-y-1"> 2044 <div class="w-full h-4 bg-gray-200 rounded"></div> 2045 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2046 </div> 2047 <div class="flex items-center gap-2"> 2048 <div class="w-4 h-4 bg-gray-200 rounded"></div> 2049 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2050 </div> 2051 </div> 2052 </div> 2053 </div> 2054 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2055 <div class="flex gap-4 p-3"> 2056 <!-- Skeleton image with standard dimensions --> 2057 <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div> 2058 <div class="flex-1 space-y-2"> 2059 <div class="flex items-center gap-2"> 2060 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2061 <div class="w-20 h-4 bg-gray-200 rounded-full"></div> 2062 </div> 2063 <div class="space-y-1"> 2064 <div class="w-full h-4 bg-gray-200 rounded"></div> 2065 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2066 </div> 2067 <div class="flex items-center gap-2"> 2068 <div class="w-4 h-4 bg-gray-200 rounded"></div> 2069 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2070 </div> 2071 </div> 2072 </div> 2073 </div> 2074 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2075 <div class="flex gap-4 p-3"> 2076 <!-- Skeleton image with standard dimensions --> 2077 <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div> 2078 <div class="flex-1 space-y-2"> 2079 <div class="flex items-center gap-2"> 2080 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2081 <div class="w-20 h-4 bg-gray-200 rounded-full"></div> 2082 </div> 2083 <div class="space-y-1"> 2084 <div class="w-full h-4 bg-gray-200 rounded"></div> 2085 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2086 </div> 2087 <div class="flex items-center gap-2"> 2088 <div class="w-4 h-4 bg-gray-200 rounded"></div> 2089 <div class="w-16 h-4 bg-gray-200 rounded-full"></div> 2090 </div> 2091 </div> 2092 </div> 2093 </div> 2094 </div> 2095 </div> 2096 </div> 2097 <div id="gridViewContainer" class="block md:hidden grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> 2098 <a href="https://valyuta.az/news/azerbaycanda-kredit-qoyuluslari-44-milyard-manatdan-cox-artib" 2099 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2100 style="border-color: #f9fafb;" 2101 data-news-card="true"> 2102 <div class="relative aspect-video"> 2103 <img src="https://valyuta.az/storage/104373/conversions/01M3XPNDV44HRA0RAYQ6MJP9ED-maincard.webp" 2104 alt="AzÉrbaycanda kredit qoyuluÅları 4,4 milyard manatdan çox artıb" 2105 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2106 2107 </div> 2108 <div class="p-3"> 2109 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2110 <div class="flex items-center gap-2"> 2111 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2112 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2113 </svg> 2114 03.10.2026 2115 </div> 2116 <!-- <div class="flex items-center gap-2"> 2117 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2118 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2119 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2120 </svg> 2121 63 2122 </div> --> 2123 </div> 2124 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2125 AzÉrbaycanda kredit qoyuluÅları 4,4 milyard manatdan çox artıb 2126 </h3> 2127 </div> 2128</a> <a href="https://valyuta.az/news/avropada-data-merkezlerinde-isci-telebi-suretle-artir-maaslar-niye-daha-yuksekdir" 2129 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2130 style="border-color: #f9fafb;" 2131 data-news-card="true"> 2132 <div class="relative aspect-video"> 2133 <img src="https://valyuta.az/storage/104375/conversions/01M3XQEG3Q1AYVG91R0P745TW6-maincard.webp" 2134 alt="Avropada data mÉrkÉzlÉrindÉ iÅçi tÉlÉbi sürÉtlÉ artır " 2135 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2136 2137 </div> 2138 <div class="p-3"> 2139 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2140 <div class="flex items-center gap-2"> 2141 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2142 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2143 </svg> 2144 03.10.2026 2145 </div> 2146 <!-- <div class="flex items-center gap-2"> 2147 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2148 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2149 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2150 </svg> 2151 169 2152 </div> --> 2153 </div> 2154 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2155 Avropada data mÉrkÉzlÉrindÉ iÅçi tÉlÉbi sürÉtlÉ artır
2156 <span class="text-[#008000]">â MaaÅlar niyÉ daha yüksÉkdir?</span> 2157 </h3> 2158 </div> 2159</a> <a href="https://valyuta.az/news/xarice-sefer-sigortasinda-odenisler-313-min-manat-artib" 2160 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2161 style="border-color: #f9fafb;" 2162 data-news-card="true"> 2163 <div class="relative aspect-video"> 2164 <img src="https://valyuta.az/storage/104368/conversions/01M3XN279EY40BANJWGF8BWBSH-maincard.webp" 2165 alt="XaricÉ sÉfÉr sıÄortasında ödÉniÅlÉr 313 min manat artıb" 2166 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2167 2168 </div> 2169 <div class="p-3"> 2170 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2171 <div class="flex items-center gap-2"> 2172 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2173 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2174 </svg> 2175 03.10.2026 2176 </div> 2177 <!-- <div class="flex items-center gap-2"> 2178 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2179 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2180 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2181 </svg> 2182 170 2183 </div> --> 2184 </div> 2185 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2186 XaricÉ sÉfÉr sıÄortasında ödÉniÅlÉr 313 min manat artıb 2187 </h3> 2188 </div> 2189</a> <div class="block md:hidden bg-white rounded-xl border border-gray-100"> 2190 <!-- Writers Section --> 2191<div class="bg-white rounded-xl p-3"> 2192 <!-- Header with title and navigation --> 2193 <div class="flex items-center justify-between mb-4 mt-2"> 2194 <h2 class="text-lg font-bold text-gray-800"> 2195 KöÅÉ yazıları 2196 </h2> 2197 <div class="flex gap-1"> 2198 <button onclick="prevWriter('default')" 2199 class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors"> 2200 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2201 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> 2202 </svg> 2203 </button> 2204 <button onclick="nextWriter('default')" 2205 class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors"> 2206 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2207 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 2208 </svg> 2209 </button> 2210 </div> 2211 </div> 2212 2213 <!-- Writers Carousel --> 2214 <div class="overflow-hidden"> 2215 <div class="flex transition-transform duration-300 ease-in-out" id="writersContainer_default"> 2216 <div class="min-w-full"> 2217 <!-- Writer Profile and Article --> 2218 <div class="flex gap-3"> 2219 <div class="flex-shrink-0"> 2220 <a href="https://valyuta.az/author/gunel-agazade" class="block"> 2221 <img src="https://valyuta.az/storage/authors/103975/conversions/01M31ZP92HJ94Q1NVB7PPNKS
22217D-default.jpg" 2222 alt="Günel AÄazadÉ " 2223 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 2224 </a> 2225 </div> 2226 <div class="flex-grow"> 2227 <div class="mb-1"> 2228 <a href="https://valyuta.az/author/gunel-agazade" class="block"> 2229 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 2230 Günel AÄazadÉ 2231 </h3> 2232 </a> 2233 </div> 2234 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 2235 <a href="https://valyuta.az/news/sirketinin-musterisi-insan-yox-suni-intellekt-agenti-olsa-yene-de-satis-ede-biler" class="hover:text-[#388e3c] transition-colors"> 2236 "ÅirkÉtinin müÅtÉrisi insan yox, süni intellekt agenti olsa, yenÉ dÉ satıŠedÉ bilÉr?â 2237 </a> 2238 </h4> 2239 <div class="flex items-center justify-between"> 2240 <span class="text-xs text-gray-400"> 2241 17.09.2026 2242 </span> 2243 </div> 2244 </div> 2245 </div> 2246 </div> 2247 <div class="min-w-full"> 2248 <!-- Writer Profile and Article --> 2249 <div class="flex gap-3"> 2250 <div class="flex-shrink-0"> 2251 <a href="https://valyuta.az/author/vuqar-baba" class="block"> 2252 <img src="https://valyuta.az/storage/authors/170/conversions/1730099567_462363749_843121467984678_3003252572227366788_n-Recovered-default.jpg" 2253 alt="Vüqar Baba" 2254 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 2255 </a> 2256 </div> 2257 <div class="flex-grow"> 2258 <div class="mb-1"> 2259 <a href="https://valyuta.az/author/vuqar-baba" class="block"> 2260 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 2261 Vüqar Baba 2262 </h3> 2263 </a> 2264 </div> 2265 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 2266 <a href="https://valyuta.az/news/bank-respublika-accessbanki-alir-musterilere-neleri-aciqlamalidirlar" class="hover:text-[#388e3c] transition-colors"> 2267 "Bank Respublika" "AccessBank"ı alır - MüÅtÉrilÉrÉ nÉlÉri açıqlamalıdırlar? 2268 </a> 2269 </h4> 2270 <div class="flex items-center justify-between"> 2271 <span class="text-xs text-gray-400"> 2272 14.09.2026 2273 </span> 2274 </div> 2275 </div> 2276 </div> 2277 </div> 2278 <div class="min-w-full"> 2279 <!-- Writer Profile and Article --> 2280 <div class="flex gap-3"> 2281 <div class="flex-shrink-0"> 2282 <a href="https://valyuta.az/author/xeyyam-esgerov" class="block"> 2283 <img src="https://valyuta.az/storage/authors/99806/conversions/01KSHKNYZ8H2QQT9BKRGMM9EG7-default.jpg" 2284 alt="XÉyyam ÆsgÉrov" 2285 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 2286 </a> 2287 </div> 2288 <div class="flex-grow"> 2289 <div class="mb-1"> 2290 <a href="https://valyuta.az/author/xeyyam-esgerov" class="block"> 2291 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 2292 XÉyyam ÆsgÉrov 2293 </h3> 2294 </a> 2295 </div> 2296 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 2297 <a href="https://valyuta.az/news/insani-suni-intellektin-geleceyine-kim-hazirlayir" class="hover:text-[#388e3c] transition-colors">
2298 İnsanı süni intellektin gÉlÉcÉyinÉ kim hazırlayır? 2299 </a> 2300 </h4> 2301 <div class="flex items-center justify-between"> 2302 <span class="text-xs text-gray-400"> 2303 10.09.2026 2304 </span> 2305 </div> 2306 </div> 2307 </div> 2308 </div> 2309 <div class="min-w-full"> 2310 <!-- Writer Profile and Article --> 2311 <div class="flex gap-3"> 2312 <div class="flex-shrink-0"> 2313 <a href="https://valyuta.az/author/ferid-musayev" class="block"> 2314 <img src="https://valyuta.az/storage/authors/103600/conversions/01M256AMTPM9PDJM4YTZ44WV83-default.jpg" 2315 alt="FÉrid Musayev" 2316 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 2317 </a> 2318 </div> 2319 <div class="flex-grow"> 2320 <div class="mb-1"> 2321 <a href="https://valyuta.az/author/ferid-musayev" class="block"> 2322 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 2323 FÉrid Musayev 2324 </h3> 2325 </a> 2326 </div> 2327 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 2328 <a href="https://valyuta.az/news/evvel-qazandirir-sonra-pulunuzu-alirlar-deleduzlar-bele-isleyir" class="hover:text-[#388e3c] transition-colors"> 2329 ÆvvÉl qazandırır, sonra pulunuzu alırlar - DÉlÉduzlar belÉ iÅlÉyir 2330 </a> 2331 </h4> 2332 <div class="flex items-center justify-between"> 2333 <span class="text-xs text-gray-400"> 2334 10.09.2026 2335 </span> 2336 </div> 2337 </div> 2338 </div> 2339 </div> 2340 <div class="min-w-full"> 2341 <!-- Writer Profile and Article --> 2342 <div class="flex gap-3"> 2343 <div class="flex-shrink-0"> 2344 <a href="https://valyuta.az/author/aida-ramiz" class="block"> 2345 <img src="https://valyuta.az/storage/authors/174/conversions/1731994583_0ec670e4-2668-4e0d-83f6-22ef8d29a4c0-default.jpg" 2346 alt="Aida Ramiz" 2347 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 2348 </a> 2349 </div> 2350 <div class="flex-grow"> 2351 <div class="mb-1"> 2352 <a href="https://valyuta.az/author/aida-ramiz" class="block"> 2353 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 2354 Aida Ramiz 2355 </h3> 2356 </a> 2357 </div> 2358 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 2359 <a href="https://valyuta.az/news/mediada-heddinden-artiq-gorunen-ceo-sirketi-kolgede-qoya-biler-ekspert" class="hover:text-[#388e3c] transition-colors"> 2360 âMediada hÉddindÉn artıq görünÉn CEO ÅirkÉti kölgÉdÉ qoya bilÉrâ 2361 </a> 2362 </h4> 2363 <div class="flex items-center justify-between"> 2364 <span class="text-xs text-gray-400"> 2365 24.08.2026 2366 </span> 2367 </div> 2368 </div> 2369 </div> 2370 </div> 2371 </div> 2372 </div> 2373 2374 <!-- Dots Navigation --> 2375 <div class="flex justify-center gap-1 mt-3"> 2376 <button onclick="goToWriter('default', 0)" 2377 id="writerDot_default_0" 2378 class="h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]"> 2379 </button> 2380 <button onclick="goToWriter('default', 1)" 2381 id="writerDot_default_1" 2382 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 2383 </button> 2384 <button onclick="goToWriter('default', 2)" 2385 id="writerDot_default_2" 2386 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 2387 </button> 2388 <button onclick="goToWriter('default', 3)" 2389 id="writerDot_default_3" 2390 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 2391 </button> 2392 <button onclick="goToWriter('default', 4)" 2393 id="writerDot_default_4" 2394 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 2395 </button> 2396 </div> 2397 2398 <!-- Navigation Buttons --> 2399 <div class="mt-2 pt-1 border-t border-gray-100"> 2400 <div class="flex items-center gap-3"> 2401 <a href="https://valyuta.az/kose-yazilari" 2402 class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200"> 2403 MÆQALÆLÆR 2404 </a> 2405 <div class="w-px h-6 bg-gray-300"></div> 2406 <a href="https://valyuta.az/authors" 2407 class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200"> 2408 YAZARLAR 2409 </a> 2410 </div> 2411 </div> 2412</div> 2413
2414<script> 2415// Initialize writers data for this instance 2416if (typeof window.writersData === 'undefined') { 2417 window.writersData = {}; 2418} 2419 2420window.writersData['default'] = { 2421 currentWriter: 0, 2422 totalWriters: 5, 2423 slideInterval: null 2424}; 2425 2426function updateWriterSlide(instance) { 2427 const data = window.writersData[instance]; 2428 const container = document.getElementById(`writersContainer_${instance}`); 2429 container.style.transform = `translateX(-${data.currentWriter * 100}%)`; 2430 2431 // Update dots 2432 for (let i = 0; i < data.totalWriters; i++) { 2433 const dot = document.getElementById(`writerDot_${instance}_${i}`); 2434 if (dot) { // Add null check to prevent error 2435 if (i === data.currentWriter) { 2436 dot.className = 'h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]'; 2437 } else { 2438 dot.className = 'h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200'; 2439 } 2440 } 2441 } 2442} 2443 2444function prevWriter(instance) { 2445 const data = window.writersData[instance]; 2446 data.currentWriter = (data.currentWriter - 1 + data.totalWriters) % data.totalWriters; 2447 updateWriterSlide(instance); 2448 resetInterval(instance); 2449} 2450 2451function nextWriter(instance) { 2452 const data = window.writersData[instance]; 2453 data.currentWriter = (data.currentWriter + 1) % data.totalWriters; 2454 updateWriterSlide(instance); 2455 resetInterval(instance); 2456} 2457 2458function goToWriter(instance, index) { 2459 const data = window.writersData[instance]; 2460 data.currentWriter = index; 2461 updateWriterSlide(instance); 2462 resetInterval(instance); 2463} 2464 2465function startAutoSlide(instance) { 2466 const data = window.writersData[instance]; 2467 data.slideInterval = setInterval(() => { 2468 nextWriter(instance); 2469 }, 5000); 2470} 2471 2472function resetInterval(instance) { 2473 const data = window.writersData[instance]; 2474 clearInterval(data.slideInterval); 2475 startAutoSlide(instance); 2476} 2477 2478// Start automatic sliding when the page loads 2479document.addEventListener('DOMContentLoaded', () => { 2480 startAutoSlide('default'); 2481 updateWriterSlide('default'); 2482 // Add hover events for this instance 2483 const container = document.getElementById(`writersContainer_default`); 2484 container.addEventListener('mouseenter', () => { 2485 clearInterval(window.writersData['default'].slideInterval); 2486 }); 2487 container.addEventListener('mouseleave', () => { 2488 startAutoSlide('default'); 2489 }); 2490}); 2491</script>
2491 </div> 2492 <a href="https://valyuta.az/news/kolleksiyacilarin-gozu-bu-saatlardadir-qiymetler-diqqet-cekir" 2493 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2494 style="border-color: #f9fafb;" 2495 data-news-card="true"> 2496 <div class="relative aspect-video"> 2497 <img src="https://valyuta.az/storage/104397/conversions/01M3Y4QEM84CTZXQW017905VQB-maincard.webp" 2498 alt="Kolleksiyaçıların gözü bu saatlardadır" 2499 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2500 2501 </div> 2502 <div class="p-3"> 2503 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2504 <div class="flex items-center gap-2"> 2505 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2506 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2507 </svg> 2508 03.10.2026 2509 </div> 2510 <!-- <div class="flex items-center gap-2"> 2511 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2512 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2513 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2514 </svg> 2515 185 2516 </div> --> 2517 </div> 2518 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2519 Kolleksiyaçıların gözü bu saatlardadır 2520 </h3> 2521 </div> 2522</a> <a href="https://valyuta.az/news/bunlari-etseniz-daha-az-pul-xercleyeceksiniz-10-sade-usul" 2523 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2524 style="border-color: #f9fafb;" 2525 data-news-card="true"> 2526 <div class="relative aspect-video"> 2527 <img src="https://valyuta.az/storage/104380/conversions/01M3XS9NKP1WAA7QRPN88R1M61-maincard.webp" 2528 alt="Bunları etsÉniz, daha az pul xÉrclÉyÉcÉksiniz " 2529 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2530 2531 </div> 2532 <div class="p-3"> 2533 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2534 <div class="flex items-center gap-2"> 2535 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2536 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2537 </svg> 2538 03.10.2026 2539 </div> 2540 <!-- <div class="flex items-center gap-2"> 2541 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2542 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2543 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2544 </svg> 2545 180 2546 </div> --> 2547 </div> 2548 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2549 Bunları etsÉniz, daha az pul xÉrclÉyÉcÉksiniz 2550 <span class="text-[#008000]">â 10 sadÉ Ã¼sul</span> 2551 </h3> 2552 </div> 2553</a> <a href="https://valyuta.az/news/azerbaycandan-mese-findigi-ixraci-198-artib" 2554 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2555 style="border-color: #f9fafb;" 2556 data-news-card="true"> 2557 <div class="relative aspect-video"> 2558 <img src="https://valyuta.az/storage/104363/conversions/01M3XKWJTWE4TTTYYB1M4R7525-maincard.webp" 2559 alt="AzÉrbaycandan meÅÉ fındıÄı ixracı 19,8% artıb" 2560 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2561 2562 </div> 2563 <div class="p-3"> 2564 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2565 <div class="flex items-center gap-2"> 2566 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2567 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2568 </svg> 2569 03.10.2026 2570 </div> 2571 <!-- <div class="flex items-center gap-2"> 2572 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2573 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2574 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2575 </svg> 2576 204 2577 </div> --> 2578 </div> 2579 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2580 AzÉrbaycandan meÅÉ fındıÄı ixracı 19,8% artıb 2581 </h3> 2582 </div> 2583</a> <a href="https://valyuta.az/news/20-yaslarinizda-daha-zengin-yasamaq-ucun-ne-etmelisiniz" 2584 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2585 style="border-color: #f9fafb;" 2586 data-news-card="true"> 2587 <div class="relative aspect-video"> 2588 <img src="https://valyuta.az/storage/104389/conversions/01M3Y03M749CMJ4J3QA5JDVJZ6-maincard.webp" 2589 alt="20 yaÅlarınızda daha zÉngin yaÅamaq üçün nÉ etmÉlisiniz?" 2590 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2591 2592 </div> 2593 <div class="p-3"> 2594 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2595 <div class="flex items-center gap-2"> 2596 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2597 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2598 </svg> 2599 03.10.2026 2600 </div> 2601 <!-- <div class="flex items-center gap-2"> 2602 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2603 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2604 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2605 </svg> 2606 182 2607 </div> --> 2608 </div> 2609 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2610 20 yaÅlarınızda daha zÉngin yaÅamaq üçün nÉ etmÉlisiniz? 2611 </h3> 2612 </div> 2613</a> <a href="https://valyuta.az/news/morgan-stanley-kicik-terefdasliqdan-qlobal-maliyye-nehengine-geden-yol" 2614 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2615 style="border-color: #f9fafb;" 2616 data-news-card="true"> 2617 <div class="relative aspect-video"> 2618 <img src="https://valyuta.az/storage/104394/conversions/01M3Y398HZATYX5WBHQPEAE43E-maincard.webp" 2619 alt="âMorgan Stanleyâ: " 2620 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2621 2622 </div> 2623 <div class="p-3"> 2624 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2625 <div class="flex items-center gap-2"> 2626 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2627 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2628 </svg> 2629 03.10.2026 2630 </div> 2631 <!-- <div class="flex items-center gap-2"> 2632 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2633 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2634 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2635 </svg> 2636 152 2637 </div> --> 2638 </div> 2639 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2640 âMorgan Stanleyâ:
2641 <span class="text-[#008000]">kiçik tÉrÉfdaÅlıqdan qlobal maliyyÉ nÉhÉnginÉ gedÉn yol</span> 2642 </h3> 2643 </div> 2644</a> <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" 2645 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2646 style="border-color: #f9fafb;" 2647 data-news-card="true"> 2648 <div class="relative aspect-video"> 2649 <img src="https://valyuta.az/storage/104367/conversions/01M3XMQVD66761HBPGDGVN6CXC-maincard.webp" 2650 alt="ÆmÉk qabiliyyÉti üzrÉ sıÄorta ödÉniÅlÉri 189 min manat azalıb" 2651 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2652 2653 </div> 2654 <div class="p-3"> 2655 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2656 <div class="flex items-center gap-2"> 2657 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2658 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2659 </svg> 2660 03.10.2026 2661 </div> 2662 <!-- <div class="flex items-center gap-2"> 2663 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2664 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2665 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2666 </svg> 2667 256 2668 </div> --> 2669 </div> 2670 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2671 ÆmÉk qabiliyyÉti üzrÉ sıÄorta ödÉniÅlÉri 189 min manat azalıb 2672 </h3> 2673 </div> 2674</a> <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" 2675 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2676 style="border-color: #f9fafb;" 2677 data-news-card="true"> 2678 <div class="relative aspect-video"> 2679 <img src="https://valyuta.az/storage/104398/conversions/01M3Y6ZAZBYPN014XJAACAAC6H-maincard.webp" 2680 alt="HÉlÉ tikilmÉyib, amma 80%-i satılıb: " 2681 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2682 2683 </div> 2684 <div class="p-3"> 2685 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2686 <div class="flex items-center gap-2"> 2687 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2688 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2689 </svg> 2690 03.10.2026 2691 </div> 2692 <!-- <div class="flex items-center gap-2"> 2693 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2694 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2695 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2696 </svg> 2697 260 2698 </div> --> 2699 </div> 2700 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2701 HÉlÉ tikilmÉyib, amma 80%-i satılıb:
2702 <span class="text-[#008000]">1,7 milyard dollarlıq layihÉ</span> 2703 </h3> 2704 </div> 2705</a> <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" 2706 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2707 style="border-color: #f9fafb;" 2708 data-news-card="true"> 2709 <div class="relative aspect-video"> 2710 <img src="https://valyuta.az/storage/104371/conversions/01M3XNK0WC8BCG3513SY9R34SV-maincard.webp" 2711 alt="AzÉrbaycanda geniÅ pul kütlÉsi 55 milyard manata yaxınlaÅıb" 2712 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2713 2714 </div> 2715 <div class="p-3"> 2716 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2717 <div class="flex items-center gap-2"> 2718 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2719 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2720 </svg> 2721 03.10.2026 2722 </div> 2723 <!-- <div class="flex items-center gap-2"> 2724 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2725 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2726 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2727 </svg> 2728 279 2729 </div> --> 2730 </div> 2731 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2732 AzÉrbaycanda geniÅ pul kütlÉsi 55 milyard manata yaxınlaÅıb 2733 </h3> 2734 </div> 2735</a> <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" 2736 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2737 style="border-color: #f9fafb;" 2738 data-news-card="true"> 2739 <div class="relative aspect-video"> 2740 <img src="https://valyuta.az/storage/104416/conversions/01M406WRPSMHYCE3GNFDKBX0VG-maincard.webp" 2741 alt="Qızılın qiymÉti 4 200 dollardan aÅaÄı enib" 2742 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2743 2744 </div> 2745 <div class="p-3"> 2746 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2747 <div class="flex items-center gap-2"> 2748 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2749 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2750 </svg> 2751 03.10.2026 2752 </div> 2753 <!-- <div class="flex items-center gap-2"> 2754 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2755 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2756 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2757 </svg> 2758 419 2759 </div> --> 2760 </div> 2761 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2762 Qızılın qiymÉti 4 200 dollardan aÅaÄı enib 2763 </h3> 2764 </div> 2765</a> <a href="https://valyuta.az/news/wikimedia-rehberi-biz-xeyriyye-istemirik" 2766 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2767 style="border-color: #f9fafb;" 2768 data-news-card="true"> 2769 <div class="relative aspect-video"> 2770 <img src="https://valyuta.az/storage/104388/conversions/01M3XZNZGVD47SMRX7BZG468X8-maincard.webp" 2771 alt="âWikimediaâ rÉhbÉri: " 2772 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2773 2774 </div> 2775 <div class="p-3"> 2776 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2777 <div class="flex items-center gap-2"> 2778 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2779 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2780 </svg> 2781 03.10.2026 2782 </div> 2783 <!-- <div class="flex items-center gap-2"> 2784 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2785 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2786 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2787 </svg> 2788 174 2789 </div> --> 2790 </div> 2791 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2792 âWikimediaâ rÉhbÉri:
2793 <span class="text-[#008000]">âBiz xeyriyyÉ istÉmirikâ</span> 2794 </h3> 2795 </div> 2796</a> <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" 2797 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2798 style="border-color: #f9fafb;" 2799 data-news-card="true"> 2800 <div class="relative aspect-video"> 2801 <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-maincard.webp" 2802 alt=""YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir"" 2803 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2804 2805 </div> 2806 <div class="p-3"> 2807 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2808 <div class="flex items-center gap-2"> 2809 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2810 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2811 </svg> 2812 03.10.2026 2813 </div> 2814 <!-- <div class="flex items-center gap-2"> 2815 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2816 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2817 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2818 </svg> 2819 277 2820 </div> --> 2821 </div> 2822 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2823 "YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir" 2824 <span class="text-[#008000]">- Ekspert</span> 2825 </h3> 2826 </div> 2827</a> <a href="https://valyuta.az/news/sahibkarlarin-oxumali-oldugu-kitablar-siyahi" 2828 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2829 style="border-color: #f9fafb;" 2830 data-news-card="true"> 2831 <div class="relative aspect-video"> 2832 <img src="https://valyuta.az/storage/104377/conversions/01M3XR8QPHXWBABFWP4AZSVCXZ-maincard.webp" 2833 alt="Sahibkarların oxumalı olduÄu kitablar" 2834 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2835 2836 </div> 2837 <div class="p-3"> 2838 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2839 <div class="flex items-center gap-2"> 2840 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2841 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2842 </svg> 2843 03.10.2026 2844 </div> 2845 <!-- <div class="flex items-center gap-2"> 2846 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2847 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2848 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2849 </svg> 2850 190 2851 </div> --> 2852 </div> 2853 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2854 Sahibkarların oxumalı olduÄu kitablar
2855 <span class="text-[#008000]">â SİYAHI</span> 2856 </h3> 2857 </div> 2858</a> <a href="https://valyuta.az/news/novartis-cinin-abogen-sirketi-ile-78-milyard-dollarliq-sazis-imzalayib" 2859 class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50" 2860 style="border-color: #f9fafb;" 2861 data-news-card="true"> 2862 <div class="relative aspect-video"> 2863 <img src="https://valyuta.az/storage/104387/conversions/01M3XYZF9R1SA1T7CY1CQ180Q9-maincard.webp" 2864 alt="âNovartisâ Ãinin âAbogenâ ÅirkÉti ilÉ 7,8 milyard dollarlıq saziÅ imzalayıb" 2865 class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300"> 2866 2867 </div> 2868 <div class="p-3"> 2869 <div class="flex items-center justify-between mb-4 text-sm text-gray-500"> 2870 <div class="flex items-center gap-2"> 2871 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2872 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 2873 </svg> 2874 02.10.2026 2875 </div> 2876 <!-- <div class="flex items-center gap-2"> 2877 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2878 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 2879 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 2880 </svg> 2881 128 2882 </div> --> 2883 </div> 2884 <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]"> 2885 âNovartisâ Ãinin âAbogenâ ÅirkÉti ilÉ 7,8 milyard dollarlıq saziÅ imzalayıb 2886 </h3> 2887 </div> 2888</a> <!-- Loading indicator for grid view --> 2889 <div id="gridViewLoading" class="hidden col-span-full"> 2890 <!-- Skeleton loading cards for grid view --> 2891 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> 2892 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2893 <!-- Skeleton image with standard dimensions --> 2894 <div class="w-full h-48 bg-gray-200"></div> 2895 <div class="p-3 space-y-3"> 2896 <div class="flex items-center justify-between"> 2897 <div class="w-20 h-3 bg-gray-200 rounded-full"></div> 2898 <div class="w-16 h-3 bg-gray-200 rounded-full"></div> 2899 </div> 2900 <div class="space-y-2"> 2901 <div class="w-full h-4 bg-gray-200 rounded"></div> 2902 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2903 <div class="w-1/2 h-4 bg-gray-200 rounded"></div> 2904 </div> 2905 </div> 2906 </div> 2907 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2908 <!-- Skeleton image with standard dimensions --> 2909 <div class="w-full h-48 bg-gray-200"></div> 2910 <div class="p-3 space-y-3"> 2911 <div class="flex items-center justify-between"> 2912 <div class="w-20 h-3 bg-gray-200 rounded-full"></div> 2913 <div class="w-16 h-3 bg-gray-200 rounded-full"></div> 2914 </div> 2915 <div class="space-y-2"> 2916 <div class="w-full h-4 bg-gray-200 rounded"></div> 2917 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2918 <div class="w-1/2 h-4 bg-gray-200 rounded"></div> 2919 </div> 2920 </div> 2921 </div> 2922 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2923 <!-- Skeleton image with standard dimensions --> 2924 <div class="w-full h-48 bg-gray-200"></div> 2925 <div class="p-3 space-y-3"> 2926 <div class="flex items-center justify-between"> 2927 <div class="w-20 h-3 bg-gray-200 rounded-full"></div> 2928 <div class="w-16 h-3 bg-gray-200 rounded-full"></div> 2929 </div> 2930 <div class="space-y-2"> 2931 <div class="w-full h-4 bg-gray-200 rounded"></div> 2932 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2933 <div class="w-1/2 h-4 bg-gray-200 rounded"></div> 2934 </div> 2935 </div> 2936 </div> 2937 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2938 <!-- Skeleton image with standard dimensions --> 2939 <div class="w-full h-48 bg-gray-200"></div> 2940 <div class="p-3 space-y-3"> 2941 <div class="flex items-center justify-between"> 2942 <div class="w-20 h-3 bg-gray-200 rounded-full"></div> 2943 <div class="w-16 h-3 bg-gray-200 rounded-full"></div> 2944 </div> 2945 <div class="space-y-2"> 2946 <div class="w-full h-4 bg-gray-200 rounded"></div> 2947 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2948 <div class="w-1/2 h-4 bg-gray-200 rounded"></div> 2949 </div> 2950 </div> 2951 </div> 2952 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2953 <!-- Skeleton image with standard dimensions --> 2954 <div class="w-full h-48 bg-gray-200"></div> 2955 <div class="p-3 space-y-3"> 2956 <div class="flex items-center justify-between"> 2957 <div class="w-20 h-3 bg-gray-200 rounded-full"></div> 2958 <div class="w-16 h-3 bg-gray-200 rounded-full"></div> 2959 </div> 2960 <div class="space-y-2"> 2961 <div class="w-full h-4 bg-gray-200 rounded"></div> 2962 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2963 <div class="w-1/2 h-4 bg-gray-200 rounded"></div> 2964 </div> 2965 </div> 2966 </div> 2967 <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse"> 2968 <!-- Skeleton image with standard dimensions --> 2969 <div class="w-full h-48 bg-gray-200"></div> 2970 <div class="p-3 space-y-3"> 2971 <div class="flex items-center justify-between"> 2972 <div class="w-20 h-3 bg-gray-200 rounded-full"></div> 2973 <div class="w-16 h-3 bg-gray-200 rounded-full"></div> 2974 </div> 2975 <div class="space-y-2"> 2976 <div class="w-full h-4 bg-gray-200 rounded"></div> 2977 <div class="w-3/4 h-4 bg-gray-200 rounded"></div> 2978 <div class="w-1/2 h-4 bg-gray-200 rounded"></div> 2979 </div> 2980 </div> 2981 </div> 2982 </div> 2983 </div> 2984 </div> 2985 </div> 2986 2987 </div> 2988 2989 2990 2991 </div> 2992 <!-- SaÄ: WidgetlÉr --> 2993 <div class="hidden md:block w-full md:w-[300px] space-y-6 flex-shrink-0"> 2994 2995 <!-- Writers Section --> 2996<div class="bg-white rounded-xl p-3"> 2997 <!-- Header with title and navigation --> 2998 <div class="flex items-center justify-between mb-4 mt-2"> 2999 <h2 class="text-lg font-bold text-gray-800"> 3000 KöÅÉ yazıları 3001 </h2> 3002 <div class="flex gap-1"> 3003 <button onclick="prevWriter('desktop')" 3004 class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors"> 3005 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3006 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> 3007 </svg> 3008 </button> 3009 <button onclick="nextWriter('desktop')" 3010 class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors"> 3011 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3012 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 3013 </svg> 3014 </button> 3015 </div> 3016 </div> 3017 3018 <!-- Writers Carousel --> 3019 <div class="overflow-hidden"> 3020 <div class="flex transition-transform duration-300 ease-in-out" id="writersContainer_desktop"> 3021 <div class="min-w-full"> 3022 <!-- Writer Profile and Article --> 3023 <div class="flex gap-3"> 3024 <div class="flex-shrink-0"> 3025 <a href="https://valyuta.az/author/gunel-agazade" class="block"> 3026 <img src="https://valyuta.az/storage/authors/103975/conversions/01M31ZP92HJ94Q1NVB7PPNKS
30267D-default.jpg" 3027 alt="Günel AÄazadÉ " 3028 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 3029 </a> 3030 </div> 3031 <div class="flex-grow"> 3032 <div class="mb-1"> 3033 <a href="https://valyuta.az/author/gunel-agazade" class="block"> 3034 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 3035 Günel AÄazadÉ 3036 </h3> 3037 </a> 3038 </div> 3039 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 3040 <a href="https://valyuta.az/news/sirketinin-musterisi-insan-yox-suni-intellekt-agenti-olsa-yene-de-satis-ede-biler" class="hover:text-[#388e3c] transition-colors"> 3041 "ÅirkÉtinin müÅtÉrisi insan yox, süni intellekt agenti olsa, yenÉ dÉ satıŠedÉ bilÉr?â 3042 </a> 3043 </h4> 3044 <div class="flex items-center justify-between"> 3045 <span class="text-xs text-gray-400"> 3046 17.09.2026 3047 </span> 3048 </div> 3049 </div> 3050 </div> 3051 </div> 3052 <div class="min-w-full"> 3053 <!-- Writer Profile and Article --> 3054 <div class="flex gap-3"> 3055 <div class="flex-shrink-0"> 3056 <a href="https://valyuta.az/author/vuqar-baba" class="block"> 3057 <img src="https://valyuta.az/storage/authors/170/conversions/1730099567_462363749_843121467984678_3003252572227366788_n-Recovered-default.jpg" 3058 alt="Vüqar Baba" 3059 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 3060 </a> 3061 </div> 3062 <div class="flex-grow"> 3063 <div class="mb-1"> 3064 <a href="https://valyuta.az/author/vuqar-baba" class="block"> 3065 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 3066 Vüqar Baba 3067 </h3> 3068 </a> 3069 </div> 3070 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 3071 <a href="https://valyuta.az/news/bank-respublika-accessbanki-alir-musterilere-neleri-aciqlamalidirlar" class="hover:text-[#388e3c] transition-colors"> 3072 "Bank Respublika" "AccessBank"ı alır - MüÅtÉrilÉrÉ nÉlÉri açıqlamalıdırlar? 3073 </a> 3074 </h4> 3075 <div class="flex items-center justify-between"> 3076 <span class="text-xs text-gray-400"> 3077 14.09.2026 3078 </span> 3079 </div> 3080 </div> 3081 </div> 3082 </div> 3083 <div class="min-w-full"> 3084 <!-- Writer Profile and Article --> 3085 <div class="flex gap-3"> 3086 <div class="flex-shrink-0"> 3087 <a href="https://valyuta.az/author/xeyyam-esgerov" class="block"> 3088 <img src="https://valyuta.az/storage/authors/99806/conversions/01KSHKNYZ8H2QQT9BKRGMM9EG7-default.jpg" 3089 alt="XÉyyam ÆsgÉrov" 3090 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 3091 </a> 3092 </div> 3093 <div class="flex-grow"> 3094 <div class="mb-1"> 3095 <a href="https://valyuta.az/author/xeyyam-esgerov" class="block"> 3096 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 3097 XÉyyam ÆsgÉrov 3098 </h3> 3099 </a> 3100 </div> 3101 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 3102 <a href="https://valyuta.az/news/insani-suni-intellektin-geleceyine-kim-hazirlayir" class="hover:text-[#388e3c] transition-colors">
3103 İnsanı süni intellektin gÉlÉcÉyinÉ kim hazırlayır? 3104 </a> 3105 </h4> 3106 <div class="flex items-center justify-between"> 3107 <span class="text-xs text-gray-400"> 3108 10.09.2026 3109 </span> 3110 </div> 3111 </div> 3112 </div> 3113 </div> 3114 <div class="min-w-full"> 3115 <!-- Writer Profile and Article --> 3116 <div class="flex gap-3"> 3117 <div class="flex-shrink-0"> 3118 <a href="https://valyuta.az/author/ferid-musayev" class="block"> 3119 <img src="https://valyuta.az/storage/authors/103600/conversions/01M256AMTPM9PDJM4YTZ44WV83-default.jpg" 3120 alt="FÉrid Musayev" 3121 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 3122 </a> 3123 </div> 3124 <div class="flex-grow"> 3125 <div class="mb-1"> 3126 <a href="https://valyuta.az/author/ferid-musayev" class="block"> 3127 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 3128 FÉrid Musayev 3129 </h3> 3130 </a> 3131 </div> 3132 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 3133 <a href="https://valyuta.az/news/evvel-qazandirir-sonra-pulunuzu-alirlar-deleduzlar-bele-isleyir" class="hover:text-[#388e3c] transition-colors"> 3134 ÆvvÉl qazandırır, sonra pulunuzu alırlar - DÉlÉduzlar belÉ iÅlÉyir 3135 </a> 3136 </h4> 3137 <div class="flex items-center justify-between"> 3138 <span class="text-xs text-gray-400"> 3139 10.09.2026 3140 </span> 3141 </div> 3142 </div> 3143 </div> 3144 </div> 3145 <div class="min-w-full"> 3146 <!-- Writer Profile and Article --> 3147 <div class="flex gap-3"> 3148 <div class="flex-shrink-0"> 3149 <a href="https://valyuta.az/author/aida-ramiz" class="block"> 3150 <img src="https://valyuta.az/storage/authors/174/conversions/1731994583_0ec670e4-2668-4e0d-83f6-22ef8d29a4c0-default.jpg" 3151 alt="Aida Ramiz" 3152 class="w-16 h-16 rounded-lg object-cover border border-gray-100"> 3153 </a> 3154 </div> 3155 <div class="flex-grow"> 3156 <div class="mb-1"> 3157 <a href="https://valyuta.az/author/aida-ramiz" class="block"> 3158 <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors"> 3159 Aida Ramiz 3160 </h3> 3161 </a> 3162 </div> 3163 <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2"> 3164 <a href="https://valyuta.az/news/mediada-heddinden-artiq-gorunen-ceo-sirketi-kolgede-qoya-biler-ekspert" class="hover:text-[#388e3c] transition-colors"> 3165 âMediada hÉddindÉn artıq görünÉn CEO ÅirkÉti kölgÉdÉ qoya bilÉrâ 3166 </a> 3167 </h4> 3168 <div class="flex items-center justify-between"> 3169 <span class="text-xs text-gray-400"> 3170 24.08.2026 3171 </span> 3172 </div> 3173 </div> 3174 </div> 3175 </div> 3176 </div> 3177 </div> 3178 3179 <!-- Dots Navigation --> 3180 <div class="flex justify-center gap-1 mt-3"> 3181 <button onclick="goToWriter('desktop', 0)" 3182 id="writerDot_desktop_0" 3183 class="h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]"> 3184 </button> 3185 <button onclick="goToWriter('desktop', 1)" 3186 id="writerDot_desktop_1" 3187 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 3188 </button> 3189 <button onclick="goToWriter('desktop', 2)" 3190 id="writerDot_desktop_2" 3191 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 3192 </button> 3193 <button onclick="goToWriter('desktop', 3)" 3194 id="writerDot_desktop_3" 3195 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 3196 </button> 3197 <button onclick="goToWriter('desktop', 4)" 3198 id="writerDot_desktop_4" 3199 class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200"> 3200 </button> 3201 </div> 3202 3203 <!-- Navigation Buttons --> 3204 <div class="mt-2 pt-1 border-t border-gray-100"> 3205 <div class="flex items-center gap-3"> 3206 <a href="https://valyuta.az/kose-yazilari" 3207 class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200"> 3208 MÆQALÆLÆR 3209 </a> 3210 <div class="w-px h-6 bg-gray-300"></div> 3211 <a href="https://valyuta.az/authors" 3212 class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200"> 3213 YAZARLAR 3214 </a> 3215 </div> 3216 </div> 3217</div> 3218
3219<script> 3220// Initialize writers data for this instance 3221if (typeof window.writersData === 'undefined') { 3222 window.writersData = {}; 3223} 3224 3225window.writersData['desktop'] = { 3226 currentWriter: 0, 3227 totalWriters: 5, 3228 slideInterval: null 3229}; 3230 3231function updateWriterSlide(instance) { 3232 const data = window.writersData[instance]; 3233 const container = document.getElementById(`writersContainer_${instance}`); 3234 container.style.transform = `translateX(-${data.currentWriter * 100}%)`; 3235 3236 // Update dots 3237 for (let i = 0; i < data.totalWriters; i++) { 3238 const dot = document.getElementById(`writerDot_${instance}_${i}`); 3239 if (dot) { // Add null check to prevent error 3240 if (i === data.currentWriter) { 3241 dot.className = 'h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]'; 3242 } else { 3243 dot.className = 'h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200'; 3244 } 3245 } 3246 } 3247} 3248 3249function prevWriter(instance) { 3250 const data = window.writersData[instance]; 3251 data.currentWriter = (data.currentWriter - 1 + data.totalWriters) % data.totalWriters; 3252 updateWriterSlide(instance); 3253 resetInterval(instance); 3254} 3255 3256function nextWriter(instance) { 3257 const data = window.writersData[instance]; 3258 data.currentWriter = (data.currentWriter + 1) % data.totalWriters; 3259 updateWriterSlide(instance); 3260 resetInterval(instance); 3261} 3262 3263function goToWriter(instance, index) { 3264 const data = window.writersData[instance]; 3265 data.currentWriter = index; 3266 updateWriterSlide(instance); 3267 resetInterval(instance); 3268} 3269 3270function startAutoSlide(instance) { 3271 const data = window.writersData[instance]; 3272 data.slideInterval = setInterval(() => { 3273 nextWriter(instance); 3274 }, 5000); 3275} 3276 3277function resetInterval(instance) { 3278 const data = window.writersData[instance]; 3279 clearInterval(data.slideInterval); 3280 startAutoSlide(instance); 3281} 3282 3283// Start automatic sliding when the page loads 3284document.addEventListener('DOMContentLoaded', () => { 3285 startAutoSlide('desktop'); 3286 updateWriterSlide('desktop'); 3287 // Add hover events for this instance 3288 const container = document.getElementById(`writersContainer_desktop`); 3289 container.addEventListener('mouseenter', () => { 3290 clearInterval(window.writersData['desktop'].slideInterval); 3291 }); 3292 container.addEventListener('mouseleave', () => { 3293 startAutoSlide('desktop'); 3294 }); 3295}); 3296</script>
3296 3297 <!-- Featured News Section --> 3298 <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden relative transform hover:scale-[1.02] transition-all duration-300 hover:shadow-md max-w-full"> 3299 3300 3301 <a href="https://valyuta.az/news/qazaxistanda-iki-zavod-tikdi-bakida-kitab-kafeye-rehberlik-edir-musfiq-memmedovla-musahibe" 3302 aria-label="SeçilmiÅ xÉbÉr: Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyÉ rÉhbÉrlik edir - MüÅfiq MÉmmÉdovla müsahibÉ" 3303 class="block group"> 3304 <!-- Image Section --> 3305 <div class="relative aspect-video overflow-hidden"> 3306 <img src="https://valyuta.az/storage/104125/conversions/01M39RQHEV4Q0RZ45DMSX3PRJA-maincard.webp" 3307 alt="Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyÉ rÉhbÉrlik edir - MüÅfiq MÉmmÉdovla müsahibÉ" 3308 class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out"> 3309 </div> 3310 3311 <!-- Content Section --> 3312 <div class="p-2 lg:p-3"> 3313 <h3 class="text-gray-900 font-bold text-sm lg:text-base xl:text-lg leading-tight group-hover:text-[#388e3c] transition-colors duration-300 line-clamp-3 mb-2 break-words"> 3314 Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyÉ rÉhbÉrlik edir 3315 <span class="text-[#008000]">- MüÅfiq MÉmmÉdovla müsah...</span> 3316 </h3> 3317 </div> 3318 </a> 3319 </div> 3320 <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden relative transform hover:scale-[1.02] transition-all duration-300 hover:shadow-md max-w-full"> 3321 3322 3323 <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" 3324 aria-label="SeçilmiÅ xÉbÉr: âAzpulmatâdan 500 manat kredit götürÉn ÅÉxs nÉ qÉdÉr geri ödÉyir?" 3325 class="block group"> 3326 <!-- Image Section --> 3327 <div class="relative aspect-video overflow-hidden"> 3328 <img src="https://valyuta.az/storage/104288/conversions/01M3RQ24RVJAVPZ3YJFPPD1R95-maincard.webp" 3329 alt="âAzpulmatâdan 500 manat kredit götürÉn ÅÉxs nÉ qÉdÉr geri ödÉyir?" 3330 class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out"> 3331 </div> 3332 3333 <!-- Content Section --> 3334 <div class="p-2 lg:p-3"> 3335 <h3 class="text-gray-900 font-bold text-sm lg:text-base xl:text-lg leading-tight group-hover:text-[#388e3c] transition-colors duration-300 line-clamp-3 mb-2 break-words"> 3336 âAzpulmatâdan 500 manat kredit götürÉn ÅÉxs nÉ qÉdÉr geri ödÉyir? 3337 </h3> 3338 </div> 3339 </a> 3340 </div> 3341 <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden relative transform hover:scale-[1.02] transition-all duration-300 hover:shadow-md max-w-full"> 3342 3343 3344 <a href="https://valyuta.az/news/azerbaycan-banklarinin-esas-deyerleri-hansilardir-siyahi" 3345 aria-label="SeçilmiÅ xÉbÉr: AzÉrbaycan banklarının Ésas dÉyÉrlÉri hansılardır? - Siyahı" 3346 class="block group"> 3347 <!-- Image Section --> 3348 <div class="relative aspect-video overflow-hidden"> 3349 <img src="https://valyuta.az/storage/104236/conversions/01M3NRP4TXQG0MYRSFZ021PQ5N-maincard.webp" 3350 alt="AzÉrbaycan banklarının Ésas dÉyÉrlÉri hansılardır? - Siyahı" 3351 class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out"> 3352 </div> 3353 3354 <!-- Content Section --> 3355 <div class="p-2 lg:p-3"> 3356 <h3 class="text-gray-900 font-bold text-sm lg:text-base xl:text-lg leading-tight group-hover:text-[#388e3c] transition-colors duration-300 line-clamp-3 mb-2 break-words"> 3357 AzÉrbaycan banklarının Ésas dÉyÉrlÉri hansılardır?
3358 <span class="text-[#008000]">- Siyahı</span> 3359 </h3> 3360 </div> 3361 </a> 3362 </div> 3363 3364 3365 3366 3367 <div class="hidden md:block"> 3368 <style> 3369@keyframes aurora-1 { 3370 0%, 100% { transform: translate(0, 0) scale(1); } 3371 50% { transform: translate(30px, 20px) scale(1.2); } 3372} 3373@keyframes aurora-2 { 3374 0%, 100% { transform: translate(0, 0) scale(1); } 3375 50% { transform: translate(-25px, -15px) scale(1.1); } 3376} 3377@keyframes aurora-3 { 3378 0%, 100% { transform: translate(0, 0) scale(1); } 3379 50% { transform: translate(20px, -25px) scale(1.2); } 3380} 3381.animate-aurora-1 { animation: aurora-1 10s ease-in-out infinite; } 3382.animate-aurora-2 { animation: aurora-2 12s ease-in-out infinite reverse; } 3383.animate-aurora-3 { animation: aurora-3 8s ease-in-out infinite; } 3384</style> 3385<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm"> 3386 <!-- Header --> 3387 <div class="relative overflow-hidden bg-gradient-to-br from-[#388e3c] to-[#2e7d32] p-3"> 3388 <!-- Aurora background elements --> 3389 <div class="absolute inset-0 z-0 opacity-40"> 3390 <div class="absolute top-[-20px] left-[-30px] w-32 h-32 bg-green-300 rounded-full filter blur-2xl animate-aurora-1"></div> 3391 <div class="absolute top-[-10px] right-[-20px] w-28 h-28 bg-teal-200 rounded-full filter blur-2xl animate-aurora-2"></div> 3392 <div class="absolute bottom-[-30px] left-[20%] w-24 h-24 bg-green-200 rounded-full filter blur-xl animate-aurora-3"></div> 3393 </div> 3394 3395 <div class="relative z-10 flex items-center gap-3"> 3396 <div class="w-9 h-9 bg-white/20 backdrop-blur-sm rounded-xl flex items-center justify-center"> 3397 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3398 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 3399 </svg> 3400 </div> 3401 <div> 3402 <h3 class="text-white font-bold text-base tracking-wide">MÉzÉnnÉ</h3> 3403 <div id="last-update" class="text-green-100 text-xs"> 3404 <div class="animate-spin rounded-full h-3 w-3 border-b-2 border-white inline-block mr-1"></div> 3405 YüklÉnir... 3406 </div> 3407 </div> 3408 </div> 3409 </div> 3410 3411 <div class="p-4"> 3412 <div id="currency-rates-grid" class="grid grid-cols-2 gap-3"> 3413 <!-- Loading state --> 3414 <div class="col-span-2 flex items-center justify-center p-8"> 3415 <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-[#388e3c]"></div> 3416 </div> 3417 </div> 3418 3419 <div class="mt-4 text-center"> 3420 <a href="https://valyuta.az/valyuta-kalkulyatoru2" class="text-[#388e3c] hover:text-[#1b5e20] text-sm font-medium flex items-center justify-center gap-2 group"> 3421 Hamısı 3422 <svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3423 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 3424 </svg> 3425 </a> 3426 </div> 3427 </div> 3428</div> 3429 3430 </div> 3431 <div class="hidden md:block"> 3432 <style> 3433@keyframes gradient-pan { 3434 0% { background-position: 0% 50%; } 3435 50% { background-position: 100% 50%; } 3436 100% { background-position: 0% 50%; } 3437} 3438@keyframes aurora-1 { 3439 0%, 100% { transform: translate(0, 0) scale(1); } 3440 50% { transform: translate(30px, 20px) scale(1.2); } 3441} 3442@keyframes aurora-2 { 3443 0%, 100% { transform: translate(0, 0) scale(1); } 3444 50% { transform: translate(-25px, -15px) scale(1.1); } 3445} 3446@keyframes aurora-3 { 3447 0%, 100% { transform: translate(0, 0) scale(1); } 3448 50% { transform: translate(20px, -25px) scale(1.2); } 3449} 3450.animate-aurora-1 { animation: aurora-1 10s ease-in-out infinite; } 3451.animate-aurora-2 { animation: aurora-2 12s ease-in-out infinite reverse; } 3452.animate-aurora-3 { animation: aurora-3 8s ease-in-out infinite; } 3453</style> 3454<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden"> 3455 <!-- Header --> 3456 <div class="relative overflow-hidden bg-gradient-to-br from-[#388e3c] to-[#2e7d32] p-3"> 3457 <!-- Aurora background elements --> 3458 <div class="absolute inset-0 z-0 opacity-40"> 3459 <div class="absolute top-[-20px] left-[-30px] w-32 h-32 bg-green-300 rounded-full filter blur-2xl animate-aurora-1"></div> 3460 <div class="absolute top-[-10px] right-[-20px] w-28 h-28 bg-teal-200 rounded-full filter blur-2xl animate-aurora-2"></div> 3461 <div class="absolute bottom-[-30px] left-[20%] w-24 h-24 bg-green-200 rounded-full filter blur-xl animate-aurora-3"></div> 3462 </div> 3463 3464 <div class="relative z-10 flex items-center gap-3"> 3465 <div class="w-9 h-9 bg-white/20 backdrop-blur-sm rounded-xl flex items-center justify-center">
3466 <span class="text-xl">ð¢ï¸</span> 3467 </div> 3468 <div> 3469 <h3 class="text-white font-bold text-base tracking-wide">ÆmtÉÉ qiymÉtlÉri</h3> 3470 <div id="commodity-last-update" class="text-green-100 text-xs"> 3471 <div class="animate-spin rounded-full h-3 w-3 border-b-2 border-white inline-block mr-1"></div> 3472 YüklÉnir... 3473 </div> 3474 </div> 3475 </div> 3476 </div> 3477 3478 <!-- Content --> 3479 <div class="p-3"> 3480 <div id="commodities-container" class="space-y-2"> 3481 <!-- Loading state --> 3482 <div class="flex items-center justify-center py-8"> 3483 <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-[#388e3c]"></div> 3484 </div> 3485 </div> 3486 </div> 3487</div> 3488 3489 </div> 3490 <div class="hidden md:block"> 3491 <div class="bg-white rounded-2xl p-6 shadow-sm"> 3492 <!-- Header with Bitcoin Logo --> 3493 <div class="flex items-center justify-between mb-4"> 3494 <div class="flex items-center gap-3"> 3495 <div class="w-10 h-10 bg-[#F7931A] rounded-full flex items-center justify-center"> 3496 <svg class="w-6 h-6 text-white" viewBox="0 0 64 64" fill="currentColor"> 3497 <path d="M32 0C14.327 0 0 14.327 0 32s14.327 32 32 32 32-14.327 32-32S49.673 0 32 0zm0 60C16.536 60 4 47.464 4 32S16.536 4 32 4s28 12.536 28 28-12.536 28-28 28z"/> 3498 <path d="M41 25.5V20h-6v-4h-6v4h-6v18h12v4h-12v5.5h6V52h6v-4.5h6V30H29v-4.5h12z"/> 3499 </svg> 3500 </div> 3501 <div> 3502 <div class="flex items-center gap-2"> 3503 <h3 class="text-lg font-bold">Bitcoin</h3> 3504 <span class="text-sm text-gray-500">BTC</span> 3505 </div> 3506 <div class="text-xs text-gray-500"> 3507 Son yenilÉmÉ: <span id="last-update">YüklÉnir...</span> 3508 </div> 3509 </div> 3510 </div> 3511 <span id="change-indicator" class="text-sm text-gray-500 font-medium px-2 py-1 bg-gray-100 rounded-lg"> 3512 YüklÉnir... 3513 </span> 3514 </div> 3515 3516 <!-- Main Price --> 3517 <div class="flex items-baseline gap-2 mb-4"> 3518 <span id="price" class="text-3xl font-bold">YüklÉnir...</span> 3519 </div> 3520 3521 <!-- Quick Stats --> 3522 <div class="grid grid-cols-2 gap-3"> 3523 <div class="bg-gray-50 rounded-xl p-3"> 3524 <span class="text-xs text-gray-500">24s hÉcm</span> 3525 <div id="volume" class="text-sm font-bold text-gray-900">YüklÉnir...</div> 3526 </div> 3527 <div class="bg-gray-50 rounded-xl p-3"> 3528 <span class="text-xs text-gray-500">Bazar dÉyÉri</span> 3529 <div id="market-cap" class="text-sm font-bold text-gray-900">YüklÉnir...</div> 3530 </div> 3531 </div> 3532 3533 <!-- Simple Chart --> 3534 <div id="chart" class="mt-4 flex items-end space-x-1 h-16"> 3535 <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 24px"></div> 3536 <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 32px"></div> 3537 <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 28px"></div> 3538 <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 36px"></div> 3539 <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 42px"></div> 3540 <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 38px"></div> 3541 <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 44px"></div> 3542 </div> 3543 3544 <!-- Link to Crypto Currencies Page --> 3545 <a href="https://valyuta.az/kripto-valyutalar" class="mt-4 flex items-center justify-center gap-2 text-[#388e3c] hover:text-[#2d7230] transition-colors bg-gray-50 rounded-lg p-3 hover:bg-gray-100"> 3546 <span class="text-base font-semibold">Kripto valyutalar</span> 3547 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3548 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 3549 </svg> 3550 </a> 3551</div> 3552 3553 </div> 3554 3555 <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm hover:shadow-md transition-all duration-500 group/container" 3556 x-data="{ activeTab: 'daily', hoveredIndex: null }" 3557 x-on:mouseleave="hoveredIndex = null">
3558 <!-- Beautiful Header with Animated Background --> 3559 <div class="bg-gradient-to-r from-[#388e3c]/8 via-[#388e3c]/4 to-transparent p-2 border-b border-gray-100 relative overflow-hidden"> 3560 <!-- Animated Background Pattern --> 3561 <div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=')] opacity-3 animate-pulse"></div> 3562 <!-- Gradient Overlay --> 3563 <div class="absolute inset-0 bg-gradient-to-r from-white/20 via-transparent to-transparent"></div> 3564 3565 <div class="flex items-center gap-2 relative"> 3566 <!-- Enhanced Icon Container --> 3567 <div class="w-10 h-10 bg-gradient-to-br from-white to-gray-50 rounded-lg flex items-center justify-center shadow-xs relative overflow-hidden group/icon border border-gray-200/50"> 3568 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/10 via-trans
3568parent to-transparent opacity-0 group-hover/icon:opacity-100 transition-all duration-300"></div> 3569 <div class="absolute inset-0 bg-gradient-to-br from-white/50 to-transparent opacity-0 group-hover/icon:opacity-100 transition-all duration-300"></div> 3570 <img src="https://valyuta.az/images/view.svg" class="w-7 h-7 text-[#388e3c] relative z-10 group-hover/icon:scale-110 transition-transform duration-200" alt="views"> 3571 </div> 3572 <div> 3573 <h3 class="text-base font-bold text-gray-900 leading-none group-hover/container:text-[#388e3c] transition-colors duration-300">Æn çox oxunanlar</h3> 3574 </div> 3575 </div> 3576 </div> 3577 3578 <div class="p-2"> 3579 <!-- Beautiful Tabs with Enhanced Animation --> 3580 <div class="flex gap-0.5 mb-3 bg-gradient-to-r from-gray-50/80 to-gray-100/50 p-0.5 rounded-lg border border-gray-200/50"> 3581 <button 3582 @click="activeTab = 'daily'" 3583 :class="{ 'bg-white shadow-sm text-[#388e3c] scale-100 ring-1 ring-[#388e3c]/20': activeTab === 'daily', 'text-gray-500 hover:text-gray-700 hover:bg-white/70 scale-95': activeTab !== 'daily' }" 3584 class="flex-1 py-1.5 px-2 text-sm font-medium rounded-md transition-all duration-300 transform hover:scale-105"> 3585 Bu gün 3586 </button> 3587 <button 3588 @click="activeTab = 'weekly'" 3589 :class="{ 'bg-white shadow-sm text-[#388e3c] scale-100 ring-1 ring-[#388e3c]/20': activeTab === 'weekly', 'text-gray-500 hover:text-gray-700 hover:bg-white/70 scale-95': activeTab !== 'weekly' }" 3590 class="flex-1 py-1.5 px-2 text-sm font-medium rounded-md transition-all duration-300 transform hover:scale-105"> 3591 Bu hÉftÉ 3592 </button> 3593 <button 3594 @click="activeTab = 'monthly'" 3595 :class="{ 'bg-white shadow-sm text-[#388e3c] scale-100 ring-1 ring-[#388e3c]/20': activeTab === 'monthly', 'text-gray-500 hover:text-gray-700 hover:bg-white/70 scale-95': activeTab !== 'monthly' }" 3596 class="flex-1 py-1.5 px-2 text-sm font-medium rounded-md transition-all duration-300 transform hover:scale-105"> 3597 Bu ay 3598 </button> 3599 </div> 3600 3601 <!-- News Lists with Beautiful Animations --> 3602 <div class="relative"> 3603 <div x-show="activeTab === 'daily'" 3604 x-transition:enter="transition ease-out duration-300" 3605 x-transition:enter-start="opacity-0 translate-y-2" 3606 x-transition:enter-end="opacity-100 translate-y-0" 3607 class="space-y-0"> 3608 <div class="group" 3609 x-on:mouseenter="hoveredIndex = 0" 3610 x-on:mouseleave="hoveredIndex = null"> 3611 <!-- News Image on Hover --> 3612 <div x-show="hoveredIndex === 0" 3613 x-transition:enter="transition ease-out duration-200" 3614 x-transition:enter-start="opacity-0 scale-95" 3615 x-transition:enter-end="opacity-100 scale-100" 3616 x-transition:leave="transition ease-in duration-100" 3617 x-transition:leave-start="opacity-100 scale-100" 3618 x-transition:leave-end="opacity-0 scale-95" 3619 class="mb-2"> 3620 <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" class="block"> 3621 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3622 <img src="https://valyuta.az/storage/104416/conversions/01M406WRPSMHYCE3GNFDKBX0VG-longcard.webp" 3623 alt="Qızılın qiymÉti 4 200 dollardan aÅaÄı enib" 3624 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3625 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3626 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 3627 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3627ded-xl"></div> 3628 </div> 3629 </a> 3630 </div> 3631 <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" 3632 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 3633 <!-- View Count with Custom Icon --> 3634 <div class="relative w-12 h-12 flex-shrink-0"> 3635 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 3636 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 3637 <div class="absolute inset-0 flex flex-col items-center justify-center"> 3638 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 3639 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">417</span> 3640 </div> 3641 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 3642 </div> 3643 3644 <div class="min-w-0 flex-1"> 3645 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 3646 Qızılın qiymÉti 4 200 dollardan aÅaÄı enib 3647 </h4> 3648 <div class="flex items-center gap-2 mt-1"> 3649 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 3650 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3651 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 3652 </svg> 3653 03.10.2026 3654 </div> 3655 </div> 3656 </div> 3657 </a> 3658 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 3659 </div> 3660 <div class="group" 3661 x-on:mouseenter="hoveredIndex = 1" 3662 x-on:mouseleave="hoveredIndex = null"> 3663 <!-- News Image on Hover --> 3664 <div x-show="hoveredIndex === 1" 3665 x-transition:enter="transition ease-out duration-200" 3666 x-transition:enter-start="opacity-0 scale-95" 3667 x-transition:enter-end="opacity-100 scale-100" 3668 x-transition:leave="transition ease-in duration-100" 3669 x-transition:leave-start="opacity-100 scale-100" 3670 x-transition:leave-end="opacity-0 scale-95" 3671 class="mb-2"> 3672 <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" class="block"> 3673 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3674 <img src="https://valyuta.az/storage/104371/conversions/01M3XNK0WC8BCG3513SY9R34SV-longcard.webp" 3675 alt="AzÉrbaycanda geniÅ pul kütlÉsi 55 milyard manata yaxınlaÅıb" 3676 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3677 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3678 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 3679 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3679ded-xl"></div> 3680 </div> 3681 </a> 3682 </div> 3683 <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" 3684 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 3685 <!-- View Count with Custom Icon --> 3686 <div class="relative w-12 h-12 flex-shrink-0"> 3687 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 3688 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 3689 <div class="absolute inset-0 flex flex-col items-center justify-center"> 3690 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 3691 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">279</span> 3692 </div> 3693 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 3694 </div> 3695 3696 <div class="min-w-0 flex-1"> 3697 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 3698 AzÉrbaycanda geniÅ pul kütlÉsi 55 milyard manata yaxınlaÅıb 3699 </h4> 3700 <div class="flex items-center gap-2 mt-1"> 3701 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 3702 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3703 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 3704 </svg> 3705 03.10.2026 3706 </div> 3707 </div> 3708 </div> 3709 </a> 3710 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 3711 </div> 3712 <div class="group" 3713 x-on:mouseenter="hoveredIndex = 2" 3714 x-on:mouseleave="hoveredIndex = null"> 3715 <!-- News Image on Hover --> 3716 <div x-show="hoveredIndex === 2" 3717 x-transition:enter="transition ease-out duration-200" 3718 x-transition:enter-start="opacity-0 scale-95" 3719 x-transition:enter-end="opacity-100 scale-100" 3720 x-transition:leave="transition ease-in duration-100" 3721 x-transition:leave-start="opacity-100 scale-100" 3722 x-transition:leave-end="opacity-0 scale-95" 3723 class="mb-2"> 3724 <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" class="block"> 3725 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3726 <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-longcard.webp" 3727 alt=""YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir"" 3728 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3729 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3730 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 3731 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3731ded-xl"></div> 3732 </div> 3733 </a> 3734 </div> 3735 <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" 3736 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 3737 <!-- View Count with Custom Icon --> 3738 <div class="relative w-12 h-12 flex-shrink-0"> 3739 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 3740 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 3741 <div class="absolute inset-0 flex flex-col items-center justify-center"> 3742 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 3743 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">277</span> 3744 </div> 3745 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 3746 </div> 3747 3748 <div class="min-w-0 flex-1"> 3749 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 3750 "YaxÅı rÉhbÉr özündÉn güclü insanlarla iÅlÉyÉ bilmÉlidir" 3751 <span class="text-[#008000] font-bold">- Ekspert</span> 3752 </h4> 3753 <div class="flex items-center gap-2 mt-1"> 3754 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 3755 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3756 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 3757 </svg> 3758 03.10.2026 3759 </div> 3760 </div> 3761 </div> 3762 </a> 3763 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 3764 </div> 3765 <div class="group" 3766 x-on:mouseenter="hoveredIndex = 3" 3767 x-on:mouseleave="hoveredIndex = null"> 3768 <!-- News Image on Hover --> 3769 <div x-show="hoveredIndex === 3" 3770 x-transition:enter="transition ease-out duration-200" 3771 x-transition:enter-start="opacity-0 scale-95" 3772 x-transition:enter-end="opacity-100 scale-100" 3773 x-transition:leave="transition ease-in duration-100" 3774 x-transition:leave-start="opacity-100 scale-100" 3775 x-transition:leave-end="opacity-0 scale-95" 3776 class="mb-2"> 3777 <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" class="block"> 3778 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3779 <img src="https://valyuta.az/storage/104398/conversions/01M3Y6ZAZBYPN014XJAACAAC6H-longcard.webp" 3780 alt="HÉlÉ tikilmÉyib, amma 80%-i satılıb: " 3781 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3782 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3783 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 3784 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3784ded-xl"></div> 3785 </div> 3786 </a> 3787 </div> 3788 <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" 3789 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 3790 <!-- View Count with Custom Icon --> 3791 <div class="relative w-12 h-12 flex-shrink-0"> 3792 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 3793 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 3794 <div class="absolute inset-0 flex flex-col items-center justify-center"> 3795 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 3796 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">260</span> 3797 </div> 3798 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 3799 </div> 3800 3801 <div class="min-w-0 flex-1"> 3802 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 3803 HÉlÉ tikilmÉyib, amma 80%-i satılıb: 3804 <span class="text-[#008000] font-bold">1,7 milyard dollarlıq layihÉ</span> 3805 </h4> 3806 <div class="flex items-center gap-2 mt-1"> 3807 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 3808 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3809 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 3810 </svg> 3811 03.10.2026 3812 </div> 3813 </div> 3814 </div> 3815 </a> 3816 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 3817 </div> 3818 <div class="group" 3819 x-on:mouseenter="hoveredIndex = 4" 3820 x-on:mouseleave="hoveredIndex = null"> 3821 <!-- News Image on Hover --> 3822 <div x-show="hoveredIndex === 4" 3823 x-transition:enter="transition ease-out duration-200" 3824 x-transition:enter-start="opacity-0 scale-95" 3825 x-transition:enter-end="opacity-100 scale-100" 3826 x-transition:leave="transition ease-in duration-100" 3827 x-transition:leave-start="opacity-100 scale-100" 3828 x-transition:leave-end="opacity-0 scale-95" 3829 class="mb-2"> 3830 <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" class="block"> 3831 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3832 <img src="https://valyuta.az/storage/104367/conversions/01M3XMQVD66761HBPGDGVN6CXC-longcard.webp" 3833 alt="ÆmÉk qabiliyyÉti üzrÉ sıÄorta ödÉniÅlÉri 189 min manat azalıb" 3834 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3835 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3836 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 3837 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3837ded-xl"></div> 3838 </div> 3839 </a> 3840 </div> 3841 <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" 3842 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 3843 <!-- View Count with Custom Icon --> 3844 <div class="relative w-12 h-12 flex-shrink-0"> 3845 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 3846 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 3847 <div class="absolute inset-0 flex flex-col items-center justify-center"> 3848 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 3849 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">256</span> 3850 </div> 3851 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 3852 </div> 3853 3854 <div class="min-w-0 flex-1"> 3855 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 3856 ÆmÉk qabiliyyÉti üzrÉ sıÄorta ödÉniÅlÉri 189 min manat azalıb 3857 </h4> 3858 <div class="flex items-center gap-2 mt-1"> 3859 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 3860 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3861 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 3862 </svg> 3863 03.10.2026 3864 </div> 3865 </div> 3866 </div> 3867 </a> 3868 </div> 3869 </div> 3870 3871 <!-- Weekly News --> 3872 <div x-show="activeTab === 'weekly'" 3873 x-transition:enter="transition ease-out duration-300" 3874 x-transition:enter-start="opacity-0 translate-y-2" 3875 x-transition:enter-end="opacity-100 translate-y-0" 3876 class="space-y-0"> 3877 <div class="group" 3878 x-on:mouseenter="hoveredIndex = 0" 3879 x-on:mouseleave="hoveredIndex = null"> 3880 <!-- News Image on Hover --> 3881 <div x-show="hoveredIndex === 0" 3882 x-transition:enter="transition ease-out duration-200" 3883 x-transition:enter-start="opacity-0 scale-95" 3884 x-transition:enter-end="opacity-100 scale-100" 3885 x-transition:leave="transition ease-in duration-100" 3886 x-transition:leave-start="opacity-100 scale-100" 3887 x-transition:leave-end="opacity-0 scale-95" 3888 class="mb-2"> 3889 <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" class="block"> 3890 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3891 <img src="https://valyuta.az/storage/104288/conversions/01M3RQ24RVJAVPZ3YJFPPD1R95-longcard.webp"
3892 alt="âAzpulmatâdan 500 manat kredit götürÉn ÅÉxs nÉ qÉdÉr geri ödÉyir?" 3893 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3894 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3895 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 3896 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent rounded-xl"></div> 3897 </div> 3898 </a> 3899 </div> 3900 <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" 3901 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 3902 <!-- View Count with Custom Icon --> 3903 <div class="relative w-12 h-12 flex-shrink-0"> 3904 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 3905 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 3906 <div class="absolute inset-0 flex flex-col items-center justify-center"> 3907 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 3908 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">6,341</span> 3909 </div> 3910 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 3911 </div> 3912 3913 <div class="min-w-0 flex-1"> 3914 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 3915 âAzpulmatâdan 500 manat kredit götürÉn ÅÉxs nÉ qÉdÉr geri ödÉyir? 3916 </h4> 3917 <div class="flex items-center gap-2 mt-1"> 3918 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 3919 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3920 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 3921 </svg> 3922 01.10.2026 3923 </div> 3924 </div> 3925 </div> 3926 </a> 3927 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 3928 </div> 3929 <div class="group" 3930 x-on:mouseenter="hoveredIndex = 1" 3931 x-on:mouseleave="hoveredIndex = null"> 3932 <!-- News Image on Hover --> 3933 <div x-show="hoveredIndex === 1" 3934 x-transition:enter="transition ease-out duration-200" 3935 x-transition:enter-start="opacity-0 scale-95" 3936 x-transition:enter-end="opacity-100 scale-100" 3937 x-transition:leave="transition ease-in duration-100" 3938 x-transition:leave-start="opacity-100 scale-100" 3939 x-transition:leave-end="opacity-0 scale-95" 3940 class="mb-2"> 3941 <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" class="block"> 3942 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3943 <img src="https://valyuta.az/storage/104287/conversions/01M3RPW2DF1YTKSSPR248ZBVMN-longcard.webp" 3944 alt="Parlament startapla baÄlı bir sıra qanunlarda dÉyiÅikliklÉri qÉbul edib" 3945 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3946 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3947 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 3948 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3948ded-xl"></div> 3949 </div> 3950 </a> 3951 </div> 3952 <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" 3953 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 3954 <!-- View Count with Custom Icon --> 3955 <div class="relative w-12 h-12 flex-shrink-0"> 3956 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 3957 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 3958 <div class="absolute inset-0 flex flex-col items-center justify-center"> 3959 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 3960 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">5,630</span> 3961 </div> 3962 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 3963 </div> 3964 3965 <div class="min-w-0 flex-1"> 3966 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 3967 Parlament startapla baÄlı bir sıra qanunlarda dÉyiÅikliklÉri qÉbul edib 3968 </h4> 3969 <div class="flex items-center gap-2 mt-1"> 3970 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 3971 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3972 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 3973 </svg> 3974 30.09.2026 3975 </div> 3976 </div> 3977 </div> 3978 </a> 3979 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 3980 </div> 3981 <div class="group" 3982 x-on:mouseenter="hoveredIndex = 2" 3983 x-on:mouseleave="hoveredIndex = null"> 3984 <!-- News Image on Hover --> 3985 <div x-show="hoveredIndex === 2" 3986 x-transition:enter="transition ease-out duration-200" 3987 x-transition:enter-start="opacity-0 scale-95" 3988 x-transition:enter-end="opacity-100 scale-100" 3989 x-transition:leave="transition ease-in duration-100" 3990 x-transition:leave-start="opacity-100 scale-100" 3991 x-transition:leave-end="opacity-0 scale-95" 3992 class="mb-2"> 3993 <a href="https://valyuta.az/news/qazaxistanda-iki-zavod-tikdi-bakida-kitab-kafeye-rehberlik-edir-musfiq-memmedovla-musahibe" class="block"> 3994 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 3995 <img src="https://valyuta.az/storage/104125/conversions/01M39RQHEV4Q0RZ45DMSX3PRJA-longcard.webp" 3996 alt="Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyÉ rÉhbÉrlik edir " 3997 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 3998 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 3999 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4000 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4000ded-xl"></div> 4001 </div> 4002 </a> 4003 </div> 4004 <a href="https://valyuta.az/news/qazaxistanda-iki-zavod-tikdi-bakida-kitab-kafeye-rehberlik-edir-musfiq-memmedovla-musahibe" 4005 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4006 <!-- View Count with Custom Icon --> 4007 <div class="relative w-12 h-12 flex-shrink-0"> 4008 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4009 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4010 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4011 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4012 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">2,256</span> 4013 </div> 4014 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4015 </div> 4016 4017 <div class="min-w-0 flex-1"> 4018 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4019 Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyÉ rÉhbÉrlik edir 4020 <span class="text-[#008000] font-bold">- MüÅfiq MÉmmÉdovla müsahibÉ</span> 4021 </h4> 4022 <div class="flex items-center gap-2 mt-1"> 4023 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4024 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4025 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4026 </svg> 4027 28.09.2026 4028 </div> 4029 </div> 4030 </div> 4031 </a> 4032 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 4033 </div> 4034 <div class="group" 4035 x-on:mouseenter="hoveredIndex = 3" 4036 x-on:mouseleave="hoveredIndex = null"> 4037 <!-- News Image on Hover --> 4038 <div x-show="hoveredIndex === 3" 4039 x-transition:enter="transition ease-out duration-200" 4040 x-transition:enter-start="opacity-0 scale-95" 4041 x-transition:enter-end="opacity-100 scale-100" 4042 x-transition:leave="transition ease-in duration-100" 4043 x-transition:leave-start="opacity-100 scale-100" 4044 x-transition:leave-end="opacity-0 scale-95" 4045 class="mb-2"> 4046 <a href="https://valyuta.az/news/azcondan-baki-metropolitenine-teyinat" class="block"> 4047 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 4048 <img src="https://valyuta.az/storage/104346/conversions/01M3VJTX24CXTPV09XBY354CTQ-longcard.webp" 4049 alt=""AZCON"-dan âBakı MetropoliteniânÉ tÉyinat" 4050 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 4051 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 4052 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4053 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4053ded-xl"></div> 4054 </div> 4055 </a> 4056 </div> 4057 <a href="https://valyuta.az/news/azcondan-baki-metropolitenine-teyinat" 4058 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4059 <!-- View Count with Custom Icon --> 4060 <div class="relative w-12 h-12 flex-shrink-0"> 4061 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4062 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4063 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4064 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4065 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">1,395</span> 4066 </div> 4067 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4068 </div> 4069 4070 <div class="min-w-0 flex-1"> 4071 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4072 "AZCON"-dan âBakı MetropoliteniânÉ tÉyinat 4073 </h4> 4074 <div class="flex items-center gap-2 mt-1"> 4075 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4076 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4077 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4078 </svg> 4079 01.10.2026 4080 </div> 4081 </div> 4082 </div> 4083 </a> 4084 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 4085 </div> 4086 <div class="group" 4087 x-on:mouseenter="hoveredIndex = 4" 4088 x-on:mouseleave="hoveredIndex = null"> 4089 <!-- News Image on Hover --> 4090 <div x-show="hoveredIndex === 4" 4091 x-transition:enter="transition ease-out duration-200" 4092 x-transition:enter-start="opacity-0 scale-95" 4093 x-transition:enter-end="opacity-100 scale-100" 4094 x-transition:leave="transition ease-in duration-100" 4095 x-transition:leave-start="opacity-100 scale-100" 4096 x-transition:leave-end="opacity-0 scale-95" 4097 class="mb-2"> 4098 <a href="https://valyuta.az/news/ucuz-ve-praktik-dunyanin-en-yaxsi-elektrik-avtomobili-secildi" class="block"> 4099 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 4100 <img src="https://valyuta.az/storage/104214/conversions/01M3KZ8AMGGNGYV72JKETC98WR-longcard.webp" 4101 alt="Ucuz vÉ praktik: Dünyanın Én yaxÅı elektrik avtomobili seçildi" 4102 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 4103 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 4104 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4105 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4105ded-xl"></div> 4106 </div> 4107 </a> 4108 </div> 4109 <a href="https://valyuta.az/news/ucuz-ve-praktik-dunyanin-en-yaxsi-elektrik-avtomobili-secildi" 4110 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4111 <!-- View Count with Custom Icon --> 4112 <div class="relative w-12 h-12 flex-shrink-0"> 4113 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4114 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4115 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4116 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4117 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">1,199</span> 4118 </div> 4119 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4120 </div> 4121 4122 <div class="min-w-0 flex-1"> 4123 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4124 Ucuz vÉ praktik: Dünyanın Én yaxÅı elektrik avtomobili seçildi 4125 </h4> 4126 <div class="flex items-center gap-2 mt-1"> 4127 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4128 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4129 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4130 </svg> 4131 28.09.2026 4132 </div> 4133 </div> 4134 </div> 4135 </a> 4136 </div> 4137 </div> 4138 4139 <!-- Monthly News --> 4140 <div x-show="activeTab === 'monthly'" 4141 x-transition:enter="transition ease-out duration-300" 4142 x-transition:enter-start="opacity-0 translate-y-2" 4143 x-transition:enter-end="opacity-100 translate-y-0" 4144 class="space-y-0"> 4145 <div class="group" 4146 x-on:mouseenter="hoveredIndex = 0" 4147 x-on:mouseleave="hoveredIndex = null"> 4148 <!-- News Image on Hover --> 4149 <div x-show="hoveredIndex === 0" 4150 x-transition:enter="transition ease-out duration-200" 4151 x-transition:enter-start="opacity-0 scale-95" 4152 x-transition:enter-end="opacity-100 scale-100" 4153 x-transition:leave="transition ease-in duration-100" 4154 x-transition:leave-start="opacity-100 scale-100" 4155 x-transition:leave-end="opacity-0 scale-95" 4156 class="mb-2"> 4157 <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" class="block"> 4158 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 4159 <img src="https://valyuta.az/storage/104288/conversions/01M3RQ24RVJAVPZ3YJFPPD1R95-longcard.webp"
4160 alt="âAzpulmatâdan 500 manat kredit götürÉn ÅÉxs nÉ qÉdÉr geri ödÉyir?" 4161 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 4162 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 4163 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4164 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent rounded-xl"></div> 4165 </div> 4166 </a> 4167 </div> 4168 <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" 4169 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4170 <!-- View Count with Custom Icon --> 4171 <div class="relative w-12 h-12 flex-shrink-0"> 4172 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4173 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4174 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4175 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4176 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">6,341</span> 4177 </div> 4178 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4179 </div> 4180 4181 <div class="min-w-0 flex-1"> 4182 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4183 âAzpulmatâdan 500 manat kredit götürÉn ÅÉxs nÉ qÉdÉr geri ödÉyir? 4184 </h4> 4185 <div class="flex items-center gap-2 mt-1"> 4186 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4187 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4188 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4189 </svg> 4190 01.10.2026 4191 </div> 4192 </div> 4193 </div> 4194 </a> 4195 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 4196 </div> 4197 <div class="group" 4198 x-on:mouseenter="hoveredIndex = 1" 4199 x-on:mouseleave="hoveredIndex = null"> 4200 <!-- News Image on Hover --> 4201 <div x-show="hoveredIndex === 1" 4202 x-transition:enter="transition ease-out duration-200" 4203 x-transition:enter-start="opacity-0 scale-95" 4204 x-transition:enter-end="opacity-100 scale-100" 4205 x-transition:leave="transition ease-in duration-100" 4206 x-transition:leave-start="opacity-100 scale-100" 4207 x-transition:leave-end="opacity-0 scale-95" 4208 class="mb-2"> 4209 <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" class="block"> 4210 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 4211 <img src="https://valyuta.az/storage/104287/conversions/01M3RPW2DF1YTKSSPR248ZBVMN-longcard.webp" 4212 alt="Parlament startapla baÄlı bir sıra qanunlarda dÉyiÅikliklÉri qÉbul edib" 4213 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 4214 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 4215 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4216 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4216ded-xl"></div> 4217 </div> 4218 </a> 4219 </div> 4220 <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" 4221 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4222 <!-- View Count with Custom Icon --> 4223 <div class="relative w-12 h-12 flex-shrink-0"> 4224 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4225 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4226 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4227 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4228 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">5,630</span> 4229 </div> 4230 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4231 </div> 4232 4233 <div class="min-w-0 flex-1"> 4234 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4235 Parlament startapla baÄlı bir sıra qanunlarda dÉyiÅikliklÉri qÉbul edib 4236 </h4> 4237 <div class="flex items-center gap-2 mt-1"> 4238 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4239 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4240 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4241 </svg> 4242 30.09.2026 4243 </div> 4244 </div> 4245 </div> 4246 </a> 4247 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 4248 </div> 4249 <div class="group" 4250 x-on:mouseenter="hoveredIndex = 2" 4251 x-on:mouseleave="hoveredIndex = null"> 4252 <!-- News Image on Hover --> 4253 <div x-show="hoveredIndex === 2" 4254 x-transition:enter="transition ease-out duration-200" 4255 x-transition:enter-start="opacity-0 scale-95" 4256 x-transition:enter-end="opacity-100 scale-100" 4257 x-transition:leave="transition ease-in duration-100" 4258 x-transition:leave-start="opacity-100 scale-100" 4259 x-transition:leave-end="opacity-0 scale-95" 4260 class="mb-2"> 4261 <a href="https://valyuta.az/news/gencede-yollarin-temirine-49-milyon-manat-xerclenecek" class="block"> 4262 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 4263 <img src="https://valyuta.az/storage/103574/conversions/01M236Y6A66RXND71ZAY0XFCDR-longcard.webp" 4264 alt="GÉncÉdÉ yolların tÉmirinÉ 4,9 milyon manat xÉrclÉnÉcÉk" 4265 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 4266 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 4267 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4268 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4268ded-xl"></div> 4269 </div> 4270 </a> 4271 </div> 4272 <a href="https://valyuta.az/news/gencede-yollarin-temirine-49-milyon-manat-xerclenecek" 4273 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4274 <!-- View Count with Custom Icon --> 4275 <div class="relative w-12 h-12 flex-shrink-0"> 4276 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4277 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4278 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4279 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4280 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">3,282</span> 4281 </div> 4282 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4283 </div> 4284 4285 <div class="min-w-0 flex-1"> 4286 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4287 GÉncÉdÉ yolların tÉmirinÉ 4,9 milyon manat xÉrclÉnÉcÉk 4288 </h4> 4289 <div class="flex items-center gap-2 mt-1"> 4290 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4291 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4292 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4293 </svg> 4294 09.09.2026 4295 </div> 4296 </div> 4297 </div> 4298 </a> 4299 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 4300 </div> 4301 <div class="group" 4302 x-on:mouseenter="hoveredIndex = 3" 4303 x-on:mouseleave="hoveredIndex = null"> 4304 <!-- News Image on Hover --> 4305 <div x-show="hoveredIndex === 3" 4306 x-transition:enter="transition ease-out duration-200" 4307 x-transition:enter-start="opacity-0 scale-95" 4308 x-transition:enter-end="opacity-100 scale-100" 4309 x-transition:leave="transition ease-in duration-100" 4310 x-transition:leave-start="opacity-100 scale-100" 4311 x-transition:leave-end="opacity-0 scale-95" 4312 class="mb-2"> 4313 <a href="https://valyuta.az/news/merkezi-nebatat-baginda-48-milyon-manatliq-isiq-sousu-planlasdirilir" class="block"> 4314 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 4315 <img src="https://valyuta.az/storage/103465/conversions/01M1XHPC2Y07MZZ1CMTE85NGM7-longcard.webp" 4316 alt="MÉrkÉzi NÉbatat BaÄında 4,8 milyon manatlıq iÅıq Åousu planlaÅdırılır" 4317 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 4318 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 4319 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4320 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4320ded-xl"></div> 4321 </div> 4322 </a> 4323 </div> 4324 <a href="https://valyuta.az/news/merkezi-nebatat-baginda-48-milyon-manatliq-isiq-sousu-planlasdirilir" 4325 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4326 <!-- View Count with Custom Icon --> 4327 <div class="relative w-12 h-12 flex-shrink-0"> 4328 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4329 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4330 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4331 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4332 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">2,988</span> 4333 </div> 4334 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4335 </div> 4336 4337 <div class="min-w-0 flex-1"> 4338 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4339 MÉrkÉzi NÉbatat BaÄında 4,8 milyon manatlıq iÅıq Åousu planlaÅdırılır 4340 </h4> 4341 <div class="flex items-center gap-2 mt-1"> 4342 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4343 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4344 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4345 </svg> 4346 07.09.2026 4347 </div> 4348 </div> 4349 </div> 4350 </a> 4351 <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div> 4352 </div> 4353 <div class="group" 4354 x-on:mouseenter="hoveredIndex = 4" 4355 x-on:mouseleave="hoveredIndex = null"> 4356 <!-- News Image on Hover --> 4357 <div x-show="hoveredIndex === 4" 4358 x-transition:enter="transition ease-out duration-200" 4359 x-transition:enter-start="opacity-0 scale-95" 4360 x-transition:enter-end="opacity-100 scale-100" 4361 x-transition:leave="transition ease-in duration-100" 4362 x-transition:leave-start="opacity-100 scale-100" 4363 x-transition:leave-end="opacity-0 scale-95" 4364 class="mb-2"> 4365 <a href="https://valyuta.az/news/respublika-uzre-11-modul-mekteb-qurasdirilacaq-67-milyon-manatliq-tender" class="block"> 4366 <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10"> 4367 <img src="https://valyuta.az/storage/103735/conversions/01M2FS1WV28G2GZNBGWNP3K958-longcard.webp" 4368 alt="Respublika üzrÉ 20 modul mÉktÉb quraÅdırılacaq " 4369 class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500"> 4370 <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div> 4371 <div class="absolute inset-0 border border-white/20 rounded-xl"></div> 4372 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4372ded-xl"></div> 4373 </div> 4374 </a> 4375 </div> 4376 <a href="https://valyuta.az/news/respublika-uzre-11-modul-mekteb-qurasdirilacaq-67-milyon-manatliq-tender" 4377 class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10"> 4378 <!-- View Count with Custom Icon --> 4379 <div class="relative w-12 h-12 flex-shrink-0"> 4380 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div> 4381 <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 4382 <div class="absolute inset-0 flex flex-col items-center justify-center"> 4383 <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views"> 4384 <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">2,972</span> 4385 </div> 4386 <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div> 4387 </div> 4388 4389 <div class="min-w-0 flex-1"> 4390 <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1"> 4391 Respublika üzrÉ 20 modul mÉktÉb quraÅdırılacaq 4392 <span class="text-[#008000] font-bold">â 12 milyon manatlıq tender</span> 4393 </h4> 4394 <div class="flex items-center gap-2 mt-1"> 4395 <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200"> 4396 <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4397 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/> 4398 </svg> 4399 14.09.2026 4400 </div> 4401 </div> 4402 </div> 4403 </a> 4404 </div> 4405 </div> 4406 </div> 4407 </div> 4408</div> 4409 </div> 4410 </div> 4411</div> 4412 4413 </main> 4414 4415 <!-- Footer Section --> 4416 <footer class="bg-white border-t mt-12 relative overflow-hidden"> 4417 <!-- Decorative elements --> 4418 <div class="absolute inset-0 pointer-events-none"> 4419 <div class="absolute top-0 right-0 w-40 h-40 bg-[#388e3c]/5 rounded-full -mr-20 -mt-20 blur-xl animate-pulse"></div> 4420 <div class="absolute bottom-0 left-0 w-60 h-60 bg-[#388e3c]/5 rounded-full -ml-20 -mb-20 blur-xl animate-pulse"></div> 4421 <!-- Animated dots pattern --> 4422 <div class="absolute inset-0 opacity-10"> 4423 <div class="absolute top-1/4 left-1/4 w-2 h-2 bg-[#388e3c] rounded-full animate-bounce"></div> 4424 <div class="absolute top-1/3 right-1/3 w-2 h-2 bg-[#388e3c] rounded-full animate-bounce" style="animation-delay: 0.2s"></div> 4425 <div class="absolute bottom-1/4 left-1/3 w-2 h-2 bg-[#388e3c] rounded-full animate-bounce" style="animation-delay: 0.4s"></div> 4426 </div> 4427 </div> 4428 4429 <div class="max-w-6xl mx-auto px-4 py-8 relative"> 4430 <!-- Footer Content --> 4431 <div class="flex flex-col md:flex-row items-center justify-between gap-8"> 4432 <!-- Logo and About --> 4433 <div class="flex-1 group"> 4434 <a href="https://valyuta.az" class="hover:text-[#388e3c] transition-colors duration-300"> 4435 <div class="flex items-center gap-3 mb-3 transform transition-transform duration-300 group-hover:scale-105"> 4436 4437 <div> 4438 <div class="flex flex-col"> 4439 <div class="flex items-center space-x-3"> 4440 4441 <!-- Logo Icon --> 4442 <div class="relative group"> 4443 <a href="https://valyuta.az"> 4444 <!-- Main Icon Container --> 4445 <div class="w-60 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
4446 <!-- Valyuta Logo SVG --> 4447 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 4448 4449 <!-- Simple Hover Effect --> 4450 <div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-300 bg-white/10"></div> 4451 </div> 4452 </a> 4453 </div> 4454 4455 </div> 4456 </div> 4457 </div> 4458 </div> 4459 </a> 4460 </div> 4461 4462 <!-- Social Media --> 4463 <div class="flex flex-col items-center gap-4"> 4464 <div class="flex items-center gap-4"> 4465 <!-- X (Twitter) --> 4466 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="X"> 4467 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4468 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4469 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 4470 </svg> 4471 </div> 4472 </a> --> 4473 <!-- Instagram --> 4474 <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="Instagram"> 4475 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4476 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4477 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 4478 </svg> 4479 </div> 4480 </a> 4481 <!-- WhatsApp --> 4482 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="WhatsApp"> 4483 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4484 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4485 <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.
4485198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488"/> 4486 </svg> 4487 </div> 4488 </a> --> 4489 <!-- YouTube --> 4490 <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="YouTube"> 4491 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4492 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4493 <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/> 4494 </svg> 4495 </div> 4496 </a> 4497 <!-- TikTok --> 4498 <a href="https://www.tiktok.com/@valyuta_az?_t=ZS-8yIHyjsdf9u&_r=1" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="TikTok"> 4499 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4500 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4501 <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 4502 </svg> 4503 </div> 4504 </a> 4505 <!-- Facebook --> 4506 <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="Facebook"> 4507 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4508 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4509 <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/> 4510 </svg> 4511 </div> 4512 </a> 4513 <!-- Telegram --> 4514 <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="Telegram"> 4515 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4516 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4517 <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.9
451762 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/> 4518 </svg> 4519 </div> 4520 </a> 4521 <!-- LinkedIn --> 4522 <a href="https://www.linkedin.com/company/valyuta-az/posts/?feedView=all" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="LinkedIn"> 4523 <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4524 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 4525 <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> 4526 </svg> 4527 </div> 4528 </a> 4529 4530 </div> 4531 </div> 4532 4533 <!-- Contact --> 4534 <div class="flex-1"> 4535 <div class="flex flex-col items-end gap-4"> 4536 <div class="flex items-center gap-2 text-gray-600 text-sm group"> 4537 <div class="w-8 h-8 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4538 <svg class="w-4 h-4 transform group-hover:rotate-12 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4539 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/> 4540 </svg> 4541 </div> 4542 <span class="min-w-[140px] group-hover:text-[#388e3c] transition-colors duration-300">+994 55 211 45 88</span> 4543 </div> 4544 <div class="flex items-center gap-2 text-gray-600 text-sm group"> 4545 <div class="w-8 h-8 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md"> 4546 <svg class="w-4 h-4 transform group-hover:rotate-12 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4547 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 4548 </svg> 4549 </div> 4550 <span class="min-w-[140px] group-hover:text-[#388e3c] transition-colors duration-300"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3a53545c557a4c5b56434f4e5b145b40">[email protected]</a></span> 4551 </div> 4552 </div> 4553 4554 4555 </div> 4556 </div> 4557 4558 <!-- Footer Bottom --> 4559 <div class="mt-8 pt-6 border-t border-gray-100 text-center relative"> 4560 <p class="text-sm text-gray-600 inline-block relative group"> 4561 © 2025 Valyuta.az. Bütün hüquqlar qorunur.
4562 <span class="absolute -bottom-1 left-0 w-full h-0.5 bg-[#388e3c] transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span> 4563 </p> 4564 <p class="flex justify-end pr-4"> 4565 <!--LiveInternet counter--><a href="https://www.liveinternet.ru/click" 4566 target="_blank"><img id="licnt88D5" width="88" height="31" style="border:0" 4567 title="LiveInternet: показано ÑиÑло пÑоÑмоÑÑов за 24 ÑаÑа, поÑеÑиÑелей за 24 ÑаÑа и за ÑегоднÑ" 4568 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" 4569 alt="" /></a>
vendor: 115 bytes, lines 4569-4570
4569 4570 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4570<script> 4571 (function(d, s) { 4572 d.getElementById("licnt88D5").src = 4573 "https://counter.yadro.ru/hit?t14.5;r" + escape(d.referrer) + 4574 ((typeof(s) == "undefined") ? "" : ";s" + s.width + "" + s.height + "" + 4575 (s.colorDepth ? s.colorDepth : s.pixelDepth)) + ";u" + escape(d.URL) + 4576 ";h" + escape(d.title.substring(0, 150)) + ";" + Math.random() 4577 }) 4578 (document, screen) 4579 </script>
4579<!--/LiveInternet--> 4580 </p> 4581 4582 </div> 4583 </div> 4584 </div> 4585 </footer> 4586 4587 4588
4588<script> 4589 document.addEventListener('DOMContentLoaded', function() { 4590 let isUpdating = false; 4591 let lastUpdateTime = 0; 4592 const UPDATE_INTERVAL = 5 * 60 * 1000; // 5 minutes 4593 const MIN_UPDATE_INTERVAL = 10 * 1000; // 10 seconds minimum between updates 4594 4595 function formatNumber(num, decimals = 4) { 4596 if (!num) return '0.00'; 4597 return new Intl.NumberFormat('en-US', { 4598 minimumFractionDigits: decimals, 4599 maximumFractionDigits: decimals 4600 }).format(num); 4601 } 4602 4603 function getCurrencySymbol(currency) { 4604 const symbols = { 4605 'USD': '$', 4606 'EUR': 'â¬', 4607 'GBP': '£', 4608 'RUB': 'â½', 4609 'TRY': 'âº' 4610 }; 4611 return symbols[currency] || currency; 4612 } 4613 4614 function updateCurrencyRates() { 4615 const now = Date.now(); 4616 4617 // Prevent too frequent updates 4618 if (isUpdating || (now - lastUpdateTime) < MIN_UPDATE_INTERVAL) { 4619 return; 4620 } 4621 4622 isUpdating = true; 4623 4624 fetch('https://valyuta.az/rates', { 4625 headers: { 4626 'Accept': 'application/json', 4627 'X-Requested-With': 'XMLHttpRequest' 4628 }, 4629 cache: 'no-cache' 4630 }) 4631 .then(response => { 4632 if (!response.ok) { 4633 throw new Error('Network response was not ok'); 4634 } 4635 return response.json(); 4636 }) 4637 .then(data => { 4638 if (!data.rates) { 4639 throw new Error('No rates data available'); 4640 } 4641 4642 lastUpdateTime = now; 4643 const container = document.getElementById('currency-rates-grid'); 4644 4645 // Update last update time 4646 document.getElementById('last-update').innerHTML = 4647 `Son yenilÉnmÉ: ${new Date().toLocaleDateString('az-AZ')}`; 4648 4649 // Clear container 4650 container.innerHTML = ''; 4651 4652 // Add currency rates 4653 Object.entries(data.rates).forEach(([currency, rateData]) => { 4654 const changeClass = rateData.change >= 0 ? 'text-[#388e3c]' : 'text-red-600'; 4655 const changeBgClass = rateData.change >= 0 ? 'bg-[#388e3c]/10' : 'bg-red-600/10'; 4656 4657 container.innerHTML += ` 4658 <div class="flex items-center justify-between p-3 bg-gray-50 rounded-xl hover:bg-gray-100 transition-colors"> 4659 <div class="flex flex-col items-center gap-1"> 4660 <div class="w-9 h-9 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 4661 <span class="text-base font-bold text-[#388e3c]"> 4662 ${getCurrencySymbol(currency)} 4663 </span> 4664 </div> 4665 <div class="text-sm font-semibold text-gray-800">${formatNumber(rateData.rate)}</div> 4666 </div> 4667 <div class="flex flex-col items-end gap-1"> 4668 <div class="text-base font-bold text-gray-800 mr-[10px]">${currency}</div> 4669 <div class="text-xs font-medium ${changeClass} ${changeBgClass} px-1.5 py-0.5 rounded-lg mt-2 ml-2"> 4670 ${rateData.change >= 0 ? '+' : ''}${formatNumber(rateData.change, 2)}% 4671 </div> 4672 </div> 4673 </div> 4674 `; 4675 }); 4676 }) 4677 .catch(error => { 4678 console.error('Error updating currency rates:', error); 4679 document.getElementById('currency-rates-grid').innerHTML = ` 4680 <div class="col-span-2 text-center p-4"> 4681 <div class="text-red-600 text-sm font-medium"> 4682 MÉlumat yüklÉnÉ bilmÉdi 4683 </div> 4684 </div> 4685 `; 4686 }) 4687 .finally(() => { 4688 isUpdating = false;
4689 }); 4690 } 4691 4692 // Initial update 4693 updateCurrencyRates(); 4694 4695 // Update every 5 minutes 4696 setInterval(updateCurrencyRates, UPDATE_INTERVAL); 4697 }); 4698</script>
vendor: 1 bytes, line 4698
4698
4699<script> 4700 document.addEventListener('DOMContentLoaded', function() { 4701 let isUpdating = false; 4702 let lastUpdateTime = 0; 4703 const UPDATE_INTERVAL = 5 * 60 * 1000; // 5 minutes 4704 const MIN_UPDATE_INTERVAL = 10 * 1000; // 10 seconds minimum 4705 4706 function formatNumber(num, decimals = 2) { 4707 if (!num || isNaN(parseFloat(num))) return '0.00'; 4708 return new Intl.NumberFormat('az-AZ', { 4709 minimumFractionDigits: decimals, 4710 maximumFractionDigits: decimals 4711 }).format(num); 4712 } 4713 4714 function updateCommodityWidget() { 4715 const now = Date.now(); 4716 if (isUpdating || (now - lastUpdateTime) < MIN_UPDATE_INTERVAL) { 4717 return; 4718 } 4719 isUpdating = true; 4720 4721 fetch('https://valyuta.az/rates', { 4722 headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, 4723 cache: 'no-cache' 4724 }) 4725 .then(response => { 4726 if (!response.ok) throw new Error('Network response was not ok'); 4727 return response.json(); 4728 }) 4729 .then(data => { 4730 if (!data.commodities) throw new Error('No commodity data available'); 4731 lastUpdateTime = now; 4732 updateCommodityDisplay(data.commodities); 4733 }) 4734 .catch(error => { 4735 console.error('Error updating commodity widget:', error); 4736 const container = document.getElementById('commodities-container'); 4737 container.innerHTML = `<div class="text-center p-4 text-red-600 text-sm font-medium">MÉlumat yüklÉnÉ bilmÉdi</div>`; 4738 }) 4739 .finally(() => { 4740 isUpdating = false; 4741 }); 4742 } 4743 4744 function updateCommodityDisplay(commodities) { 4745 const container = document.getElementById('commodities-container'); 4746 document.getElementById('commodity-last-update').innerHTML = 4747 `${new Date().toLocaleDateString('az-AZ', { day: '2-digit', month: '2-digit', year: 'numeric' , hour: '2-digit', minute: '2-digit'})}`; 4748 4749 const commodityData = [ 4750 { 4751 name: commodities.oil?.name || 'Neft (Azeri Light)', 4752 icon: 'ð¢ï¸', 4753 unit: commodities.oil?.unit || 'AZN/barrel', 4754 price: commodities.oil?.price || 0, 4755 change: commodities.oil?.change || 0 4756 }, 4757 { 4758 name: commodities.gas?.name || 'TÉbii Qaz', 4759 icon: 'â½', 4760 unit: commodities.gas?.unit || 'AZN/MMBtu', 4761 price: commodities.gas?.price || 0, 4762 change: commodities.gas?.change || 0 4763 }, 4764 { 4765 name: commodities.gold?.name || 'Qızıl', 4766 icon: 'ð¥', 4767 unit: 'AZN/t.u.', 4768 price: commodities.gold?.price || 0, 4769 change: commodities.gold?.change || 0 4770 } 4771 ]; 4772 4773 let html = ''; 4774 commodityData.forEach(item => { 4775 const changeClass = item.change >= 0 ? 'text-green-600' : 'text-red-600'; 4776 const changeBgClass = item.change >= 0 ? 'bg-green-500/10' : 'bg-red-500/10'; 4777 const changeSign = item.change >= 0 ? '+' : ''; 4778 4779 html += ` 4780 <div class="flex items-center justify-between p-2 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors duration-200"> 4781 <div class="flex items-center gap-3"> 4782 <div class="text-xl">${item.icon}</div> 4783 <div> 4784 <div class="font-semibold text-gray-800 text-sm">${item.name}</div> 4785 <div class="text-xs text-gray-500">${item.unit}</div> 4786 </div> 4787 </div> 4788 <div class="text-right"> 4789 <div class="font-bold text-gray-900 text-sm">${formatNumber(item.price)} â¼</div> 4790 <div class="text-xs font-medium ${changeClass} ${changeBgClass} px-1.5 py-0.5 rounded-md mt-1"> 4791 ${changeSign}${formatNumber(item.change, 2)}% 4792 </div> 4793 </div> 4794 </div> 4795 `; 4796 }); 4797 4798 container.innerHTML = html; 4799 } 4800 4801 updateCommodityWidget(); 4802 setInterval(updateCommodityWidget, UPDATE_INTERVAL); 4803 }); 4804</script>
vendor: 1 bytes, line 4804
4804
4805<script> 4806 document.addEventListener('DOMContentLoaded', function() { 4807 let isUpdating = false; 4808 let lastUpdateTime = 0; 4809 const UPDATE_INTERVAL = 5 * 60 * 1000; // 5 minutes 4810 const MIN_UPDATE_INTERVAL = 10 * 1000; // 10 seconds minimum between updates 4811 4812 function formatNumber(num) { 4813 // Remove any commas and convert to number 4814 num = String(num).replace(/,/g, ''); 4815 num = parseFloat(num); 4816 4817 if (isNaN(num)) { 4818 return '0.00'; 4819 } 4820 4821 return new Intl.NumberFormat('en-US', { 4822 minimumFractionDigits: 2, 4823 maximumFractionDigits: 2, 4824 style: 'decimal' 4825 }).format(num); 4826 } 4827 4828 function formatLargeNumber(num) { 4829 // Remove any non-numeric characters except dots 4830 num = String(num).replace(/[^0-9.]/g, ''); 4831 num = parseFloat(num); 4832 4833 if (isNaN(num)) { 4834 return '$0'; 4835 } 4836 4837 let result; 4838 if (num >= 1e12) result = '$' + (num / 1e12).toFixed(2) + 'T'; 4839 else if (num >= 1e9) result = '$' + (num / 1e9).toFixed(2) + 'B'; 4840 else if (num >= 1e6) result = '$' + (num / 1e6).toFixed(2) + 'M'; 4841 else if (num >= 1e3) result = '$' + (num / 1e3).toFixed(2) + 'K'; 4842 else result = '$' + formatNumber(num); 4843 4844 return result; 4845 } 4846 4847 function updateBitcoinWidget() { 4848 const now = Date.now(); 4849 4850 // Prevent too frequent updates 4851 if (isUpdating || (now - lastUpdateTime) < MIN_UPDATE_INTERVAL) { 4852 return; 4853 } 4854 4855 isUpdating = true; 4856 4857 fetch('https://valyuta.az/rates', { 4858 headers: { 4859 'Accept': 'application/json', 4860 'X-Requested-With': 'XMLHttpRequest' 4861 }, 4862 cache: 'no-cache' 4863 }) 4864 .then(response => { 4865 if (!response.ok) { 4866 throw new Error('Network response was not ok'); 4867 } 4868 return response.json(); 4869 }) 4870 .then(data => { 4871 if (!data.cryptos || !data.cryptos.BTC) { 4872 throw new Error('No Bitcoin data available'); 4873 } 4874 4875 const bitcoin = data.cryptos.BTC; 4876 lastUpdateTime = now; 4877 4878 // Update last update time 4879 document.getElementById('last-update').textContent = 4880 new Date().toLocaleString('az-AZ', { 4881 year: 'numeric', 4882 month: 'numeric', 4883 day: 'numeric', 4884 hour: '2-digit', 4885 minute: '2-digit' 4886 }); 4887 4888 // Update price 4889 const price = bitcoin.price; 4890 document.getElementById('price').textContent = 4891 `$${formatNumber(price)}`; 4892 4893 // Update change indicator 4894 const change = parseFloat(bitcoin.change); 4895 const changeClass = change >= 0 ? 'text-[#388e3c] bg-[#388e3c]/10' : 'text-red-600 bg-red-600/10'; 4896 document.getElementById('change-indicator').textContent = 4897 `${change >= 0 ? '+' : ''}${formatNumber(change)}%`; 4898 document.getElementById('change-indicator').className = 4899 `text-sm font-medium px-2 py-1 rounded-lg ${changeClass}`; 4900 4901 // Update volume and market cap 4902 document.getElementById('volume').textContent = bitcoin.volume; 4903 document.getElementById('market-cap').textContent = bitcoin.marketCap; 4904 4905 // Update chart 4906 const heights = [24, 32, 28, 36, 42, 38, 44]; 4907 const colors = change >= 0 4908 ? ['bg-green-500/10', 'bg-green-500/20', 'bg-green-500/30', 'bg-green-500/40', 'bg-green-500/50', 'bg-green-500/60', 'bg-green-500/70'] 4909 : ['bg-red-500/10', 'bg-red-500/20', 'bg-red-500/30', 'bg-red-500/40', 'bg-red-500/50', 'bg-red-500/60', 'bg-red-500/70']; 4910 4911 let chartHtml = '';
4912 heights.forEach((height, index) => { 4913 chartHtml += ` 4914 <div class="flex-1 ${colors[index]} rounded-sm transition-all duration-300 hover:opacity-75" 4915 style="height: ${height}px"></div> 4916 `; 4917 }); 4918 document.getElementById('chart').innerHTML = chartHtml; 4919 }) 4920 .catch(error => { 4921 console.error('Error updating bitcoin widget:', error); 4922 // Show error state 4923 document.getElementById('price').textContent = 'MÉlumat yüklÉnÉ bilmÉdi'; 4924 document.getElementById('change-indicator').textContent = '0%'; 4925 document.getElementById('change-indicator').className = 'text-sm font-medium px-2 py-1 rounded-lg text-gray-500 bg-gray-100'; 4926 document.getElementById('volume').textContent = '0'; 4927 document.getElementById('market-cap').textContent = '0'; 4928 }) 4929 .finally(() => { 4930 isUpdating = false; 4931 }); 4932 } 4933 4934 // Initial update 4935 updateBitcoinWidget(); 4936 4937 // Update every 5 minutes 4938 setInterval(updateBitcoinWidget, UPDATE_INTERVAL); 4939 }); 4940</script>
vendor: 1 bytes, line 4940
4940
4941<script src="https://valyuta.az/js/infinite-scroll.js"></script>
vendor: 1 bytes, line 4941
4941
4942<script src="https://valyuta.az/js/slider.js"></script>
vendor: 1 bytes, line 4942
4942
4943<script src="https://valyuta.az/js/currency-calculator.js"></script>
vendor: 1 bytes, line 4943
4943
4944<script src="https://valyuta.az/js/news-view.js"></script>
4944 4945
4946<script> 4947let idleTime = 0; 4948 4949// HÉrÉkÉtlÉri izlÉyÉk 4950function resetIdleTime() { 4951 idleTime = 0; 4952} 4953 4954// Mouse, klaviatura vÉ scroll üçün reset 4955document.onmousemove = resetIdleTime; 4956document.onkeypress = resetIdleTime; 4957document.onscroll = resetIdleTime; 4958document.onclick = resetIdleTime; 4959 4960setInterval(() => { 4961 idleTime++; 4962 if (idleTime >= 60) { // 60 saniyÉ hÉrÉkÉtsizdirsÉ 4963 location.reload(); // sÉhifÉni yenidÉn yüklÉ 4964 } 4965}, 1000); // hÉr saniyÉ yoxla 4966</script>
4966 4967
4968<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a450c348a92ceae2',t:'MTc5MTA4MTAwNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4968</body> 4969</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.