{% extends 'guest.html.twig' %}{% block body %} <!-- ======= Featured Services Section ======= --> <section id="featured-services" class="featured-services"> <div class="container"> <div class="row gy-4"> <div class="col-xl-3 col-md-6 d-flex" data-aos="zoom-out" data-aos-delay="100"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-broadcast icon"></i></div> <h4><a href="" class="stretched-link">System powiadomień</a></h4> {# <p>Powiadomimy Cię o zbliżającym się wydarzeniu, terminie, płatności i wielu innych rzeczach.</p> #} <p><strong>TeZeA</strong> powiadomi Cię o zbliżającym się terminie płatności za domenę, serwer, certyfikat SSL i nie tylko</p> </div> </div><!-- End Service Item --> <div class="col-xl-3 col-md-6 d-flex" data-aos="zoom-out" data-aos-delay="200"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-activity icon"></i></div> <h4><a href="" class="stretched-link">Optymalizacja kosztów</a></h4> <p>Z <strong>TeZeA</strong> nie musisz pamiętać i marnować czasu na cykliczne procesy, zamiast tego możesz skupić się na rozwoju własnego biznesu.</p> </div> </div><!-- End Service Item --> <div class="col-xl-3 col-md-6 d-flex" data-aos="zoom-out" data-aos-delay="300"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-bounding-box-circles icon"></i></div> <h4><a href="" class="stretched-link">Prosta obsługa</a></h4> <p>Ustawienie powiadomień w <strong>TeZeA</strong> jest banalnie proste, zajmie Ci kilka chwil, a co najważniejsze jest to czynność jednorazowa.</p> </div> </div><!-- End Service Item --> <div class="col-xl-3 col-md-6 d-flex" data-aos="zoom-out" data-aos-delay="400"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-calendar4-week icon"></i></div> <h4><a href="" class="stretched-link">Dla Twoich Klientów</a></h4> <p><strong>TeZeA</strong> to nie tylko system powiadomień i przypomnień, ale też możliwość generowania automatycznych oraz masowych wiadomości e-mail oraz SMS do Twoich Klientów.</p> </div> </div><!-- End Service Item --> </div> </div> </section><!-- End Featured Services Section --> <!-- ======= About Section ======= --> <style> .functions-description { padding-left: 30px !important; padding-top: 5px !important; } </style> <section id="about" class="about"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h2>Dlaczego TeZeA</h2> <p>Prowadząc firmę na pewno doskonale zdajesz sobie sprawę jak wiele jest powtarzalnych czynności, które pochłaniają Twój cenny czas nie pozwalając skupić sie na tym, co naprawdę ważne i na czym najlepiej się znasz, czyli na Twoim biznesie.</p> </div> <div class="row g-4 g-lg-5" data-aos="fade-up" data-aos-delay="200"> <div class="col-lg-5"> <div class="about-img"> <img src="{{ asset('guest/assets/img/about.jpg') }} " class="img-fluid" alt=""> </div> </div> <div class="col-lg-7"> <h3 class="pt-0 pt-lg-5">A gdyby tak zautomatyzować te czynności i móc o nich "nie pamiętać"?</h3> <!-- Tabs --> <ul class="nav nav-pills mb-3"> <li><a class="nav-link active" data-bs-toggle="pill" href="#tab1">Przedłużanie domen, serwerów, etc.</a></li> <li><a class="nav-link" data-bs-toggle="pill" href="#tab2">Cykliczne faktury</a></li> <li><a class="nav-link" data-bs-toggle="pill" href="#tab3">Regularne płatności</a></li> </ul><!-- End Tabs --> <!-- Tab Content --> <div class="tab-content"> <div class="tab-pane fade show active" id="tab1"> <p class="fst-italic">Czy Tobie również zdarzyło się, że siedziałaś/eś wygodnie w biurze lub na spotkaniu i nagle poczułaś/eś jak oblewa Cię zimny pot, bo usłyszałeś/aś w głowie mrożące krew w żyłach pytanie "czy opłaciłaś/eś domenę"?</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Domena to w przypadku wielu firm jedno z najcenniejszych aktywów!</h4> </div> <p class="functions-description">Wystarczy chwila nieuwagi, przeoczenie maila i "boom". Domena wygaśnie, a Ty stracisz do niej dostęp. Przy odrobinie szczęścia wykupisz ją ponownie. Ale nie łudź się - jeśli masz rozpoznawalną markę, a Twoja strona generuje ruch to możesz być pewna/pewien, że ktoś już czeka na Twój błąd i gdy tylko nadarzy się okazja natychmiast wykupi Twoją domenę.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Z naszą pomocą możesz zapomnieć o tym problemie</h4> </div> <p class="functions-description">Dzięki <strong>TeZeA</strong> możesz ustawić dowolne powiadomienia (SMS, e-mail) o wygasającej domenie, serwerze, certyfikacie SSL, itp. dzięki czemu otrzymasz przypomnienie o konieczności np. przedłużenia abonamentu.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Ale to nie wszystko!</h4> </div> <p class="functions-description">Jeśli obawiasz się, że możesz przeoczyć maila lub SMS możemy przypomnieć Ci o tym telefonicznie, co da Ci gwarancję, że na pewno nie przeoczysz żadnego ważnego terminu.</p> </div><!-- End Tab 1 Content --> <div class="tab-pane fade show" id="tab2"> <p class="fst-italic">Wystawiasz swoim Klientom regularnie faktury i spędzasz nad tym po kilka, kilkanaście godzin w miesiącu?</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Mamy rozwiązanie, które pozwoli Ci zaoszczędzić czas i pieniądze?</h4> </div> <p class="functions-description">Twoje cykliczne faktury będą wystawiać się same, a następnie będę automatycznie wysyłane do kontrahentów.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Wystarczy, że raz wprowadzisz dane faktury i określisz częstotliwość jej wystawiania</h4> </div> <p class="functions-description"><strong>TeZeA</strong> resztę pracy wykona za Ciebie, dzięki czemu Ty będziesz mogła/mógł skupić się na swoim biznesie mając pewność, że Twoi kontrahenci otrzymają fakturę w odpowiednim momencie.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>A dodatkowo będziemy monitorować, czy faktura została zapłacona</h4> </div> <p class="functions-description">Dopóki Twój kontrahent nie opłaci faktury będzie otrzymywał przypomnienia o płatności - wystarczy, że określisz z jaką częstotliwością i w jakiej formie (mail, SMS) mają być one przesyłane, a <strong>TeZeA</strong> resztę pracy wykona za Ciebie.</p> </div><!-- End Tab 2 Content --> <div class="tab-pane fade show" id="tab3"> <p class="fst-italic">Ile razy zdarzyło Ci się, przeoczyłaś/eś jakąś płatność i albo utraciłaś/eś dostęp do produktu/usługi, albo wręcz musiałaś/eś ponieść koszty odsetek za opóźnienie oraz zapłacić za wysłany monit?</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Z aplikacją <strong>TeZeA</strong> te problemy to już historia!</h4> </div> <p class="functions-description">Dzięki systemowi przypomnień otrzymasz powiadomienie o zbliżającym się terminie płatności wtedy kiedy tego chcesz i tyle razy ile tego chcesz. To sprawi, że prawdopodobieństwo, iż zapomnisz o opłaceniu jakiejkolwiek faktury będzie niewielkie.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Możemy też sami monitorować czy opłaciłas/eś fakturę?</h4> </div> <p class="functions-description">A jeśli pomimo otrzymania powiadomień nadal nie opłacisz faktury możemy Ci o tym przypomnieć telefonicznie.</p> {# <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>To jeszcze nie wszystko!</h4> </div> <p>Jeśli potrzebujesz jakiejkolwiek innej automatyzacji, która pozwoli Ci jeszcze bardziej skupić się na własnym biznesie to możemy ją dla Ciebie wykonać. Skontaktuj się z nami i na pewno coś wymyślimy.</p> #} </div><!-- End Tab 3 Content --> </div> </div> </div> </div> </section><!-- End About Section --> {# <!-- ======= Clients Section ======= --> <section id="clients" class="clients"> <div class="container" data-aos="zoom-out"> <div class="clients-slider swiper"> <div class="swiper-wrapper align-items-center"> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-1.png') }} " class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-2.png') }} " class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-3.png') }} " class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-4.png') }} " class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-5.png') }} " class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-6.png') }} " class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-7.png') }} " class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="{{ asset('guest/assets/img/clients/client-8.png') }} " class="img-fluid" alt=""></div> </div> </div> </div> </section><!-- End Clients Section --> #} {# <!-- ======= Call To Action Section ======= --> <section id="cta" class="cta"> <div class="container" data-aos="zoom-out"> <div class="row g-5"> <div class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first"> <h3>Ustaw automatyczne wiadomości do Twoich Klientów</h3> <p>Przypomnienia o płatnościach, monity dotyczące zaległości, życzenia urodzinowe i/lub świąteczne, kampanie marketingowe i wiele innych. Dzięki [nazwa aplikacji] możesz wysyłać dowolne, spersonalizowane wiadomości do Twoich Klientów na pełnym automacie. Ustawiasz raz, a działa cały czas.</p> <a class="cta-btn align-self-start" href="#">Załóż konto i przekonaj się jakie to proste</a> </div> <div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center"> <div class="img"> <img src="{{ asset('guest/assets/img/cta.jpg') }} " alt="" class="img-fluid"> </div> </div> </div> </div> </section><!-- End Call To Action Section --> #} <!-- ======= On Focus Section ======= --> <section id="onfocus" class="onfocus"> <div class="container-fluid p-0" data-aos="fade-up"> <div class="row g-0"> <div class="col-lg-6 video-play position-relative"> {# <a href="https://www.youtube.com/watch?v=LXb3EKWsInQ" class="glightbox play-btn"></a> #} <img src="{{ asset('guest/assets/img/wysylaj-wiadomosci.jpg') }} " class="img-fluid" alt=""> </div> <div class="col-lg-6"> <div class="content d-flex flex-column justify-content-center h-100"> <h3>Ustawiaj i wysyłaj automatyczne wiadomości do Twoich Klientów</h3> <p class="fst-italic"> <strong>TeZeA</strong> pomoże Ci zautomatyzować nie tylko procesy w firmie, ale też kontakt z Klientami. Będziesz mogła/mógł ustawić dowolne powiadomienia i wiadomości wysyłane do Twoich Klientów z dowolną - zależną wyłącznie od Ciebie - częstotliwością. </p> <ul> <li><i class="bi bi-check-circle"></i> przypomnienia o płatnościach i monity dotyczące zaległości </li> <li><i class="bi bi-check-circle"></i> życzenia {# urodzinowe i/lub #}świąteczne </li> <li><i class="bi bi-check-circle"></i> kampanie marketingowe </li> <li><i class="bi bi-check-circle"></i> i wiele innych </li> </ul> <a href="{{ path('app_register') }}" class="read-more align-self-start"><span>Załóż konto i przekonaj się jakie to proste</span><i class="bi bi-arrow-right"></i></a> </div> </div> </div> </div> </section><!-- End On Focus Section --> <!-- ======= Features Section ======= --> <section id="features" class="features"> <div class="container" data-aos="fade-up"> <ul class="nav nav-tabs row gy-4 d-flex"> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#tab-1"> <i class="bi bi-binoculars color-cyan"></i> <h4>Domeny</h4> </a> </li><!-- End Tab 1 Nav --> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-2"> <i class="bi bi-box-seam color-indigo"></i> <h4>Serwery</h4> </a> </li><!-- End Tab 2 Nav --> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-3"> <i class="bi bi-brightness-high color-teal"></i> <h4>Faktury</h4> </a> </li><!-- End Tab 3 Nav --> {# <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-4"> <i class="bi bi-command color-red"></i> <h4>Płatności</h4> </a> </li><!-- End Tab 4 Nav --> #} <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-5"> <i class="bi bi-easel color-blue"></i> <h4>Życzenia</h4> </a> </li><!-- End Tab 5 Nav --> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-6"> <i class="bi bi-map color-orange"></i> <h4>i wiele innych</h4> </a> </li><!-- End Tab 6 Nav --> </ul> <div class="tab-content"> <div class="tab-pane active show" id="tab-1"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="100"> <h3>Przypomnienie o wygasających domenach</h3> <p class="fst-italic"> W dzisiejszych czasach niemalże każda firma posiada własną domenę. Są firmy, które mają ich kilkanaście, a nawet kilkadziesiąt. Jednak niewiele firm zdaje sobie sprawę jak cennym aktywem jest właśnie domena. Warto pamiętać, że </p> <ul> <li><i class="bi bi-check-circle-fill"></i> im większy ruch generuje Twoja strona, </li> <li><i class="bi bi-check-circle-fill"></i> im lepiej jest spozycjonowana w wyszukiwarkach, </li> <li><i class="bi bi-check-circle-fill"></i> im bardziej rozpoznawalna jest Twoja firma </li> </ul> <p class="fst-italic"> tym wyższa wartość samej domeny. Jej utrata może w skrajnych przypadkach oznaczać koniec tego, co budowałas/eś przez lata. Dlatego właśnie tak ważne jest, aby dbać o regularne jej przedłużanie. Jeśli o tym zapomnisz Twoja domena wygaśnie, a wtedy ktoś może ją przejąć. I wbrew pozorom jest to bardzo częsta praktyka. Odzyskanie takiej domeny może być czaso- i kosztochłonne, a niejednokrotnie wręcz niemożliwe. Jednak nawet jeśli ją odzyskasz to straty, czy też koszty jakie poniesiesz mogą okazać się zabójcze dla Twojej firmy. Z pomocą <strong>TeZeA</strong> unikniesz niepotrzebnego ryzyka i skutecznie zabezpieczysz to cenne aktywo. </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center" data-aos="fade-up" data-aos-delay="200"> <img src="{{ asset('guest/assets/img/features-1.svg') }} " alt="" class="img-fluid"> </div> </div> </div><!-- End Tab Content 1 --> <div class="tab-pane" id="tab-2"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Przypomnienie o opłaceniu serwera</h3> <p class="fst-italic"> Serwer - tak jak i domena - to również cenne aktywo. To tam przechowywane są m.in.: </p> <ul> <li><i class="bi bi-check-circle-fill"></i> pliki Twojej strony internetowej, </li> <li><i class="bi bi-check-circle-fill"></i> poczta e-mail, </li> <li><i class="bi bi-check-circle-fill"></i> a także - jeśli posiadasz np.: własny CRM - dane o wszystkich Twoich Klientach. </li> </ul> <p class="fst-italic"> Jeśli przegapisz płatność i serwer wygaśnie możesz utracić dostęp do tych wszystkich danych, a ich odzyskanie może okazać się niemożliwe. Jeśli będziesz mieć szczęście dane zostaną przywrócone, ale koszty tej operacji poniesiesz Ty i/lub Twoja firma. </p> <p class="fst-italic"> Równie istotny co serwer i domena jest certyfikat SSL, który nie tylko dba o bezpieczeństwa użytkowników na Twojej stronie i w Twoich systemach, ale jest też swoistym uwiarygodnieniem Twojego biznesu. Strony bez ważnego certyfikatu (tzw. zielona kłódka przy adresie w przeglądarce) są postrzegane jako potencjalnie niebezpieczne i w rezultacie możesz stracić potencjalnych Klientów. </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="{{ asset('guest/assets/img/features-2.svg') }} " alt="" class="img-fluid"> </div> </div> </div><!-- End Tab Content 2 --> <div class="tab-pane" id="tab-3"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Automatyczne wystawianie i wysyłanie faktur do kontrahentów</h3> <p class="fst-italic"> Proces wystawiania faktur w firmach wygląda zwykle tak, że jest jedna osoba, która co miesiąc: </p> <ul> <li><i class="bi bi-check-circle-fill"></i> korzystając z określonego programu wystawia faktury, </li> <li><i class="bi bi-check-circle-fill"></i> następnie wysyła faktury do kontrahentów i co jakiś czas sprawdza czy zostały opłacone, </li> <li><i class="bi bi-check-circle-fill"></i> a na koniec jeszcze wysyła taką fakturę do biura rachunkowego. </li> </ul> <p class="fst-italic"> Jeśli czas potrzebny do wykonania tych wszystkich czynności przemnożymy przez liczbę faktur okazuje się, że jest to proces czaso- i kosztochłonny. </p> <p class="fst-italic"> Tymczasem jak każdą czynność regularną również wystawianie i obsługę faktur można zautomatyzować. Wyobraź sobie, że wprowadzasz dane do faktury, ustawiasz jak często ma ona być wystawiana, dodajesz adres e-mail oraz numer telefonu kontrahenta i zapominasz o wszystkim. A automat sam wystawi fakturę wtedy kiedy będzie to wymagane, wyśle ją do Klienta i do Twojego biura rachunkowego, a w przypadku braku płatności prześle przypomnienie lub monit. Taka automatyzacja to nic trudnego, a zaoszczędzi Tobie i/lub Twoim pracownikom ogrom czasu. </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="{{ asset('guest/assets/img/features-3.svg') }} " alt="" class="img-fluid"> </div> </div> </div><!-- End Tab Content 3 --> {# <div class="tab-pane" id="tab-4"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Automatyczna weryfikacja opłacenia faktur</h3> <p class="fst-italic"> Monitorowanie czy i które faktury zostały opłacone to proces żmudny i wymagający regularnego logowania się do rachunku bankowego. W praktyce - szczególnie gdy wystawiane jest wiele faktur każdego dnia, tygodnia, czy miesiąca - najczęściej nie jest on realizowany i zdarza się, że firmy orientują się o nieopłaconej fakturze nawet po kilku miesiącach. </p> <p class="fst-italic"> Dzięki TeZeA ten problem odchodzi w zapomnienie. Po wystawieniu faktury i przesłaniu jej Klientowi - co również możesz w pełni zautomatyzować - kontrolę nad płatnością przejmuje aplikacja. Wystarczy że raz określisz: </p> <ul> <li><i class="bi bi-check-circle-fill"></i> kiedy mają być wysyłane przypomnienia o płatności, </li> <li><i class="bi bi-check-circle-fill"></i> w jakiej formie mają być to przypomnienia - email, SMS, </li> </ul> <p class="fst-italic"> a TeZeA resztę zrobi za Ciebie. Ty natomiast w każdej chwili możesz uzyskać dostęp do pełnych raportów m.in. na temat opłaconych i zaległych faktur. Dzięki TeZea zyskujesz nie tylko większą kontrolę nad płatnościami i poprawiasz przepływy finansowe, ale też oszczędzasz czas Twój lub Twoich pracowników. </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="{{ asset('guest/assets/img/features-4.svg') }} " alt="" class="img-fluid"> </div> </div> </div><!-- End Tab Content 4 --> #} <div class="tab-pane" id="tab-5"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Wysyłaj życzenia i inne powiadomienia</h3> <p class="fst-italic"> Stały kontakt z dotychczasowymi Klientami to gwarancja dobrych relacji w przyszłości i zwiększenie szansy na kolejne transakcje. </p> <p class="fst-italic"> Wysyłka spersonalizowanych życzeń świątecznych {# oraz urodzinowych #} to niewątpliwie coś co może sprawić, że Twój Klient poczuje, że jest dla Ciebie ważny. Dzięki <strong>TeZeA</strong> możesz w pełni zautomatyzować tego typu działania. </p> <p> Ale to nie wszystko! </p> <p class="fst-italic"> <strong>TeZeA</strong> to także idealne narzędzie do wysyłania spersonalizowanych wiadomości na temat m.in. akcji marketingowych i promocji. Sam decydujesz co, kiedy i do kogo wysyłasz. Możesz w prosty sposób dzielić Klientów na grupy i szybko rozsyłać masowe wiadomości email oraz SMS do kogo tylko chcesz. </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="{{ asset('guest/assets/img/features-5.svg') }} " alt="" class="img-fluid"> </div> </div> </div><!-- End Tab Content 5 --> <div class="tab-pane" id="tab-6"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Automatyzować można wszystko</h3> <p class="fst-italic"> Doskonale zdajemy sobie sprawę, że każdy może mieć inne potrzeby i oczekiwania. </p> <p class="fst-italic"> Dlatego, też jeśli potrzebujesz określonej automatyzacji daj nam znać, a my zajmiemy się resztą. </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="{{ asset('guest/assets/img/features-6.svg') }} " alt="" class="img-fluid"> </div> </div> </div><!-- End Tab Content 6 --> </div> </div> </section><!-- End Features Section --> {# <!-- ======= Services Section ======= --> <section id="services" class="services"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h2>Our Services</h2> <p>Ea vitae aspernatur deserunt voluptatem impedit deserunt magnam occaecati dssumenda quas ut ad dolores adipisci aliquam.</p> </div> <div class="row gy-5"> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200"> <div class="service-item"> <div class="img"> <img src="{{ asset('guest/assets/img/services-1.jpg') }} " class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-activity"></i> </div> <a href="#" class="stretched-link"> <h3>Nesciunt Mete</h3> </a> <p>Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis.</p> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="300"> <div class="service-item"> <div class="img"> <img src="{{ asset('guest/assets/img/services-2.jpg') }} " class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-broadcast"></i> </div> <a href="#" class="stretched-link"> <h3>Eosle Commodi</h3> </a> <p>Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400"> <div class="service-item"> <div class="img"> <img src="{{ asset('guest/assets/img/services-3.jpg') }} " class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-easel"></i> </div> <a href="#" class="stretched-link"> <h3>Ledo Markt</h3> </a> <p>Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="500"> <div class="service-item"> <div class="img"> <img src="{{ asset('guest/assets/img/services-4.jpg') }} " class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-bounding-box-circles"></i> </div> <a href="#" class="stretched-link"> <h3>Asperiores Commodit</h3> </a> <p>Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p> <a href="#" class="stretched-link"></a> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="600"> <div class="service-item"> <div class="img"> <img src="{{ asset('guest/assets/img/services-5.jpg') }} " class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-calendar4-week"></i> </div> <a href="#" class="stretched-link"> <h3>Velit Doloremque</h3> </a> <p>Cumque et suscipit saepe. Est maiores autem enim facilis ut aut ipsam corporis aut. Sed animi at autem alias eius labore.</p> <a href="#" class="stretched-link"></a> </div> </div> </div><!-- End Service Item --> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="700"> <div class="service-item"> <div class="img"> <img src="{{ asset('guest/assets/img/services-6.jpg') }} " class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-chat-square-text"></i> </div> <a href="#" class="stretched-link"> <h3>Dolori Architecto</h3> </a> <p>Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.</p> <a href="#" class="stretched-link"></a> </div> </div> </div><!-- End Service Item --> </div> </div> </section><!-- End Services Section -->}# {# <!-- ======= Testimonials Section ======= --> <section id="testimonials" class="testimonials"> <div class="container" data-aos="fade-up"> <div class="testimonials-slider swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item"> <img src="{{ asset('guest/assets/img/testimonials/testimonials-1.jpg') }} " class="testimonial-img" alt=""> <h3>Saul Goodman</h3> <h4>Ceo & Founder</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper. <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="{{ asset('guest/assets/img/testimonials/testimonials-2.jpg') }} " class="testimonial-img" alt=""> <h3>Sara Wilsson</h3> <h4>Designer</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa. <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="{{ asset('guest/assets/img/testimonials/testimonials-3.jpg') }} " class="testimonial-img" alt=""> <h3>Jena Karlis</h3> <h4>Store Owner</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim. <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="{{ asset('guest/assets/img/testimonials/testimonials-4.jpg') }} " class="testimonial-img" alt=""> <h3>Matt Brandon</h3> <h4>Freelancer</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam. <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <img src="{{ asset('guest/assets/img/testimonials/testimonials-5.jpg') }} " class="testimonial-img" alt=""> <h3>John Larson</h3> <h4>Entrepreneur</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid. <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div><!-- End testimonial item --> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- End Testimonials Section --> #} <!-- ======= Pricing Section ======= --> <section id="pricing" class="pricing"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h2>Cennik</h2> </div> <div class="row gy-4"> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="200"> <div class="pricing-item"> <div class="pricing-header"> <h3>Free Plan</h3> <h4><sup>$</sup>0<span> / month</span></h4> </div> <ul> <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li> <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li> <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li> <li class="na"><i class="bi bi-x"></i> <span>Pharetra massa massa ultricies</span></li> <li class="na"><i class="bi bi-x"></i> <span>Massa ultricies mi quis hendrerit</span></li> </ul> <div class="text-center mt-auto"> <a href="#" class="buy-btn">Buy Now</a> </div> </div> </div><!-- End Pricing Item --> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="400"> <div class="pricing-item featured"> <div class="pricing-header"> <h3>Business Plan</h3> <h4><sup>$</sup>29<span> / month</span></h4> </div> <ul> <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li> <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li> <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</spa> </li> <li><i class="bi bi-dot"></i> <span>Pharetra massa massa ultricies</spa> </li> <li><i class="bi bi-dot"></i> <span>Massa ultricies mi quis hendrerit</span></li> </ul> <div class="text-center mt-auto"> <a href="#" class="buy-btn">Buy Now</a> </div> </div> </div><!-- End Pricing Item --> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="600"> <div class="pricing-item"> <div class="pricing-header"> <h3>Developer Plan</h3> <h4><sup>$</sup>49<span> / month</span></h4> </div> <ul> <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li> <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li> <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li> <li><i class="bi bi-dot"></i> <span>Pharetra massa massa ultricies</span></li> <li><i class="bi bi-dot"></i> <span>Massa ultricies mi quis hendrerit</span></li> </ul> <div class="text-center mt-auto"> <a href="#" class="buy-btn">Buy Now</a> </div> </div> </div><!-- End Pricing Item --> </div> </div> </section><!-- End Pricing Section --> <!-- ======= F.A.Q Section ======= --> <section id="faq" class="faq"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h2>Najczęściej zadawane pytania</h2> </div> <div class="row gy-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-stretch order-2 order-lg-1 m-auto"> <div class="accordion accordion-flush px-xl-5" id="faqlist"> <div class="accordion-item" data-aos="fade-up" data-aos-delay="200"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1"> <i class="bi bi-question-circle question-icon"></i> Jak często wysyłane są powiadomienia? </button> </h3> <div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist"> <div class="accordion-body"> Ilość oraz częstotliwość wysyłania powiadomień jest każdorazowo ustalana przez uzytkownika. </div> </div> </div><!-- # Faq item--> <div class="accordion-item" data-aos="fade-up" data-aos-delay="300"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2"> <i class="bi bi-question-circle question-icon"></i> Do ilu osób można jednocześnie wysłać wiadomość e-mail lub SMS </button> </h3> <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist"> <div class="accordion-body"> Jest to zależne od wybranego pakietu. w każdej chwili można tez dokupić pakiet dodatkowych wiadomości SMS i e-mail. </div> </div> </div><!-- # Faq item--> <div class="accordion-item" data-aos="fade-up" data-aos-delay="400"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3"> <i class="bi bi-question-circle question-icon"></i> Czy, a jeśli tak to w jaki sposób można zaimportować bazę kontaktów? </button> </h3> <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist"> <div class="accordion-body"> Bazę kontaktów można zaimportować na kilka sposób. Można dodawać każdy kontakt osobno, można przekleić tabelę kontaktów np. z excela, a także można zrobić to poprzez załadowanie pliku CSV. Po przesłaniu kontaktów system sam przeanalizuje co zostało wysłane i poprosi o identyfikację poszczególnych kolumn. </div> </div> </div><!-- # Faq item--> <div class="accordion-item" data-aos="fade-up" data-aos-delay="500"> <h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-4"> <i class="bi bi-question-circle question-icon"></i> Jak długo system generuje powiadomienia? </button> </h3> <div id="faq-content-4" class="accordion-collapse collapse" data-bs-parent="#faqlist"> <div class="accordion-body"> <i class="bi bi-question-circle question-icon"></i> Jeśli podczas ustawienia powiadomienia zaznaczysz opcję "wymagane potwierdzenie" wówczas system będzie wysyłał powiadomienia w terminach, które wskazałaś/eś do czasu, aż potwierdzisz wykonanie zadania np. opłacenie domeny.<br><br>Jeśli po wysłaniu ostatniego planowanego powiadomienia nadal nie potwierdzisz wykonania zadania wówczas system przejdzie w tryb "alert" i będzie wysyłała powiadomienie o zaległym zadaniu codziennie, aż do skutku, czyli do momentu aż potwierdzisz wykonania zadania. <br><br>Jeśli natomiast w/w opcja nie zostanie zaznaczona wówczas system wyśle powiadomienia wyłącznie w tych terminach, które wskażesz podczas tworzenia powiadomienia. </div> </div> </div><!-- # Faq item--> </div> </div> {# <div class="col-lg-5 align-items-stretch order-1 order-lg-2 img" style='background-image: url({{ asset("guest/assets/img/faq.jpg") }})'> </div>#} </div> </div> </section><!-- End F.A.Q Section --> {# <!-- ======= Portfolio Section ======= --> <section id="portfolio" class="portfolio" data-aos="fade-up"> <div class="container"> <div class="section-header"> <h2>Portfolio</h2> <p>Non hic nulla eum consequatur maxime ut vero memo vero totam officiis pariatur eos dolorum sed fug dolorem est possimus esse quae repudiandae. Dolorem id enim officiis sunt deserunt esse soluta consequatur quaerat</p> </div> </div> <div class="container-fluid" data-aos="fade-up" data-aos-delay="200"> <div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order"> <ul class="portfolio-flters"> <li data-filter="*" class="filter-active">All</li> <li data-filter=".filter-app">App</li> <li data-filter=".filter-product">Product</li> <li data-filter=".filter-branding">Branding</li> <li data-filter=".filter-books">Books</li> </ul><!-- End Portfolio Filters --> <div class="row g-0 portfolio-container"> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-app"> <img src="{{ asset('guest/assets/img/portfolio/app-1.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>App 1</h4> <a href="assets/img/portfolio/app-1.jpg') }} " title="App 1" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-product"> <img src="{{ asset('guest/assets/img/portfolio/product-1.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Product 1</h4> <a href="assets/img/portfolio/product-1.jpg') }} " title="Product 1" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-branding"> <img src="{{ asset('guest/assets/img/portfolio/branding-1.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Branding 1</h4> <a href="assets/img/portfolio/branding-1.jpg') }} " title="Branding 1" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-books"> <img src="{{ asset('guest/assets/img/portfolio/books-1.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Books 1</h4> <a href="assets/img/portfolio/books-1.jpg') }} " title="Branding 1" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-app"> <img src="{{ asset('guest/assets/img/portfolio/app-2.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>App 2</h4> <a href="assets/img/portfolio/app-2.jpg') }} " title="App 2" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-product"> <img src="{{ asset('guest/assets/img/portfolio/product-2.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Product 2</h4> <a href="assets/img/portfolio/product-2.jpg') }} " title="Product 2" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-branding"> <img src="{{ asset('guest/assets/img/portfolio/branding-2.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Branding 2</h4> <a href="assets/img/portfolio/branding-2.jpg') }} " title="Branding 2" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-books"> <img src="{{ asset('guest/assets/img/portfolio/books-2.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Books 2</h4> <a href="assets/img/portfolio/books-2.jpg') }} " title="Branding 2" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-app"> <img src="{{ asset('guest/assets/img/portfolio/app-3.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>App 3</h4> <a href="assets/img/portfolio/app-3.jpg') }} " title="App 3" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-product"> <img src="{{ asset('guest/assets/img/portfolio/product-3.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Product 3</h4> <a href="assets/img/portfolio/product-3.jpg') }} " title="Product 3" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-branding"> <img src="{{ asset('guest/assets/img/portfolio/branding-3.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Branding 3</h4> <a href="assets/img/portfolio/branding-3.jpg') }} " title="Branding 2" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item filter-books"> <img src="{{ asset('guest/assets/img/portfolio/books-3.jpg') }} " class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Books 3</h4> <a href="assets/img/portfolio/books-3.jpg') }} " title="Branding 3" data-gallery="portfolio-gallery" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div><!-- End Portfolio Item --> </div><!-- End Portfolio Container --> </div> </div> </section><!-- End Portfolio Section --> #} <!-- ======= Team Section ======= --> {# <section id="team" class="team"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h2>Nasz zespół</h2> <p>Narazie go nie będziemy pokazywać</p> </div> <div class="row gy-5"> <div class="col-xl-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200"> <div class="team-member"> <div class="member-img"> <img src="{{ asset('guest/assets/img/team/team-1.jpg') }} " class="img-fluid" alt=""> </div> <div class="member-info"> <div class="social"> <a href=""><i class="bi bi-twitter"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> <h4>Adam Klimas</h4> <span>Zjadł kebaba i sie cieszy</span> </div> </div> </div><!-- End Team Member --> <div class="col-xl-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="400"> <div class="team-member"> <div class="member-img"> <img src="{{ asset('guest/assets/img/team/team-2.jpg') }} " class="img-fluid" alt=""> </div> <div class="member-info"> <div class="social"> <a href=""><i class="bi bi-twitter"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> <h4>Jakaś laska</h4> <span>Nie wiemy kto to</span> </div> </div> </div><!-- End Team Member --> <div class="col-xl-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="600"> <div class="team-member"> <div class="member-img"> <img src="{{ asset('guest/assets/img/team/team-3.jpg') }} " class="img-fluid" alt=""> </div> <div class="member-info"> <div class="social"> <a href=""><i class="bi bi-twitter"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> <h4>Piotr Bibrzycki</h4> <span>Też sie cieszy bo zjadł kebaba</span> </div> </div> </div><!-- End Team Member --> </div> </div> </section><!-- End Team Section --> #} {# } <!-- ======= Recent Blog Posts Section ======= --> <section id="recent-blog-posts" class="recent-blog-posts"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h2>Blog</h2> <p>Recent posts form our Blog</p> </div> <div class="row"> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200"> <div class="post-box"> <div class="post-img"><img src="{{ asset('guest/assets/img/blog/blog-1.jpg') }} " class="img-fluid" alt=""></div> <div class="meta"> <span class="post-date">Tue, December 12</span> <span class="post-author"> / Julia Parker</span> </div> <h3 class="post-title">Eum ad dolor et. Autem aut fugiat debitis voluptatem consequuntur sit</h3> <p>Illum voluptas ab enim placeat. Adipisci enim velit nulla. Vel omnis laudantium. Asperiores eum ipsa est officiis. Modi cupiditate exercitationem qui magni est...</p> <a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="400"> <div class="post-box"> <div class="post-img"><img src="{{ asset('guest/assets/img/blog/blog-2.jpg') }} " class="img-fluid" alt=""></div> <div class="meta"> <span class="post-date">Fri, September 05</span> <span class="post-author"> / Mario Douglas</span> </div> <h3 class="post-title">Et repellendus molestiae qui est sed omnis voluptates magnam</h3> <p>Voluptatem nesciunt omnis libero autem tempora enim ut ipsam id. Odit quia ab eum assumenda. Quisquam omnis aliquid necessitatibus tempora consectetur doloribus...</p> <a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="600"> <div class="post-box"> <div class="post-img"><img src="{{ asset('guest/assets/img/blog/blog-3.jpg') }} " class="img-fluid" alt=""></div> <div class="meta"> <span class="post-date">Tue, July 27</span> <span class="post-author"> / Lisa Hunter</span> </div> <h3 class="post-title">Quia assumenda est et veritatis aut quae</h3> <p>Quia nam eaque omnis explicabo similique eum quaerat similique laboriosam. Quis omnis repellat sed quae consectetur magnam veritatis dicta nihil...</p> <a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a> </div> </div> </div> </div> </section><!-- End Recent Blog Posts Section --> #} <!-- ======= Contact Section ======= --> <section id="contact" class="contact"> {# <div class="container"> <div class="section-header"> <h2>Kontakt</h2> <p>Masz pytania?</p> </div> </div> <div class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" allowfullscreen></iframe> </div><!-- End Google Maps --> #} <div class="container"> <div class="row gy-5 gx-lg-5"> <div class="col-lg-4"> <div class="info"> <h3>Kontakt</h3> <p>Masz pytania? Napisz do nas lub zadzwoń.<br><br>Po wysłaniu formularza skontaktujemy się z Tobą najszybciej jak to możliwe.</p> <div class="info-item d-flex"> <i class="bi bi-geo-alt flex-shrink-0"></i> <div> <h4>Lokalizacja:</h4> <p>ul. Moniuszki 26A</p> <p>41-902 Bytom</p> </div> </div><!-- End Info Item --> <div class="info-item d-flex"> <i class="bi bi-envelope flex-shrink-0"></i> <div> <h4>Email:</h4> <p>kontakt@tezea.pl</p> </div> </div><!-- End Info Item --> {# <div class="info-item d-flex"> <i class="bi bi-phone flex-shrink-0"></i> <div> <h4>Telefon:</h4> <p>+48 </p> </div> </div><!-- End Info Item --> #} </div> </div> <div class="col-lg-8"> <form action="forms/contact.php" method="post" role="form"> <div class="row"> <div class="col-md-6 form-group"> <div class="form-floating"> <input type="text" name="name" class="form-control" id="name" placeholder="Twoje imię" required> <label for="name" class="required">Twoje imię</label> </div> </div> <div class="col-md-6 form-group"> <div class="form-floating"> <input type="email" class="form-control form-control-sm form-control" id="email" placeholder="Twój adres Email" required> <label for="email" class="required">Twój adres Email</label> </div> </div> <div class="col-12 form-group"> <div class="form-floating"> <input type="text" class="form-control" name="subject" id="subject" placeholder="Temat wiadomości" required> <label for="subject" class="required">Temat wiadomości</label> </div> </div> <div class="col-12 form-group"> <div class="form-floating"> <textarea class="form-control" name="message" placeholder="Treść wiadomości" id="message" required style="height: 265px;"></textarea> <label for="message" class="required">Treść wiadomości</label> </div> </div> </div> <div class="text-center"> <button type="submit" class="btn btn-primary btn-lg">Wyślij wiadomość</button> </div> </form> </div><!-- End Contact Form --> </div> </div> </section><!-- End Contact Section -->{% endblock %}