To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu. Kliknij dwa razy, aby edytować

<style> /* === TESTIMONIALS – GETRESPONSE SAFE === */ .testimonials-wrapper { max-width: 1200px; margin: 0 auto; padding: 10px 0; font-family: 'Montserrat'; } .testimonials-grid { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 10px; } .testimonial-card { flex: 0 0 220px; border: 1px solid #eeeeee; background: #ffffff; padding: 18px; box-sizing: border-box; } .testimonial-name { font-size: 15px; font-weight: 600; color: #222; margin-bottom: 4px; } .testimonial-product { font-size: 13px; color: #999; margin-bottom: 10px; } .testimonial-stars { color: #f2c94c; font-size: 14px; margin-bottom: 10px; line-height: 1; } .testimonial-text { font-size: 12px; line-height: 1.6; color: #555; } /* === DESKTOP === */ @media (min-width: 900px) { .testimonials-grid { overflow: hidden; } .testimonial-card { flex: 1; } } /* === MOBILE === */ @media (max-width: 600px) { .testimonial-card { flex: 0 0 85%; } } </style> <div class="testimonials-wrapper"> <div class="testimonials-grid"> <div class="testimonial-card"> <div class="testimonial-name">Aleksander</div> <div class="testimonial-product">Fotoalbum</div> <div class="testimonial-stars">★★★★★</div> <div class="testimonial-text"> Dla mnie są najlepszą drukarnią online. Ich kreator albumów jest bardzo prosty w obsłudze. Jakość!!! </div> </div> <div class="testimonial-card"> <div class="testimonial-name">Kajka</div> <div class="testimonial-product">Fotoalbum ślubny</div> <div class="testimonial-stars">★★★★★</div> <div class="testimonial-text"> Stworzyłam z Artibo piękny fotoalbum. Jakość na wysokim poziomie oraz dotrzymany termin wykonania, który był u mnie kluczowy sprawiają, że będę wracać z kolejnymi realizacjami . </div> </div> <div class="testimonial-card"> <div class="testimonial-name">Malwina</div> <div class="testimonial-product">Fotoalbum</div> <div class="testimonial-stars">★★★★★</div> <div class="testimonial-text"> Album wykonany z wysokiej jakości materiału, klasa, zdjęcia zachowały wysoką jakość, a także wszystko zgodnie z projektem. Polecam i na pewno wrócę po kolejne albumy :) </div> </div> <div class="testimonial-card"> <div class="testimonial-name">Bijoy Nayan</div> <div class="testimonial-product">Fotoalbum ślubny</div> <div class="testimonial-stars">★★★★★</div> <div class="testimonial-text"> Our team is constantly working on improving the platform and adding new features to enhance your experience. Introducing Ethereum – the revolutionary blockchain product that's changing the game! </div> </div> <div class="testimonial-card"> <div class="testimonial-name">Gabriela</div> <div class="testimonial-product">Fotoalbum ślubny</div> <div class="testimonial-stars">★★★★★</div> <div class="testimonial-text"> Jakość jest na najwyższym poziomie, bardzo zrozumiały kreator fotoalbumu i sprawna dostawa, produkt bardzo dobrze zabezpieczony w transporcie. Bardzo polecam </div> </div> </div> </div>

To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu. Kliknij dwa razy, aby edytować

<style> /* === FAQ ACCORDION – GETRESPONSE SAFE === */ .faq-wrapper { max-width: 900px; margin: 0 auto; font-family: 'Montserrat'; } .faq-item { border: 1px solid #e6e6e6; margin-bottom: 12px; background: #ffffff; } .faq-question { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; cursor: pointer; font-size: 16px; font-weight: 600; color: #222; } .faq-icon { width: 20px; height: 20px; flex-shrink: 0; } .faq-answer { display: none; padding: 0 20px 18px 20px; font-size: 14px; line-height: 1.5; color: #555; } .faq-item.active .faq-answer { display: block; } .faq-item.active .icon-plus { display: none; } .faq-item:not(.active) .icon-minus { display: none; } /* === MOBILE === */ @media (max-width: 600px) { .faq-question { font-size: 15px; padding: 16px; } .faq-answer { font-size: 14px; padding: 0 16px 16px 16px; } } </style> <div class="faq-wrapper"> <div class="faq-item active"> <div class="faq-question"> <span>Kiedy otrzymam kod rabatowy?</span> <span class="faq-icon"> <svg class="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> <svg class="icon-minus" viewBox="0 0 24 24"><path d="M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> </span> </div> <div class="faq-answer"> Kod rabatowy wyślemy na podany adres e-mail w krótkim czasie po zapisie do newslettera. </div> </div> <div class="faq-item"> <div class="faq-question"> <span>Na jakie produkty mogę wykorzystać kod?</span> <span class="faq-icon"> <svg class="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> <svg class="icon-minus" viewBox="0 0 24 24"><path d="M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> </span> </div> <div class="faq-answer"> Kod rabatowy dotyczy wszystkich fotoksiążek i fotoalbumów, można go użyć podczas składania zamówienia. </div> </div> <div class="faq-item"> <div class="faq-question"> <span>Czy zapis do newslettera jest obowiązkowy?</span> <span class="faq-icon"> <svg class="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> <svg class="icon-minus" viewBox="0 0 24 24"><path d="M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> </span> </div> <div class="faq-answer"> Tak, zapis do newslettera jest wymagany, aby otrzymać kod rabatowy. </div> </div> <div class="faq-item"> <div class="faq-question"> <span>Czy kod mogę wykorzystać więcej niż raz?</span> <span class="faq-icon"> <svg class="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> <svg class="icon-minus" viewBox="0 0 24 24"><path d="M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> </span> </div> <div class="faq-answer"> Kod rabatowy jest jednorazowy i można go wykorzystać tylko jeden raz. </div> </div> <div class="faq-item"> <div class="faq-question"> <span>Czym różni się fotoksiążka od fotoalbumu Artibo?</span> <span class="faq-icon"> <svg class="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> <svg class="icon-minus" viewBox="0 0 24 24"><path d="M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> </span> </div> <div class="faq-answer"> <p><strong>Fotoksiążka</strong> – klasyczna forma książki z miękkimi stronami.</p> <p><strong>Fotoalbum</strong> – ekskluzywna wersja z sztywnymi kartami, rozkładany idealnie na płasko.</p> <p>Więcej możesz przeczytać tutaj: <a href="https://artibo.com/pl/artiblog/fotoksiazka-fotoalbum-poznaj-roznice-i-podobienstwa" target="_blank" rel="noopener"> Fotoksiążka czy fotoalbum – poznaj różnice i podobieństwa </a> </p> </div> </div> <div class="faq-item"> <div class="faq-question"> <span>Czy mogę połączyć kod z innymi promocjami?</span> <span class="faq-icon"> <svg class="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> <svg class="icon-minus" viewBox="0 0 24 24"><path d="M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> </span> </div> <div class="faq-answer"> Nie łączy się z innymi ofertami. </div> </div> <div class="faq-item"> <div class="faq-question"> <span>Jak złożyć zamówienie w Artibo?</span> <span class="faq-icon"> <svg class="icon-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> <svg class="icon-minus" viewBox="0 0 24 24"><path d="M5 12h14" stroke="#222" stroke-width="2" fill="none"/></svg> </span> </div> <div class="faq-answer"> <ol> <li>Załóż konto lub zaloguj się.</li> <li>Wybierz produkt/y i zaprojektuj go w naszym darmowym kreatorze online.</li> <li>Wpisz kod rabatowy z maila.</li> <li>Złóż zamówienie i czekaj na swoją przesyłkę!</li> </ol> </div> </div> </div> <script> (function () { var items = document.querySelectorAll('.faq-question'); items.forEach(function (question) { question.addEventListener('click', function () { var parent = this.parentElement; if (parent.classList.contains('active')) { parent.classList.remove('active'); } else { document.querySelectorAll('.faq-item').forEach(function (item) { item.classList.remove('active'); }); parent.classList.add('active'); } }); }); })(); </script>