Witaj, świecie!
Witamy w WordPressie. To jest twój pierwszy wpis. Edytuj go lub usuń, a następnie zacznij pisać!
<style>
/* Kontener główny logo */
.tw-custom-logo {
background-color: #000000;
padding: 15px 25px;
display: inline-flex;
align-items: center;
font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
border-radius: 4px;
color: #ffffff;
text-decoration: none;
line-height: 1.2;
}
/* Stylizowany monogram TW */
.tw-monogram {
font-weight: 900;
font-size: 45px;
color: #ff0000;
font-style: italic;
text-shadow: 2px 2px 0px #ffffff;
margin-right: 20px;
letter-spacing: -3px;
user-select: none;
}
/* Pionowa czerwona linia */
.tw-line {
width: 3px;
height: 50px;
background-color: #ff0000;
margin-right: 20px;
}
/* Pudełko na napisy */
.tw-text-box {
display: flex;
flex-direction: column;
}
/* Główny napis */
.tw-title {
font-weight: 700;
font-size: 24px;
margin: 0;
color: #ffffff;
text-transform: none;
}
/* Podpis pod spodem */
.tw-desc {
font-weight: 400;
font-size: 14px;
margin: 0;
letter-spacing: 1px;
color: #cccccc;
}
/* Optymalizacja dla urządzeń mobilnych */
@media (max-width: 480px) {
.tw-custom-logo {
padding: 10px 15px;
}
.tw-monogram {
font-size: 30px;
margin-right: 12px;
}
.tw-line {
height: 35px;
margin-right: 12px;
}
.tw-title {
font-size: 18px;
}
.tw-desc {
font-size: 11px;
}
}
</style>
<!-- Struktura HTML logo -->
<div class="tw-custom-logo" role="img" aria-label="Logo: Niepełnosprawność - prawo, system, człowiek">
<div class="tw-monogram">TW</div>
<div class="tw-line"></div>
<div class="tw-text-box">
<div class="tw-title">Niepełnosprawność</div>
<div class="tw-desc">prawo system człowiek</div>
</div>
</div>