Showing source for: https://portals.misto.online/
Duration: 0.386121s
Server: cloudflare
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>misto.online - платформа порталів міст України</title>
<meta name="description" content="Портали міст України — новини, погода, карта, довідник організацій та події для кожного міста. Понад 462 міст на інтерактивній карті.">
<meta name="keywords" content="міста України, портали міст, новини міст України, карта міст, погода Україна, довідник організацій, misto.online">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://misto.online/">
<meta property="og:type" content="website">
<meta property="og:title" content="misto.online — Портали міст України">
<meta property="og:description" content="Онлайн платформа порталів міст України. Новини, погода, карта та довідник для кожного міста.">
<meta property="og:url" content="https://misto.online/">
<meta property="og:site_name" content="misto.online">
<meta property="og:locale" content="uk_UA">
<meta property="og:image" content="https://misto.online/favicon.png">
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/favicon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="misto.online — Портали міст України">
<meta name="twitter:description" content="Онлайн платформа порталів міст України. Новини, погода, карта та довідник для кожного міста.">
<meta name="google-adsense-account" content="ca-pub-7075496618594043">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
ukraine: {
blue: '#0057b7',
'blue-dark': '#004a9e',
yellow: '#ffd700',
'yellow-light': '#ffe44d',
}
}
}
}
}
</script>
<style>
body { font-family: 'Inter', sans-serif; }
#map { width: 100%; height: 100%; }
.city-marker {
background: #0057b7;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
transition: transform 0.2s;
}
.city-marker:hover, .city-marker-active {
transform: scale(1.4);
background: #ffd700;
border-color: #0057b7;
}
.leaflet-popup-content-wrapper {
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.leaflet-popup-content {
margin: 12px 16px;
font-family: 'Inter', sans-serif;
}
.search-results {
max-height: 320px;
overflow-y: auto;
scrollbar-width: thin;
}
.search-results::-webkit-scrollbar { width: 6px; }
.search-results::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.oblast-section { scroll-margin-top: 80px; }
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "misto.online",
"url": "https://misto.online/",
"description": "Онлайн платформа порталів міст України — новини, погода, карта та довідник організацій",
"inLanguage": "uk",
"potentialAction": {
"@type": "SearchAction",
"target": "https://misto.online/?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "misto.online",
"url": "https://misto.online/",
"email": "[email protected]",
"description": "Онлайн платформа порталів міст України",
"areaServed": {
"@type": "Country",
"name": "Ukraine"
}
}
</script>
</head>
<body class="bg-gray-50 min-h-screen" itemscope itemtype="https://schema.org/WebPage">
<!-- Navigation -->
<nav class="bg-white shadow-sm sticky top-0 z-[1000]" role="navigation" aria-label="Головна навігація">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-14 items-center">
<a href="/" class="text-xl font-bold text-ukraine-blue tracking-tight" aria-label="misto.online — головна">misto<span class="text-ukraine-yellow">.</span>online</a>
<div class="flex items-center gap-5 text-sm">
<a href="https://news.misto.online" class="text-gray-500 hover:text-ukraine-blue transition font-medium">Новини</a>
<a href="#about" class="text-gray-500 hover:text-ukraine-blue transition hidden sm:block">Про нас</a>
<a href="#contacts" class="text-gray-500 hover:text-ukraine-blue transition hidden sm:block">Контакти</a>
</div>
</div>
</div>
</nav>
<!-- Hero + Map Section -->
<section class="relative" aria-label="Карта міст України">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<header class="text-center mb-6">
<h1 class="text-3xl sm:text-4xl font-extrabold text-gray-900" itemprop="name">
Портали міст <span class="text-ukraine-blue">Укра</span><span class="text-ukraine-yellow">їни</span>
</h1>
<p class="mt-2 text-gray-500 text-sm sm:text-base" itemprop="description">Інтерактивна карта міст України — оберіть місто або знайдіть через пошук</p>
</header>
<!-- Search -->
<div class="max-w-lg mx-auto mb-6 relative" id="searchContainer" role="search" aria-label="Пошук міста">
<div class="relative">
<svg class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<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"/>
</svg>
<input
type="text"
id="citySearch"
placeholder="Пошук міста..."
autocomplete="off"
aria-label="Введіть назву міста"
class="w-full pl-10 pr-10 py-3 border border-gray-200 rounded-xl shadow-sm focus:ring-2 focus:ring-ukraine-blue focus:border-transparent outline-none text-base transition"
>
<button id="clearSearch" class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 hidden" aria-label="Очистити пошук">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
</div>
<div id="searchResults" class="absolute w-full mt-1 bg-white rounded-xl shadow-lg border border-gray-100 search-results hidden z-[1001]" role="listbox"></div>
</div>
<!-- Map -->
<div class="rounded-2xl overflow-hidden shadow-lg border border-gray-200" style="height: 520px;" role="img" aria-label="Інтерактивна карта міст України">
<div id="map"></div>
</div>
</div>
</section>
<!-- City List by Oblast -->
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" aria-label="Список міст по областях">
<div class="oblast-section mb-8" id="obl-donecka">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Донецька область
<span class="text-sm font-normal text-gray-400">(52)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//avdiivka.misto.online"
title="Портал міста Авдіївка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="1">
<img src="/static/imgs/ua/logos/1.png"
alt="Герб Авдіївка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Авдіївка</span>
</a>
<a href="//amvrosiivka.misto.online"
title="Портал міста Амвросіївка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="6">
<img src="/static/imgs/ua/logos/6.png"
alt="Герб Амвросіївка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Амвросіївка</span>
</a>
<a href="//artemivsk.misto.online"
title="Портал міста Артемівськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="12">
<img src="/static/imgs/ua/logos/12.png"
alt="Герб Артемівськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Артемівськ</span>
</a>
<a href="//artemove.misto.online"
title="Портал міста Артемове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="14">
<img src="/static/imgs/ua/logos/14.png"
alt="Герб Артемове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Артемове</span>
</a>
<a href="//bilytske.misto.online"
title="Портал міста Білицьке — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="39">
<img src="/static/imgs/ua/logos/39.png"
alt="Герб Білицьке"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білицьке</span>
</a>
<a href="//bilozerske.misto.online"
title="Портал міста Білозерське — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="41">
<img src="/static/imgs/ua/logos/41.png"
alt="Герб Білозерське"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білозерське</span>
</a>
<a href="//volnovakha.misto.online"
title="Портал міста Волноваха — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="84">
<img src="/static/imgs/ua/logos/84.png"
alt="Герб Волноваха"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Волноваха</span>
</a>
<a href="//vuhlehirsk.misto.online"
title="Портал міста Вуглегірськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="89">
<img src="/static/imgs/ua/logos/89.png"
alt="Герб Вуглегірськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вуглегірськ</span>
</a>
<a href="//vuhledar.misto.online"
title="Портал міста Вугледар — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="90">
<img src="/static/imgs/ua/logos/90.png"
alt="Герб Вугледар"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вугледар</span>
</a>
<a href="//hirnyk.misto.online"
title="Портал міста Гірник — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="97">
<img src="/static/imgs/ua/logos/97.png"
alt="Герб Гірник"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гірник</span>
</a>
<a href="//horlivka.misto.online"
title="Портал міста Горлівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="104">
<img src="/static/imgs/ua/logos/104.png"
alt="Герб Горлівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Горлівка</span>
</a>
<a href="//debaltseve.misto.online"
title="Портал міста Дебальцеве — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="113">
<img src="/static/imgs/ua/logos/113.png"
alt="Герб Дебальцеве"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дебальцеве</span>
</a>
<a href="//dzerzhynsk.misto.online"
title="Портал міста Дзержинськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="117">
<img src="/static/imgs/ua/logos/117.png"
alt="Герб Дзержинськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дзержинськ</span>
</a>
<a href="//dymytrov.misto.online"
title="Портал міста Димитров — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="118">
<img src="/static/imgs/ua/logos/118.png"
alt="Герб Димитров"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Димитров</span>
</a>
<a href="//dobropillia.misto.online"
title="Портал міста Добропілля — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="123">
<img src="/static/imgs/ua/logos/123.png"
alt="Герб Добропілля"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Добропілля</span>
</a>
<a href="//dokuchaevsk.misto.online"
title="Портал міста Докучаєвськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="124">
<img src="/static/imgs/ua/logos/124.png"
alt="Герб Докучаєвськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Докучаєвськ</span>
</a>
<a href="//donetsk.misto.online"
title="Портал міста Донецьк — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="128">
<img src="/static/imgs/ua/logos/128.png"
alt="Герб Донецьк"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Донецьк</span>
</a>
<a href="//druzhkivka.misto.online"
title="Портал міста Дружківка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="131">
<img src="/static/imgs/ua/logos/131.png"
alt="Герб Дружківка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дружківка</span>
</a>
<a href="//yenakiieve.misto.online"
title="Портал міста Єнакієве — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="138">
<img src="/static/imgs/ua/logos/138.png"
alt="Герб Єнакієве"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Єнакієве</span>
</a>
<a href="//zhdanivka.misto.online"
title="Портал міста Жданівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="140">
<img src="/static/imgs/ua/logos/140.png"
alt="Герб Жданівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жданівка</span>
</a>
<a href="//zuhres.misto.online"
title="Портал міста Зугрес — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="162">
<img src="/static/imgs/ua/logos/162.png"
alt="Герб Зугрес"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зугрес</span>
</a>
<a href="//ilovaisk.misto.online"
title="Портал міста Іловайськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="169">
<img src="/static/imgs/ua/logos/169.png"
alt="Герб Іловайськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іловайськ</span>
</a>
<a href="//kirovske.misto.online"
title="Портал міста Кіровське — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="193">
<img src="/static/imgs/ua/logos/193.png"
alt="Герб Кіровське"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіровське</span>
</a>
<a href="//komsomolske.misto.online"
title="Портал міста Комсомольське — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="202">
<img src="/static/imgs/ua/logos/202.png"
alt="Герб Комсомольське"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Комсомольське</span>
</a>
<a href="//kostiantynivka.misto.online"
title="Портал міста Костянтинівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="212">
<img src="/static/imgs/ua/logos/212.png"
alt="Герб Костянтинівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Костянтинівка</span>
</a>
<a href="//kramatorsk.misto.online"
title="Портал міста Краматорськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="214">
<img src="/static/imgs/ua/logos/214.png"
alt="Герб Краматорськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Краматорськ</span>
</a>
<a href="//krasnyiliman.misto.online"
title="Портал міста Красний Лиман — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="216">
<img src="/static/imgs/ua/logos/216.png"
alt="Герб Красний Лиман"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красний Лиман</span>
</a>
<a href="//krasnoarmiisk.misto.online"
title="Портал міста Красноармійськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="218">
<img src="/static/imgs/ua/logos/218.png"
alt="Герб Красноармійськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красноармійськ</span>
</a>
<a href="//krasnohorivka.misto.online"
title="Портал міста Красногорівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="219">
<img src="/static/imgs/ua/logos/219.png"
alt="Герб Красногорівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красногорівка</span>
</a>
<a href="//kurakhove.misto.online"
title="Портал міста Курахове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="230">
<img src="/static/imgs/ua/logos/230.png"
alt="Герб Курахове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Курахове</span>
</a>
<a href="//makiivka.misto.online"
title="Портал міста Макіївка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="245">
<img src="/static/imgs/ua/logos/245.png"
alt="Герб Макіївка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Макіївка</span>
</a>
<a href="//marinka.misto.online"
title="Портал міста Марїнка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="248">
<img src="/static/imgs/ua/logos/248.png"
alt="Герб Марїнка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Марїнка</span>
</a>
<a href="//mariupol.misto.online"
title="Портал міста Маріуполь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="250">
<img src="/static/imgs/ua/logos/250.png"
alt="Герб Маріуполь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Маріуполь</span>
</a>
<a href="//mykolaivka.misto.online"
title="Портал міста Миколаївка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="256">
<img src="/static/imgs/ua/logos/256.png"
alt="Герб Миколаївка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миколаївка</span>
</a>
<a href="//mospyne.misto.online"
title="Портал міста Моспине — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="267">
<img src="/static/imgs/ua/logos/267.png"
alt="Герб Моспине"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Моспине</span>
</a>
<a href="//novoazovsk.misto.online"
title="Портал міста Новоазовськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="281">
<img src="/static/imgs/ua/logos/281.png"
alt="Герб Новоазовськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоазовськ</span>
</a>
<a href="//novohrodivka.misto.online"
title="Портал міста Новогродівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="285">
<img src="/static/imgs/ua/logos/285.png"
alt="Герб Новогродівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новогродівка</span>
</a>
<a href="//rodynske.misto.online"
title="Портал міста Родинське — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="348">
<img src="/static/imgs/ua/logos/348.png"
alt="Герб Родинське"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Родинське</span>
</a>
<a href="//svitlodarsk.misto.online"
title="Портал міста Світлодарськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="361">
<img src="/static/imgs/ua/logos/361.png"
alt="Герб Світлодарськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Світлодарськ</span>
</a>
<a href="//sviatohirsk.misto.online"
title="Портал міста Святогірськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="362">
<img src="/static/imgs/ua/logos/362.png"
alt="Герб Святогірськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Святогірськ</span>
</a>
<a href="//selydove.misto.online"
title="Портал міста Селидове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="364">
<img src="/static/imgs/ua/logos/364.png"
alt="Герб Селидове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Селидове</span>
</a>
<a href="//siversk.misto.online"
title="Портал міста Сіверськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="369">
<img src="/static/imgs/ua/logos/369.png"
alt="Герб Сіверськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сіверськ</span>
</a>
<a href="//sloviansk.misto.online"
title="Портал міста Словянськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="377">
<img src="/static/imgs/ua/logos/377.png"
alt="Герб Словянськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Словянськ</span>
</a>
<a href="//snizhne.misto.online"
title="Портал міста Сніжне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="380">
<img src="/static/imgs/ua/logos/380.png"
alt="Герб Сніжне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сніжне</span>
</a>
<a href="//soledar.misto.online"
title="Портал міста Соледар — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="384">
<img src="/static/imgs/ua/logos/384.png"
alt="Герб Соледар"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Соледар</span>
</a>
<a href="//torez.misto.online"
title="Портал міста Торез — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="410">
<img src="/static/imgs/ua/logos/410.png"
alt="Герб Торез"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Торез</span>
</a>
<a href="//ukrainsk.misto.online"
title="Портал міста Українськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="421">
<img src="/static/imgs/ua/logos/421.png"
alt="Герб Українськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Українськ</span>
</a>
<a href="//khartsyzk.misto.online"
title="Портал міста Харцизьк — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="428">
<img src="/static/imgs/ua/logos/428.png"
alt="Герб Харцизьк"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Харцизьк</span>
</a>
<a href="//chasivyar.misto.online"
title="Портал міста Часів Яр — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="440">
<img src="/static/imgs/ua/logos/440.png"
alt="Герб Часів Яр"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Часів Яр</span>
</a>
<a href="//shakhtarsk.misto.online"
title="Портал міста Шахтарськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="456">
<img src="/static/imgs/ua/logos/456.png"
alt="Герб Шахтарськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шахтарськ</span>
</a>
<a href="//yunokomunarivsk.misto.online"
title="Портал міста Юнокомунарівськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="466">
<img src="/static/imgs/ua/logos/466.png"
alt="Герб Юнокомунарівськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Юнокомунарівськ</span>
</a>
<a href="//yasynuvata.misto.online"
title="Портал міста Ясинувата — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="472">
<img src="/static/imgs/ua/logos/472.png"
alt="Герб Ясинувата"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ясинувата</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-luganska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Луганська область
<span class="text-sm font-normal text-gray-400">(37)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//almazna.misto.online"
title="Портал міста Алмазна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="2">
<img src="/static/imgs/ua/logos/2.png"
alt="Герб Алмазна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алмазна</span>
</a>
<a href="//alchevsk.misto.online"
title="Портал міста Алчевськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="5">
<img src="/static/imgs/ua/logos/5.png"
alt="Герб Алчевськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алчевськ</span>
</a>
<a href="//antratsyt.misto.online"
title="Портал міста Антрацит — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="9">
<img src="/static/imgs/ua/logos/9.png"
alt="Герб Антрацит"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Антрацит</span>
</a>
<a href="//artemovsk.misto.online"
title="Портал міста Артемівськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="13">
<img src="/static/imgs/ua/logos/13.png"
alt="Герб Артемівськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Артемівськ</span>
</a>
<a href="//brianka.misto.online"
title="Портал міста Брянка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="58">
<img src="/static/imgs/ua/logos/58.png"
alt="Герб Брянка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Брянка</span>
</a>
<a href="//vakhrusheve.misto.online"
title="Портал міста Вахрушеве — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="68">
<img src="/static/imgs/ua/logos/68.png"
alt="Герб Вахрушеве"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вахрушеве</span>
</a>
<a href="//hirske.misto.online"
title="Портал міста Гірське — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="98">
<img src="/static/imgs/ua/logos/98.png"
alt="Герб Гірське"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гірське</span>
</a>
<a href="//zymohiria.misto.online"
title="Портал міста Зимогіря — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="154">
<img src="/static/imgs/ua/logos/154.png"
alt="Герб Зимогіря"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зимогіря</span>
</a>
<a href="//zolote.misto.online"
title="Портал міста Золоте — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="158">
<img src="/static/imgs/ua/logos/158.png"
alt="Герб Золоте"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Золоте</span>
</a>
<a href="//zorynsk.misto.online"
title="Портал міста Зоринськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="161">
<img src="/static/imgs/ua/logos/161.png"
alt="Герб Зоринськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зоринськ</span>
</a>
<a href="//irmino.misto.online"
title="Портал міста Ірміно — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="171">
<img src="/static/imgs/ua/logos/171.png"
alt="Герб Ірміно"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ірміно</span>
</a>
<a href="//kirovsk.misto.online"
title="Портал міста Кіровськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="192">
<img src="/static/imgs/ua/logos/192.png"
alt="Герб Кіровськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіровськ</span>
</a>
<a href="//krasniyluch.misto.online"
title="Портал міста Красний Луч — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="217">
<img src="/static/imgs/ua/logos/217.png"
alt="Герб Красний Луч"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красний Луч</span>
</a>
<a href="//krasnodon.misto.online"
title="Портал міста Краснодон — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="221">
<img src="/static/imgs/ua/logos/221.png"
alt="Герб Краснодон"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Краснодон</span>
</a>
<a href="//kreminna.misto.online"
title="Портал міста Кремінна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="225">
<img src="/static/imgs/ua/logos/225.png"
alt="Герб Кремінна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кремінна</span>
</a>
<a href="//lysychansk.misto.online"
title="Портал міста Лисичанськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="235">
<img src="/static/imgs/ua/logos/235.png"
alt="Герб Лисичанськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лисичанськ</span>
</a>
<a href="//luhansk.misto.online"
title="Портал міста Луганськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="239">
<img src="/static/imgs/ua/logos/239.png"
alt="Герб Луганськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Луганськ</span>
</a>
<a href="//lutuhyne.misto.online"
title="Портал міста Лутугине — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="240">
<img src="/static/imgs/ua/logos/240.png"
alt="Герб Лутугине"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лутугине</span>
</a>
<a href="//miusynsk.misto.online"
title="Портал міста Міусинськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="260">
<img src="/static/imgs/ua/logos/260.png"
alt="Герб Міусинськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Міусинськ</span>
</a>
<a href="//molodohvardiysk.misto.online"
title="Портал міста Молодогвардійськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="262">
<img src="/static/imgs/ua/logos/262.png"
alt="Герб Молодогвардійськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Молодогвардійськ</span>
</a>
<a href="//novodruzhesk.misto.online"
title="Портал міста Новодружеськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="287">
<img src="/static/imgs/ua/logos/287.png"
alt="Герб Новодружеськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новодружеськ</span>
</a>
<a href="//oleksandrivsk.misto.online"
title="Портал міста Олександрівськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="298">
<img src="/static/imgs/ua/logos/298.png"
alt="Герб Олександрівськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Олександрівськ</span>
</a>
<a href="//pervomaysk.misto.online"
title="Портал міста Первомайськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="308">
<img src="/static/imgs/ua/logos/308.png"
alt="Герб Первомайськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Первомайськ</span>
</a>
<a href="//perevalsk.misto.online"
title="Портал міста Перевальськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="311">
<img src="/static/imgs/ua/logos/311.png"
alt="Герб Перевальськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перевальськ</span>
</a>
<a href="//petrovske.misto.online"
title="Портал міста Петровське — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="318">
<img src="/static/imgs/ua/logos/318.png"
alt="Герб Петровське"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Петровське</span>
</a>
<a href="//popasna.misto.online"
title="Портал міста Попасна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="330">
<img src="/static/imgs/ua/logos/330.png"
alt="Герб Попасна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Попасна</span>
</a>
<a href="//pryvillia.misto.online"
title="Портал міста Привілля — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="332">
<img src="/static/imgs/ua/logos/332.png"
alt="Герб Привілля"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Привілля</span>
</a>
<a href="//rovenky.misto.online"
title="Портал міста Ровеньки — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="346">
<img src="/static/imgs/ua/logos/346.png"
alt="Герб Ровеньки"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ровеньки</span>
</a>
<a href="//rubizhne.misto.online"
title="Портал міста Рубіжне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="352">
<img src="/static/imgs/ua/logos/352.png"
alt="Герб Рубіжне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рубіжне</span>
</a>
<a href="//svatove.misto.online"
title="Портал міста Сватове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="358">
<img src="/static/imgs/ua/logos/358.png"
alt="Герб Сватове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сватове</span>
</a>
<a href="//sverdlovsk.misto.online"
title="Портал міста Свердловськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="359">
<img src="/static/imgs/ua/logos/359.png"
alt="Герб Свердловськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Свердловськ</span>
</a>
<a href="//sievierodonetsk.misto.online"
title="Портал міста Сєвєродонецьк — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="367">
<img src="/static/imgs/ua/logos/367.png"
alt="Герб Сєвєродонецьк"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сєвєродонецьк</span>
</a>
<a href="//starobilsk.misto.online"
title="Портал міста Старобільськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="388">
<img src="/static/imgs/ua/logos/388.png"
alt="Герб Старобільськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старобільськ</span>
</a>
<a href="//stakhanov.misto.online"
title="Портал міста Стаханов — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="390">
<img src="/static/imgs/ua/logos/390.png"
alt="Герб Стаханов"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Стаханов</span>
</a>
<a href="//sukhodilsk.misto.online"
title="Портал міста Суходільськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="397">
<img src="/static/imgs/ua/logos/397.png"
alt="Герб Суходільськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Суходільськ</span>
</a>
<a href="//chervonopartyzansk.misto.online"
title="Портал міста Червонопартизанськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="443">
<img src="/static/imgs/ua/logos/443.png"
alt="Герб Червонопартизанськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Червонопартизанськ</span>
</a>
<a href="//shchastia.misto.online"
title="Портал міста Щастя — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="461">
<img src="/static/imgs/ua/logos/461.png"
alt="Герб Щастя"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Щастя</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-avtonomna-respublika-krim">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Автономна Республіка Крим область
<span class="text-sm font-normal text-gray-400">(18)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//alupka.misto.online"
title="Портал міста Алупка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="3">
<img src="/static/imgs/ua/logos/3.png"
alt="Герб Алупка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алупка</span>
</a>
<a href="//alushta.misto.online"
title="Портал міста Алушта — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="4">
<img src="/static/imgs/ua/logos/4.png"
alt="Герб Алушта"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Алушта</span>
</a>
<a href="//armyansk.misto.online"
title="Портал міста Армянськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="11">
<img src="/static/imgs/ua/logos/11.png"
alt="Герб Армянськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Армянськ</span>
</a>
<a href="//bakhchysarai.misto.online"
title="Портал міста Бахчисарай — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="23">
<img src="/static/imgs/ua/logos/23.png"
alt="Герб Бахчисарай"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бахчисарай</span>
</a>
<a href="//bilohirsk.misto.online"
title="Портал міста Білогірськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="40">
<img src="/static/imgs/ua/logos/40.png"
alt="Герб Білогірськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білогірськ</span>
</a>
<a href="//dzhankoy.misto.online"
title="Портал міста Джанкой — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="116">
<img src="/static/imgs/ua/logos/116.png"
alt="Герб Джанкой"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Джанкой</span>
</a>
<a href="//yevpatoria.misto.online"
title="Портал міста Євпаторія — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="137">
<img src="/static/imgs/ua/logos/137.png"
alt="Герб Євпаторія"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Євпаторія</span>
</a>
<a href="//inkerman.misto.online"
title="Портал міста Інкерман — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="170">
<img src="/static/imgs/ua/logos/170.png"
alt="Герб Інкерман"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Інкерман</span>
</a>
<a href="//kerch.misto.online"
title="Портал міста Керч — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="187">
<img src="/static/imgs/ua/logos/187.png"
alt="Герб Керч"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Керч</span>
</a>
<a href="//krasnoperekopsk.misto.online"
title="Портал міста Красноперекопськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="222">
<img src="/static/imgs/ua/logos/222.png"
alt="Герб Красноперекопськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красноперекопськ</span>
</a>
<a href="//saky.misto.online"
title="Портал міста Саки — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="354">
<img src="/static/imgs/ua/logos/354.png"
alt="Герб Саки"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Саки</span>
</a>
<a href="//sevastopol.misto.online"
title="Портал міста Севастополь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="363">
<img src="/static/imgs/ua/logos/363.png"
alt="Герб Севастополь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Севастополь</span>
</a>
<a href="//simferopol.misto.online"
title="Портал міста Сімферополь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="370">
<img src="/static/imgs/ua/logos/370.png"
alt="Герб Сімферополь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сімферополь</span>
</a>
<a href="//starykrim.misto.online"
title="Портал міста Старий Крим — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="386">
<img src="/static/imgs/ua/logos/386.png"
alt="Герб Старий Крим"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старий Крим</span>
</a>
<a href="//sudak.misto.online"
title="Портал міста Судак — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="394">
<img src="/static/imgs/ua/logos/394.png"
alt="Герб Судак"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Судак</span>
</a>
<a href="//feodosiya.misto.online"
title="Портал міста Феодосія — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="426">
<img src="/static/imgs/ua/logos/426.png"
alt="Герб Феодосія"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Феодосія</span>
</a>
<a href="//shcholkine.misto.online"
title="Портал міста Щолкіне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="462">
<img src="/static/imgs/ua/logos/462.png"
alt="Герб Щолкіне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Щолкіне</span>
</a>
<a href="//yalta.misto.online"
title="Портал міста Ялта — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="469">
<img src="/static/imgs/ua/logos/469.png"
alt="Герб Ялта"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ялта</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-odeska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Одеська область
<span class="text-sm font-normal text-gray-400">(19)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//ananyiv.misto.online"
title="Портал міста Ананьїв — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="7">
<img src="/static/imgs/ua/logos/7.png"
alt="Герб Ананьїв"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ананьїв</span>
</a>
<a href="//artsyz.misto.online"
title="Портал міста Арциз — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="15">
<img src="/static/imgs/ua/logos/15.png"
alt="Герб Арциз"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Арциз</span>
</a>
<a href="//balta.misto.online"
title="Портал міста Балта — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="17">
<img src="/static/imgs/ua/logos/17.png"
alt="Герб Балта"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Балта</span>
</a>
<a href="//berezivka.misto.online"
title="Портал міста Березівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="31">
<img src="/static/imgs/ua/logos/31.png"
alt="Герб Березівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Березівка</span>
</a>
<a href="//bilhorod-dnistrovskyi.misto.online"
title="Портал міста Білгород-Дністровський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="38">
<img src="/static/imgs/ua/logos/38.png"
alt="Герб Білгород-Дністровський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білгород-Дністровський</span>
</a>
<a href="//bilyayivka.misto.online"
title="Портал міста Біляївка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="43">
<img src="/static/imgs/ua/logos/43.png"
alt="Герб Біляївка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Біляївка</span>
</a>
<a href="//bolhrad.misto.online"
title="Портал міста Болград — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="48">
<img src="/static/imgs/ua/logos/48.png"
alt="Герб Болград"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Болград</span>
</a>
<a href="//vylkove.misto.online"
title="Портал міста Вилкове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="74">
<img src="/static/imgs/ua/logos/74.png"
alt="Герб Вилкове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вилкове</span>
</a>
<a href="//izmail.misto.online"
title="Портал міста Ізмаїл — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="164">
<img src="/static/imgs/ua/logos/164.png"
alt="Герб Ізмаїл"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ізмаїл</span>
</a>
<a href="//illichivsk.misto.online"
title="Портал міста Іллічівськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="168">
<img src="/static/imgs/ua/logos/168.png"
alt="Герб Іллічівськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іллічівськ</span>
</a>
<a href="//kiliya.misto.online"
title="Портал міста Кілія — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="190">
<img src="/static/imgs/ua/logos/190.png"
alt="Герб Кілія"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кілія</span>
</a>
<a href="//kodyma.misto.online"
title="Портал міста Кодима — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="197">
<img src="/static/imgs/ua/logos/197.png"
alt="Герб Кодима"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кодима</span>
</a>
<a href="//kotovsk.misto.online"
title="Портал міста Котовськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="213">
<img src="/static/imgs/ua/logos/213.png"
alt="Герб Котовськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Котовськ</span>
</a>
<a href="//odessa.misto.online"
title="Портал міста Одеса — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="296">
<img src="/static/imgs/ua/logos/296.png"
alt="Герб Одеса"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Одеса</span>
</a>
<a href="//reni.misto.online"
title="Портал міста Рені — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="343">
<img src="/static/imgs/ua/logos/343.png"
alt="Герб Рені"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рені</span>
</a>
<a href="//rozdilna.misto.online"
title="Портал міста Роздільна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="350">
<img src="/static/imgs/ua/logos/350.png"
alt="Герб Роздільна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Роздільна</span>
</a>
<a href="//tatarbunary.misto.online"
title="Портал міста Татарбунари — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="401">
<img src="/static/imgs/ua/logos/401.png"
alt="Герб Татарбунари"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Татарбунари</span>
</a>
<a href="//teplodar.misto.online"
title="Портал міста Теплодар — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="402">
<img src="/static/imgs/ua/logos/402.png"
alt="Герб Теплодар"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Теплодар</span>
</a>
<a href="//yuzhne.misto.online"
title="Портал міста Южне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="464">
<img src="/static/imgs/ua/logos/464.png"
alt="Герб Южне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Южне</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-zitomirska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Житомирська область
<span class="text-sm font-normal text-gray-400">(12)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//andrushivka.misto.online"
title="Портал міста Андрушівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="8">
<img src="/static/imgs/ua/logos/8.png"
alt="Герб Андрушівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Андрушівка</span>
</a>
<a href="//baranivka.misto.online"
title="Портал міста Баранівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="19">
<img src="/static/imgs/ua/logos/19.png"
alt="Герб Баранівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Баранівка</span>
</a>
<a href="//berdychiv.misto.online"
title="Портал міста Бердичів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="26">
<img src="/static/imgs/ua/logos/26.png"
alt="Герб Бердичів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бердичів</span>
</a>
<a href="//zhytomyr.misto.online"
title="Портал міста Житомир — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="142">
<img src="/static/imgs/ua/logos/142.png"
alt="Герб Житомир"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Житомир</span>
</a>
<a href="//korosten.misto.online"
title="Портал міста Коростень — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="206">
<img src="/static/imgs/ua/logos/206.png"
alt="Герб Коростень"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Коростень</span>
</a>
<a href="//korostyshiv.misto.online"
title="Портал міста Коростишів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="207">
<img src="/static/imgs/ua/logos/207.png"
alt="Герб Коростишів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Коростишів</span>
</a>
<a href="//malyn.misto.online"
title="Портал міста Малин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="247">
<img src="/static/imgs/ua/logos/247.png"
alt="Герб Малин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Малин</span>
</a>
<a href="//novohradvolynskyi.misto.online"
title="Портал міста Новоград-Волинський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="284">
<img src="/static/imgs/ua/logos/284.png"
alt="Герб Новоград-Волинський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоград-Волинський</span>
</a>
<a href="//ovruch.misto.online"
title="Портал міста Овруч — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="295">
<img src="/static/imgs/ua/logos/295.png"
alt="Герб Овруч"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Овруч</span>
</a>
<a href="//olevsk.misto.online"
title="Портал міста Олевськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="297">
<img src="/static/imgs/ua/logos/297.png"
alt="Герб Олевськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Олевськ</span>
</a>
<a href="//radomyshl.misto.online"
title="Портал міста Радомишль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="341">
<img src="/static/imgs/ua/logos/341.png"
alt="Герб Радомишль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Радомишль</span>
</a>
<a href="//chudniv.misto.online"
title="Портал міста Чуднів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="454">
<img src="/static/imgs/ua/logos/454.png"
alt="Герб Чуднів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чуднів</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-dnipropetrovska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Дніпропетровська область
<span class="text-sm font-normal text-gray-400">(20)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//apostolove.misto.online"
title="Портал міста Апостолове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="10">
<img src="/static/imgs/ua/logos/10.png"
alt="Герб Апостолове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Апостолове</span>
</a>
<a href="//verkhivtseve.misto.online"
title="Портал міста Верхівцеве — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="71">
<img src="/static/imgs/ua/logos/71.png"
alt="Герб Верхівцеве"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Верхівцеве</span>
</a>
<a href="//verkhnodniprovsk.misto.online"
title="Портал міста Верхньодніпровськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="72">
<img src="/static/imgs/ua/logos/72.png"
alt="Герб Верхньодніпровськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Верхньодніпровськ</span>
</a>
<a href="//vilnohirsk.misto.online"
title="Портал міста Вільногірськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="79">
<img src="/static/imgs/ua/logos/79.png"
alt="Герб Вільногірськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вільногірськ</span>
</a>
<a href="//dniprodzerzhynsk.misto.online"
title="Портал міста Дніпродзержинськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="119">
<img src="/static/imgs/ua/logos/119.png"
alt="Герб Дніпродзержинськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дніпродзержинськ</span>
</a>
<a href="//dnipro.misto.online"
title="Портал міста Дніпро — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="120">
<img src="/static/imgs/ua/logos/120.png"
alt="Герб Дніпро"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дніпро</span>
</a>
<a href="//zhovtivody.misto.online"
title="Портал міста Жовті Води — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="145">
<img src="/static/imgs/ua/logos/145.png"
alt="Герб Жовті Води"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жовті Води</span>
</a>
<a href="//zelenodolsk.misto.online"
title="Портал міста Зеленодольськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="153">
<img src="/static/imgs/ua/logos/153.png"
alt="Герб Зеленодольськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зеленодольськ</span>
</a>
<a href="//krivoyrog.misto.online"
title="Портал міста Кривий Ріг — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="226">
<img src="/static/imgs/ua/logos/226.png"
alt="Герб Кривий Ріг"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кривий Ріг</span>
</a>
<a href="//marhanets.misto.online"
title="Портал міста Марганець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="249">
<img src="/static/imgs/ua/logos/249.png"
alt="Герб Марганець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Марганець</span>
</a>
<a href="//nikopol.misto.online"
title="Портал міста Нікополь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="274">
<img src="/static/imgs/ua/logos/274.png"
alt="Герб Нікополь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нікополь</span>
</a>
<a href="//novomoskovsk.misto.online"
title="Портал міста Новомосковськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="289">
<img src="/static/imgs/ua/logos/289.png"
alt="Герб Новомосковськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новомосковськ</span>
</a>
<a href="//ordzhonikidze.misto.online"
title="Портал міста Орджонікідзе — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="300">
<img src="/static/imgs/ua/logos/300.png"
alt="Герб Орджонікідзе"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Орджонікідзе</span>
</a>
<a href="//piatykhatky.misto.online"
title="Портал міста Пятихатки — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="306">
<img src="/static/imgs/ua/logos/306.png"
alt="Герб Пятихатки"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пятихатки</span>
</a>
<a href="//pavlohrad.misto.online"
title="Портал міста Павлоград — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="307">
<img src="/static/imgs/ua/logos/307.png"
alt="Герб Павлоград"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Павлоград</span>
</a>
<a href="//pereschepyne.misto.online"
title="Портал міста Перещепине — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="314">
<img src="/static/imgs/ua/logos/314.png"
alt="Герб Перещепине"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перещепине</span>
</a>
<a href="//pershotravensk.misto.online"
title="Портал міста Першотравенськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="317">
<img src="/static/imgs/ua/logos/317.png"
alt="Герб Першотравенськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Першотравенськ</span>
</a>
<a href="//pidhorodne.misto.online"
title="Портал міста Підгородне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="322">
<img src="/static/imgs/ua/logos/322.png"
alt="Герб Підгородне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Підгородне</span>
</a>
<a href="//synelnykove.misto.online"
title="Портал міста Синельникове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="368">
<img src="/static/imgs/ua/logos/368.png"
alt="Герб Синельникове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Синельникове</span>
</a>
<a href="//ternivka.misto.online"
title="Портал міста Тернівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="404">
<img src="/static/imgs/ua/logos/404.png"
alt="Герб Тернівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тернівка</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-xarkivska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Харківська область
<span class="text-sm font-normal text-gray-400">(17)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//balakliia.misto.online"
title="Портал міста Балаклія — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="16">
<img src="/static/imgs/ua/logos/16.png"
alt="Герб Балаклія"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Балаклія</span>
</a>
<a href="//barvinkove.misto.online"
title="Портал міста Барвінкове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="20">
<img src="/static/imgs/ua/logos/20.png"
alt="Герб Барвінкове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Барвінкове</span>
</a>
<a href="//bohodukhiv.misto.online"
title="Портал міста Богодухів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="46">
<img src="/static/imgs/ua/logos/46.png"
alt="Герб Богодухів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Богодухів</span>
</a>
<a href="//valky.misto.online"
title="Портал міста Валки — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="64">
<img src="/static/imgs/ua/logos/64.png"
alt="Герб Валки"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Валки</span>
</a>
<a href="//vovchansk.misto.online"
title="Портал міста Вовчанськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="82">
<img src="/static/imgs/ua/logos/82.png"
alt="Герб Вовчанськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вовчанськ</span>
</a>
<a href="//derhachi.misto.online"
title="Портал міста Дергачі — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="115">
<img src="/static/imgs/ua/logos/115.png"
alt="Герб Дергачі"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дергачі</span>
</a>
<a href="//zmiiv.misto.online"
title="Портал міста Зміїв — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="156">
<img src="/static/imgs/ua/logos/156.png"
alt="Герб Зміїв"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зміїв</span>
</a>
<a href="//izium.misto.online"
title="Портал міста Ізюм — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="165">
<img src="/static/imgs/ua/logos/165.png"
alt="Герб Ізюм"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ізюм</span>
</a>
<a href="//krasnohrad.misto.online"
title="Портал міста Красноград — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="220">
<img src="/static/imgs/ua/logos/220.png"
alt="Герб Красноград"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красноград</span>
</a>
<a href="//kupiansk.misto.online"
title="Портал міста Купянськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="229">
<img src="/static/imgs/ua/logos/229.png"
alt="Герб Купянськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Купянськ</span>
</a>
<a href="//lozova.misto.online"
title="Портал міста Лозова — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="236">
<img src="/static/imgs/ua/logos/236.png"
alt="Герб Лозова"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лозова</span>
</a>
<a href="//liubotyn.misto.online"
title="Портал міста Люботин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="243">
<img src="/static/imgs/ua/logos/243.png"
alt="Герб Люботин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Люботин</span>
</a>
<a href="//merefa.misto.online"
title="Портал міста Мерефа — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="253">
<img src="/static/imgs/ua/logos/253.png"
alt="Герб Мерефа"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мерефа</span>
</a>
<a href="//pervomaiskyi.misto.online"
title="Портал міста Первомайський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="310">
<img src="/static/imgs/ua/logos/310.png"
alt="Герб Первомайський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Первомайський</span>
</a>
<a href="//pivdenne.misto.online"
title="Портал міста Південне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="320">
<img src="/static/imgs/ua/logos/320.png"
alt="Герб Південне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Південне</span>
</a>
<a href="//kharkiv.misto.online"
title="Портал міста Харків — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="427">
<img src="/static/imgs/ua/logos/427.png"
alt="Герб Харків"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Харків</span>
</a>
<a href="//chuhuiv.misto.online"
title="Портал міста Чугуїв — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="453">
<img src="/static/imgs/ua/logos/453.png"
alt="Герб Чугуїв"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чугуїв</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-vinnicka">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Вінницька область
<span class="text-sm font-normal text-gray-400">(17)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//bar.misto.online"
title="Портал міста Бар — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="18">
<img src="/static/imgs/ua/logos/18.png"
alt="Герб Бар"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бар</span>
</a>
<a href="//bershad.misto.online"
title="Портал міста Бершадь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="35">
<img src="/static/imgs/ua/logos/35.png"
alt="Герб Бершадь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бершадь</span>
</a>
<a href="//vinnytsia.misto.online"
title="Портал міста Вінниця — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="81">
<img src="/static/imgs/ua/logos/81.png"
alt="Герб Вінниця"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вінниця</span>
</a>
<a href="//haisyn.misto.online"
title="Портал міста Гайсин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="93">
<img src="/static/imgs/ua/logos/93.png"
alt="Герб Гайсин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гайсин</span>
</a>
<a href="//hnivan.misto.online"
title="Портал міста Гнівань — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="102">
<img src="/static/imgs/ua/logos/102.png"
alt="Герб Гнівань"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гнівань</span>
</a>
<a href="//zhmerynka.misto.online"
title="Портал міста Жмеринка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="143">
<img src="/static/imgs/ua/logos/143.png"
alt="Герб Жмеринка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жмеринка</span>
</a>
<a href="//kalynivka.misto.online"
title="Портал міста Калинівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="177">
<img src="/static/imgs/ua/logos/177.png"
alt="Герб Калинівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Калинівка</span>
</a>
<a href="//koziatyn.misto.online"
title="Портал міста Козятин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="198">
<img src="/static/imgs/ua/logos/198.png"
alt="Герб Козятин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Козятин</span>
</a>
<a href="//ladyzhyn.misto.online"
title="Портал міста Ладижин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="231">
<img src="/static/imgs/ua/logos/231.png"
alt="Герб Ладижин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ладижин</span>
</a>
<a href="//lypovets.misto.online"
title="Портал міста Липовець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="234">
<img src="/static/imgs/ua/logos/234.png"
alt="Герб Липовець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Липовець</span>
</a>
<a href="//mohylivpodilskyi.misto.online"
title="Портал міста Могилів-Подільський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="261">
<img src="/static/imgs/ua/logos/261.png"
alt="Герб Могилів-Подільський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Могилів-Подільський</span>
</a>
<a href="//nemyriv.misto.online"
title="Портал міста Немирів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="271">
<img src="/static/imgs/ua/logos/271.png"
alt="Герб Немирів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Немирів</span>
</a>
<a href="//pohrebyshche.misto.online"
title="Портал міста Погребище — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="324">
<img src="/static/imgs/ua/logos/324.png"
alt="Герб Погребище"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Погребище</span>
</a>
<a href="//tulchyn.misto.online"
title="Портал міста Тульчин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="413">
<img src="/static/imgs/ua/logos/413.png"
alt="Герб Тульчин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тульчин</span>
</a>
<a href="//khmilnyk.misto.online"
title="Портал міста Хмільник — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="432">
<img src="/static/imgs/ua/logos/432.png"
alt="Герб Хмільник"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хмільник</span>
</a>
<a href="//sharhorod.misto.online"
title="Портал міста Шаргород — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="455">
<img src="/static/imgs/ua/logos/455.png"
alt="Герб Шаргород"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шаргород</span>
</a>
<a href="//yampil.misto.online"
title="Портал міста Ямпіль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="470">
<img src="/static/imgs/ua/logos/470.png"
alt="Герб Ямпіль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ямпіль</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-cernivecka">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Чернівецька область
<span class="text-sm font-normal text-gray-400">(15)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//baturyn.misto.online"
title="Портал міста Батурин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="21">
<img src="/static/imgs/ua/logos/21.png"
alt="Герб Батурин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Батурин</span>
</a>
<a href="//vashkivtsi.misto.online"
title="Портал міста Вашківці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="69">
<img src="/static/imgs/ua/logos/69.png"
alt="Герб Вашківці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вашківці</span>
</a>
<a href="//vyzhnytsia.misto.online"
title="Портал міста Вижниця — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="73">
<img src="/static/imgs/ua/logos/73.png"
alt="Герб Вижниця"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вижниця</span>
</a>
<a href="//hertsa.misto.online"
title="Портал міста Герца — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="96">
<img src="/static/imgs/ua/logos/96.png"
alt="Герб Герца"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Герца</span>
</a>
<a href="//zastavna.misto.online"
title="Портал міста Заставна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="148">
<img src="/static/imgs/ua/logos/148.png"
alt="Герб Заставна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Заставна</span>
</a>
<a href="//kitsman.misto.online"
title="Портал міста Кіцмань — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="194">
<img src="/static/imgs/ua/logos/194.png"
alt="Герб Кіцмань"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіцмань</span>
</a>
<a href="//nizhyn.misto.online"
title="Портал міста Ніжин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="273">
<img src="/static/imgs/ua/logos/273.png"
alt="Герб Ніжин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ніжин</span>
</a>
<a href="//novodnistrovsk.misto.online"
title="Портал міста Новодністровськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="286">
<img src="/static/imgs/ua/logos/286.png"
alt="Герб Новодністровськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новодністровськ</span>
</a>
<a href="//novoselytsia.misto.online"
title="Портал міста Новоселиця — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="290">
<img src="/static/imgs/ua/logos/290.png"
alt="Герб Новоселиця"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоселиця</span>
</a>
<a href="//pryluky.misto.online"
title="Портал міста Прилуки — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="333">
<img src="/static/imgs/ua/logos/333.png"
alt="Герб Прилуки"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Прилуки</span>
</a>
<a href="//sokyriany.misto.online"
title="Портал міста Сокиряни — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="383">
<img src="/static/imgs/ua/logos/383.png"
alt="Герб Сокиряни"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сокиряни</span>
</a>
<a href="//storozhynets.misto.online"
title="Портал міста Сторожинець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="392">
<img src="/static/imgs/ua/logos/392.png"
alt="Герб Сторожинець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сторожинець</span>
</a>
<a href="//khotyn.misto.online"
title="Портал міста Хотин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="436">
<img src="/static/imgs/ua/logos/436.png"
alt="Герб Хотин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хотин</span>
</a>
<a href="//chernivtsi.misto.online"
title="Портал міста Чернівці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="445">
<img src="/static/imgs/ua/logos/445.png"
alt="Герб Чернівці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чернівці</span>
</a>
<a href="//chernihiv.misto.online"
title="Портал міста Чернігів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="446">
<img src="/static/imgs/ua/logos/446.png"
alt="Герб Чернігів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чернігів</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-mikolayivska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Миколаївська область
<span class="text-sm font-normal text-gray-400">(9)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//bashtanka.misto.online"
title="Портал міста Баштанка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="24">
<img src="/static/imgs/ua/logos/24.png"
alt="Герб Баштанка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Баштанка</span>
</a>
<a href="//voznesensk.misto.online"
title="Портал міста Вознесенськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="83">
<img src="/static/imgs/ua/logos/83.png"
alt="Герб Вознесенськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вознесенськ</span>
</a>
<a href="//nikolaev.misto.online"
title="Портал міста Миколаїв — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="254">
<img src="/static/imgs/ua/logos/254.png"
alt="Герб Миколаїв"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миколаїв</span>
</a>
<a href="//novaodessa.misto.online"
title="Портал міста Нова Одеса — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="276">
<img src="/static/imgs/ua/logos/276.png"
alt="Герб Нова Одеса"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нова Одеса</span>
</a>
<a href="//novyibug.misto.online"
title="Портал міста Новий Буг — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="278">
<img src="/static/imgs/ua/logos/278.png"
alt="Герб Новий Буг"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новий Буг</span>
</a>
<a href="//ochakiv.misto.online"
title="Портал міста Очаків — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="305">
<img src="/static/imgs/ua/logos/305.png"
alt="Герб Очаків"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Очаків</span>
</a>
<a href="//pervomaisk.misto.online"
title="Портал міста Первомайськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="309">
<img src="/static/imgs/ua/logos/309.png"
alt="Герб Первомайськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Первомайськ</span>
</a>
<a href="//snihurivka.misto.online"
title="Портал міста Снігурівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="379">
<img src="/static/imgs/ua/logos/379.png"
alt="Герб Снігурівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Снігурівка</span>
</a>
<a href="//yuzhnoukrainsk.misto.online"
title="Портал міста Южноукраїнськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="465">
<img src="/static/imgs/ua/logos/465.png"
alt="Герб Южноукраїнськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Южноукраїнськ</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-lvivska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Львівська область
<span class="text-sm font-normal text-gray-400">(44)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//belz.misto.online"
title="Портал міста Белз — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="25">
<img src="/static/imgs/ua/logos/25.png"
alt="Герб Белз"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Белз</span>
</a>
<a href="//bibrka.misto.online"
title="Портал міста Бібрка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="36">
<img src="/static/imgs/ua/logos/36.png"
alt="Герб Бібрка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бібрка</span>
</a>
<a href="//boryslav.misto.online"
title="Портал міста Борислав — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="51">
<img src="/static/imgs/ua/logos/51.png"
alt="Герб Борислав"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Борислав</span>
</a>
<a href="//brody.misto.online"
title="Портал міста Броди — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="56">
<img src="/static/imgs/ua/logos/56.png"
alt="Герб Броди"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Броди</span>
</a>
<a href="//busk.misto.online"
title="Портал міста Буськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="61">
<img src="/static/imgs/ua/logos/61.png"
alt="Герб Буськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Буськ</span>
</a>
<a href="//velykimosti.misto.online"
title="Портал міста Великі Мости — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="70">
<img src="/static/imgs/ua/logos/70.png"
alt="Герб Великі Мости"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Великі Мости</span>
</a>
<a href="//vynnyky.misto.online"
title="Портал міста Винники — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="75">
<img src="/static/imgs/ua/logos/75.png"
alt="Герб Винники"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Винники</span>
</a>
<a href="//hlyniany.misto.online"
title="Портал міста Глиняни — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="99">
<img src="/static/imgs/ua/logos/99.png"
alt="Герб Глиняни"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Глиняни</span>
</a>
<a href="//gorodok.misto.online"
title="Портал міста Городок — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="108">
<img src="/static/imgs/ua/logos/108.png"
alt="Герб Городок"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городок</span>
</a>
<a href="//dobromyl.misto.online"
title="Портал міста Добромиль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="122">
<img src="/static/imgs/ua/logos/122.png"
alt="Герб Добромиль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Добромиль</span>
</a>
<a href="//drohobych.misto.online"
title="Портал міста Дрогобич — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="129">
<img src="/static/imgs/ua/logos/129.png"
alt="Герб Дрогобич"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дрогобич</span>
</a>
<a href="//dubliany.misto.online"
title="Портал міста Дубляни — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="132">
<img src="/static/imgs/ua/logos/132.png"
alt="Герб Дубляни"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дубляни</span>
</a>
<a href="//zhydachiv.misto.online"
title="Портал міста Жидачів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="141">
<img src="/static/imgs/ua/logos/141.png"
alt="Герб Жидачів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жидачів</span>
</a>
<a href="//zhovkva.misto.online"
title="Портал міста Жовква — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="144">
<img src="/static/imgs/ua/logos/144.png"
alt="Герб Жовква"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жовква</span>
</a>
<a href="//zolochiv.misto.online"
title="Портал міста Золочів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="160">
<img src="/static/imgs/ua/logos/160.png"
alt="Герб Золочів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Золочів</span>
</a>
<a href="//kamiankabuzka.misto.online"
title="Портал міста Камянка-Бузька — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="181">
<img src="/static/imgs/ua/logos/181.png"
alt="Герб Камянка-Бузька"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянка-Бузька</span>
</a>
<a href="//komarno.misto.online"
title="Портал міста Комарно — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="200">
<img src="/static/imgs/ua/logos/200.png"
alt="Герб Комарно"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Комарно</span>
</a>
<a href="//lviv.misto.online"
title="Портал міста Львів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="244">
<img src="/static/imgs/ua/logos/244.png"
alt="Герб Львів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Львів</span>
</a>
<a href="//mykolaiv.misto.online"
title="Портал міста Миколаїв — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="255">
<img src="/static/imgs/ua/logos/255.png"
alt="Герб Миколаїв"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миколаїв</span>
</a>
<a href="//morshyn.misto.online"
title="Портал міста Моршин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="266">
<img src="/static/imgs/ua/logos/266.png"
alt="Герб Моршин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Моршин</span>
</a>
<a href="//mostyska.misto.online"
title="Портал міста Мостиська — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="268">
<img src="/static/imgs/ua/logos/268.png"
alt="Герб Мостиська"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мостиська</span>
</a>
<a href="//novyikaliniv.misto.online"
title="Портал міста Новий Калинів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="279">
<img src="/static/imgs/ua/logos/279.png"
alt="Герб Новий Калинів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новий Калинів</span>
</a>
<a href="//novyirozdil.misto.online"
title="Портал міста Новий Розділ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="280">
<img src="/static/imgs/ua/logos/280.png"
alt="Герб Новий Розділ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новий Розділ</span>
</a>
<a href="//novoiavorivsk.misto.online"
title="Портал міста Новояворівськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="292">
<img src="/static/imgs/ua/logos/292.png"
alt="Герб Новояворівськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новояворівськ</span>
</a>
<a href="//peremyshliany.misto.online"
title="Портал міста Перемишляни — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="312">
<img src="/static/imgs/ua/logos/312.png"
alt="Герб Перемишляни"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перемишляни</span>
</a>
<a href="//pustomyty.misto.online"
title="Портал міста Пустомити — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="336">
<img src="/static/imgs/ua/logos/336.png"
alt="Герб Пустомити"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пустомити</span>
</a>
<a href="//ravaruska.misto.online"
title="Портал міста Рава-Руська — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="338">
<img src="/static/imgs/ua/logos/338.png"
alt="Герб Рава-Руська"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рава-Руська</span>
</a>
<a href="//radekhiv.misto.online"
title="Портал міста Радехів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="339">
<img src="/static/imgs/ua/logos/339.png"
alt="Герб Радехів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Радехів</span>
</a>
<a href="//rudky.misto.online"
title="Портал міста Рудки — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="353">
<img src="/static/imgs/ua/logos/353.png"
alt="Герб Рудки"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рудки</span>
</a>
<a href="//sambir.misto.online"
title="Портал міста Самбір — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="355">
<img src="/static/imgs/ua/logos/355.png"
alt="Герб Самбір"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Самбір</span>
</a>
<a href="//skole.misto.online"
title="Портал міста Сколе — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="374">
<img src="/static/imgs/ua/logos/374.png"
alt="Герб Сколе"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сколе</span>
</a>
<a href="//sokal.misto.online"
title="Портал міста Сокаль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="382">
<img src="/static/imgs/ua/logos/382.png"
alt="Герб Сокаль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сокаль</span>
</a>
<a href="//sosnivka.misto.online"
title="Портал міста Соснівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="385">
<img src="/static/imgs/ua/logos/385.png"
alt="Герб Соснівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Соснівка</span>
</a>
<a href="//staryisambir.misto.online"
title="Портал міста Старий Самбір — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="387">
<img src="/static/imgs/ua/logos/387.png"
alt="Герб Старий Самбір"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старий Самбір</span>
</a>
<a href="//stebnyk.misto.online"
title="Портал міста Стебник — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="391">
<img src="/static/imgs/ua/logos/391.png"
alt="Герб Стебник"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Стебник</span>
</a>
<a href="//stryi.misto.online"
title="Портал міста Стрий — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="393">
<img src="/static/imgs/ua/logos/393.png"
alt="Герб Стрий"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Стрий</span>
</a>
<a href="//sudovavishnya.misto.online"
title="Портал міста Судова Вишня — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="395">
<img src="/static/imgs/ua/logos/395.png"
alt="Герб Судова Вишня"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Судова Вишня</span>
</a>
<a href="//truskavets.misto.online"
title="Портал міста Трускавець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="412">
<img src="/static/imgs/ua/logos/412.png"
alt="Герб Трускавець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Трускавець</span>
</a>
<a href="//turka.misto.online"
title="Портал міста Турка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="414">
<img src="/static/imgs/ua/logos/414.png"
alt="Герб Турка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Турка</span>
</a>
<a href="//uhniv.misto.online"
title="Портал міста Угнів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="416">
<img src="/static/imgs/ua/logos/416.png"
alt="Герб Угнів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Угнів</span>
</a>
<a href="//khyriv.misto.online"
title="Портал міста Хирів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="430">
<img src="/static/imgs/ua/logos/430.png"
alt="Герб Хирів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хирів</span>
</a>
<a href="//khodoriv.misto.online"
title="Портал міста Ходорів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="433">
<img src="/static/imgs/ua/logos/433.png"
alt="Герб Ходорів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ходорів</span>
</a>
<a href="//chervonohrad.misto.online"
title="Портал міста Червоноград — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="441">
<img src="/static/imgs/ua/logos/441.png"
alt="Герб Червоноград"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Червоноград</span>
</a>
<a href="//yavoriv.misto.online"
title="Портал міста Яворів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="467">
<img src="/static/imgs/ua/logos/467.png"
alt="Герб Яворів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Яворів</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-cernigivska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Чернігівська область
<span class="text-sm font-normal text-gray-400">(12)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//bakhmach.misto.online"
title="Портал міста Бахмач — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="22">
<img src="/static/imgs/ua/logos/22.png"
alt="Герб Бахмач"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бахмач</span>
</a>
<a href="//bobrovytsia.misto.online"
title="Портал міста Бобровиця — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="45">
<img src="/static/imgs/ua/logos/45.png"
alt="Герб Бобровиця"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бобровиця</span>
</a>
<a href="//borzna.misto.online"
title="Портал міста Борзна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="50">
<img src="/static/imgs/ua/logos/50.png"
alt="Герб Борзна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Борзна</span>
</a>
<a href="//horodnia.misto.online"
title="Портал міста Городня — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="107">
<img src="/static/imgs/ua/logos/107.png"
alt="Герб Городня"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городня</span>
</a>
<a href="//ichnia.misto.online"
title="Портал міста Ічня — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="175">
<img src="/static/imgs/ua/logos/175.png"
alt="Герб Ічня"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ічня</span>
</a>
<a href="//koriukivka.misto.online"
title="Портал міста Корюківка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="209">
<img src="/static/imgs/ua/logos/209.png"
alt="Герб Корюківка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Корюківка</span>
</a>
<a href="//mena.misto.online"
title="Портал міста Мена — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="252">
<img src="/static/imgs/ua/logos/252.png"
alt="Герб Мена"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мена</span>
</a>
<a href="//novhorodsiverskyi.misto.online"
title="Портал міста Новгород-Сіверський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="277">
<img src="/static/imgs/ua/logos/277.png"
alt="Герб Новгород-Сіверський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новгород-Сіверський</span>
</a>
<a href="//nosivka.misto.online"
title="Портал міста Носівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="293">
<img src="/static/imgs/ua/logos/293.png"
alt="Герб Носівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Носівка</span>
</a>
<a href="//oster.misto.online"
title="Портал міста Остер — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="302">
<img src="/static/imgs/ua/logos/302.png"
alt="Герб Остер"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Остер</span>
</a>
<a href="//semenivka.misto.online"
title="Портал міста Семенівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="365">
<img src="/static/imgs/ua/logos/365.png"
alt="Герб Семенівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Семенівка</span>
</a>
<a href="//shchors.misto.online"
title="Портал міста Щорс — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="463">
<img src="/static/imgs/ua/logos/463.png"
alt="Герб Щорс"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Щорс</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-zaporizka">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Запорізька область
<span class="text-sm font-normal text-gray-400">(14)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//berdyansk.misto.online"
title="Портал міста Бердянськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="27">
<img src="/static/imgs/ua/logos/27.png"
alt="Герб Бердянськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бердянськ</span>
</a>
<a href="//vasylivka.misto.online"
title="Портал міста Василівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="65">
<img src="/static/imgs/ua/logos/65.png"
alt="Герб Василівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Василівка</span>
</a>
<a href="//vilniansk.misto.online"
title="Портал міста Вільнянськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="80">
<img src="/static/imgs/ua/logos/80.png"
alt="Герб Вільнянськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вільнянськ</span>
</a>
<a href="//huliaipole.misto.online"
title="Портал міста Гуляйполе — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="112">
<img src="/static/imgs/ua/logos/112.png"
alt="Герб Гуляйполе"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гуляйполе</span>
</a>
<a href="//dniprorudne.misto.online"
title="Портал міста Дніпрорудне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="121">
<img src="/static/imgs/ua/logos/121.png"
alt="Герб Дніпрорудне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дніпрорудне</span>
</a>
<a href="//enerhodar.misto.online"
title="Портал міста Енергодар — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="136">
<img src="/static/imgs/ua/logos/136.png"
alt="Герб Енергодар"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Енергодар</span>
</a>
<a href="//zaporizhia.misto.online"
title="Портал міста Запоріжжя — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="147">
<img src="/static/imgs/ua/logos/147.png"
alt="Герб Запоріжжя"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Запоріжжя</span>
</a>
<a href="//kamiankadniprovska.misto.online"
title="Портал міста Камянка-Дніпровська — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="182">
<img src="/static/imgs/ua/logos/182.png"
alt="Герб Камянка-Дніпровська"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянка-Дніпровська</span>
</a>
<a href="//melitopol.misto.online"
title="Портал міста Мелітополь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="251">
<img src="/static/imgs/ua/logos/251.png"
alt="Герб Мелітополь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мелітополь</span>
</a>
<a href="//molochansk.misto.online"
title="Портал міста Молочанськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="263">
<img src="/static/imgs/ua/logos/263.png"
alt="Герб Молочанськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Молочанськ</span>
</a>
<a href="//orikhiv.misto.online"
title="Портал міста Оріхів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="301">
<img src="/static/imgs/ua/logos/301.png"
alt="Герб Оріхів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Оріхів</span>
</a>
<a href="//polohy.misto.online"
title="Портал міста Пологи — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="325">
<img src="/static/imgs/ua/logos/325.png"
alt="Герб Пологи"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пологи</span>
</a>
<a href="//prymorsk.misto.online"
title="Портал міста Приморськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="334">
<img src="/static/imgs/ua/logos/334.png"
alt="Герб Приморськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Приморськ</span>
</a>
<a href="//tokmak.misto.online"
title="Портал міста Токмак — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="409">
<img src="/static/imgs/ua/logos/409.png"
alt="Герб Токмак"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Токмак</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-zakarpatska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Закарпатська область
<span class="text-sm font-normal text-gray-400">(11)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//berehove.misto.online"
title="Портал міста Берегове — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="28">
<img src="/static/imgs/ua/logos/28.png"
alt="Герб Берегове"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Берегове</span>
</a>
<a href="//vynohradiv.misto.online"
title="Портал міста Виноградів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="76">
<img src="/static/imgs/ua/logos/76.png"
alt="Герб Виноградів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Виноградів</span>
</a>
<a href="//irshava.misto.online"
title="Портал міста Іршава — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="173">
<img src="/static/imgs/ua/logos/173.png"
alt="Герб Іршава"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іршава</span>
</a>
<a href="//mukachevo.misto.online"
title="Портал міста Мукачеве — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="269">
<img src="/static/imgs/ua/logos/269.png"
alt="Герб Мукачеве"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мукачеве</span>
</a>
<a href="//perechyn.misto.online"
title="Портал міста Перечин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="313">
<img src="/static/imgs/ua/logos/313.png"
alt="Герб Перечин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Перечин</span>
</a>
<a href="//rakhiv.misto.online"
title="Портал міста Рахів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="342">
<img src="/static/imgs/ua/logos/342.png"
alt="Герб Рахів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рахів</span>
</a>
<a href="//svaliava.misto.online"
title="Портал міста Свалява — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="357">
<img src="/static/imgs/ua/logos/357.png"
alt="Герб Свалява"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Свалява</span>
</a>
<a href="//tiachiv.misto.online"
title="Портал міста Тячів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="415">
<img src="/static/imgs/ua/logos/415.png"
alt="Герб Тячів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тячів</span>
</a>
<a href="//uzhhorod.misto.online"
title="Портал міста Ужгород — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="417">
<img src="/static/imgs/ua/logos/417.png"
alt="Герб Ужгород"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ужгород</span>
</a>
<a href="//khust.misto.online"
title="Портал міста Хуст — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="438">
<img src="/static/imgs/ua/logos/438.png"
alt="Герб Хуст"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хуст</span>
</a>
<a href="//chop.misto.online"
title="Портал міста Чоп — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="450">
<img src="/static/imgs/ua/logos/450.png"
alt="Герб Чоп"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чоп</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-kiyivska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Київська область
<span class="text-sm font-normal text-gray-400">(27)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//berezan.misto.online"
title="Портал міста Березань — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="30">
<img src="/static/imgs/ua/logos/30.png"
alt="Герб Березань"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Березань</span>
</a>
<a href="//bilacerkva.misto.online"
title="Портал міста Біла Церква — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="37">
<img src="/static/imgs/ua/logos/37.png"
alt="Герб Біла Церква"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Біла Церква</span>
</a>
<a href="//boguslav.misto.online"
title="Портал міста Богуслав — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="47">
<img src="/static/imgs/ua/logos/47.png"
alt="Герб Богуслав"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Богуслав</span>
</a>
<a href="//boryspil.misto.online"
title="Портал міста Бориспіль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="52">
<img src="/static/imgs/ua/logos/52.png"
alt="Герб Бориспіль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бориспіль</span>
</a>
<a href="//boyarka.misto.online"
title="Портал міста Боярка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="54">
<img src="/static/imgs/ua/logos/54.png"
alt="Герб Боярка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Боярка</span>
</a>
<a href="//brovary.misto.online"
title="Портал міста Бровари — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="55">
<img src="/static/imgs/ua/logos/55.png"
alt="Герб Бровари"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бровари</span>
</a>
<a href="//bucha.misto.online"
title="Портал міста Буча — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="62">
<img src="/static/imgs/ua/logos/62.png"
alt="Герб Буча"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Буча</span>
</a>
<a href="//vasylkiv.misto.online"
title="Портал міста Васильків — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="66">
<img src="/static/imgs/ua/logos/66.png"
alt="Герб Васильків"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Васильків</span>
</a>
<a href="//vyshhorod.misto.online"
title="Портал міста Вишгород — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="77">
<img src="/static/imgs/ua/logos/77.png"
alt="Герб Вишгород"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вишгород</span>
</a>
<a href="//vyshneve.misto.online"
title="Портал міста Вишневе — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="78">
<img src="/static/imgs/ua/logos/78.png"
alt="Герб Вишневе"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Вишневе</span>
</a>
<a href="//irpin.misto.online"
title="Портал міста Ірпінь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="172">
<img src="/static/imgs/ua/logos/172.png"
alt="Герб Ірпінь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ірпінь</span>
</a>
<a href="//kaharlyk.misto.online"
title="Портал міста Кагарлик — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="176">
<img src="/static/imgs/ua/logos/176.png"
alt="Герб Кагарлик"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кагарлик</span>
</a>
<a href="//kyiv.misto.online"
title="Портал міста Київ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="188">
<img src="/static/imgs/ua/logos/188.png"
alt="Герб Київ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Київ</span>
</a>
<a href="//myronivka.misto.online"
title="Портал міста Миронівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="258">
<img src="/static/imgs/ua/logos/258.png"
alt="Герб Миронівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миронівка</span>
</a>
<a href="//obukhiv.misto.online"
title="Портал міста Обухів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="294">
<img src="/static/imgs/ua/logos/294.png"
alt="Герб Обухів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Обухів</span>
</a>
<a href="//pereyaslav.misto.online"
title="Портал міста Переяслав-Хмельницький — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="315">
<img src="/static/imgs/ua/logos/315.png"
alt="Герб Переяслав-Хмельницький"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Переяслав-Хмельницький</span>
</a>
<a href="//pripyat.misto.online"
title="Портал міста Припять — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="335">
<img src="/static/imgs/ua/logos/335.png"
alt="Герб Припять"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Припять</span>
</a>
<a href="//rzhyshchiv.misto.online"
title="Портал міста Ржищів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="344">
<img src="/static/imgs/ua/logos/344.png"
alt="Герб Ржищів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ржищів</span>
</a>
<a href="//skvyra.misto.online"
title="Портал міста Сквира — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="373">
<img src="/static/imgs/ua/logos/373.png"
alt="Герб Сквира"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сквира</span>
</a>
<a href="//slavutych.misto.online"
title="Портал міста Славутич — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="376">
<img src="/static/imgs/ua/logos/376.png"
alt="Герб Славутич"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Славутич</span>
</a>
<a href="//tarashcha.misto.online"
title="Портал міста Тараща — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="400">
<img src="/static/imgs/ua/logos/400.png"
alt="Герб Тараща"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тараща</span>
</a>
<a href="//tetiiv.misto.online"
title="Портал міста Тетіїв — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="406">
<img src="/static/imgs/ua/logos/406.png"
alt="Герб Тетіїв"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тетіїв</span>
</a>
<a href="//uzyn.misto.online"
title="Портал міста Узин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="418">
<img src="/static/imgs/ua/logos/418.png"
alt="Герб Узин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Узин</span>
</a>
<a href="//ukrainka.misto.online"
title="Портал міста Українка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="419">
<img src="/static/imgs/ua/logos/419.png"
alt="Герб Українка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Українка</span>
</a>
<a href="//fastiv.misto.online"
title="Портал міста Фастів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="425">
<img src="/static/imgs/ua/logos/425.png"
alt="Герб Фастів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Фастів</span>
</a>
<a href="//chernobyl.misto.online"
title="Портал міста Чорнобиль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="451">
<img src="/static/imgs/ua/logos/451.png"
alt="Герб Чорнобиль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чорнобиль</span>
</a>
<a href="//yahotyn.misto.online"
title="Портал міста Яготин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="468">
<img src="/static/imgs/ua/logos/468.png"
alt="Герб Яготин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Яготин</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-ternopilska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Тернопільська область
<span class="text-sm font-normal text-gray-400">(18)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//berezhany.misto.online"
title="Портал міста Бережани — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="29">
<img src="/static/imgs/ua/logos/29.png"
alt="Герб Бережани"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бережани</span>
</a>
<a href="//borschiv.misto.online"
title="Портал міста Борщів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="53">
<img src="/static/imgs/ua/logos/53.png"
alt="Герб Борщів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Борщів</span>
</a>
<a href="//buchach.misto.online"
title="Портал міста Бучач — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="63">
<img src="/static/imgs/ua/logos/63.png"
alt="Герб Бучач"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бучач</span>
</a>
<a href="//zalischyky.misto.online"
title="Портал міста Заліщики — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="146">
<img src="/static/imgs/ua/logos/146.png"
alt="Герб Заліщики"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Заліщики</span>
</a>
<a href="//zbarazh.misto.online"
title="Портал міста Збараж — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="149">
<img src="/static/imgs/ua/logos/149.png"
alt="Герб Збараж"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Збараж</span>
</a>
<a href="//zboriv.misto.online"
title="Портал міста Зборів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="150">
<img src="/static/imgs/ua/logos/150.png"
alt="Герб Зборів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зборів</span>
</a>
<a href="//kopychyntsi.misto.online"
title="Портал міста Копичинці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="204">
<img src="/static/imgs/ua/logos/204.png"
alt="Герб Копичинці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Копичинці</span>
</a>
<a href="//kremenets.misto.online"
title="Портал міста Кременець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="223">
<img src="/static/imgs/ua/logos/223.png"
alt="Герб Кременець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кременець</span>
</a>
<a href="//lanivtsi.misto.online"
title="Портал міста Ланівці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="232">
<img src="/static/imgs/ua/logos/232.png"
alt="Герб Ланівці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ланівці</span>
</a>
<a href="//monastyryska.misto.online"
title="Портал міста Монастириська — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="264">
<img src="/static/imgs/ua/logos/264.png"
alt="Герб Монастириська"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Монастириська</span>
</a>
<a href="//pidhaitsi.misto.online"
title="Портал міста Підгайці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="321">
<img src="/static/imgs/ua/logos/321.png"
alt="Герб Підгайці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Підгайці</span>
</a>
<a href="//pochaiv.misto.online"
title="Портал міста Почаїв — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="331">
<img src="/static/imgs/ua/logos/331.png"
alt="Герб Почаїв"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Почаїв</span>
</a>
<a href="//skalat.misto.online"
title="Портал міста Скалат — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="372">
<img src="/static/imgs/ua/logos/372.png"
alt="Герб Скалат"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Скалат</span>
</a>
<a href="//terebovl.misto.online"
title="Портал міста Теребовля — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="403">
<img src="/static/imgs/ua/logos/403.png"
alt="Герб Теребовля"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Теребовля</span>
</a>
<a href="//ternopil.misto.online"
title="Портал міста Тернопіль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="405">
<img src="/static/imgs/ua/logos/405.png"
alt="Герб Тернопіль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тернопіль</span>
</a>
<a href="//khorostkiv.misto.online"
title="Портал міста Хоростків — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="435">
<img src="/static/imgs/ua/logos/435.png"
alt="Герб Хоростків"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хоростків</span>
</a>
<a href="//chortkiv.misto.online"
title="Портал міста Чортків — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="452">
<img src="/static/imgs/ua/logos/452.png"
alt="Герб Чортків"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чортків</span>
</a>
<a href="//shumsk.misto.online"
title="Портал міста Шумськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="460">
<img src="/static/imgs/ua/logos/460.png"
alt="Герб Шумськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шумськ</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-rivnenska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Рівненська область
<span class="text-sm font-normal text-gray-400">(13)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//berezne.misto.online"
title="Портал міста Березне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="32">
<img src="/static/imgs/ua/logos/32.png"
alt="Герб Березне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Березне</span>
</a>
<a href="//volodymyrets.misto.online"
title="Портал міста Володимирець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="86">
<img src="/static/imgs/ua/logos/86.png"
alt="Герб Володимирець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Володимирець</span>
</a>
<a href="//dubno.misto.online"
title="Портал міста Дубно — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="133">
<img src="/static/imgs/ua/logos/133.png"
alt="Герб Дубно"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дубно</span>
</a>
<a href="//dubrovytsia.misto.online"
title="Портал міста Дубровиця — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="134">
<img src="/static/imgs/ua/logos/134.png"
alt="Герб Дубровиця"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дубровиця</span>
</a>
<a href="//zdolbuniv.misto.online"
title="Портал міста Здолбунів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="152">
<img src="/static/imgs/ua/logos/152.png"
alt="Герб Здолбунів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Здолбунів</span>
</a>
<a href="//illintsi.misto.online"
title="Портал міста Іллінці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="167">
<img src="/static/imgs/ua/logos/167.png"
alt="Герб Іллінці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Іллінці</span>
</a>
<a href="//korets.misto.online"
title="Портал міста Корець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="205">
<img src="/static/imgs/ua/logos/205.png"
alt="Герб Корець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Корець</span>
</a>
<a href="//kostopil.misto.online"
title="Портал міста Костопіль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="211">
<img src="/static/imgs/ua/logos/211.png"
alt="Герб Костопіль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Костопіль</span>
</a>
<a href="//kuznetsovsk.misto.online"
title="Портал міста Кузнецовськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="227">
<img src="/static/imgs/ua/logos/227.png"
alt="Герб Кузнецовськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кузнецовськ</span>
</a>
<a href="//ostroh.misto.online"
title="Портал міста Острог — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="303">
<img src="/static/imgs/ua/logos/303.png"
alt="Герб Острог"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Острог</span>
</a>
<a href="//radyvyliv.misto.online"
title="Портал міста Радивилів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="340">
<img src="/static/imgs/ua/logos/340.png"
alt="Герб Радивилів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Радивилів</span>
</a>
<a href="//rivne.misto.online"
title="Портал міста Рівне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="345">
<img src="/static/imgs/ua/logos/345.png"
alt="Герб Рівне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рівне</span>
</a>
<a href="//sarny.misto.online"
title="Портал міста Сарни — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="356">
<img src="/static/imgs/ua/logos/356.png"
alt="Герб Сарни"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сарни</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-volinska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Волинська область
<span class="text-sm font-normal text-gray-400">(11)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//berestechko.misto.online"
title="Портал міста Берестечко — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="33">
<img src="/static/imgs/ua/logos/33.png"
alt="Герб Берестечко"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Берестечко</span>
</a>
<a href="//volodymyr-volynskyi.misto.online"
title="Портал міста Володимир-Волинський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="85">
<img src="/static/imgs/ua/logos/85.png"
alt="Герб Володимир-Волинський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Володимир-Волинський</span>
</a>
<a href="//horokhiv.misto.online"
title="Портал міста Горохів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="110">
<img src="/static/imgs/ua/logos/110.png"
alt="Герб Горохів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Горохів</span>
</a>
<a href="//kaminkashyrskyi.misto.online"
title="Портал міста Камінь-Каширський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="183">
<img src="/static/imgs/ua/logos/183.png"
alt="Герб Камінь-Каширський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камінь-Каширський</span>
</a>
<a href="//kivertsi.misto.online"
title="Портал міста Ківерці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="189">
<img src="/static/imgs/ua/logos/189.png"
alt="Герб Ківерці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ківерці</span>
</a>
<a href="//kovel.misto.online"
title="Портал міста Ковель — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="196">
<img src="/static/imgs/ua/logos/196.png"
alt="Герб Ковель"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ковель</span>
</a>
<a href="//lutsk.misto.online"
title="Портал міста Луцьк — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="241">
<img src="/static/imgs/ua/logos/241.png"
alt="Герб Луцьк"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Луцьк</span>
</a>
<a href="//liuboml.misto.online"
title="Портал міста Любомль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="242">
<img src="/static/imgs/ua/logos/242.png"
alt="Герб Любомль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Любомль</span>
</a>
<a href="//novovolynsk.misto.online"
title="Портал міста Нововолинськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="282">
<img src="/static/imgs/ua/logos/282.png"
alt="Герб Нововолинськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нововолинськ</span>
</a>
<a href="//rozhysche.misto.online"
title="Портал міста Рожище — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="349">
<img src="/static/imgs/ua/logos/349.png"
alt="Герб Рожище"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рожище</span>
</a>
<a href="//ustyluh.misto.online"
title="Портал міста Устилуг — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="424">
<img src="/static/imgs/ua/logos/424.png"
alt="Герб Устилуг"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Устилуг</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-xersonska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Херсонська область
<span class="text-sm font-normal text-gray-400">(9)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//beryslav.misto.online"
title="Портал міста Берислав — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="34">
<img src="/static/imgs/ua/logos/34.png"
alt="Герб Берислав"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Берислав</span>
</a>
<a href="//henichesk.misto.online"
title="Портал міста Генічеськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="95">
<img src="/static/imgs/ua/logos/95.png"
alt="Герб Генічеськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Генічеськ</span>
</a>
<a href="//holaprystan.misto.online"
title="Портал міста Гола Пристань — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="103">
<img src="/static/imgs/ua/logos/103.png"
alt="Герб Гола Пристань"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гола Пристань</span>
</a>
<a href="//kakhovka.misto.online"
title="Портал міста Каховка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="186">
<img src="/static/imgs/ua/logos/186.png"
alt="Герб Каховка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Каховка</span>
</a>
<a href="//novakaxovka.misto.online"
title="Портал міста Нова Каховка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="275">
<img src="/static/imgs/ua/logos/275.png"
alt="Герб Нова Каховка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нова Каховка</span>
</a>
<a href="//skadovsk.misto.online"
title="Портал міста Скадовськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="371">
<img src="/static/imgs/ua/logos/371.png"
alt="Герб Скадовськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Скадовськ</span>
</a>
<a href="//tavriisk.misto.online"
title="Портал міста Таврійськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="398">
<img src="/static/imgs/ua/logos/398.png"
alt="Герб Таврійськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Таврійськ</span>
</a>
<a href="//kherson.misto.online"
title="Портал міста Херсон — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="429">
<img src="/static/imgs/ua/logos/429.png"
alt="Герб Херсон"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Херсон</span>
</a>
<a href="//tsiurupynsk.misto.online"
title="Портал міста Цюрупинськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="439">
<img src="/static/imgs/ua/logos/439.png"
alt="Герб Цюрупинськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Цюрупинськ</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-sumska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Сумська область
<span class="text-sm font-normal text-gray-400">(14)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//bilopillia.misto.online"
title="Портал міста Білопілля — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="42">
<img src="/static/imgs/ua/logos/42.png"
alt="Герб Білопілля"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Білопілля</span>
</a>
<a href="//buryn.misto.online"
title="Портал міста Буринь — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="59">
<img src="/static/imgs/ua/logos/59.png"
alt="Герб Буринь"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Буринь</span>
</a>
<a href="//vorozhba.misto.online"
title="Портал міста Ворожба — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="88">
<img src="/static/imgs/ua/logos/88.png"
alt="Герб Ворожба"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ворожба</span>
</a>
<a href="//hlukhiv.misto.online"
title="Портал міста Глухів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="101">
<img src="/static/imgs/ua/logos/101.png"
alt="Герб Глухів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Глухів</span>
</a>
<a href="//druzhba.misto.online"
title="Портал міста Дружба — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="130">
<img src="/static/imgs/ua/logos/130.png"
alt="Герб Дружба"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дружба</span>
</a>
<a href="//konotop.misto.online"
title="Портал міста Конотоп — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="203">
<img src="/static/imgs/ua/logos/203.png"
alt="Герб Конотоп"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Конотоп</span>
</a>
<a href="//lebedyn.misto.online"
title="Портал міста Лебедин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="233">
<img src="/static/imgs/ua/logos/233.png"
alt="Герб Лебедин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лебедин</span>
</a>
<a href="//okhtyrka.misto.online"
title="Портал міста Охтирка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="304">
<img src="/static/imgs/ua/logos/304.png"
alt="Герб Охтирка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Охтирка</span>
</a>
<a href="//putyvl.misto.online"
title="Портал міста Путивль — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="337">
<img src="/static/imgs/ua/logos/337.png"
alt="Герб Путивль"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Путивль</span>
</a>
<a href="//romny.misto.online"
title="Портал міста Ромни — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="351">
<img src="/static/imgs/ua/logos/351.png"
alt="Герб Ромни"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ромни</span>
</a>
<a href="//seredynabuda.misto.online"
title="Портал міста Середина-Буда — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="366">
<img src="/static/imgs/ua/logos/366.png"
alt="Герб Середина-Буда"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Середина-Буда</span>
</a>
<a href="//sumy.misto.online"
title="Портал міста Суми — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="396">
<img src="/static/imgs/ua/logos/396.png"
alt="Герб Суми"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Суми</span>
</a>
<a href="//trostianets.misto.online"
title="Портал міста Тростянець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="411">
<img src="/static/imgs/ua/logos/411.png"
alt="Герб Тростянець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тростянець</span>
</a>
<a href="//shostka.misto.online"
title="Портал міста Шостка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="458">
<img src="/static/imgs/ua/logos/458.png"
alt="Герб Шостка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шостка</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-kirovogradska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Кіровоградська область
<span class="text-sm font-normal text-gray-400">(13)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//bobrynets.misto.online"
title="Портал міста Бобринець — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="44">
<img src="/static/imgs/ua/logos/44.png"
alt="Герб Бобринець"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бобринець</span>
</a>
<a href="//haivoron.misto.online"
title="Портал міста Гайворон — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="92">
<img src="/static/imgs/ua/logos/92.png"
alt="Герб Гайворон"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гайворон</span>
</a>
<a href="//dolynska.misto.online"
title="Портал міста Долинська — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="127">
<img src="/static/imgs/ua/logos/127.png"
alt="Герб Долинська"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Долинська</span>
</a>
<a href="//znamianka.misto.online"
title="Портал міста Знамянка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="157">
<img src="/static/imgs/ua/logos/157.png"
alt="Герб Знамянка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Знамянка</span>
</a>
<a href="//kirovograd.misto.online"
title="Портал міста Кіровоград — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="191">
<img src="/static/imgs/ua/logos/191.png"
alt="Герб Кіровоград"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кіровоград</span>
</a>
<a href="//malavyska.misto.online"
title="Портал міста Мала Виска — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="246">
<img src="/static/imgs/ua/logos/246.png"
alt="Герб Мала Виска"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Мала Виска</span>
</a>
<a href="//novogeorgievsk.misto.online"
title="Портал міста Новогеоргіївськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="283">
<img src="/static/imgs/ua/logos/283.png"
alt="Герб Новогеоргіївськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новогеоргіївськ</span>
</a>
<a href="//novomyrhorod.misto.online"
title="Портал міста Новомиргород — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="288">
<img src="/static/imgs/ua/logos/288.png"
alt="Герб Новомиргород"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новомиргород</span>
</a>
<a href="//novoukrainka.misto.online"
title="Портал міста Новоукраїнка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="291">
<img src="/static/imgs/ua/logos/291.png"
alt="Герб Новоукраїнка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Новоукраїнка</span>
</a>
<a href="//oleksandriia.misto.online"
title="Портал міста Олександрія — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="299">
<img src="/static/imgs/ua/logos/299.png"
alt="Герб Олександрія"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Олександрія</span>
</a>
<a href="//pomichna.misto.online"
title="Портал міста Помічна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="329">
<img src="/static/imgs/ua/logos/329.png"
alt="Герб Помічна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Помічна</span>
</a>
<a href="//svitlovodsk.misto.online"
title="Портал міста Світловодськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="360">
<img src="/static/imgs/ua/logos/360.png"
alt="Герб Світловодськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Світловодськ</span>
</a>
<a href="//ulianovka.misto.online"
title="Портал міста Ульяновка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="422">
<img src="/static/imgs/ua/logos/422.png"
alt="Герб Ульяновка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ульяновка</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-ivano-frankivska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Івано-Франківська область
<span class="text-sm font-normal text-gray-400">(15)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//bolekhiv.misto.online"
title="Портал міста Болехів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="49">
<img src="/static/imgs/ua/logos/49.png"
alt="Герб Болехів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Болехів</span>
</a>
<a href="//burshtyn.misto.online"
title="Портал міста Бурштин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="60">
<img src="/static/imgs/ua/logos/60.png"
alt="Герб Бурштин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Бурштин</span>
</a>
<a href="//halych.misto.online"
title="Портал міста Галич — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="94">
<img src="/static/imgs/ua/logos/94.png"
alt="Герб Галич"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Галич</span>
</a>
<a href="//horodenka.misto.online"
title="Портал міста Городенка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="105">
<img src="/static/imgs/ua/logos/105.png"
alt="Герб Городенка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городенка</span>
</a>
<a href="//dolyna.misto.online"
title="Портал міста Долина — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="126">
<img src="/static/imgs/ua/logos/126.png"
alt="Герб Долина"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Долина</span>
</a>
<a href="//ivanofrankivsk.misto.online"
title="Портал міста Івано-Франківськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="163">
<img src="/static/imgs/ua/logos/163.png"
alt="Герб Івано-Франківськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Івано-Франківськ</span>
</a>
<a href="//kalush.misto.online"
title="Портал міста Калуш — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="178">
<img src="/static/imgs/ua/logos/178.png"
alt="Герб Калуш"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Калуш</span>
</a>
<a href="//kolomyia.misto.online"
title="Портал міста Коломия — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="199">
<img src="/static/imgs/ua/logos/199.png"
alt="Герб Коломия"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Коломия</span>
</a>
<a href="//kosiv.misto.online"
title="Портал міста Косів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="210">
<img src="/static/imgs/ua/logos/210.png"
alt="Герб Косів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Косів</span>
</a>
<a href="//nadvirna.misto.online"
title="Портал міста Надвірна — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="270">
<img src="/static/imgs/ua/logos/270.png"
alt="Герб Надвірна"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Надвірна</span>
</a>
<a href="//rohatyn.misto.online"
title="Портал міста Рогатин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="347">
<img src="/static/imgs/ua/logos/347.png"
alt="Герб Рогатин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Рогатин</span>
</a>
<a href="//sniatyn.misto.online"
title="Портал міста Снятин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="381">
<img src="/static/imgs/ua/logos/381.png"
alt="Герб Снятин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Снятин</span>
</a>
<a href="//tysmenytsia.misto.online"
title="Портал міста Тисмениця — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="407">
<img src="/static/imgs/ua/logos/407.png"
alt="Герб Тисмениця"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тисмениця</span>
</a>
<a href="//tlumach.misto.online"
title="Портал міста Тлумач — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="408">
<img src="/static/imgs/ua/logos/408.png"
alt="Герб Тлумач"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тлумач</span>
</a>
<a href="//yaremche.misto.online"
title="Портал міста Яремче — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="471">
<img src="/static/imgs/ua/logos/471.png"
alt="Герб Яремче"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Яремче</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-cerkaska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Черкаська область
<span class="text-sm font-normal text-gray-400">(16)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//vatutine.misto.online"
title="Портал міста Ватутіне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="67">
<img src="/static/imgs/ua/logos/67.png"
alt="Герб Ватутіне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ватутіне</span>
</a>
<a href="//horodysche.misto.online"
title="Портал міста Городище — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="106">
<img src="/static/imgs/ua/logos/106.png"
alt="Герб Городище"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городище</span>
</a>
<a href="//zhashkiv.misto.online"
title="Портал міста Жашків — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="139">
<img src="/static/imgs/ua/logos/139.png"
alt="Герб Жашків"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Жашків</span>
</a>
<a href="//zvenyhorodka.misto.online"
title="Портал міста Звенигородка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="151">
<img src="/static/imgs/ua/logos/151.png"
alt="Герб Звенигородка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Звенигородка</span>
</a>
<a href="//zolotonosha.misto.online"
title="Портал міста Золотоноша — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="159">
<img src="/static/imgs/ua/logos/159.png"
alt="Герб Золотоноша"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Золотоноша</span>
</a>
<a href="//kamianka.misto.online"
title="Портал міста Камянка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="180">
<img src="/static/imgs/ua/logos/180.png"
alt="Герб Камянка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянка</span>
</a>
<a href="//kaniv.misto.online"
title="Портал міста Канів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="184">
<img src="/static/imgs/ua/logos/184.png"
alt="Герб Канів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Канів</span>
</a>
<a href="//korsunshevchenkivskyi.misto.online"
title="Портал міста Корсунь-Шевченківський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="208">
<img src="/static/imgs/ua/logos/208.png"
alt="Герб Корсунь-Шевченківський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Корсунь-Шевченківський</span>
</a>
<a href="//monastyrysche.misto.online"
title="Портал міста Монастирище — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="265">
<img src="/static/imgs/ua/logos/265.png"
alt="Герб Монастирище"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Монастирище</span>
</a>
<a href="//smila.misto.online"
title="Портал міста Сміла — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="378">
<img src="/static/imgs/ua/logos/378.png"
alt="Герб Сміла"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Сміла</span>
</a>
<a href="//talne.misto.online"
title="Портал міста Тальне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="399">
<img src="/static/imgs/ua/logos/399.png"
alt="Герб Тальне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Тальне</span>
</a>
<a href="//uman.misto.online"
title="Портал міста Умань — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="423">
<img src="/static/imgs/ua/logos/423.png"
alt="Герб Умань"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Умань</span>
</a>
<a href="//khrystynivka.misto.online"
title="Портал міста Христинівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="437">
<img src="/static/imgs/ua/logos/437.png"
alt="Герб Христинівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Христинівка</span>
</a>
<a href="//сherkasy.misto.online"
title="Портал міста Черкаси — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="444">
<img src="/static/imgs/ua/logos/444.png"
alt="Герб Черкаси"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Черкаси</span>
</a>
<a href="//chyhyryn.misto.online"
title="Портал міста Чигирин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="448">
<img src="/static/imgs/ua/logos/448.png"
alt="Герб Чигирин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Чигирин</span>
</a>
<a href="//shpola.misto.online"
title="Портал міста Шпола — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="459">
<img src="/static/imgs/ua/logos/459.png"
alt="Герб Шпола"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шпола</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-xmelnicka">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Хмельницька область
<span class="text-sm font-normal text-gray-400">(13)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//volochysk.misto.online"
title="Портал міста Волочиськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="87">
<img src="/static/imgs/ua/logos/87.png"
alt="Герб Волочиськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Волочиськ</span>
</a>
<a href="//horodok.misto.online"
title="Портал міста Городок — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="109">
<img src="/static/imgs/ua/logos/109.png"
alt="Герб Городок"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Городок</span>
</a>
<a href="//derazhnia.misto.online"
title="Портал міста Деражня — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="114">
<img src="/static/imgs/ua/logos/114.png"
alt="Герб Деражня"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Деражня</span>
</a>
<a href="//dunaivtsi.misto.online"
title="Портал міста Дунаївці — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="135">
<img src="/static/imgs/ua/logos/135.png"
alt="Герб Дунаївці"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Дунаївці</span>
</a>
<a href="//iziaslav.misto.online"
title="Портал міста Ізяслав — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="166">
<img src="/static/imgs/ua/logos/166.png"
alt="Герб Ізяслав"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Ізяслав</span>
</a>
<a href="//kamianetspodilskyi.misto.online"
title="Портал міста Камянець-Подільський — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="179">
<img src="/static/imgs/ua/logos/179.png"
alt="Герб Камянець-Подільський"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Камянець-Подільський</span>
</a>
<a href="//krasyliv.misto.online"
title="Портал міста Красилів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="215">
<img src="/static/imgs/ua/logos/215.png"
alt="Герб Красилів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Красилів</span>
</a>
<a href="//netishyn.misto.online"
title="Портал міста Нетішин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="272">
<img src="/static/imgs/ua/logos/272.png"
alt="Герб Нетішин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Нетішин</span>
</a>
<a href="//polonne.misto.online"
title="Портал міста Полонне — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="326">
<img src="/static/imgs/ua/logos/326.png"
alt="Герб Полонне"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Полонне</span>
</a>
<a href="//slavuta.misto.online"
title="Портал міста Славута — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="375">
<img src="/static/imgs/ua/logos/375.png"
alt="Герб Славута"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Славута</span>
</a>
<a href="//starokostiantyniv.misto.online"
title="Портал міста Старокостянтинів — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="389">
<img src="/static/imgs/ua/logos/389.png"
alt="Герб Старокостянтинів"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Старокостянтинів</span>
</a>
<a href="//khmelnytskyi.misto.online"
title="Портал міста Хмельницький — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="431">
<img src="/static/imgs/ua/logos/431.png"
alt="Герб Хмельницький"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хмельницький</span>
</a>
<a href="//shepetivka.misto.online"
title="Портал міста Шепетівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="457">
<img src="/static/imgs/ua/logos/457.png"
alt="Герб Шепетівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Шепетівка</span>
</a>
</div>
</div>
<div class="oblast-section mb-8" id="obl-poltavska">
<h2 class="text-lg font-bold text-gray-800 mb-3 flex items-center gap-2">
<span class="w-1.5 h-6 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Полтавська область
<span class="text-sm font-normal text-gray-400">(16)</span>
</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
<a href="//hadiach.misto.online"
title="Портал міста Гадяч — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="91">
<img src="/static/imgs/ua/logos/91.png"
alt="Герб Гадяч"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гадяч</span>
</a>
<a href="//hlobyne.misto.online"
title="Портал міста Глобине — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="100">
<img src="/static/imgs/ua/logos/100.png"
alt="Герб Глобине"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Глобине</span>
</a>
<a href="//hrebinka.misto.online"
title="Портал міста Гребінка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="111">
<img src="/static/imgs/ua/logos/111.png"
alt="Герб Гребінка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Гребінка</span>
</a>
<a href="//zinkiv.misto.online"
title="Портал міста Зіньків — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="155">
<img src="/static/imgs/ua/logos/155.png"
alt="Герб Зіньків"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Зіньків</span>
</a>
<a href="//karlivka.misto.online"
title="Портал міста Карлівка — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="185">
<img src="/static/imgs/ua/logos/185.png"
alt="Герб Карлівка"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Карлівка</span>
</a>
<a href="//kobeliaky.misto.online"
title="Портал міста Кобеляки — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="195">
<img src="/static/imgs/ua/logos/195.png"
alt="Герб Кобеляки"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кобеляки</span>
</a>
<a href="//komsomolsk.misto.online"
title="Портал міста Комсомольськ — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="201">
<img src="/static/imgs/ua/logos/201.png"
alt="Герб Комсомольськ"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Комсомольськ</span>
</a>
<a href="//kremenchug.misto.online"
title="Портал міста Кременчук — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="224">
<img src="/static/imgs/ua/logos/224.png"
alt="Герб Кременчук"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Кременчук</span>
</a>
<a href="//lokhvytsia.misto.online"
title="Портал міста Лохвиця — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="237">
<img src="/static/imgs/ua/logos/237.png"
alt="Герб Лохвиця"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лохвиця</span>
</a>
<a href="//lubny.misto.online"
title="Портал міста Лубни — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="238">
<img src="/static/imgs/ua/logos/238.png"
alt="Герб Лубни"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Лубни</span>
</a>
<a href="//myrhorod.misto.online"
title="Портал міста Миргород — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="257">
<img src="/static/imgs/ua/logos/257.png"
alt="Герб Миргород"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Миргород</span>
</a>
<a href="//pyriatyn.misto.online"
title="Портал міста Пирятин — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="319">
<img src="/static/imgs/ua/logos/319.png"
alt="Герб Пирятин"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Пирятин</span>
</a>
<a href="//poltava.misto.online"
title="Портал міста Полтава — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="328">
<img src="/static/imgs/ua/logos/328.png"
alt="Герб Полтава"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Полтава</span>
</a>
<a href="//khorol.misto.online"
title="Портал міста Хорол — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="434">
<img src="/static/imgs/ua/logos/434.png"
alt="Герб Хорол"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Хорол</span>
</a>
<a href="//chervonozavodske.misto.online"
title="Портал міста Червонозаводське — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="442">
<img src="/static/imgs/ua/logos/442.png"
alt="Герб Червонозаводське"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Червонозаводське</span>
</a>
<a href="//horishniplavni.misto.online"
title="Портал міста Горишні плавні — новини, погода, карта"
class="group bg-white rounded-lg border border-gray-100 hover:border-ukraine-blue hover:shadow-md transition-all p-3 flex items-center gap-3"
data-city-id="1357">
<img src="/static/imgs/ua/logos/1357.png"
alt="Герб Горишні плавні"
class="w-8 h-8 object-contain rounded-full bg-gray-50 flex-shrink-0"
loading="lazy"
onerror="this.style.display='none'">
<span class="text-sm font-medium text-gray-700 group-hover:text-ukraine-blue transition truncate">Горишні плавні</span>
</a>
</div>
</div>
</section>
<!-- About Us -->
<section id="about" class="bg-white border-t border-gray-100" aria-label="Про нас">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-2xl font-bold text-gray-900 mb-4 flex items-center gap-2">
<span class="w-1.5 h-8 bg-ukraine-yellow rounded-full inline-block" aria-hidden="true"></span>
Про нас
</h2>
<p class="text-gray-600 leading-relaxed mb-4">
<strong class="text-gray-800">misto.online</strong> — це онлайн платформа порталів міст України.
Ми об'єднуємо місцеві спільноти, надаючи доступ до новин, подій, сервісів та корисної інформації
для кожного міста.
</p>
<p class="text-gray-600 leading-relaxed mb-4">
Наша мета — створити єдиний простір, де кожен мешканець може знайти актуальну інформацію
про своє місто: від місцевих новин та погоди до довідника організацій та карти міста.
</p>
<div class="grid grid-cols-3 gap-4 mt-8">
<div class="text-center">
<div class="text-2xl font-bold text-ukraine-blue">462</div>
<div class="text-xs text-gray-500 mt-1">Міст</div>
</div>
<div class="text-center">
<div class="text-2xl font-bold text-ukraine-blue">25</div>
<div class="text-xs text-gray-500 mt-1">Областей</div>
</div>
<div class="text-center">
<div class="text-2xl font-bold text-ukraine-blue">24/7</div>
<div class="text-xs text-gray-500 mt-1">Онлайн</div>
</div>
</div>
</div>
<div class="flex justify-center">
<div class="bg-gradient-to-br from-blue-50 to-yellow-50 rounded-2xl p-8 w-full max-w-sm">
<h3 class="font-bold text-gray-800 mb-4">Наші сервіси</h3>
<ul class="space-y-4">
<li class="flex items-start gap-3">
<div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"/></svg>
</div>
<div>
<h4 class="font-semibold text-gray-800 text-sm">Місцеві новини</h4>
<p class="text-xs text-gray-500">Актуальні події вашого міста</p>
</div>
</li>
<li class="flex items-start gap-3">
<div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg>
</div>
<div>
<h4 class="font-semibold text-gray-800 text-sm">Погода</h4>
<p class="text-xs text-gray-500">Прогноз для вашого міста</p>
</div>
</li>
<li class="flex items-start gap-3">
<div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
</div>
<div>
<h4 class="font-semibold text-gray-800 text-sm">Карта та місця</h4>
<p class="text-xs text-gray-500">Довідник організацій та закладів</p>
</div>
</li>
<li class="flex items-start gap-3">
<div class="w-8 h-8 rounded-lg bg-ukraine-blue flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true">
<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><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"/></svg>
</div>
<div>
<h4 class="font-semibold text-gray-800 text-sm">Відео</h4>
<p class="text-xs text-gray-500">Відеоматеріали з вашого регіону</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Contacts -->
<section id="contacts" class="bg-gray-50 border-t border-gray-100" aria-label="Контакти" itemscope itemtype="https://schema.org/Organization">
<meta itemprop="name" content="misto.online">
<meta itemprop="url" content="https://misto.online/">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<div class="max-w-2xl mx-auto">
<div class="text-center mb-8">
<h2 class="text-2xl font-bold text-gray-900 flex items-center justify-center gap-2">
<span class="w-1.5 h-8 bg-ukraine-blue rounded-full inline-block" aria-hidden="true"></span>
Контакти
</h2>
<p class="text-gray-500 mt-2 text-sm">Маєте питання або пропозиції? Зв'яжіться з нами!</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 text-center">
<a href="/cdn-cgi/l/email-protection#462f282029062b2f3532296829282a2f2823" class="bg-white rounded-xl border border-gray-200 p-5 hover:border-ukraine-blue hover:shadow-md transition-all group block">
<svg class="w-7 h-7 text-ukraine-blue mx-auto mb-2 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.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"/>
</svg>
<div class="text-sm font-semibold text-gray-800">Email</div>
<div class="text-sm text-ukraine-blue mt-1" itemprop="email"><span class="__cf_email__" data-cfemail="cea7a0a8a18ea3a7bdbaa1e0a1a0a2a7a0ab">[email protected]</span></div>
</a>
<div class="bg-white rounded-xl border border-gray-200 p-5">
<svg class="w-7 h-7 text-ukraine-blue mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<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 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
</svg>
<div class="text-sm font-semibold text-gray-800">Локація</div>
<div class="text-sm text-gray-500 mt-1" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
<span itemprop="addressCountry">Україна</span>
</div>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-5">
<svg class="w-7 h-7 text-ukraine-blue mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<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"/>
</svg>
<div class="text-sm font-semibold text-gray-800">Графік</div>
<div class="text-sm text-gray-500 mt-1">Пн–Пт, 9:00–18:00</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-gray-400" role="contentinfo">
<div class="max-w-7xl mx-auto py-8 px-4 sm:px-6 lg:px-8">
<div class="flex flex-col sm:flex-row justify-between items-center gap-4">
<div class="text-sm">
© 2026 <span class="text-white font-semibold">misto.online</span> — портали міст України
</div>
<nav class="flex gap-6 text-sm" aria-label="Навігація в підвалі">
<a href="https://news.misto.online" class="hover:text-white transition">Новини</a>
<a href="#about" class="hover:text-white transition">Про нас</a>
<a href="#contacts" class="hover:text-white transition">Контакти</a>
</nav>
</div>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
const cities = [{"id":1,"name":"Авдіївка","slug":"avdiivka","oblast":"Донецька","lat":48.14528,"lng":37.745},{"id":6,"name":"Амвросіївка","slug":"amvrosiivka","oblast":"Донецька","lat":47.79667,"lng":38.4925},{"id":12,"name":"Артемівськ","slug":"artemivsk","oblast":"Донецька","lat":48.60444,"lng":38.00667},{"id":14,"name":"Артемове","slug":"artemove","oblast":"Донецька","lat":48.375,"lng":37.87333},{"id":39,"name":"Білицьке","slug":"bilytske","oblast":"Донецька","lat":48.40639,"lng":37.185},{"id":41,"name":"Білозерське","slug":"bilozerske","oblast":"Донецька","lat":48.53667,"lng":37.05861},{"id":84,"name":"Волноваха","slug":"volnovakha","oblast":"Донецька","lat":47.59778,"lng":37.48361},{"id":89,"name":"Вуглегірськ","slug":"vuhlehirsk","oblast":"Донецька","lat":48.31222,"lng":38.27694},{"id":90,"name":"Вугледар","slug":"vuhledar","oblast":"Донецька","lat":47.77917,"lng":37.24833},{"id":97,"name":"Гірник","slug":"hirnyk","oblast":"Донецька","lat":48.05528,"lng":37.37083},{"id":104,"name":"Горлівка","slug":"horlivka","oblast":"Донецька","lat":48.33361,"lng":38.0925},{"id":113,"name":"Дебальцеве","slug":"debaltseve","oblast":"Донецька","lat":48.34111,"lng":38.42778},{"id":117,"name":"Дзержинськ","slug":"dzerzhynsk","oblast":"Донецька","lat":48.39167,"lng":37.87333},{"id":118,"name":"Димитров","slug":"dymytrov","oblast":"Донецька","lat":48.29111,"lng":37.26806},{"id":123,"name":"Добропілля","slug":"dobropillia","oblast":"Донецька","lat":48.46889,"lng":37.08278},{"id":124,"name":"Докучаєвськ","slug":"dokuchaevsk","oblast":"Донецька","lat":47.75194,"lng":37.67833},{"id":128,"name":"Донецьк","slug":"donetsk","oblast":"Донецька","lat":48.00889,"lng":37.80417},{"id":131,"name":"Дружківка","slug":"druzhkivka","oblast":"Донецька","lat":48.62028,"lng":37.52778},{"id":138,"name":"Єнакієве","slug":"yenakiieve","oblast":"Донецька","lat":48.23111,"lng":38.20528},{"id":140,"name":"Жданівка","slug":"zhdanivka","oblast":"Донецька","lat":48.1375,"lng":38.26083},{"id":162,"name":"Зугрес","slug":"zuhres","oblast":"Донецька","lat":48.01806,"lng":38.26472},{"id":169,"name":"Іловайськ","slug":"ilovaisk","oblast":"Донецька","lat":47.9275,"lng":38.20333},{"id":193,"name":"Кіровське","slug":"kirovske","oblast":"Донецька","lat":48.14639,"lng":38.36056},{"id":202,"name":"Комсомольське","slug":"komsomolske","oblast":"Донецька","lat":47.66528,"lng":38.07361},{"id":212,"name":"Костянтинівка","slug":"kostiantynivka","oblast":"Донецька","lat":48.52667,"lng":37.70417},{"id":214,"name":"Краматорськ","slug":"kramatorsk","oblast":"Донецька","lat":48.72083,"lng":37.55556},{"id":216,"name":"Красний Лиман","slug":"krasnyiliman","oblast":"Донецька","lat":48.98528,"lng":37.81111},{"id":218,"name":"Красноармійськ","slug":"krasnoarmiisk","oblast":"Донецька","lat":48.28083,"lng":37.17944},{"id":219,"name":"Красногорівка","slug":"krasnohorivka","oblast":"Донецька","lat":48.00944,"lng":37.51194},{"id":230,"name":"Курахове","slug":"kurakhove","oblast":"Донецька","lat":47.9875,"lng":37.27694},{"id":245,"name":"Макіївка","slug":"makiivka","oblast":"Донецька","lat":48.05556,"lng":37.96111},{"id":248,"name":"Марїнка","slug":"marinka","oblast":"Донецька","lat":47.94167,"lng":37.51278},{"id":250,"name":"Маріуполь","slug":"mariupol","oblast":"Донецька","lat":47.1225,"lng":37.57889},{"id":256,"name":"Миколаївка","slug":"mykolaivka","oblast":"Донецька","lat":48.85028,"lng":37.7675},{"id":267,"name":"Моспине","slug":"mospyne","oblast":"Донецька","lat":47.87833,"lng":38.06444},{"id":281,"name":"Новоазовськ","slug":"novoazovsk","oblast":"Донецька","lat":47.11472,"lng":38.08},{"id":285,"name":"Новогродівка","slug":"novohrodivka","oblast":"Донецька","lat":48.21056,"lng":37.33},{"id":348,"name":"Родинське","slug":"rodynske","oblast":"Донецька","lat":48.35306,"lng":37.21},{"id":361,"name":"Світлодарськ","slug":"svitlodarsk","oblast":"Донецька","lat":48.43528,"lng":38.22083},{"id":362,"name":"Святогірськ","slug":"sviatohirsk","oblast":"Донецька","lat":49.04083,"lng":37.56972},{"id":364,"name":"Селидове","slug":"selydove","oblast":"Донецька","lat":48.14806,"lng":37.29861},{"id":369,"name":"Сіверськ","slug":"siversk","oblast":"Донецька","lat":48.86306,"lng":38.09722},{"id":377,"name":"Словянськ","slug":"sloviansk","oblast":"Донецька","lat":48.85333,"lng":37.625},{"id":380,"name":"Сніжне","slug":"snizhne","oblast":"Донецька","lat":48.03944,"lng":38.76806},{"id":384,"name":"Соледар","slug":"soledar","oblast":"Донецька","lat":48.69694,"lng":38.07139},{"id":410,"name":"Торез","slug":"torez","oblast":"Донецька","lat":48.03361,"lng":38.62139},{"id":421,"name":"Українськ","slug":"ukrainsk","oblast":"Донецька","lat":48.0975,"lng":37.36333},{"id":428,"name":"Харцизьк","slug":"khartsyzk","oblast":"Донецька","lat":48.04278,"lng":38.1425},{"id":440,"name":"Часів Яр","slug":"chasivyar","oblast":"Донецька","lat":48.57556,"lng":37.82333},{"id":456,"name":"Шахтарськ","slug":"shakhtarsk","oblast":"Донецька","lat":48.0625,"lng":38.41694},{"id":466,"name":"Юнокомунарівськ","slug":"yunokomunarivsk","oblast":"Донецька","lat":48.22806,"lng":38.27444},{"id":472,"name":"Ясинувата","slug":"yasynuvata","oblast":"Донецька","lat":48.12778,"lng":37.8625},{"id":2,"name":"Алмазна","slug":"almazna","oblast":"Луганська","lat":48.52167,"lng":38.57944},{"id":5,"name":"Алчевськ","slug":"alchevsk","oblast":"Луганська","lat":48.48028,"lng":38.79778},{"id":9,"name":"Антрацит","slug":"antratsyt","oblast":"Луганська","lat":48.12972,"lng":39.10417},{"id":13,"name":"Артемівськ","slug":"artemovsk","oblast":"Луганська","lat":48.43889,"lng":38.7175},{"id":58,"name":"Брянка","slug":"brianka","oblast":"Луганська","lat":48.48472,"lng":38.67778},{"id":68,"name":"Вахрушеве","slug":"vakhrusheve","oblast":"Луганська","lat":48.16056,"lng":38.83889},{"id":98,"name":"Гірське","slug":"hirske","oblast":"Луганська","lat":48.75194,"lng":38.495},{"id":154,"name":"Зимогіря","slug":"zymohiria","oblast":"Луганська","lat":48.59111,"lng":38.91972},{"id":158,"name":"Золоте","slug":"zolote","oblast":"Луганська","lat":48.69278,"lng":38.51944},{"id":161,"name":"Зоринськ","slug":"zorynsk","oblast":"Луганська","lat":48.41444,"lng":38.61861},{"id":171,"name":"Ірміно","slug":"irmino","oblast":"Луганська","lat":48.59667,"lng":38.58278},{"id":192,"name":"Кіровськ","slug":"kirovsk","oblast":"Луганська","lat":48.6375,"lng":38.64333},{"id":217,"name":"Красний Луч","slug":"krasniyluch","oblast":"Луганська","lat":48.12722,"lng":38.91917},{"id":221,"name":"Краснодон","slug":"krasnodon","oblast":"Луганська","lat":48.29917,"lng":39.74972},{"id":225,"name":"Кремінна","slug":"kreminna","oblast":"Луганська","lat":49.05,"lng":38.22111},{"id":235,"name":"Лисичанськ","slug":"lysychansk","oblast":"Луганська","lat":48.90111,"lng":38.44583},{"id":239,"name":"Луганськ","slug":"luhansk","oblast":"Луганська","lat":48.57167,"lng":39.30806},{"id":240,"name":"Лутугине","slug":"lutuhyne","oblast":"Луганська","lat":48.40194,"lng":39.21028},{"id":260,"name":"Міусинськ","slug":"miusynsk","oblast":"Луганська","lat":48.07556,"lng":38.885},{"id":262,"name":"Молодогвардійськ","slug":"molodohvardiysk","oblast":"Луганська","lat":48.35417,"lng":39.65806},{"id":287,"name":"Новодружеськ","slug":"novodruzhesk","oblast":"Луганська","lat":48.97139,"lng":38.35667},{"id":298,"name":"Олександрівськ","slug":"oleksandrivsk","oblast":"Луганська","lat":48.57972,"lng":39.1975},{"id":308,"name":"Первомайськ","slug":"pervomaysk","oblast":"Луганська","lat":48.62972,"lng":38.56194},{"id":311,"name":"Перевальськ","slug":"perevalsk","oblast":"Луганська","lat":48.43556,"lng":38.81778},{"id":318,"name":"Петровське","slug":"petrovske","oblast":"Луганська","lat":48.3,"lng":38.87806},{"id":330,"name":"Попасна","slug":"popasna","oblast":"Луганська","lat":48.63167,"lng":38.36028},{"id":332,"name":"Привілля","slug":"pryvillia","oblast":"Луганська","lat":49.00111,"lng":38.29556},{"id":346,"name":"Ровеньки","slug":"rovenky","oblast":"Луганська","lat":48.07111,"lng":39.34278},{"id":352,"name":"Рубіжне","slug":"rubizhne","oblast":"Луганська","lat":49.01528,"lng":38.38167},{"id":358,"name":"Сватове","slug":"svatove","oblast":"Луганська","lat":49.40917,"lng":38.16194},{"id":359,"name":"Свердловськ","slug":"sverdlovsk","oblast":"Луганська","lat":48.05833,"lng":39.65833},{"id":367,"name":"Сєвєродонецьк","slug":"sievierodonetsk","oblast":"Луганська","lat":48.95639,"lng":38.48139},{"id":388,"name":"Старобільськ","slug":"starobilsk","oblast":"Луганська","lat":49.2775,"lng":38.92417},{"id":390,"name":"Стаханов","slug":"stakhanov","oblast":"Луганська","lat":48.56806,"lng":38.65861},{"id":397,"name":"Суходільськ","slug":"sukhodilsk","oblast":"Луганська","lat":48.35361,"lng":39.72167},{"id":443,"name":"Червонопартизанськ","slug":"chervonopartyzansk","oblast":"Луганська","lat":48.07139,"lng":39.79806},{"id":461,"name":"Щастя","slug":"shchastia","oblast":"Луганська","lat":48.73806,"lng":39.23111},{"id":3,"name":"Алупка","slug":"alupka","oblast":"Автономна Республіка Крим","lat":44.42167,"lng":34.04722},{"id":4,"name":"Алушта","slug":"alushta","oblast":"Автономна Республіка Крим","lat":44.66917,"lng":34.40306},{"id":11,"name":"Армянськ","slug":"armyansk","oblast":"Автономна Республіка Крим","lat":46.11139,"lng":33.69167},{"id":23,"name":"Бахчисарай","slug":"bakhchysarai","oblast":"Автономна Республіка Крим","lat":44.75,"lng":33.867},{"id":40,"name":"Білогірськ","slug":"bilohirsk","oblast":"Автономна Республіка Крим","lat":45.05722,"lng":34.6},{"id":116,"name":"Джанкой","slug":"dzhankoy","oblast":"Автономна Республіка Крим","lat":45.70944,"lng":34.39333},{"id":137,"name":"Євпаторія","slug":"yevpatoria","oblast":"Автономна Республіка Крим","lat":45.2,"lng":33.367},{"id":170,"name":"Інкерман","slug":"inkerman","oblast":"Автономна Республіка Крим","lat":44.61361,"lng":33.61},{"id":187,"name":"Керч","slug":"kerch","oblast":"Автономна Республіка Крим","lat":45.35,"lng":36.467},{"id":222,"name":"Красноперекопськ","slug":"krasnoperekopsk","oblast":"Автономна Республіка Крим","lat":45.95417,"lng":33.79194},{"id":354,"name":"Саки","slug":"saky","oblast":"Автономна Республіка Крим","lat":45.133,"lng":33.6},{"id":363,"name":"Севастополь","slug":"sevastopol","oblast":"Автономна Республіка Крим","lat":44.61639,"lng":33.52528},{"id":370,"name":"Сімферополь","slug":"simferopol","oblast":"Автономна Республіка Крим","lat":44.95,"lng":34.1},{"id":386,"name":"Старий Крим","slug":"starykrim","oblast":"Автономна Республіка Крим","lat":45.02917,"lng":35.08556},{"id":394,"name":"Судак","slug":"sudak","oblast":"Автономна Республіка Крим","lat":44.85,"lng":34.967},{"id":426,"name":"Феодосія","slug":"feodosiya","oblast":"Автономна Республіка Крим","lat":45.033,"lng":35.367},{"id":462,"name":"Щолкіне","slug":"shcholkine","oblast":"Автономна Республіка Крим","lat":45.4275,"lng":35.81528},{"id":469,"name":"Ялта","slug":"yalta","oblast":"Автономна Республіка Крим","lat":44.49889,"lng":34.16972},{"id":7,"name":"Ананьїв","slug":"ananyiv","oblast":"Одеська","lat":47.72667,"lng":29.96083},{"id":15,"name":"Арциз","slug":"artsyz","oblast":"Одеська","lat":45.99444,"lng":29.43222},{"id":17,"name":"Балта","slug":"balta","oblast":"Одеська","lat":47.94,"lng":29.62194},{"id":31,"name":"Березівка","slug":"berezivka","oblast":"Одеська","lat":47.20056,"lng":30.91722},{"id":38,"name":"Білгород-Дністровський","slug":"bilhorod-dnistrovskyi","oblast":"Одеська","lat":46.19222,"lng":30.33333},{"id":43,"name":"Біляївка","slug":"bilyayivka","oblast":"Одеська","lat":46.4725,"lng":30.22528},{"id":48,"name":"Болград","slug":"bolhrad","oblast":"Одеська","lat":45.66722,"lng":28.61278},{"id":74,"name":"Вилкове","slug":"vylkove","oblast":"Одеська","lat":45.39917,"lng":29.59361},{"id":164,"name":"Ізмаїл","slug":"izmail","oblast":"Одеська","lat":45.35111,"lng":28.84639},{"id":168,"name":"Іллічівськ","slug":"illichivsk","oblast":"Одеська","lat":46.30167,"lng":30.65694},{"id":190,"name":"Кілія","slug":"kiliya","oblast":"Одеська","lat":45.4675,"lng":29.23778},{"id":197,"name":"Кодима","slug":"kodyma","oblast":"Одеська","lat":48.09333,"lng":29.125},{"id":213,"name":"Котовськ","slug":"kotovsk","oblast":"Одеська","lat":47.74194,"lng":29.535},{"id":296,"name":"Одеса","slug":"odessa","oblast":"Одеська","lat":46.47167,"lng":30.71028},{"id":343,"name":"Рені","slug":"reni","oblast":"Одеська","lat":45.4575,"lng":28.27111},{"id":350,"name":"Роздільна","slug":"rozdilna","oblast":"Одеська","lat":46.84861,"lng":30.07917},{"id":401,"name":"Татарбунари","slug":"tatarbunary","oblast":"Одеська","lat":45.84694,"lng":29.61111},{"id":402,"name":"Теплодар","slug":"teplodar","oblast":"Одеська","lat":46.50639,"lng":30.32639},{"id":464,"name":"Южне","slug":"yuzhne","oblast":"Одеська","lat":46.62361,"lng":31.10111},{"id":8,"name":"Андрушівка","slug":"andrushivka","oblast":"Житомирська","lat":50.02833,"lng":29.02417},{"id":19,"name":"Баранівка","slug":"baranivka","oblast":"Житомирська","lat":50.29361,"lng":27.66694},{"id":26,"name":"Бердичів","slug":"berdychiv","oblast":"Житомирська","lat":49.89194,"lng":28.6},{"id":142,"name":"Житомир","slug":"zhytomyr","oblast":"Житомирська","lat":50.25444,"lng":28.65778},{"id":206,"name":"Коростень","slug":"korosten","oblast":"Житомирська","lat":50.97361,"lng":28.61444},{"id":207,"name":"Коростишів","slug":"korostyshiv","oblast":"Житомирська","lat":50.31861,"lng":29.05917},{"id":247,"name":"Малин","slug":"malyn","oblast":"Житомирська","lat":50.76889,"lng":29.27},{"id":284,"name":"Новоград-Волинський","slug":"novohradvolynskyi","oblast":"Житомирська","lat":50.58333,"lng":27.62028},{"id":295,"name":"Овруч","slug":"ovruch","oblast":"Житомирська","lat":51.32444,"lng":28.80806},{"id":297,"name":"Олевськ","slug":"olevsk","oblast":"Житомирська","lat":51.22778,"lng":27.64806},{"id":341,"name":"Радомишль","slug":"radomyshl","oblast":"Житомирська","lat":50.49306,"lng":29.25806},{"id":454,"name":"Чуднів","slug":"chudniv","oblast":"Житомирська","lat":50.05278,"lng":28.09694},{"id":10,"name":"Апостолове","slug":"apostolove","oblast":"Дніпропетровська","lat":47.65944,"lng":33.71667},{"id":71,"name":"Верхівцеве","slug":"verkhivtseve","oblast":"Дніпропетровська","lat":48.48528,"lng":34.25389},{"id":72,"name":"Верхньодніпровськ","slug":"verkhnodniprovsk","oblast":"Дніпропетровська","lat":48.6425,"lng":34.34028},{"id":79,"name":"Вільногірськ","slug":"vilnohirsk","oblast":"Дніпропетровська","lat":48.47806,"lng":34.02806},{"id":119,"name":"Дніпродзержинськ","slug":"dniprodzerzhynsk","oblast":"Дніпропетровська","lat":48.52889,"lng":34.59694},{"id":120,"name":"Дніпро","slug":"dnipro","oblast":"Дніпропетровська","lat":48.46611,"lng":35.02528},{"id":145,"name":"Жовті Води","slug":"zhovtivody","oblast":"Дніпропетровська","lat":48.36639,"lng":33.5025},{"id":153,"name":"Зеленодольськ","slug":"zelenodolsk","oblast":"Дніпропетровська","lat":47.56583,"lng":33.64639},{"id":226,"name":"Кривий Ріг","slug":"krivoyrog","oblast":"Дніпропетровська","lat":47.91028,"lng":33.39167},{"id":249,"name":"Марганець","slug":"marhanets","oblast":"Дніпропетровська","lat":47.64472,"lng":34.60417},{"id":274,"name":"Нікополь","slug":"nikopol","oblast":"Дніпропетровська","lat":47.57722,"lng":34.3575},{"id":289,"name":"Новомосковськ","slug":"novomoskovsk","oblast":"Дніпропетровська","lat":48.63778,"lng":35.22861},{"id":300,"name":"Орджонікідзе","slug":"ordzhonikidze","oblast":"Дніпропетровська","lat":47.65333,"lng":34.08417},{"id":306,"name":"Пятихатки","slug":"piatykhatky","oblast":"Дніпропетровська","lat":48.41361,"lng":33.70278},{"id":307,"name":"Павлоград","slug":"pavlohrad","oblast":"Дніпропетровська","lat":48.52,"lng":35.87},{"id":314,"name":"Перещепине","slug":"pereschepyne","oblast":"Дніпропетровська","lat":49.01444,"lng":35.365},{"id":317,"name":"Першотравенськ","slug":"pershotravensk","oblast":"Дніпропетровська","lat":48.3475,"lng":36.40167},{"id":322,"name":"Підгородне","slug":"pidhorodne","oblast":"Дніпропетровська","lat":48.575,"lng":35.10222},{"id":368,"name":"Синельникове","slug":"synelnykove","oblast":"Дніпропетровська","lat":48.31667,"lng":35.51583},{"id":404,"name":"Тернівка","slug":"ternivka","oblast":"Дніпропетровська","lat":48.52444,"lng":36.0825},{"id":16,"name":"Балаклія","slug":"balakliia","oblast":"Харківська","lat":49.45917,"lng":36.8525},{"id":20,"name":"Барвінкове","slug":"barvinkove","oblast":"Харківська","lat":48.91,"lng":37.02306},{"id":46,"name":"Богодухів","slug":"bohodukhiv","oblast":"Харківська","lat":50.16167,"lng":35.52556},{"id":64,"name":"Валки","slug":"valky","oblast":"Харківська","lat":49.83806,"lng":35.61722},{"id":82,"name":"Вовчанськ","slug":"vovchansk","oblast":"Харківська","lat":50.28778,"lng":36.94278},{"id":115,"name":"Дергачі","slug":"derhachi","oblast":"Харківська","lat":50.11167,"lng":36.12056},{"id":156,"name":"Зміїв","slug":"zmiiv","oblast":"Харківська","lat":49.68778,"lng":36.33417},{"id":165,"name":"Ізюм","slug":"izium","oblast":"Харківська","lat":49.19583,"lng":37.28028},{"id":220,"name":"Красноград","slug":"krasnohrad","oblast":"Харківська","lat":49.37167,"lng":35.45667},{"id":229,"name":"Купянськ","slug":"kupiansk","oblast":"Харківська","lat":49.70167,"lng":37.61333},{"id":236,"name":"Лозова","slug":"lozova","oblast":"Харківська","lat":48.88944,"lng":36.31139},{"id":243,"name":"Люботин","slug":"liubotyn","oblast":"Харківська","lat":49.94833,"lng":35.92944},{"id":253,"name":"Мерефа","slug":"merefa","oblast":"Харківська","lat":49.81972,"lng":36.05972},{"id":310,"name":"Первомайський","slug":"pervomaiskyi","oblast":"Харківська","lat":49.37306,"lng":36.21611},{"id":320,"name":"Південне","slug":"pivdenne","oblast":"Харківська","lat":49.87667,"lng":36.06444},{"id":427,"name":"Харків","slug":"kharkiv","oblast":"Харківська","lat":50.00583,"lng":36.22917},{"id":453,"name":"Чугуїв","slug":"chuhuiv","oblast":"Харківська","lat":49.83528,"lng":36.68111},{"id":18,"name":"Бар","slug":"bar","oblast":"Вінницька","lat":49.07806,"lng":27.68306},{"id":35,"name":"Бершадь","slug":"bershad","oblast":"Вінницька","lat":48.37278,"lng":29.5325},{"id":81,"name":"Вінниця","slug":"vinnytsia","oblast":"Вінницька","lat":49.23722,"lng":28.46722},{"id":93,"name":"Гайсин","slug":"haisyn","oblast":"Вінницька","lat":48.81028,"lng":29.38417},{"id":102,"name":"Гнівань","slug":"hnivan","oblast":"Вінницька","lat":49.09111,"lng":28.34861},{"id":143,"name":"Жмеринка","slug":"zhmerynka","oblast":"Вінницька","lat":49.03333,"lng":28.11667},{"id":177,"name":"Калинівка","slug":"kalynivka","oblast":"Вінницька","lat":49.44722,"lng":28.52306},{"id":198,"name":"Козятин","slug":"koziatyn","oblast":"Вінницька","lat":49.71667,"lng":28.83333},{"id":231,"name":"Ладижин","slug":"ladyzhyn","oblast":"Вінницька","lat":48.68972,"lng":29.24167},{"id":234,"name":"Липовець","slug":"lypovets","oblast":"Вінницька","lat":49.21611,"lng":29.05611},{"id":261,"name":"Могилів-Подільський","slug":"mohylivpodilskyi","oblast":"Вінницька","lat":48.455,"lng":27.80806},{"id":271,"name":"Немирів","slug":"nemyriv","oblast":"Вінницька","lat":48.97944,"lng":28.84389},{"id":324,"name":"Погребище","slug":"pohrebyshche","oblast":"Вінницька","lat":49.48694,"lng":29.27333},{"id":413,"name":"Тульчин","slug":"tulchyn","oblast":"Вінницька","lat":48.67444,"lng":28.84972},{"id":432,"name":"Хмільник","slug":"khmilnyk","oblast":"Вінницька","lat":49.55694,"lng":27.95722},{"id":455,"name":"Шаргород","slug":"sharhorod","oblast":"Вінницька","lat":48.75528,"lng":28.07889},{"id":470,"name":"Ямпіль","slug":"yampil","oblast":"Вінницька","lat":48.245,"lng":28.27778},{"id":21,"name":"Батурин","slug":"baturyn","oblast":"Чернівецька","lat":51.33861,"lng":32.87722},{"id":69,"name":"Вашківці","slug":"vashkivtsi","oblast":"Чернівецька","lat":48.37528,"lng":25.49778},{"id":73,"name":"Вижниця","slug":"vyzhnytsia","oblast":"Чернівецька","lat":48.24528,"lng":25.18222},{"id":96,"name":"Герца","slug":"hertsa","oblast":"Чернівецька","lat":48.14667,"lng":26.25833},{"id":148,"name":"Заставна","slug":"zastavna","oblast":"Чернівецька","lat":48.52028,"lng":25.845},{"id":194,"name":"Кіцмань","slug":"kitsman","oblast":"Чернівецька","lat":48.44111,"lng":25.76694},{"id":273,"name":"Ніжин","slug":"nizhyn","oblast":"Чернівецька","lat":51.04278,"lng":31.87361},{"id":286,"name":"Новодністровськ","slug":"novodnistrovsk","oblast":"Чернівецька","lat":48.57778,"lng":27.44139},{"id":290,"name":"Новоселиця","slug":"novoselytsia","oblast":"Чернівецька","lat":48.21917,"lng":26.26528},{"id":333,"name":"Прилуки","slug":"pryluky","oblast":"Чернівецька","lat":50.58917,"lng":32.38556},{"id":383,"name":"Сокиряни","slug":"sokyriany","oblast":"Чернівецька","lat":48.45306,"lng":27.41611},{"id":392,"name":"Сторожинець","slug":"storozhynets","oblast":"Чернівецька","lat":48.15972,"lng":25.715},{"id":436,"name":"Хотин","slug":"khotyn","oblast":"Чернівецька","lat":48.50944,"lng":26.49194},{"id":445,"name":"Чернівці","slug":"chernivtsi","oblast":"Чернівецька","lat":48.29083,"lng":25.93444},{"id":446,"name":"Чернігів","slug":"chernihiv","oblast":"Чернівецька","lat":51.49111,"lng":31.29861},{"id":24,"name":"Баштанка","slug":"bashtanka","oblast":"Миколаївська","lat":47.40278,"lng":32.44417},{"id":83,"name":"Вознесенськ","slug":"voznesensk","oblast":"Миколаївська","lat":47.5725,"lng":31.31194},{"id":254,"name":"Миколаїв","slug":"nikolaev","oblast":"Миколаївська","lat":46.97528,"lng":31.99361},{"id":276,"name":"Нова Одеса","slug":"novaodessa","oblast":"Миколаївська","lat":47.29389,"lng":31.78889},{"id":278,"name":"Новий Буг","slug":"novyibug","oblast":"Миколаївська","lat":47.68389,"lng":32.50778},{"id":305,"name":"Очаків","slug":"ochakiv","oblast":"Миколаївська","lat":46.61861,"lng":31.53917},{"id":309,"name":"Первомайськ","slug":"pervomaisk","oblast":"Миколаївська","lat":48.04389,"lng":30.85},{"id":379,"name":"Снігурівка","slug":"snihurivka","oblast":"Миколаївська","lat":47.07083,"lng":32.79972},{"id":465,"name":"Южноукраїнськ","slug":"yuzhnoukrainsk","oblast":"Миколаївська","lat":47.82167,"lng":31.175},{"id":25,"name":"Белз","slug":"belz","oblast":"Львівська","lat":50.38,"lng":24.00167},{"id":36,"name":"Бібрка","slug":"bibrka","oblast":"Львівська","lat":49.63583,"lng":24.29361},{"id":51,"name":"Борислав","slug":"boryslav","oblast":"Львівська","lat":49.28917,"lng":23.41889},{"id":56,"name":"Броди","slug":"brody","oblast":"Львівська","lat":50.07806,"lng":25.15417},{"id":61,"name":"Буськ","slug":"busk","oblast":"Львівська","lat":49.96833,"lng":24.60833},{"id":70,"name":"Великі Мости","slug":"velykimosti","oblast":"Львівська","lat":50.23917,"lng":24.14583},{"id":75,"name":"Винники","slug":"vynnyky","oblast":"Львівська","lat":49.81556,"lng":24.12972},{"id":99,"name":"Глиняни","slug":"hlyniany","oblast":"Львівська","lat":49.82472,"lng":24.51611},{"id":108,"name":"Городок","slug":"gorodok","oblast":"Львівська","lat":49.78472,"lng":23.67972},{"id":122,"name":"Добромиль","slug":"dobromyl","oblast":"Львівська","lat":49.57056,"lng":22.78944},{"id":129,"name":"Дрогобич","slug":"drohobych","oblast":"Львівська","lat":49.35389,"lng":23.51611},{"id":132,"name":"Дубляни","slug":"dubliany","oblast":"Львівська","lat":49.89611,"lng":24.0925},{"id":141,"name":"Жидачів","slug":"zhydachiv","oblast":"Львівська","lat":49.385,"lng":24.14444},{"id":144,"name":"Жовква","slug":"zhovkva","oblast":"Львівська","lat":50.055,"lng":23.97667},{"id":160,"name":"Золочів","slug":"zolochiv","oblast":"Львівська","lat":49.80611,"lng":24.89639},{"id":181,"name":"Камянка-Бузька","slug":"kamiankabuzka","oblast":"Львівська","lat":50.105,"lng":24.33778},{"id":200,"name":"Комарно","slug":"komarno","oblast":"Львівська","lat":49.63056,"lng":23.70306},{"id":244,"name":"Львів","slug":"lviv","oblast":"Львівська","lat":49.83,"lng":24.01417},{"id":255,"name":"Миколаїв","slug":"mykolaiv","oblast":"Львівська","lat":49.52028,"lng":23.99083},{"id":266,"name":"Моршин","slug":"morshyn","oblast":"Львівська","lat":49.15472,"lng":23.86861},{"id":268,"name":"Мостиська","slug":"mostyska","oblast":"Львівська","lat":49.79611,"lng":23.16028},{"id":279,"name":"Новий Калинів","slug":"novyikaliniv","oblast":"Львівська","lat":49.56056,"lng":23.30444},{"id":280,"name":"Новий Розділ","slug":"novyirozdil","oblast":"Львівська","lat":49.46972,"lng":24.13667},{"id":292,"name":"Новояворівськ","slug":"novoiavorivsk","oblast":"Львівська","lat":49.93306,"lng":23.57056},{"id":312,"name":"Перемишляни","slug":"peremyshliany","oblast":"Львівська","lat":49.67056,"lng":24.56},{"id":336,"name":"Пустомити","slug":"pustomyty","oblast":"Львівська","lat":49.72056,"lng":23.90556},{"id":338,"name":"Рава-Руська","slug":"ravaruska","oblast":"Львівська","lat":50.225,"lng":23.62417},{"id":339,"name":"Радехів","slug":"radekhiv","oblast":"Львівська","lat":50.27833,"lng":24.645},{"id":353,"name":"Рудки","slug":"rudky","oblast":"Львівська","lat":49.65278,"lng":23.48694},{"id":355,"name":"Самбір","slug":"sambir","oblast":"Львівська","lat":49.52222,"lng":23.19694},{"id":374,"name":"Сколе","slug":"skole","oblast":"Львівська","lat":49.03361,"lng":23.51167},{"id":382,"name":"Сокаль","slug":"sokal","oblast":"Львівська","lat":50.48472,"lng":24.28278},{"id":385,"name":"Соснівка","slug":"sosnivka","oblast":"Львівська","lat":50.29444,"lng":24.25361},{"id":387,"name":"Старий Самбір","slug":"staryisambir","oblast":"Львівська","lat":49.44111,"lng":23.00806},{"id":391,"name":"Стебник","slug":"stebnyk","oblast":"Львівська","lat":49.3005722,"lng":23.5545583},{"id":393,"name":"Стрий","slug":"stryi","oblast":"Львівська","lat":49.25806,"lng":23.84056},{"id":395,"name":"Судова Вишня","slug":"sudovavishnya","oblast":"Львівська","lat":49.79139,"lng":23.37139},{"id":412,"name":"Трускавець","slug":"truskavets","oblast":"Львівська","lat":49.27778,"lng":23.50778},{"id":414,"name":"Турка","slug":"turka","oblast":"Львівська","lat":49.1575,"lng":23.0225},{"id":416,"name":"Угнів","slug":"uhniv","oblast":"Львівська","lat":50.36806,"lng":23.74778},{"id":430,"name":"Хирів","slug":"khyriv","oblast":"Львівська","lat":49.53083,"lng":22.85333},{"id":433,"name":"Ходорів","slug":"khodoriv","oblast":"Львівська","lat":49.40583,"lng":24.31028},{"id":441,"name":"Червоноград","slug":"chervonohrad","oblast":"Львівська","lat":50.38667,"lng":24.22889},{"id":467,"name":"Яворів","slug":"yavoriv","oblast":"Львівська","lat":49.93972,"lng":23.38583},{"id":22,"name":"Бахмач","slug":"bakhmach","oblast":"Чернігівська","lat":51.17556,"lng":32.82722},{"id":45,"name":"Бобровиця","slug":"bobrovytsia","oblast":"Чернігівська","lat":50.75,"lng":31.38639},{"id":50,"name":"Борзна","slug":"borzna","oblast":"Чернігівська","lat":51.25306,"lng":32.42917},{"id":107,"name":"Городня","slug":"horodnia","oblast":"Чернігівська","lat":51.89306,"lng":31.59472},{"id":175,"name":"Ічня","slug":"ichnia","oblast":"Чернігівська","lat":50.85611,"lng":32.37722},{"id":209,"name":"Корюківка","slug":"koriukivka","oblast":"Чернігівська","lat":51.77278,"lng":32.27306},{"id":252,"name":"Мена","slug":"mena","oblast":"Чернігівська","lat":51.52417,"lng":32.22111},{"id":277,"name":"Новгород-Сіверський","slug":"novhorodsiverskyi","oblast":"Чернігівська","lat":52.00861,"lng":33.27361},{"id":293,"name":"Носівка","slug":"nosivka","oblast":"Чернігівська","lat":50.93,"lng":31.58056},{"id":302,"name":"Остер","slug":"oster","oblast":"Чернігівська","lat":50.94861,"lng":30.88111},{"id":365,"name":"Семенівка","slug":"semenivka","oblast":"Чернігівська","lat":52.17278,"lng":32.59222},{"id":463,"name":"Щорс","slug":"shchors","oblast":"Чернігівська","lat":51.82028,"lng":31.95083},{"id":27,"name":"Бердянськ","slug":"berdyansk","oblast":"Запорізька","lat":46.7625,"lng":36.78639},{"id":65,"name":"Василівка","slug":"vasylivka","oblast":"Запорізька","lat":47.43417,"lng":35.27639},{"id":80,"name":"Вільнянськ","slug":"vilniansk","oblast":"Запорізька","lat":47.94167,"lng":35.43111},{"id":112,"name":"Гуляйполе","slug":"huliaipole","oblast":"Запорізька","lat":47.66028,"lng":36.28167},{"id":121,"name":"Дніпрорудне","slug":"dniprorudne","oblast":"Запорізька","lat":47.38222,"lng":34.98694},{"id":136,"name":"Енергодар","slug":"enerhodar","oblast":"Запорізька","lat":47.49889,"lng":34.65583},{"id":147,"name":"Запоріжжя","slug":"zaporizhia","oblast":"Запорізька","lat":47.83778,"lng":35.13833},{"id":182,"name":"Камянка-Дніпровська","slug":"kamiankadniprovska","oblast":"Запорізька","lat":47.46278,"lng":34.42278},{"id":251,"name":"Мелітополь","slug":"melitopol","oblast":"Запорізька","lat":46.84028,"lng":35.35889},{"id":263,"name":"Молочанськ","slug":"molochansk","oblast":"Запорізька","lat":47.20444,"lng":35.59583},{"id":301,"name":"Оріхів","slug":"orikhiv","oblast":"Запорізька","lat":47.56944,"lng":35.77778},{"id":325,"name":"Пологи","slug":"polohy","oblast":"Запорізька","lat":47.47556,"lng":36.27611},{"id":334,"name":"Приморськ","slug":"prymorsk","oblast":"Запорізька","lat":46.71889,"lng":36.35667},{"id":409,"name":"Токмак","slug":"tokmak","oblast":"Запорізька","lat":47.24889,"lng":35.70306},{"id":28,"name":"Берегове","slug":"berehove","oblast":"Закарпатська","lat":48.2025,"lng":22.6375},{"id":76,"name":"Виноградів","slug":"vynohradiv","oblast":"Закарпатська","lat":48.14972,"lng":23.025},{"id":173,"name":"Іршава","slug":"irshava","oblast":"Закарпатська","lat":48.31722,"lng":23.0375},{"id":269,"name":"Мукачеве","slug":"mukachevo","oblast":"Закарпатська","lat":48.44528,"lng":22.71722},{"id":313,"name":"Перечин","slug":"perechyn","oblast":"Закарпатська","lat":48.74028,"lng":22.47278},{"id":342,"name":"Рахів","slug":"rakhiv","oblast":"Закарпатська","lat":48.05361,"lng":24.21611},{"id":357,"name":"Свалява","slug":"svaliava","oblast":"Закарпатська","lat":48.54722,"lng":22.98639},{"id":415,"name":"Тячів","slug":"tiachiv","oblast":"Закарпатська","lat":48.01611,"lng":23.57194},{"id":417,"name":"Ужгород","slug":"uzhhorod","oblast":"Закарпатська","lat":48.62389,"lng":22.295},{"id":438,"name":"Хуст","slug":"khust","oblast":"Закарпатська","lat":48.17417,"lng":23.28972},{"id":450,"name":"Чоп","slug":"chop","oblast":"Закарпатська","lat":48.43083,"lng":22.21194},{"id":30,"name":"Березань","slug":"berezan","oblast":"Київська","lat":50.3075,"lng":31.485},{"id":37,"name":"Біла Церква","slug":"bilacerkva","oblast":"Київська","lat":49.79556,"lng":30.11667},{"id":47,"name":"Богуслав","slug":"boguslav","oblast":"Київська","lat":49.54667,"lng":30.87278},{"id":52,"name":"Бориспіль","slug":"boryspil","oblast":"Київська","lat":50.35111,"lng":30.95083},{"id":54,"name":"Боярка","slug":"boyarka","oblast":"Київська","lat":50.32889,"lng":30.29556},{"id":55,"name":"Бровари","slug":"brovary","oblast":"Київська","lat":50.51139,"lng":30.79028},{"id":62,"name":"Буча","slug":"bucha","oblast":"Київська","lat":50.54639,"lng":30.235},{"id":66,"name":"Васильків","slug":"vasylkiv","oblast":"Київська","lat":50.18639,"lng":30.33056},{"id":77,"name":"Вишгород","slug":"vyshhorod","oblast":"Київська","lat":50.58722,"lng":30.48889},{"id":78,"name":"Вишневе","slug":"vyshneve","oblast":"Київська","lat":50.38694,"lng":30.35806},{"id":172,"name":"Ірпінь","slug":"irpin","oblast":"Київська","lat":50.51944,"lng":30.24472},{"id":176,"name":"Кагарлик","slug":"kaharlyk","oblast":"Київська","lat":49.85222,"lng":30.80917},{"id":188,"name":"Київ","slug":"kyiv","oblast":"Київська","lat":50.45,"lng":30.52361},{"id":258,"name":"Миронівка","slug":"myronivka","oblast":"Київська","lat":49.66278,"lng":31.00528},{"id":294,"name":"Обухів","slug":"obukhiv","oblast":"Київська","lat":50.13,"lng":30.65667},{"id":315,"name":"Переяслав-Хмельницький","slug":"pereyaslav","oblast":"Київська","lat":50.06611,"lng":31.44222},{"id":335,"name":"Припять","slug":"pripyat","oblast":"Київська","lat":51.39472,"lng":30.08528},{"id":344,"name":"Ржищів","slug":"rzhyshchiv","oblast":"Київська","lat":49.96111,"lng":31.04361},{"id":373,"name":"Сквира","slug":"skvyra","oblast":"Київська","lat":49.73222,"lng":29.65083},{"id":376,"name":"Славутич","slug":"slavutych","oblast":"Київська","lat":51.5225,"lng":30.71806},{"id":400,"name":"Тараща","slug":"tarashcha","oblast":"Київська","lat":49.56083,"lng":30.50611},{"id":406,"name":"Тетіїв","slug":"tetiiv","oblast":"Київська","lat":49.37083,"lng":29.69},{"id":418,"name":"Узин","slug":"uzyn","oblast":"Київська","lat":49.82194,"lng":30.40583},{"id":419,"name":"Українка","slug":"ukrainka","oblast":"Київська","lat":50.15,"lng":30.75194},{"id":425,"name":"Фастів","slug":"fastiv","oblast":"Київська","lat":50.07472,"lng":29.91806},{"id":451,"name":"Чорнобиль","slug":"chernobyl","oblast":"Київська","lat":51.380567,"lng":30.116272},{"id":468,"name":"Яготин","slug":"yahotyn","oblast":"Київська","lat":50.25694,"lng":31.78167},{"id":29,"name":"Бережани","slug":"berezhany","oblast":"Тернопільська","lat":49.44611,"lng":24.93861},{"id":53,"name":"Борщів","slug":"borschiv","oblast":"Тернопільська","lat":48.80139,"lng":26.04222},{"id":63,"name":"Бучач","slug":"buchach","oblast":"Тернопільська","lat":49.06333,"lng":25.37639},{"id":146,"name":"Заліщики","slug":"zalischyky","oblast":"Тернопільська","lat":48.65,"lng":25.735},{"id":149,"name":"Збараж","slug":"zbarazh","oblast":"Тернопільська","lat":49.67139,"lng":25.77083},{"id":150,"name":"Зборів","slug":"zboriv","oblast":"Тернопільська","lat":49.66167,"lng":25.14528},{"id":204,"name":"Копичинці","slug":"kopychyntsi","oblast":"Тернопільська","lat":49.10806,"lng":25.91278},{"id":223,"name":"Кременець","slug":"kremenets","oblast":"Тернопільська","lat":50.10111,"lng":25.73667},{"id":232,"name":"Ланівці","slug":"lanivtsi","oblast":"Тернопільська","lat":49.86667,"lng":26.08722},{"id":264,"name":"Монастириська","slug":"monastyryska","oblast":"Тернопільська","lat":49.08833,"lng":25.16667},{"id":321,"name":"Підгайці","slug":"pidhaitsi","oblast":"Тернопільська","lat":49.275,"lng":25.13417},{"id":331,"name":"Почаїв","slug":"pochaiv","oblast":"Тернопільська","lat":50.00639,"lng":25.51028},{"id":372,"name":"Скалат","slug":"skalat","oblast":"Тернопільська","lat":49.42889,"lng":25.97444},{"id":403,"name":"Теребовля","slug":"terebovl","oblast":"Тернопільська","lat":49.30056,"lng":25.69944},{"id":405,"name":"Тернопіль","slug":"ternopil","oblast":"Тернопільська","lat":49.55333,"lng":25.59472},{"id":435,"name":"Хоростків","slug":"khorostkiv","oblast":"Тернопільська","lat":49.20944,"lng":25.9175},{"id":452,"name":"Чортків","slug":"chortkiv","oblast":"Тернопільська","lat":49.0075,"lng":25.79056},{"id":460,"name":"Шумськ","slug":"shumsk","oblast":"Тернопільська","lat":50.11417,"lng":26.11444},{"id":32,"name":"Березне","slug":"berezne","oblast":"Рівненська","lat":50.99667,"lng":26.73944},{"id":86,"name":"Володимирець","slug":"volodymyrets","oblast":"Рівненська","lat":51.42083,"lng":26.145},{"id":133,"name":"Дубно","slug":"dubno","oblast":"Рівненська","lat":50.39306,"lng":25.735},{"id":134,"name":"Дубровиця","slug":"dubrovytsia","oblast":"Рівненська","lat":51.57583,"lng":26.55944},{"id":152,"name":"Здолбунів","slug":"zdolbuniv","oblast":"Рівненська","lat":50.50944,"lng":26.25972},{"id":167,"name":"Іллінці","slug":"illintsi","oblast":"Рівненська","lat":49.10556,"lng":29.20889},{"id":205,"name":"Корець","slug":"korets","oblast":"Рівненська","lat":50.61722,"lng":27.16083},{"id":211,"name":"Костопіль","slug":"kostopil","oblast":"Рівненська","lat":50.88333,"lng":26.44306},{"id":227,"name":"Кузнецовськ","slug":"kuznetsovsk","oblast":"Рівненська","lat":51.34444,"lng":25.85083},{"id":303,"name":"Острог","slug":"ostroh","oblast":"Рівненська","lat":50.32917,"lng":26.51972},{"id":340,"name":"Радивилів","slug":"radyvyliv","oblast":"Рівненська","lat":50.12861,"lng":25.26444},{"id":345,"name":"Рівне","slug":"rivne","oblast":"Рівненська","lat":50.61972,"lng":26.25139},{"id":356,"name":"Сарни","slug":"sarny","oblast":"Рівненська","lat":51.32694,"lng":26.63306},{"id":33,"name":"Берестечко","slug":"berestechko","oblast":"Волинська","lat":50.35722,"lng":25.11194},{"id":85,"name":"Володимир-Волинський","slug":"volodymyr-volynskyi","oblast":"Волинська","lat":50.84806,"lng":24.32222},{"id":110,"name":"Горохів","slug":"horokhiv","oblast":"Волинська","lat":50.49944,"lng":24.765},{"id":183,"name":"Камінь-Каширський","slug":"kaminkashyrskyi","oblast":"Волинська","lat":51.62,"lng":24.96528},{"id":189,"name":"Ківерці","slug":"kivertsi","oblast":"Волинська","lat":50.83306,"lng":25.46139},{"id":196,"name":"Ковель","slug":"kovel","oblast":"Волинська","lat":51.21917,"lng":24.68778},{"id":241,"name":"Луцьк","slug":"lutsk","oblast":"Волинська","lat":50.74778,"lng":25.32444},{"id":242,"name":"Любомль","slug":"liuboml","oblast":"Волинська","lat":51.22361,"lng":24.03278},{"id":282,"name":"Нововолинськ","slug":"novovolynsk","oblast":"Волинська","lat":50.73556,"lng":24.1625},{"id":349,"name":"Рожище","slug":"rozhysche","oblast":"Волинська","lat":50.91306,"lng":25.27},{"id":424,"name":"Устилуг","slug":"ustyluh","oblast":"Волинська","lat":50.86,"lng":24.15694},{"id":34,"name":"Берислав","slug":"beryslav","oblast":"Херсонська","lat":46.84139,"lng":33.42944},{"id":95,"name":"Генічеськ","slug":"henichesk","oblast":"Херсонська","lat":46.17694,"lng":34.79889},{"id":103,"name":"Гола Пристань","slug":"holaprystan","oblast":"Херсонська","lat":46.52278,"lng":32.51583},{"id":186,"name":"Каховка","slug":"kakhovka","oblast":"Херсонська","lat":46.79778,"lng":33.475},{"id":275,"name":"Нова Каховка","slug":"novakaxovka","oblast":"Херсонська","lat":46.75111,"lng":33.36056},{"id":371,"name":"Скадовськ","slug":"skadovsk","oblast":"Херсонська","lat":46.11917,"lng":32.91083},{"id":398,"name":"Таврійськ","slug":"tavriisk","oblast":"Херсонська","lat":46.75333,"lng":33.42},{"id":429,"name":"Херсон","slug":"kherson","oblast":"Херсонська","lat":46.64,"lng":32.61444},{"id":439,"name":"Цюрупинськ","slug":"tsiurupynsk","oblast":"Херсонська","lat":46.61472,"lng":32.72806},{"id":42,"name":"Білопілля","slug":"bilopillia","oblast":"Сумська","lat":51.14611,"lng":34.30528},{"id":59,"name":"Буринь","slug":"buryn","oblast":"Сумська","lat":51.19583,"lng":33.82667},{"id":88,"name":"Ворожба","slug":"vorozhba","oblast":"Сумська","lat":51.17139,"lng":34.22806},{"id":101,"name":"Глухів","slug":"hlukhiv","oblast":"Сумська","lat":51.67472,"lng":33.91333},{"id":130,"name":"Дружба","slug":"druzhba","oblast":"Сумська","lat":52.04861,"lng":33.94306},{"id":203,"name":"Конотоп","slug":"konotop","oblast":"Сумська","lat":51.24,"lng":33.20139},{"id":233,"name":"Лебедин","slug":"lebedyn","oblast":"Сумська","lat":50.57667,"lng":34.48194},{"id":304,"name":"Охтирка","slug":"okhtyrka","oblast":"Сумська","lat":50.31333,"lng":34.89889},{"id":337,"name":"Путивль","slug":"putyvl","oblast":"Сумська","lat":51.33639,"lng":33.86306},{"id":351,"name":"Ромни","slug":"romny","oblast":"Сумська","lat":50.74444,"lng":33.48417},{"id":366,"name":"Середина-Буда","slug":"seredynabuda","oblast":"Сумська","lat":52.18389,"lng":34.03611},{"id":396,"name":"Суми","slug":"sumy","oblast":"Сумська","lat":50.91194,"lng":34.80333},{"id":411,"name":"Тростянець","slug":"trostianets","oblast":"Сумська","lat":50.48667,"lng":34.98306},{"id":458,"name":"Шостка","slug":"shostka","oblast":"Сумська","lat":51.86528,"lng":33.48611},{"id":44,"name":"Бобринець","slug":"bobrynets","oblast":"Кіровоградська","lat":48.05778,"lng":32.15806},{"id":92,"name":"Гайворон","slug":"haivoron","oblast":"Кіровоградська","lat":48.34056,"lng":29.86639},{"id":127,"name":"Долинська","slug":"dolynska","oblast":"Кіровоградська","lat":48.11083,"lng":32.76472},{"id":157,"name":"Знамянка","slug":"znamianka","oblast":"Кіровоградська","lat":48.71361,"lng":32.67333},{"id":191,"name":"Кіровоград","slug":"kirovograd","oblast":"Кіровоградська","lat":48.51,"lng":32.26667},{"id":246,"name":"Мала Виска","slug":"malavyska","oblast":"Кіровоградська","lat":48.64083,"lng":31.62722},{"id":283,"name":"Новогеоргіївськ","slug":"novogeorgievsk","oblast":"Кіровоградська","lat":49.083,"lng":33.25},{"id":288,"name":"Новомиргород","slug":"novomyrhorod","oblast":"Кіровоградська","lat":48.80028,"lng":31.65139},{"id":291,"name":"Новоукраїнка","slug":"novoukrainka","oblast":"Кіровоградська","lat":48.31556,"lng":31.52694},{"id":299,"name":"Олександрія","slug":"oleksandriia","oblast":"Кіровоградська","lat":48.66417,"lng":33.08861},{"id":329,"name":"Помічна","slug":"pomichna","oblast":"Кіровоградська","lat":48.24333,"lng":31.40611},{"id":360,"name":"Світловодськ","slug":"svitlovodsk","oblast":"Кіровоградська","lat":49.0525,"lng":33.205},{"id":422,"name":"Ульяновка","slug":"ulianovka","oblast":"Кіровоградська","lat":48.33,"lng":30.23222},{"id":49,"name":"Болехів","slug":"bolekhiv","oblast":"Івано-Франківська","lat":49.06694,"lng":23.85139},{"id":60,"name":"Бурштин","slug":"burshtyn","oblast":"Івано-Франківська","lat":49.26222,"lng":24.62778},{"id":94,"name":"Галич","slug":"halych","oblast":"Івано-Франківська","lat":49.13944,"lng":24.73167},{"id":105,"name":"Городенка","slug":"horodenka","oblast":"Івано-Франківська","lat":48.67,"lng":25.5},{"id":126,"name":"Долина","slug":"dolyna","oblast":"Івано-Франківська","lat":48.98083,"lng":24.0025},{"id":163,"name":"Івано-Франківськ","slug":"ivanofrankivsk","oblast":"Івано-Франківська","lat":48.92278,"lng":24.71056},{"id":178,"name":"Калуш","slug":"kalush","oblast":"Івано-Франківська","lat":49.04417,"lng":24.35972},{"id":199,"name":"Коломия","slug":"kolomyia","oblast":"Івано-Франківська","lat":48.54167,"lng":25.03861},{"id":210,"name":"Косів","slug":"kosiv","oblast":"Івано-Франківська","lat":48.32083,"lng":25.0925},{"id":270,"name":"Надвірна","slug":"nadvirna","oblast":"Івано-Франківська","lat":48.63028,"lng":24.57917},{"id":347,"name":"Рогатин","slug":"rohatyn","oblast":"Івано-Франківська","lat":49.41194,"lng":24.61556},{"id":381,"name":"Снятин","slug":"sniatyn","oblast":"Івано-Франківська","lat":48.45111,"lng":25.57111},{"id":407,"name":"Тисмениця","slug":"tysmenytsia","oblast":"Івано-Франківська","lat":48.90194,"lng":24.84806},{"id":408,"name":"Тлумач","slug":"tlumach","oblast":"Івано-Франківська","lat":48.85278,"lng":24.99556},{"id":471,"name":"Яремче","slug":"yaremche","oblast":"Івано-Франківська","lat":48.46028,"lng":24.55861},{"id":67,"name":"Ватутіне","slug":"vatutine","oblast":"Черкаська","lat":49.01194,"lng":31.07139},{"id":106,"name":"Городище","slug":"horodysche","oblast":"Черкаська","lat":49.2925,"lng":31.45806},{"id":139,"name":"Жашків","slug":"zhashkiv","oblast":"Черкаська","lat":49.23583,"lng":30.11111},{"id":151,"name":"Звенигородка","slug":"zvenyhorodka","oblast":"Черкаська","lat":49.06972,"lng":30.96778},{"id":159,"name":"Золотоноша","slug":"zolotonosha","oblast":"Черкаська","lat":49.66889,"lng":32.0475},{"id":180,"name":"Камянка","slug":"kamianka","oblast":"Черкаська","lat":49.03111,"lng":32.0975},{"id":184,"name":"Канів","slug":"kaniv","oblast":"Черкаська","lat":49.74472,"lng":31.45583},{"id":208,"name":"Корсунь-Шевченківський","slug":"korsunshevchenkivskyi","oblast":"Черкаська","lat":49.41944,"lng":31.27722},{"id":265,"name":"Монастирище","slug":"monastyrysche","oblast":"Черкаська","lat":48.99,"lng":29.80111},{"id":378,"name":"Сміла","slug":"smila","oblast":"Черкаська","lat":49.21167,"lng":31.87306},{"id":399,"name":"Тальне","slug":"talne","oblast":"Черкаська","lat":48.88861,"lng":30.70417},{"id":423,"name":"Умань","slug":"uman","oblast":"Черкаська","lat":48.75,"lng":30.21944},{"id":437,"name":"Христинівка","slug":"khrystynivka","oblast":"Черкаська","lat":48.81472,"lng":29.96833},{"id":444,"name":"Черкаси","slug":"сherkasy","oblast":"Черкаська","lat":49.44444,"lng":32.05972},{"id":448,"name":"Чигирин","slug":"chyhyryn","oblast":"Черкаська","lat":49.07722,"lng":32.64917},{"id":459,"name":"Шпола","slug":"shpola","oblast":"Черкаська","lat":48.99972,"lng":31.39222},{"id":87,"name":"Волочиськ","slug":"volochysk","oblast":"Хмельницька","lat":49.53778,"lng":26.20056},{"id":109,"name":"Городок","slug":"horodok","oblast":"Хмельницька","lat":49.16694,"lng":26.58167},{"id":114,"name":"Деражня","slug":"derazhnia","oblast":"Хмельницька","lat":49.27028,"lng":27.43806},{"id":135,"name":"Дунаївці","slug":"dunaivtsi","oblast":"Хмельницька","lat":48.88944,"lng":26.85694},{"id":166,"name":"Ізяслав","slug":"iziaslav","oblast":"Хмельницька","lat":50.11889,"lng":26.82139},{"id":179,"name":"Камянець-Подільський","slug":"kamianetspodilskyi","oblast":"Хмельницька","lat":48.68222,"lng":26.5825},{"id":215,"name":"Красилів","slug":"krasyliv","oblast":"Хмельницька","lat":49.65083,"lng":26.96667},{"id":272,"name":"Нетішин","slug":"netishyn","oblast":"Хмельницька","lat":50.333917,"lng":26.65056},{"id":326,"name":"Полонне","slug":"polonne","oblast":"Хмельницька","lat":50.12556,"lng":27.51083},{"id":375,"name":"Славута","slug":"slavuta","oblast":"Хмельницька","lat":50.30278,"lng":26.86833},{"id":389,"name":"Старокостянтинів","slug":"starokostiantyniv","oblast":"Хмельницька","lat":49.75389,"lng":27.22028},{"id":431,"name":"Хмельницький","slug":"khmelnytskyi","oblast":"Хмельницька","lat":49.41944,"lng":26.97944},{"id":457,"name":"Шепетівка","slug":"shepetivka","oblast":"Хмельницька","lat":50.18556,"lng":27.06833},{"id":91,"name":"Гадяч","slug":"hadiach","oblast":"Полтавська","lat":50.36722,"lng":33.98889},{"id":100,"name":"Глобине","slug":"hlobyne","oblast":"Полтавська","lat":49.39028,"lng":33.25028},{"id":111,"name":"Гребінка","slug":"hrebinka","oblast":"Полтавська","lat":50.125,"lng":32.44},{"id":155,"name":"Зіньків","slug":"zinkiv","oblast":"Полтавська","lat":50.20778,"lng":34.36389},{"id":185,"name":"Карлівка","slug":"karlivka","oblast":"Полтавська","lat":49.45833,"lng":35.11167},{"id":195,"name":"Кобеляки","slug":"kobeliaky","oblast":"Полтавська","lat":49.14333,"lng":34.20028},{"id":201,"name":"Комсомольськ","slug":"komsomolsk","oblast":"Полтавська","lat":49.01388,"lng":33.61453},{"id":224,"name":"Кременчук","slug":"kremenchug","oblast":"Полтавська","lat":49.07972,"lng":33.4325},{"id":237,"name":"Лохвиця","slug":"lokhvytsia","oblast":"Полтавська","lat":50.35778,"lng":33.26583},{"id":238,"name":"Лубни","slug":"lubny","oblast":"Полтавська","lat":50.01611,"lng":32.98861},{"id":257,"name":"Миргород","slug":"myrhorod","oblast":"Полтавська","lat":49.96583,"lng":33.61139},{"id":319,"name":"Пирятин","slug":"pyriatyn","oblast":"Полтавська","lat":50.23611,"lng":32.50111},{"id":328,"name":"Полтава","slug":"poltava","oblast":"Полтавська","lat":49.58944,"lng":34.55111},{"id":434,"name":"Хорол","slug":"khorol","oblast":"Полтавська","lat":49.78278,"lng":33.25028},{"id":442,"name":"Червонозаводське","slug":"chervonozavodske","oblast":"Полтавська","lat":50.40194,"lng":33.37667},{"id":1357,"name":"Горишні плавні","slug":"horishniplavni","oblast":"Полтавська","lat":49.01388,"lng":33.61453}];
const map = L.map('map', {
zoomControl: true,
scrollWheelZoom: true,
}).setView([48.9, 31.2], 6);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://openstreetmap.org">OpenStreetMap</a>',
maxZoom: 18,
}).addTo(map);
const markers = {};
cities.forEach(city => {
const icon = L.divIcon({
className: 'city-marker',
iconSize: [10, 10],
});
const marker = L.marker([city.lat, city.lng], { icon })
.addTo(map)
.bindPopup(`
<div class="text-center">
<img src="/static/imgs/ua/logos/${city.id}.png" alt="Герб ${city.name}"
class="w-10 h-10 mx-auto mb-1 object-contain" onerror="this.style.display='none'">
<div class="font-bold text-base text-gray-900">${city.name}</div>
<div class="text-xs text-gray-500 mb-2">${city.oblast} обл.</div>
<a href="//${city.slug}.misto.online"
class="inline-block px-3 py-1 bg-blue-600 text-white text-xs rounded-lg hover:bg-blue-700 transition"
style="color:white;text-decoration:none;">
Відкрити портал →
</a>
</div>
`);
markers[city.id] = { marker, city };
});
const searchInput = document.getElementById('citySearch');
const searchResults = document.getElementById('searchResults');
const clearBtn = document.getElementById('clearSearch');
function highlightMatch(text, query) {
const idx = text.toLowerCase().indexOf(query.toLowerCase());
if (idx === -1) return text;
return text.substring(0, idx) +
'<span class="font-bold text-ukraine-blue">' + text.substring(idx, idx + query.length) + '</span>' +
text.substring(idx + query.length);
}
searchInput.addEventListener('input', function() {
const query = this.value.trim();
clearBtn.classList.toggle('hidden', !query);
if (query.length < 1) {
searchResults.classList.add('hidden');
return;
}
const matches = cities
.filter(c => c.name.toLowerCase().includes(query.toLowerCase()))
.sort((a, b) => {
const aStarts = a.name.toLowerCase().startsWith(query.toLowerCase()) ? 0 : 1;
const bStarts = b.name.toLowerCase().startsWith(query.toLowerCase()) ? 0 : 1;
return aStarts - bStarts || a.name.localeCompare(b.name, 'uk');
})
.slice(0, 20);
if (matches.length === 0) {
searchResults.innerHTML = '<div class="p-4 text-sm text-gray-400 text-center">Нічого не знайдено</div>';
} else {
searchResults.innerHTML = matches.map(city => `
<button class="w-full text-left px-4 py-2.5 hover:bg-blue-50 flex items-center gap-3 transition"
role="option" onclick="focusCity(${city.id})">
<img src="/static/imgs/ua/logos/${city.id}.png" alt=""
class="w-6 h-6 object-contain rounded-full bg-gray-50 flex-shrink-0"
onerror="this.style.display='none'">
<div>
<div class="text-sm font-medium text-gray-800">${highlightMatch(city.name, query)}</div>
<div class="text-xs text-gray-400">${city.oblast} обл.</div>
</div>
</button>
`).join('');
}
searchResults.classList.remove('hidden');
});
clearBtn.addEventListener('click', function() {
searchInput.value = '';
searchResults.classList.add('hidden');
clearBtn.classList.add('hidden');
searchInput.focus();
});
document.addEventListener('click', function(e) {
if (!document.getElementById('searchContainer').contains(e.target)) {
searchResults.classList.add('hidden');
}
});
searchInput.addEventListener('focus', function() {
if (this.value.trim().length >= 1) {
searchResults.classList.remove('hidden');
}
});
function focusCity(id) {
const entry = markers[id];
if (!entry) return;
searchResults.classList.add('hidden');
searchInput.value = entry.city.name;
clearBtn.classList.remove('hidden');
map.flyTo([entry.city.lat, entry.city.lng], 12, { duration: 1 });
setTimeout(() => entry.marker.openPopup(), 600);
}
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-2422930-74', 'auto');
ga('send', 'pageview');
</script>
<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:'a4c4101d79313c7f',t:'MTc5MjI5MDAxNg=='};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></body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://portals.misto.online/ |
|
2026-10-18 02:20:17 |
| 2 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-18 02:20:17 |
| 3 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:16 |
| 4 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:15 |
| 5 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 02:20:15 |
| 6 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 02:20:15 |
| 7 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:15 |
| 8 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:14 |
| 9 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 02:20:13 |
| 10 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:13 |
| 11 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 02:20:13 |
| 12 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:12 |
| 13 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:12 |
| 14 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 02:20:11 |
| 15 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:11 |
| 16 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:11 |
| 17 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 02:20:10 |
| 18 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:10 |
| 19 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-18 02:20:10 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-18 02:20:10 |