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="jxaITWi8Tb1l7tOBLURlAKD9BPzIWSw7HONJoL3V"> 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>ÆlaqÉ - Valyuta.az</title> 13<meta name="title" content="ÆlaqÉ - Valyuta.az"> 14<meta name="description" content="Valyuta.az ilÉ ÉlaqÉ saxlayın. Suallarınız, tÉkliflÉriniz vÉ ÉmÉkdaÅlıq imkanları üçün bizimlÉ ÉlaqÉ qurun."> 15<meta name="keywords" content="ÉlaqÉ, contact, valyuta.az, ÉmÉkdaÅlıq, müraciÉt"> 16 17<!-- Open Graph / Facebook --> 18<meta property="og:type" content="website"> 19<meta property="og:url" content="https://valyuta.az/contact"> 20<meta property="og:title" content="ÆlaqÉ - Valyuta.az"> 21<meta property="og:description" content="Valyuta.az ilÉ ÉlaqÉ saxlayın. Suallarınız, tÉkliflÉriniz vÉ ÉmÉkdaÅlıq imkanları üçün bizimlÉ ÉlaqÉ qurun."> 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/contact"> 27<meta property="twitter:title" content="ÆlaqÉ - Valyuta.az"> 28<meta property="twitter:description" content="Valyuta.az ilÉ ÉlaqÉ saxlayın. Suallarınız, tÉkliflÉriniz vÉ ÉmÉkdaÅlıq imkanları üçün bizimlÉ ÉlaqÉ qurun."> 29<meta property="twitter:image" content="https://valyuta.az/images/valyuta_logo.svg"> 30 31<link rel="canonical" href="https://valyuta.az/contact"> 32<link rel="alternate" hreflang="az" href="https://valyuta.az/contact" /> 33<link rel="alternate" hreflang="ru" href="https://valyuta.az/ru/contact" /> 34<link rel="alternate" hreflang="x-default" href="https://valyuta.az/contact" /> 35 36<!-- JSON-LD Structured Data -->
37<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"ÆlaqÉ - Valyuta.az","description":"Valyuta.az ilÉ ÉlaqÉ saxlayın. Suallarınız, tÉkliflÉriniz vÉ ÉmÉkdaÅlıq imkanları üçün bizimlÉ ÉlaqÉ qurun.","url":"https://valyuta.az/contact","inLanguage":"az-AZ","publisher":{"@type":"Organization","name":"Valyuta.az","url":"https://valyuta.az","logo":{"@type":"ImageObject","url":"https://valyuta.az/images/valyuta_logo.svg"}}}</script>
vendor: 1 bytes, line 37
37
38<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana SÉhifÉ","item":"https://valyuta.az/"},{"@type":"ListItem","position":2,"name":"ÆlaqÉ - Valyuta.az","item":"https://valyuta.az/contact"}]}</script>
38 39 40 <!-- Global JS (Laravel routes for Vite bundle) --> 41
41<script> 42 window.currentLocale = 'az'; 43 window.currentLocalePrefix = '/az'; 44 window.loadMoreNewsUrl = 'https://valyuta.az/load-more-news'; 45 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}}; 46 window.ratesUrl = "https:\/\/valyuta.az\/rates"; 47 window.weatherUrl = "https:\/\/valyuta.az\/weather-data"; 48 window.weatherIndexUrl = "https:\/\/valyuta.az\/hava-proqnozu"; 49 </script>
49 50 51 <!-- Favicon --> 52 53 54 <link rel="apple-touch-icon" sizes="57x57" href="https://valyuta.az/images/favicon/apple-icon-57x57.png"> 55 <link rel="apple-touch-icon" sizes="60x60" href="https://valyuta.az/images/favicon/apple-icon-60x60.png"> 56 <link rel="apple-touch-icon" sizes="72x72" href="https://valyuta.az/images/favicon/apple-icon-72x72.png"> 57 <link rel="apple-touch-icon" sizes="76x76" href="https://valyuta.az/images/favicon/apple-icon-76x76.png"> 58 <link rel="apple-touch-icon" sizes="114x114" href="https://valyuta.az/images/favicon/apple-icon-114x114.png"> 59 <link rel="apple-touch-icon" sizes="120x120" href="https://valyuta.az/images/favicon/apple-icon-120x120.png"> 60 <link rel="apple-touch-icon" sizes="144x144" href="https://valyuta.az/images/favicon/apple-icon-144x144.png"> 61 <link rel="apple-touch-icon" sizes="152x152" href="https://valyuta.az/images/favicon/apple-icon-152x152.png"> 62 <link rel="apple-touch-icon" sizes="180x180" href="https://valyuta.az/images/favicon/apple-icon-180x180.png"> 63 <link rel="icon" type="image/png" sizes="192x192" href="https://valyuta.az/images/favicon/android-icon-192x192.png"> 64 <link rel="icon" type="image/png" sizes="32x32" href="https://valyuta.az/images/favicon/favicon-32x32.png"> 65 <link rel="icon" type="image/png" sizes="96x96" href="https://valyuta.az/images/favicon/favicon-96x96.png"> 66 <link rel="icon" type="image/png" sizes="16x16" href="https://valyuta.az/images/favicon/favicon-16x16.png"> 67 <link rel="manifest" href="https://valyuta.az/images/favicon/manifest.json"> 68 <meta name="msapplication-TileColor" content="#ffffff"> 69 <meta name="msapplication-TileImage" content="https://valyuta.az/images/favicon/ms-icon-144x144.png"> 70 <meta name="theme-color" content="#ffffff"> 71 <!-- Hreflang for multilingual SEO --> 72 <link rel="alternate" hreflang="az" href="https://valyuta.az/contact"> 73 <link rel="alternate" hreflang="ru" href="https://valyuta.az/ru/contact"> 74 <link rel="alternate" hreflang="x-default" href="https://valyuta.az/contact"> 75 76 <!-- Additional Meta Tags --> 77 <meta name="theme-color" content="#388e3c"> 78 <meta name="msapplication-TileColor" content="#388e3c"> 79 <meta name="msapplication-TileImage" content="https://valyuta.az/mstile-144x144.png"> 80 81 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 81-82
81 82 <script async src="https://www.googletagmanager.com/gtag/js?id=
82UA-189004408-1
vendor: 13 bytes, lines 82-83
82"></script> 83
83<script> 84
vendor: 143 bytes, lines 84-91
84window.dataLayer = window.dataLayer || []; 85 86 function gtag() { 87 dataLayer.push(arguments); 88 } 89 gtag('js', new Date()); 90 91 gtag('config', '
91UA-189004408-1
vendor: 5 bytes, lines 91-92
91'); 92
92</script>
92 93 94 95 <!-- Pixel Code - https://push.yayim.org/ --> 96
96<script defer src="https://push.yayim.org/pixel/hsjnLXYZeTXuek1z.js"></script>
96 97 <!-- END Pixel Code --> 98 99 <!-- Fonts (CSS) â Tailwind dark mode in tailwind.config.js --> 100 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 101 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Poppins:wght@400;500&display=swap" rel="stylesheet"> 102
102<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
102 103
103<script src="https://code.jquery.com/jquery-3.6.4.min.js" defer></script>
103 104 105 106</head> 107<body class="bg-gray-50 dark:bg-gray-900 dark:text-gray-100 transition-colors duration-300"> 108 <!-- Top Bar --> 109 <div class="bg-white dark:bg-gray-900 border-b dark:border-gray-700"> 110 <div class="max-w-6xl mx-auto px-4 py-1.5"> 111 <div class="flex items-center justify-between text-sm"> 112 <!-- Left Side --> 113 <div class="flex items-center space-x-4"> 114 <div class="flex items-center space-x-2"> 115 <span class="font-medium dark:text-gray-200">Bakı</span> 116 </div> 117 <div class="hidden md:flex items-center space-x-2 text-gray-600 border-l pl-4"> 118 <div id="desktop-weather" class="flex items-center space-x-2"> 119 <div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div> 120 </div> 121 </div> 122 <!-- Mobile Weather Display --> 123 <div class="md:hidden flex items-center space-x-2 text-gray-600 border-l pl-4"> 124 <div id="mobile-weather" class="flex items-center space-x-2"> 125 <div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div> 126 </div> 127 </div> 128 </div> 129 130 <!-- Right Side --> 131 <div class="flex items-center space-x-6"> 132 <!-- Social Icons --> 133 <div class="hidden md:flex items-center space-x-3"> 134 <!-- X (Twitter) --> 135 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="X"> 136 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 137 <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"/> 138 </svg> 139 </a> --> 140 <!-- Instagram --> 141 <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Instagram"> 142 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 143 <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"/> 144 </svg> 145 </a> 146 <!-- WhatsApp --> 147 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="WhatsApp"> 148 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 149 <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-.
149198 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"/> 150 </svg> 151 </a> --> 152 <!-- YouTube --> 153 <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="YouTube"> 154 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 155 <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"/> 156 </svg> 157 </a> 158 <!-- TikTok --> 159 <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"> 160 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 161 <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"/> 162 </svg> 163 </a> 164 <!-- Facebook --> 165 <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Facebook"> 166 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 167 <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"/> 168 </svg> 169 </a> 170 <!-- Telegram --> 171 <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Telegram"> 172 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 173 <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"/> 174 </svg> 175 </a> 176 177 <!-- LinkedIn --> 178 <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"> 179 <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> 180 <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"/> 181 </svg> 182 </a> 183 184 <div class="flex items-center space-x-4"> 185 | 186 </div> 187 <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"> 188 <svg id="darkModeIconMobilePanel" class="w-7 h-4 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 189 <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" /> 190 <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" /> 191 </svg> 192 </button> 193 <!-- Dark Mode Toggle Button --> 194 195 </div> 196 197 198 199 <div class="flex items-center space-x-4"> 200 <a href="https://valyuta.az/reklam" class="text-gray-600 hover:text-[#388e3c] transition-colors">Reklam</a> 201 <a href="https://valyuta.az/haqqimizda" class="text-gray-600 hover:text-[#388e3c] transition-colors">Haqqımızda</a> 202 <a href="https://valyuta.az/contact" class="text-gray-600 hover:text-[#388e3c] transition-colors">ÆlaqÉ</a> 203 </div> 204 205 </div> 206 </div> 207 </div> 208 </div> 209 210 <!-- Header --> 211 <header class="hidden lg:block bg-white dark:bg-gray-900 border-b dark:border-gray-700"> 212 <div class="max-w-6xl mx-auto px-2 py-2"> 213 <div class="flex items-center justify-between md:justify-between mt-4 mb-3"> 214 <!-- Left Side: Logo and Tagline --> 215 <div class="flex flex-col mx-auto md:mx-0"> 216 <div class="flex items-center space-x-1"> 217 218 <!-- Logo Icon --> 219 <div class="relative group"> 220 <a href="https://valyuta.az"> 221 <!-- Main Icon Container --> 222 <div class="w-60 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
223 <!-- Valyuta Logo SVG --> 224 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 225 226 <!-- Simple Hover Effect --> 227 <div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-300 bg-white/10"></div> 228 </div> 229 </a> 230 </div> 231 232 </div> 233 </div> 234 235 <!-- Right Side: Quick Tools --> 236 <div class="hidden lg:flex items-center space-x-8"> 237 <!-- Mobile Video Icon --> 238 <a href="https://valyuta.az/videos" class="p-2.5 hover:bg-gray-100 rounded-full transition-colors"> 239 <svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 240 <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"/> 241 </svg> 242 </a> 243 244 <button class="p-2.5 hover:bg-gray-100 rounded-full" onclick="window.location.href='https://valyuta.az/search'"> 245 <svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 246 <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"/> 247 </svg> 248 </button> 249 250 <!-- Language Selector Dropdown --> 251 <div class="relative language-selector-desktop"> 252 <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"> 253 <span class="text-sm font-semibold text-gray-700 dark:text-gray-300">AZ</span> 254 <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"> 255 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 256 </svg> 257 </button> 258 259 <!-- Dropdown Menu --> 260 <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]"> 261 <div class="px-2 py-1.5 text-sm font-bold bg-[#3eba15] text-white mx-1 my-0.5 rounded text-center"> 262 AZ 263 </div> 264 <a rel="alternate" hreflang="ru" href="https://valyuta.az/ru/contact" 265 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"> 266 RU 267 </a> 268 </div> 269 </div> 270 271 272 </div> 273 </div> 274 </div> 275 </header> 276 277 <!-- Mobile Icons Row - Add this after the logo section --> 278 279 280 <!-- Navigation --> 281 <nav class="bg-white dark:bg-gray-900 shadow-sm dark:shadow-gray-800/50 sticky top-0 z-50"> 282 <div class="max-w-6xl mx-auto px-4"> 283 <!-- Mobile Menu Button --> 284 <div class="lg:hidden flex items-center justify-between py-3 border-b dark:border-gray-700"> 285 <div class="flex items-center gap-3"> 286 <button class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white" onclick="toggleMobileMenu()"> 287 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 288 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> 289 </svg> 290 </button> 291 <!-- Mobile Logo Text Only --> 292 <a href="https://valyuta.az"> 293 <!-- Logo Icon --> 294 <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">
295 <!-- Valyuta Logo SVG --> 296 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 297 </div> 298 </a> 299 </div> 300 <div class="flex items-center gap-3"> 301 302 <button class="p-2.5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full" onclick="window.location.href='https://valyuta.az/search'"> 303 <svg class="w-6 h-6 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 304 <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"/> 305 </svg> 306 </button> 307 308 <!-- Language Selector Dropdown --> 309 <div class="relative language-selector-mobile"> 310 <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"> 311 <span class="text-sm font-semibold text-gray-700 dark:text-gray-300">AZ</span> 312 <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"> 313 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 314 </svg> 315 </button> 316 317 <!-- Dropdown Menu --> 318 <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]"> 319 <div class="px-2 py-1.5 text-sm font-bold bg-[#3eba15] text-white mx-1 my-0.5 rounded text-center"> 320 AZ 321 </div> 322 <a rel="alternate" hreflang="ru" href="https://valyuta.az/ru/contact" 323 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"> 324 RU 325 </a> 326 </div> 327 </div> 328 329 330 331 </div> 332 </div> 333 334 <!-- Desktop Menu --> 335 <div class="hidden lg:block" id="mainMenu"> 336 <div class="flex items-center justify-between py-3"> 337 <!-- Primary Menu --> 338 <div class="flex items-center space-x-1"> 339 <!-- Ana sÉhifÉ --> 340 <a href="https://valyuta.az" 341 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"> 342 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 343 <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"/> 344 </svg> 345 Ana sÉhifÉ 346 </a> 347 348 <a href="https://valyuta.az/category/biznes" 349 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"> 350 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
350<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> 351 Biznes 352 </a> 353 <div class="relative group"> 354 <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"> 355 <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> 356 MaliyyÉ 357 <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 358 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 359 </svg> 360 </button> 361 <!-- Dropdown --> 362 <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"> 363 <a href="https://valyuta.az/category/bank" 364 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]"> 365 Bank 366 </a> 367 <a href="https://valyuta.az/category/investisiya" 368 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]"> 369 İnvestisiya 370 </a> 371 <a href="https://valyuta.az/category/siorta" 372 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]"> 373 SıÄorta 374 </a> 375 <a href="https://valyuta.az/category/dunya-banklari" 376 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]"> 377 Dünya Bankları 378 </a> 379 </div> 380 </div> 381 <a href="https://valyuta.az/category/sehm-bazari" 382 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"> 383 384 SÉhm bazarı 385 </a> 386 <a href="https://valyuta.az/category/startup" 387 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"> 388 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
388<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg> 389 Startap 390 </a> 391 <a href="https://valyuta.az/category/tech-ai" 392 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"> 393 <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> 394 Tech & AI 395 </a> 396 <a href="https://valyuta.az/category/ofis" 397 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"> 398 399 Ofis+ 400 </a> 401 <a href="https://valyuta.az/category/inkisaf" 402 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"> 403 404 İnkiÅaf 405 </a> 406 <div class="relative group"> 407 <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"> 408 <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> 409 DigÉr 410 <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 411 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 412 </svg> 413 </button> 414 <!-- Dropdown --> 415 <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"> 416 <a href="https://valyuta.az/category/ekspert" 417 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]"> 418 Ekspert 419 </a> 420 <a href="https://valyuta.az/category/musahibe" 421 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]"> 422 MüsahibÉ 423 </a> 424 <a href="https://valyuta.az/category/e-ticaret" 425 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]"> 426 E-ticarÉt 427 </a> 428 <a href="https://valyuta.az/category/kriptovalyuta" 429 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]"> 430 Kriptovalyuta 431 </a> 432 <a href="https://valyuta.az/category/foto" 433 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]"> 434 Foto 435 </a> 436 <a href="https://valyuta.az/category/ozel" 437 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]"> 438 ÃZÆL 439 </a> 440 <a href="https://valyuta.az/category/video" 441 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]"> 442 Video 443 </a> 444 <a href="https://valyuta.az/category/vkansiya" 445 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]"> 446 Vakansiya 447 </a> 448 <a href="https://valyuta.az/category/xeber" 449 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]"> 450 XÉbÉr 451 </a> 452 <a href="https://valyuta.az/category/maraqli" 453 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]"> 454 Maraqlı 455 </a> 456 <a href="https://valyuta.az/category/arasdirma" 457 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]"> 458 AraÅdırma 459 </a> 460 </div> 461 </div> 462 </div> 463 </div> 464 </div> 465 </div> 466 </nav> 467 468 <!-- Mobile Menu Overlay (Hidden by default) --> 469 <div class="md:hidden fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="mobileMenuOverlay" onclick="toggleMobileMenu()"></div> 470 471 <!-- Mobile Menu Panel (Hidden by default) --> 472 <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;"> 473 <div class="flex flex-col h-full"> 474 <!-- Mobile Menu Header --> 475 <div class="relative flex items-center justify-between px-4 py-2 border-b"> 476 <div class="flex items-center space-x-2 ml-4 mt-1"> 477 <a href="https://valyuta.az"> 478 <!-- Logo Icon --> 479 <div class="w-32 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
480 <!-- Valyuta Logo SVG --> 481 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 482 </div> 483 </a> 484 </div> 485 <div class="flex items-center gap-2"> 486 <!-- Dark Mode Toggle Button --> 487 <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"> 488 <svg id="darkModeIconMobilePanel" class="w-7 h-4 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 489 <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" /> 490 <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" /> 491 </svg> 492 </button> 493 494 495 496 <button class="text-gray-600 hover:text-gray-900" onclick="toggleMobileMenu()"> 497 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 498 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 499 </svg> 500 </button> 501 </div> 502 </div> 503 504 505 <!-- Mobile Menu Content --> 506 <div class="flex-1 overflow-y-auto px-4 py-3" style="height: calc(100vh - 80px); max-height: calc(100vh - 80px);"> 507 508 <div class="flex flex-col space-y-2"> 509 <!-- Ana sÉhifÉ --> 510 <a href="https://valyuta.az" 511 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"> 512 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 513 <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"/> 514 </svg> 515 Ana sÉhifÉ 516 </a> 517 518 <a href="https://valyuta.az/category/biznes" 519 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"> 520 <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> 521 Biznes 522 </a> 523 <div class="relative"> 524 <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')"> 525 <div class="flex items-center gap-1"> 526 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
526<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> 527 MaliyyÉ 528 </div> 529 <svg class="w-4 h-4 transition-transform" id="arrow-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 530 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 531 </svg> 532 </button> 533 <!-- Dropdown --> 534 <div class="hidden pl-8 mt-1 space-y-1" id="submenu-1"> 535 <a href="https://valyuta.az/category/bank" 536 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 537 Bank 538 </a> 539 <a href="https://valyuta.az/category/investisiya" 540 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 541 İnvestisiya 542 </a> 543 <a href="https://valyuta.az/category/siorta" 544 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 545 SıÄorta 546 </a> 547 <a href="https://valyuta.az/category/dunya-banklari" 548 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 549 Dünya Bankları 550 </a> 551 </div> 552 </div> 553 <a href="https://valyuta.az/category/sehm-bazari" 554 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"> 555 556 SÉhm bazarı 557 </a> 558 <a href="https://valyuta.az/category/startup" 559 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"> 560 <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> 561 Startap 562 </a> 563 <a href="https://valyuta.az/category/tech-ai" 564 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"> 565 <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> 566 Tech & AI 567 </a> 568 <a href="https://valyuta.az/category/ofis" 569 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"> 570 571 Ofis+ 572 </a> 573 <a href="https://valyuta.az/category/inkisaf" 574 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"> 575 576 İnkiÅaf 577 </a> 578 <div class="relative"> 579 <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')"> 580 <div class="flex items-center gap-1"> 581 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
581<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"/></svg> 582 DigÉr 583 </div> 584 <svg class="w-4 h-4 transition-transform" id="arrow-9" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 585 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> 586 </svg> 587 </button> 588 <!-- Dropdown --> 589 <div class="hidden pl-8 mt-1 space-y-1" id="submenu-9"> 590 <a href="https://valyuta.az/category/ekspert" 591 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 592 Ekspert 593 </a> 594 <a href="https://valyuta.az/category/musahibe" 595 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 596 MüsahibÉ 597 </a> 598 <a href="https://valyuta.az/category/e-ticaret" 599 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 600 E-ticarÉt 601 </a> 602 <a href="https://valyuta.az/category/kriptovalyuta" 603 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 604 Kriptovalyuta 605 </a> 606 <a href="https://valyuta.az/category/foto" 607 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 608 Foto 609 </a> 610 <a href="https://valyuta.az/category/ozel" 611 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 612 ÃZÆL 613 </a> 614 <a href="https://valyuta.az/category/video" 615 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 616 Video 617 </a> 618 <a href="https://valyuta.az/category/vkansiya" 619 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 620 Vakansiya 621 </a> 622 <a href="https://valyuta.az/category/xeber" 623 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 624 XÉbÉr 625 </a> 626 <a href="https://valyuta.az/category/maraqli" 627 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 628 Maraqlı 629 </a> 630 <a href="https://valyuta.az/category/arasdirma" 631 class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg"> 632 AraÅdırma 633 </a> 634 </div> 635 </div> 636 </div> 637 638 <!-- Mobile Menu Action Icons --> 639 <div class="mt-6 pt-4 border-t border-gray-100"> 640 641 642 <!-- Grid Layout for Icons --> 643 <div class="grid grid-cols-2 gap-4 mb-5"> 644 <!-- Currency Calculator --> 645 <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"> 646 <div class="absolute top-0 right-0 w-12 h-12 bg-blue-200/20 rounded-full -mr-6 -mt-6"></div> 647 <div class="relative flex items-center space-x-2"> 648 <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"> 649 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 650 <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"/> 651 </svg> 652 </div> 653 <div class="flex-1"> 654 <h5 class="text-xs font-bold text-gray-800 mb
654-0.5 text-left">Valyuta</h5> 655 <p class="text-xs text-gray-600 text-left">Kalkulyator</p> 656 </div> 657 </div> 658 </a> 659 660 <!-- Crypto Rates --> 661 <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"> 662 <div class="absolute top-0 right-0 w-12 h-12 bg-orange-200/20 rounded-full -mr-6 -mt-6"></div> 663 <div class="relative flex items-center space-x-2"> 664 <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"> 665 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 666 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/> 667 </svg> 668 </div> 669 <div class="flex-1"> 670 <h5 class="text-xs font-bold text-gray-800 mb-0.5 text-left">Kripto</h5> 671 <p class="text-xs text-gray-600 text-left">Valyutalar</p> 672 </div> 673 </div> 674 </a> 675 676 <!-- Videos --> 677 <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"> 678 <div class="absolute top-0 right-0 w-12 h-12 bg-purple-200/20 rounded-full -mr-6 -mt-6"></div> 679 <div class="relative flex items-center space-x-2"> 680 <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"> 681 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 682 <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"/> 683 </svg> 684 </div> 685 <div class="flex-1"> 686 <h5 class="text-xs font-bold text-gray-800 mb-0.5 text-left">Video</h5> 687 <p class="text-xs text-gray-600 text-left">MüsahibÉlÉr</p> 688 </div> 689 </div> 690 </a> 691 692 <!-- Search --> 693 <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"> 694 <div class="absolute top-0 right-0 w-12 h-12 bg-green-200/20 rounded-full -mr-6 -mt-6"></div> 695 <div class="relative flex items-center space-x-2"> 696 <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"> 697 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 698 <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"/> 699 </svg> 700 </div> 701 <div class="flex-1"> 702 <h5 class="text-xs font-bold text-gray-800 mb
702-0.5 text-left">AxtarıÅ</h5> 703 <p class="text-xs text-gray-600 text-left">XÉbÉr tap</p> 704 </div> 705 </div> 706 </button> 707 </div> 708 709 710 711 <!-- Social Icons Section --> 712 <div class="mt-6 pt-4 mb-4 border-t border-gray-100"> 713 <!-- <h4 class="text-sm font-medium text-gray-700 mb-3">Sosial Media</h4> --> 714 <div class="flex items-center justify-around"> 715 <!-- X (Twitter) --> 716 <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="X"> 717 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 718 <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"/> 719 </svg> 720 </a> 721 <!-- Instagram --> 722 <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Instagram"> 723 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 724 <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"/> 725 </svg> 726 </a> 727 <!-- WhatsApp --> 728 <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="WhatsApp"> 729 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 730 <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"/> 731 </svg> 732 </a> 733 <!-- YouTube --> 734 <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="YouTube"> 735 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 736 <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"/> 737 </svg> 738 </a> 739 <!-- TikTok --> 740 <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"> 741 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 742 <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
742-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"/> 743 </svg> 744 </a> 745 <!-- Facebook --> 746 <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Facebook"> 747 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 748 <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"/> 749 </svg> 750 </a> 751 <!-- Telegram --> 752 <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Telegram"> 753 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 754 <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"/> 755 </svg> 756 </a> 757 <!-- LinkedIn --> 758 <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"> 759 <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> 760 <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"/> 761 </svg> 762 </a> 763 764 </div> 765 </div> 766 767 <!-- Bottom padding for scroll --> 768 <div class="pb-4"></div> 769 </div> 770 771
771<script> 772 document.addEventListener('DOMContentLoaded', function() { 773 // Function to format numbers 774 function formatNumber(num, decimals) { 775 return parseFloat(num).toFixed(decimals); 776 } 777 778 // Function to update mobile rates 779 function updateMobileRates() { 780 fetch('https://valyuta.az/rates') 781 .then(response => response.json()) 782 .then(data => { 783 // Update mobile currency rates 784 const mobileCurrencyRatesContainer = document.getElementById('mobile-currency-rates'); 785 if (mobileCurrencyRatesContainer) { 786 mobileCurrencyRatesContainer.innerHTML = ''; 787 Object.entries(data.rates).forEach(([currency, rateData]) => { 788 const rate = parseFloat(rateData.rate); 789 const change = parseFloat(rateData.change); 790 const changeClass = change >= 0 ? 'text-green-500' : 'text-red-500'; 791 const changeSign = change >= 0 ? '+' : ''; 792 mobileCurrencyRatesContainer.innerHTML += ` 793 <div class="flex items-center gap-2 p-2 bg-gray-50 rounded-lg"> 794 <span class="text-sm font-medium">${currency}</span> 795 <span class="text-sm text-gray-600">${formatNumber(rate, 4)}</span> 796 <span class="text-xs ${changeClass}"> 797 ${changeSign}${formatNumber(change, 2)}% 798 </span> 799 </div> 800 `; 801 }); 802 } 803 804 // Update mobile crypto rates 805 const mobileCryptoRatesContainer = document.getElementById('mobile-crypto-rates'); 806 if (mobileCryptoRatesContainer) { 807 mobileCryptoRatesContainer.innerHTML = ''; 808 data.cryptos.forEach(crypto => { 809 const changeClass = crypto.change >= 0 ? 'text-green-500' : 'text-red-500'; 810 const changeSign = crypto.change >= 0 ? '+' : ''; 811 mobileCryptoRatesContainer.innerHTML += ` 812 <div class="flex items-center gap-2 p-2 bg-gray-50 rounded-lg"> 813 <span class="text-sm font-medium">${crypto.symbol}</span> 814 <span class="text-sm text-gray-600">$${formatNumber(crypto.price, 2)}</span> 815 <span class="text-xs ${changeClass}"> 816 ${changeSign}${formatNumber(crypto.change, 2)}% 817 </span> 818 </div> 819 `; 820 }); 821 } 822 }) 823 .catch(error => { 824 console.error('Error fetching mobile rates:', error); 825 const mobileCurrencyRatesError = document.getElementById('mobile-currency-rates'); 826 const mobileCryptoRatesError = document.getElementById('mobile-crypto-rates'); 827 if (mobileCurrencyRatesError) { 828 mobileCurrencyRatesError.innerHTML = '<div class="text-sm text-red-500">MÉlumat yüklÉnÉ bilmÉdi</div>'; 829 } 830 if (mobileCryptoRatesError) { 831 mobileCryptoRatesError.innerHTML = '<div class="text-sm text-red-500">MÉlumat yüklÉnÉ bilmÉdi</div>'; 832 } 833 }); 834 } 835 836 // Initial load 837 updateMobileRates(); 838 839 // Update every 5 minutes 840 setInterval(updateMobileRates, 5 * 60 * 1000); 841 }); 842 </script>
842 843 </div> 844 </div> 845 </div> 846 847 848 849
849<script> 850 document.addEventListener('DOMContentLoaded', function() { 851 // Function to format numbers 852 function formatNumber(num, decimals) { 853 return parseFloat(num).toFixed(decimals); 854 } 855 856 // Function to update rates 857 function updateRates() { 858 const currencyRatesContainer = document.getElementById('desktop-currency-rates'); 859 const cryptoRatesContainer = document.getElementById('desktop-crypto-rates'); 860 861 // Show loading state 862 if (currencyRatesContainer) { 863 currencyRatesContainer.innerHTML = '<div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>'; 864 } 865 if (cryptoRatesContainer) { 866 cryptoRatesContainer.innerHTML = '<div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>'; 867 } 868 869 fetch('https://valyuta.az/rates') 870 .then(response => response.json()) 871 .then(data => { 872 // Update currency rates 873 if (currencyRatesContainer) { 874 currencyRatesContainer.innerHTML = ''; 875 Object.entries(data.rates).forEach(([currency, rateData]) => { 876 const changeClass = parseFloat(rateData.change) >= 0 ? 'text-green-500' : 'text-red-500'; 877 const changeSign = parseFloat(rateData.change) >= 0 ? '+' : ''; 878 currencyRatesContainer.innerHTML += ` 879 <div class="flex items-center space-x-2"> 880 <span class="text-sm font-medium">${currency}</span> 881 <span class="text-sm text-gray-600">${formatNumber(rateData.rate, 4)}</span> 882 <span class="text-xs ${changeClass}"> 883 ${changeSign}${formatNumber(rateData.change, 2)}% 884 </span> 885 </div> 886 `; 887 }); 888 } 889 890 // Update crypto rates 891 if (cryptoRatesContainer) { 892 cryptoRatesContainer.innerHTML = ''; 893 // Format BTC 894 const btc = data.cryptos.BTC; 895 const btcChangeClass = parseFloat(btc.change) >= 0 ? 'text-green-500' : 'text-red-500'; 896 const btcChangeSign = parseFloat(btc.change) >= 0 ? '+' : ''; 897 cryptoRatesContainer.innerHTML += ` 898 <div class="flex items-center space-x-2"> 899 <span class="text-sm font-medium">BTC</span> 900 <span class="text-sm text-gray-600">$${btc.price}</span> 901 <span class="text-xs ${btcChangeClass}"> 902 ${btcChangeSign}${formatNumber(btc.change, 2)}% 903 </span> 904 </div> 905 `; 906 907 // Format ETH 908 const eth = data.cryptos.ETH; 909 const ethChangeClass = parseFloat(eth.change) >= 0 ? 'text-green-500' : 'text-red-500'; 910 const ethChangeSign = parseFloat(eth.change) >= 0 ? '+' : ''; 911 cryptoRatesContainer.innerHTML += ` 912 <div class="flex items-center space-x-2"> 913 <span class="text-sm font-medium">ETH</span> 914 <span class="text-sm text-gray-600">$${eth.price}</span> 915 <span class="text-xs ${ethChangeClass}"> 916 ${ethChangeSign}${formatNumber(eth.change, 2)}% 917 </span> 918 </div> 919 `; 920 } 921 }) 922 .catch(error => { 923 console.error('Error fetching rates:', error); 924 const errorMessage = '<div class="text-sm text-red-500">MÉlumat yüklÉnÉ bilmÉdi</div>'; 925 if (currencyRatesContainer) currencyRatesContainer.innerHTML = errorMessage; 926 if (cryptoRatesContainer) cryptoRatesContainer.innerHTML = errorMessage; 927 }); 928 } 929 930 // Initial load 931 updateRates(); 932 933 // Update every 5 minutes 934 setInterval(updateRates, 5 * 60 * 1000); 935 }); 936 </script>
936 937 938 <!-- Main Content --> 939 <main class="max-w-6xl mx-auto px-2 sm:px-4 py-4 sm:py-6"> 940 <!-- Main Grid Layout --> 941 <div class="space-y-8"> 942 <!-- Page Header --> 943 <div class="bg-gradient-to-br from-white to-gray-50 rounded-xl shadow-sm p-5 mb-6 border border-gray-100 relative overflow-hidden"> 944 <!-- Decorative elements --> 945 <div class="absolute inset-0 pointer-events-none"> 946 <div class="absolute top-0 right-0 w-40 h-40 bg-[#388e3c]/10 rounded-full -mr-10 -mt-10 blur-xl"></div> 947 <div class="absolute bottom-0 left-0 w-60 h-60 bg-[#388e3c]/5 rounded-full -ml-20 -mb-20 blur-xl"></div> 948 <div class="absolute top-1/2 right-1/4 w-10 h-10 bg-[#388e3c]/10 rounded-full blur-lg"></div> 949 <div class="absolute inset-0 bg-white/40 backdrop-blur-3xl opacity-10"></div> 950 </div> 951 952 <!-- Main content area --> 953 <div class="relative"> 954 <!-- Header with title and breadcrumb --> 955 <div class="flex flex-col md:flex-row md:items-start justify-between pb-4 relative space-y-3 md:space-y-0"> 956 <!-- Left side with title and description --> 957 <div class="md:max-w-xl"> 958 <!-- Breadcrumb --> 959 <div class="flex items-center mb-3"> 960 <nav class="flex" aria-label="Breadcrumb"> 961 <ol class="inline-flex items-center"> 962 <li class="inline-flex items-center"> 963 <a href="/" class="text-xs text-gray-500 hover:text-[#388e3c] transition-all duration-200 flex items-center group"> 964 <span class="w-5 h-5 flex items-center justify-center mr-1 bg-white rounded-full shadow-sm border border-gray-100 group-hover:border-[#388e3c]/20 transition-all duration-300"> 965 <svg class="w-3 h-3 text-gray-400 group-hover:text-[#388e3c] transition-colors" fill="currentColor" viewBox="0 0 20 20"> 966 <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path> 967 </svg> 968 </span> 969 </a> 970 </li> 971 <li class="flex items-center"> 972 <svg class="w-4 h-4 mx-1 text-gray-300" fill="currentColor" viewBox="0 0 20 20"> 973 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path> 974 </svg> 975 <span class="text-xs bg-[#388e3c]/5 border border-[#388e3c]/10 px-2 py-0.5 rounded-md font-medium text-[#388e3c]">ÆlaqÉ</span> 976 </li> 977 </ol> 978 </nav> 979 </div> 980 981 <!-- Title --> 982 <h1 class="text-2xl font-bold text-gray-800 mb-2">ÆlaqÉ</h1> 983 <p class="text-sm text-gray-600">BizimlÉ ÉlaqÉ saxlayın</p> 984 </div> 985 </div> 986 </div> 987 </div> 988 989 <!-- Contact Information Grid --> 990 <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> 991 <!-- Contact Details --> 992 <div class="space-y-6"> 993 <!-- Contact Info Cards --> 994 <div class="bg-white border border-gray-100 rounded-xl p-6 shadow-sm hover:shadow-md transition-all duration-300"> 995 <h2 class="text-lg font-semibold text-gray-800 mb-4">Onlayn media subyekti</h2> 996 <div class="space-y-4 text-sm text-gray-900"> 997 <div class="flex items-start"> 998 <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 999 <svg class="w-5 h-5 text-[#388e3c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1000 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path> 1001 </svg> 1002 </div> 1003 <div class="ml-4"> 1004 <h3 class="text-sm font-medium text-gray-500">Adı</h3> 1005 <p class="mt-1 text-base text-gray-900">"Valyuta.Az" MMC</p> 1006 </div> 1007 </div> 1008 <div class="flex items-start"> 1009 <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 1010 <svg class="w-5 h-5 text-[#388e3c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1011 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path> 1012 </svg> 1013 </div> 1014 <div class="ml-4"> 1015 <h3 class="text-sm font-medium text-gray-500">Domain adının sahibi</h3> 1016 <p class="mt-1 text-base text-gray-900">"Valyuta.Az" MMC</p> 1017 </div> 1018 </div> 1019 <div class="flex items-start"> 1020 <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 1021 <svg class="w-5 h-5 text-[#388e3c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1022 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path> 1023 </svg> 1024 </div> 1025 <div class="ml-4"> 1026 <h3 class="text-sm font-medium text-gray-500">VÃEN</h3> 1027 <p class="mt-1 text-base text-gray-900">1806000731</p> 1028 </div> 1029 </div> 1030 <div class="flex items-start"> 1031 <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 1032 <svg class="w-5 h-5 text-[#388e3c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1033 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> 1034 </svg> 1035 </div> 1036 <div class="ml-4"> 1037 <h3 class="text-sm font-medium text-gray-500">MÉsul redaktorun soyadı adı vÉ atasının adı</h3> 1038 <p class="mt-1 text-base text-gray-900">ÆhmÉdova Aygün Asim qızı</p> 1039 </div> 1040 </div> 1041 <div class="flex items-start"> 1042 <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 1043 <svg class="w-5 h-5 text-[#388e3c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1044 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> 1045 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> 1046 </svg> 1047 </div> 1048 <div class="ml-4"> 1049 <h3 class="text-sm font-medium text-gray-500">Ãnvan</h3> 1050 <p class="mt-1 text-base text-gray-900">Bakı ÅÉhÉri, Yasamal rayonu, MÉhÉmmÉd Xiyabani küçÉsi 123, AZ1012</p> 1051 </div> 1052 </div> 1053 <div class="flex items-start"> 1054 <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 1055 <svg class="w-5 h-5 text-[#388e3c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1056 <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
105611.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"></path> 1057 </svg> 1058 </div> 1059 <div class="ml-4"> 1060 <h3 class="text-sm font-medium text-gray-500">Telefon</h3> 1061 <p class="mt-1 text-base text-gray-900">(055) 211 45 88</p> 1062 </div> 1063 </div> 1064 <div class="flex items-start"> 1065 <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#388e3c]/10 flex items-center justify-center"> 1066 <svg class="w-5 h-5 text-[#388e3c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1067 <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"></path> 1068 </svg> 1069 </div> 1070 <div class="ml-4"> 1071 <h3 class="text-sm font-medium text-gray-500">Email</h3> 1072 <p class="mt-1 text-base text-gray-900"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a7c6c3cacec9e7d1c6cbded2d3c689c6dd">[email protected]</a></p> 1073 </div> 1074 </div> 1075 1076 </div> 1077 </div> 1078 1079 <!-- Working Hours --> 1080 <!-- <div class="bg-white border border-gray-100 rounded-xl p-6 shadow-sm hover:shadow-md transition-all duration-300"> 1081 <h2 class="text-lg font-semibold text-gray-800 mb-4">İŠsaatları</h2> 1082 <div class="space-y-3"> 1083 <div class="flex justify-between"> 1084 <span class="text-sm text-gray-500">Bazar ertÉsi - CümÉ</span> 1085 <span class="text-sm font-medium text-gray-900">09:00 - 18:00</span> 1086 </div> 1087 <div class="flex justify-between"> 1088 <span class="text-sm text-gray-500">ÅÉnbÉ</span> 1089 <span class="text-sm font-medium text-gray-900">10:00 - 16:00</span> 1090 </div> 1091 <div class="flex justify-between"> 1092 <span class="text-sm text-gray-500">Bazar</span> 1093 <span class="text-sm font-medium text-gray-900">BaÄlıdır</span> 1094 </div> 1095 </div> 1096 </div> --> 1097 </div> 1098 1099 <!-- Map --> 1100 <div class="bg-white border border-gray-100 rounded-xl p-6 shadow-sm hover:shadow-md transition-all duration-300 relative overflow-hidden"> 1101 <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent pointer-events-none"></div> 1102 <h2 class="text-lg font-semibold text-gray-800 mb-4 relative z-10">Ãnvanımız</h2> 1103 <div class="relative rounded-xl overflow-hidden shadow-lg h-[500px]"> 1104 <div class="h-full w-full"> 1105 1106 <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3038.378763056456!2d49.792445476010144!3d40.400459271442145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zNDDCsDI0JzAxLjciTiA0OcKwNDcnNDIuMSJF!5e0!3m2!1sen!2saz!4v1754023870327!5m2!1sen!2saz" 1107 width="100%" 1108 height="100%" 1109 style="border:0;" 1110 allowfullscreen="" 1111 loading="lazy" 1112 class="rounded-xl" 1113 referrerpolicy="no-referrer-when-downgrade"></iframe> 1114 1115 </div> 1116 <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/20 to-transparent h-20 pointer-events-none"></div> 1117 </div> 1118 <div class="mt-4 flex items-center justify-center space-x-2"> 1119 <span class="text-sm text-gray-500">Yol xÉritÉsi üçün</span> 1120 <a href="https://www.google.com/maps/place/40%C2%B024'01.7%22N+49%C2%B047'42.1%22E/@40.4004593,49.7924455,17z/data=!3m1!4b1!4m4!3m3!8m2!3d40.4004593!4d49.7950204?hl=en&entry=ttu&g_ep=EgoyMDI1MDcyOS4wIKXMDSoASAFQAw%3D%3D" 1121 target="_blank" 1122 class="text-[#388e3c] hover:text-[#388e3c]/80 transition-colors duration-200 flex items-center">
1123 <span class="text-sm font-medium">Google Maps</span> 1124 <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1125 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> 1126 </svg> 1127 </a> 1128 </div> 1129 </div> 1130 </div> 1131</div> 1132 </main> 1133 1134 <!-- Footer Section --> 1135 <footer class="bg-white border-t mt-12 relative overflow-hidden"> 1136 <!-- Decorative elements --> 1137 <div class="absolute inset-0 pointer-events-none"> 1138 <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> 1139 <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> 1140 <!-- Animated dots pattern --> 1141 <div class="absolute inset-0 opacity-10"> 1142 <div class="absolute top-1/4 left-1/4 w-2 h-2 bg-[#388e3c] rounded-full animate-bounce"></div> 1143 <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> 1144 <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> 1145 </div> 1146 </div> 1147 1148 <div class="max-w-6xl mx-auto px-4 py-8 relative"> 1149 <!-- Footer Content --> 1150 <div class="flex flex-col md:flex-row items-center justify-between gap-8"> 1151 <!-- Logo and About --> 1152 <div class="flex-1 group"> 1153 <a href="https://valyuta.az" class="hover:text-[#388e3c] transition-colors duration-300"> 1154 <div class="flex items-center gap-3 mb-3 transform transition-transform duration-300 group-hover:scale-105"> 1155 1156 <div> 1157 <div class="flex flex-col"> 1158 <div class="flex items-center space-x-3"> 1159 1160 <!-- Logo Icon --> 1161 <div class="relative group"> 1162 <a href="https://valyuta.az"> 1163 <!-- Main Icon Container --> 1164 <div class="w-60 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300"> 1165 <!-- Valyuta Logo SVG --> 1166 <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain"> 1167 1168 <!-- Simple Hover Effect --> 1169 <div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-300 bg-white/10"></div> 1170 </div> 1171 </a> 1172 </div> 1173 1174 </div> 1175 </div> 1176 </div> 1177 </div> 1178 </a> 1179 </div> 1180 1181 <!-- Social Media --> 1182 <div class="flex flex-col items-center gap-4"> 1183 <div class="flex items-center gap-4"> 1184 <!-- X (Twitter) --> 1185 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="X"> 1186 <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"> 1187 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1188 <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"/> 1189 </svg> 1190 </div> 1191 </a> --> 1192 <!-- Instagram --> 1193 <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"> 1194 <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"> 1195 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1196 <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
11960-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"/> 1197 </svg> 1198 </div> 1199 </a> 1200 <!-- WhatsApp --> 1201 <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="WhatsApp"> 1202 <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"> 1203 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1204 <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"/> 1205 </svg> 1206 </div> 1207 </a> --> 1208 <!-- YouTube --> 1209 <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"> 1210 <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"> 1211 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1212 <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"/> 1213 </svg> 1214 </div> 1215 </a> 1216 <!-- TikTok --> 1217 <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"> 1218 <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"> 1219 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1220 <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
1220-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"/> 1221 </svg> 1222 </div> 1223 </a> 1224 <!-- Facebook --> 1225 <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"> 1226 <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"> 1227 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1228 <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"/> 1229 </svg> 1230 </div> 1231 </a> 1232 <!-- Telegram --> 1233 <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"> 1234 <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"> 1235 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1236 <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"/> 1237 </svg> 1238 </div> 1239 </a> 1240 <!-- LinkedIn --> 1241 <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"> 1242 <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"> 1243 <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24"> 1244 <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"/> 1245 </svg> 1246 </div> 1247 </a> 1248 1249 </div> 1250 </div> 1251 1252 <!-- Contact --> 1253 <div class="flex-1"> 1254 <div class="flex flex-col items-end gap-4"> 1255 <div class="flex items-center gap-2 text-gray-600 text-sm group"> 1256 <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"> 1257 <svg class="w-4 h-4 transform group-hover:rotate-12 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1258 <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
125811.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"/> 1259 </svg> 1260 </div> 1261 <span class="min-w-[140px] group-hover:text-[#388e3c] transition-colors duration-300">+994 55 211 45 88</span> 1262 </div> 1263 <div class="flex items-center gap-2 text-gray-600 text-sm group"> 1264 <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"> 1265 <svg class="w-4 h-4 transform group-hover:rotate-12 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1266 <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"/> 1267 </svg> 1268 </div> 1269 <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="036a6d656c4375626f7a7677622d6279">[email protected]</a></span> 1270 </div> 1271 </div> 1272 1273 1274 </div> 1275 </div> 1276 1277 <!-- Footer Bottom --> 1278 <div class="mt-8 pt-6 border-t border-gray-100 text-center relative"> 1279 <p class="text-sm text-gray-600 inline-block relative group"> 1280 © 2025 Valyuta.az. Bütün hüquqlar qorunur. 1281 <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> 1282 </p> 1283 <p class="flex justify-end pr-4"> 1284 <!--LiveInternet counter--><a href="https://www.liveinternet.ru/click" 1285 target="_blank"><img id="licnt88D5" width="88" height="31" style="border:0" 1286 title="LiveInternet: показано ÑиÑло пÑоÑмоÑÑов за 24 ÑаÑа, поÑеÑиÑелей за 24 ÑаÑа и за ÑегоднÑ" 1287 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" 1288 alt="" /></a>
vendor: 115 bytes, lines 1288-1289
1288 1289 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1289<script> 1290 (function(d, s) { 1291 d.getElementById("licnt88D5").src = 1292 "https://counter.yadro.ru/hit?t14.5;r" + escape(d.referrer) + 1293 ((typeof(s) == "undefined") ? "" : ";s" + s.width + "" + s.height + "" + 1294 (s.colorDepth ? s.colorDepth : s.pixelDepth)) + ";u" + escape(d.URL) + 1295 ";h" + escape(d.title.substring(0, 150)) + ";" + Math.random() 1296 }) 1297 (document, screen) 1298 </script>
1298<!--/LiveInternet--> 1299 </p> 1300 1301 </div> 1302 </div> 1303 </div> 1304 </footer> 1305 1306 1307
1307<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:'a450c36c8c09eae2',t:'MTc5MTA4MTAxMw=='};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>
1307</body> 1308</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.