Reklama a razítka

<style> :root { --color-primary-title: #0070c0; --color-detail-accent: #cd9900; --color-secondary-accent: #89BC23; /* Připraveno k použití */ --color-text-main: #333; --color-text-light: #555; --color-background-section: #f8f9fa; /* Velmi světlé pozadí pro celý blok */ --color-background-card: #ffffff; --border-radius-large: 12px; /* Pro hlavní blok */ --border-radius-medium: 8px; /* Pro karty uvnitř */ --border-radius-small: 6px; /* Pro obrázky */ --box-shadow-soft: 0 5px 15px rgba(0, 0, 0, 0.07); --box-shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.05); } .category-section-enhanced { background-color: var(--color-background-section); padding: 40px 20px; border-radius: var(--border-radius-large); margin-bottom: 40px; } .category-main-title { text-align: center; color: var(--color-primary-title); font-size: 2.4em; /* Výraznější nadpis */ font-weight: 700; margin-bottom: 15px; line-height: 1.3; } .category-main-title::after { content: ''; display: block; width: 70px; height: 4px; background-color: var(--color-detail-accent); margin: 15px auto 35px auto; /* Mezera pod linkou */ border-radius: 2px; } .category-content-wrapper { display: flex; flex-direction: row; gap: 30px; /* Mezera mezi textem a galerií */ flex-wrap: wrap; align-items: flex-start; /* Zarovnání horní hrany */ } .category-text-content { flex: 1 1 40%; /* Flex-grow, flex-shrink, flex-basis */ min-width: 300px; max-width: 580px; /* Omezení šířky pro lepší čitelnost */ background-color: var(--color-background-card); padding: 25px 30px; border-radius: var(--border-radius-medium); box-shadow: var(--box-shadow-soft); } .category-text-content h3 { /* Pokud by byl podnadpis v textovém bloku */ margin-top: 0; margin-bottom: 15px; color: var(--color-text-main); font-size: 1.5em; } .category-text-content p { line-height: 1.7; margin-bottom: 15px; color: var(--color-text-light); } .category-text-content ul { padding-left: 20px; /* Standardní odsazení pro odrážky */ margin-bottom: 15px; list-style-type: disc; /* Explicitně nastaví tečky jako odrážky */ } .category-text-content li { color: var(--color-text-light); margin-bottom: 10px; line-height: 1.6; } .category-image-gallery { flex: 1 1 55%; /* Flex-grow, flex-shrink, flex-basis */ min-width: 320px; } .category-gallery-grid-layout { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; /* Mezera mezi obrázky */ } .category-gallery-grid-layout img { display: block; width: 100%; height: 190px; /* Můžete upravit */ object-fit: cover; border-radius: var(--border-radius-small); box-shadow: var(--box-shadow-subtle); /* Jemný stín i na obrázcích */ } /* Responsivita */ @media (max-width: 992px) { .category-text-content { max-width: none; } } @media (max-width: 768px) { .category-section-enhanced { padding: 30px 15px; } .category-main-title { font-size: 2em; } .category-content-wrapper { flex-direction: column; gap: 30px; } .category-text-content, .category-image-gallery { flex-basis: 100%; width: 100%; } .category-gallery-grid-layout img { height: 160px; } } @media (max-width: 480px) { .category-main-title { font-size: 1.7em; } .category-main-title::after { width: 50px; height: 3px; margin: 10px auto 25px auto; } .category-text-content { padding: 20px; } .category-text-content ul { padding-left: 20px; } .category-gallery-grid-layout img { height: 130px; } } </style> <!-- HTML kód, který vložíte do obsahu CMS --> <div class="category-section-enhanced"> <h2 class="category-main-title">Profesionální reklamní tiskoviny a kvalitní razítka</h2> <div class="category-content-wrapper"> <!-- Levá část - textový obsah --> <div class="category-text-content"> <p> Potřebujete zviditelnit vaši firmu nebo zefektivnit administrativu? Nabízíme komplexní řešení v oblasti reklamy a výroby razítek na míru. Spolehněte se na naši kvalitu a rychlost. </p> <ul> <li>Výroba samonamáčecích i klasických razítek</li> <li>Reklamní plachty, bannery a roll-upy</li> <li>Potisk textilu (trička, mikiny, pracovní oděvy)</li> <li>Velkoformátový tisk a polepy výloh či vozidel</li> <li>Grafické návrhy pro všechny vaše reklamní potřeby</li> </ul> <p> Od návrhu až po realizaci jsme tu pro vás. Pomůžeme vám vybrat nejvhodnější materiály a technologie pro dosažení maximálního efektu vaší propagace. </p> </div> <!-- Pravá část - galerie obrázků --> <div class="category-image-gallery"> <div class="category-gallery-grid-layout"> <!-- Zde vložte 4 obrázky vašich produktů --> <img src="/media/custom/images/category/reklama_a_razitka/bila.webp" alt=""> <img src="/media/custom/images/category/reklama_a_razitka/plast.webp" alt=""> <img src="/media/custom/images/category/reklama_a_razitka/1.webp" alt=""> <img src="/media/custom/images/category/reklama_a_razitka/2.webp" alt=""> </div> </div> </div> </div>