Logotyp Miasta Chorzów<style type="text/css">.miejski-pobieralnia {
font-family: inherit;
max-width: 100%;
margin: 20px 0;
color: #222222;
}
.miejski-pobieralnia h2 {
color: #002672;
font-size: 1.4rem;
margin-bottom: 20px;
padding-bottom: 8px;
border-bottom: 3px solid #f20000;
}
.pobieralnia-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin-bottom: 20px;
}
.pobieralnia-kafelek {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
background-color: #f8f9fa;
border: 2px solid #e2e8f0;
border-radius: 8px;
text-decoration: none;
color: #002672;
font-weight: 600;
transition: all 0.2s ease-in-out;
}
.pobieralnia-kafelek:hover,
.pobieralnia-kafelek:focus {
background-color: #ffffff;
border-color: #f20000;
color: #f20000;
box-shadow: 0 4px 12px rgba(242, 0, 0, 0.12);
transform: translateY(-2px);
outline: none;
}
.pobieralnia-info {
display: flex;
align-items: center;
gap: 12px;
}
.pobieralnia-badge {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
padding: 4px 8px;
border-radius: 4px;
background-color: #002672;
color: #ffffff;
transition: background-color 0.2s ease-in-out;
}
.pobieralnia-kafelek:hover .pobieralnia-badge,
.pobieralnia-kafelek:focus .pobieralnia-badge {
background-color: #f20000;
}
.pobieralnia-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
color: #002672;
transition: color 0.2s ease-in-out;
}
.pobieralnia-kafelek:hover .pobieralnia-icon,
.pobieralnia-kafelek:focus .pobieralnia-icon {
color: #f20000;
}
.pobieralnia-komunikat {
background-color: #f0f4f8;
border-left: 5px solid #002672;
padding: 18px 20px;
border-radius: 0 8px 8px 0;
}
.pobieralnia-komunikat p {
margin: 0 0 10px 0;
line-height: 1.5;
}
.pobieralnia-komunikat p:last-child {
margin-bottom: 0;
}
.pobieralnia-komunikat a {
color: #047cc1;
font-weight: 600;
text-decoration: underline;
}
.pobieralnia-komunikat a:hover,
.pobieralnia-komunikat a:focus {
color: #f20000;
text-decoration: none;
}
</style>
<div class="miejski-pobieralnia">
<h2>Materiały i Logotypy do Pobrania</h2>
<div class="pobieralnia-grid"><a class="pobieralnia-kafelek" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L0Nob3J6b3dfa3NpZWdhX2lkZW50eWZpa2Fjamlfd2l6dWFsbmVqXzZhYzhjYmJkMjkyOTUucGRm" rel="noopener" target="_blank"><span class="pobieralnia-info"><span class="pobieralnia-badge">PDF</span> <span>Księga identyfikacji wizualnej Miasta Chorzów</span> </span> <svg aria-hidden="true" class="pobieralnia-icon" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path> </svg> </a> <a class="pobieralnia-kafelek" href="https://chorzow.eu/download/cmVzb3VyY2VzL2ZpbGVzLzk4L1dwcmF3aWFfd19ydWNoXzZhYzhjYzI3MDkwOGYuemlw" rel="noopener" target="_blank"> <span class="pobieralnia-info"> <span class="pobieralnia-badge">ZIP</span> <span>Logotyp "Chorzów wprawia w ruch"</span> </span> <svg aria-hidden="true" class="pobieralnia-icon" fill="currentColor" focusable="false" viewbox="0 0 24 24"> <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path> </svg> </a></div>
<!-- /pobieralnia-grid -->
<p> </p>
<div class="pobieralnia-komunikat">
<p>Każdorazowe wykorzystanie któregokolwiek ze znaków graficznych Miasta Chorzów wymaga uzyskania akceptacji pracownika Wydziału Promocji i Komunikacji Społecznej Urzędu Miasta Chorzów.</p>
<p>Gotowe projekty prosimy przesyłać na adres <a href="mailto:Mielczarek_P@chorzow.eu">Mielczarek_P@chorzow.eu</a></p>
</div>
</div>2026-10-09 13:15:502026-10-09 13:15:50