Spotkania konsultacyjne - 14. edycja BO oraz I Edycja BRSiM<style type="text/css">/* --- RESTRYKCJE I STYLIZACJA CAŁEGO ARTYKUŁU --- */
.bo-article-wrapper {
max-width: 850px;
margin: 0 auto;
font-family: system-ui, -apple-system, sans-serif;
color: #333333;
line-height: 1.6;
}
/* Tekst wprowadzający (Lead) */
.bo-article-wrapper .article-lead {
font-size: 18px;
font-weight: bold;
color: #002672;
margin-bottom: 25px;
text-align: justify;
}
/* Standardowe akapity tekstu */
.bo-article-wrapper p {
font-size: 16px;
margin-bottom: 20px;
text-align: justify;
}
/* Nagłówki sekcji */
.bo-article-wrapper h2 {
color: #002672;
font-size: 22px;
border-bottom: 3px solid #f20000;
padding-bottom: 8px;
margin-top: 35px;
margin-bottom: 20px;
}
/* --- SEMANTYCZNA LISTA WSPARCIA --- */
.bo-features-list {
margin-bottom: 30px;
padding-left: 20px;
}
.bo-features-list li {
margin-bottom: 12px;
position: relative;
list-style-type: none;
padding-left: 30px;
}
.bo-features-list li::before {
content: "🎓";
position: absolute;
left: 0;
top: 0;
font-size: 18px;
}
/* --- HARMONOGRAM SPOTKAŃ (SIATKA KAFELKÓW) --- */
.bo-schedule-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 25px 0;
}
/* Styl pojedynczego kafelka spotkania */
.bo-schedule-card {
background-color: #f8f9fa;
border-top: 4px solid #f20000; /* Czerwona pręga dla aktywnych */
border-radius: 6px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.02);
text-align: center;
position: relative;
}
.bo-schedule-card .card-date {
display: block;
font-size: 20px;
font-weight: bold;
color: #f20000;
margin-bottom: 5px;
}
.bo-schedule-card .card-time {
display: block;
font-size: 14px;
color: #666666;
margin-bottom: 15px;
}
.bo-schedule-card .card-location {
font-weight: bold;
color: #002672;
font-size: 15px;
text-align: center !important;
margin-bottom: 0;
}
/* --- NOWOŚĆ: STYL DLA PRZESZŁEGO WYDARZENIA --- */
.bo-schedule-card.past-event {
border-top: 4px solid #94a3b8; /* Zmiana pręgi na szarą */
background-color: #f1f5f9; /* Delikatnie ciemniejsze, "zgaszone" tło */
}
.bo-schedule-card.past-event .card-date {
color: #64748b; /* Zgaszony kolor daty */
}
.bo-schedule-card.past-event .card-location {
color: #64748b; /* Zgaszony kolor lokalizacji */
}
/* Mała szara etykieta statusu */
.status-badge {
display: inline-block;
background-color: #94a3b8;
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 10px;
letter-spacing: 0.5px;
}
/* Podsumowanie na końcu artykułu */
.bo-footer-text {
font-size: 18px;
font-weight: bold;
text-align: center;
color: #f20000;
margin-top: 35px;
}
</style>
<div class="bo-article-wrapper">
<h2>Masz pomysł na zmianę w Chorzowie? Pomagamy napisać wniosek!</h2>
<p class="article-lead">Wystartował nabór do nowej edycji Budżetu Obywatelskiego oraz I Edycji Budżetu Regionalnego, Senioralnego i Młodzieżowego. Aby ułatwić Wam przygotowanie projektów, organizujemy serię otwartych spotkań warsztatowych w przestrzeniach miejskich.</p>
<p>Masz pomysł na zmianę w Chorzowie, ale nie wiesz, jak przelać go na papier i poprawnie złożyć wniosek? Pomagamy przejść przez cały proces krok po kroku. Podczas spotkań warsztatowych nie musisz martwić się skomplikowanymi procedurami – nasi urzędnicy są tam po to, by pomóc każdemu mieszkańcowi.</p>
<h2>W czym pomogą nasi pracownicy?</h2>
<ul class="bo-features-list">
<li>Odpowiedzą na wszystkie pytania dotyczące tegorocznych regulaminów.</li>
<li>Zapoznają Was krok po kroku z elektronicznym systemem składania wniosków.</li>
<li>Podpowiedzą, jak prawidłowo i kompleksowo opisać swój pomysł, by bez przeszkód przeszedł ocenę formalną.</li>
</ul>
<h2>Harmonogram spotkań warsztatowych</h2>
<p>Wybierz dogodny dla siebie termin i lokalizację. Wszystkie spotkania rozpoczynają się punktualnie o godzinie 17:00:</p>
<div class="bo-schedule-grid">
<div class="bo-schedule-card past-event"><span class="status-badge">✓ Odbyło się</span> <span class="card-date">18.06 (czwartek)</span> <span class="card-time">godzina 17:00</span>
<p class="card-location">Starochorzowski Dom Kultury</p>
</div>
<div class="bo-schedule-card"><span class="card-date">25.06 (czwartek)</span> <span class="card-time">🕒 godzina 17:00</span>
<p class="card-location">Centrum Integracji Międzypokoleniowej</p>
</div>
<div class="bo-schedule-card"><span class="card-date">02.07 (czwartek)</span> <span class="card-time">🕒 godzina 17:00</span>
<p class="card-location">MDK Batory</p>
</div>
</div>
<p class="bo-footer-text">Do zobaczenia!</p>
</div>2026-06-18 22:48:042026-06-18 22:48:04