Okres programowania 2004-2006<style type="text/css">/* KONTENER GŁÓWNY */
.archive-wrapper {
font-family: sans-serif;
max-width: 900px;
margin: 0 auto 30px auto;
color: #333;
line-height: 1.5;
}
/* TYTUŁ GŁÓWNY W BARWACH UE */
.archive-title {
color: #003399;
font-size: 1.8rem;
margin-bottom: 25px;
border-bottom: 3px solid #FFCC00;
padding-bottom: 10px;
display: flex;
align-items: center;
gap: 10px;
}
/* CZYSTA LISTA HTML */
.archive-list {
list-style-type: none;
padding: 0;
margin: 0;
}
/* STYL POJEDYNCZEGO KAFELKA */
.archive-card {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border: 1px solid #dee2e6;
border-left: 4px solid #003399;
padding: 18px 20px;
text-decoration: none;
color: #212529;
font-weight: 600;
font-size: 1rem;
border-radius: 6px;
box-shadow: 0 2px 5px rgba(0,0,0,0.02);
transition: all 0.2s ease-in-out;
/* Ograniczenie szerokości: dzięki temu pojedynczy kafelek nie rozciągnie się karykaturalnie na całą szerokość monitora */
max-width: 600px;
}
.archive-card:hover {
background-color: #f8f9fa;
border-color: #003399;
color: #003399;
box-shadow: 0 4px 12px rgba(0, 51, 153, 0.12);
transform: translateY(-2px);
}
.archive-card::after {
content: "→";
font-size: 1.2rem;
color: #003399;
margin-left: 15px;
transition: transform 0.2s;
flex-shrink: 0;
}
.archive-card:hover::after {
transform: translateX(4px);
}
</style>
<div class="archive-wrapper">
<h1 class="archive-title">🇪🇺 Okres programowania 2004-2006</h1>
<ul class="archive-list">
<li><a class="archive-card" href="https://mieszkancy.chorzow.eu/article/projekty-wspolfinansowane-ze-srodkow-zintegrowanego-programu-operacyjnego-rozwoju-regionalnego-zporr-na-lata-2004-2006">Zintegrowany Program Operacyjny Rozwoju Regionalnego (ZPORR) </a></li>
</ul>
</div>2026-06-03 14:44:292026-06-03 14:44:29