CINXE.COM
Responsive Web Design - IT-Geeks | Tworzenie Stron Dostosowanych do Urządzeń Mobilnych
<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Responsive Web Design - IT-Geeks | Tworzenie Stron Dostosowanych do Urządzeń Mobilnych</title> <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/android-chrome-192x192.png"> <meta name="description" content="Odkryj, jak Responsive Web Design zapewnia doskonałe wrażenia na różnych urządzeniach. Dowiedz się, jak nasze usługi mogą pomóc w tworzeniu responsywnych stron internetowych."> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <!-- <link rel="icon" type="image/png" sizes="32x32" href="img/icons/logo.png"> --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/main.css"> </head> <body> <header class="subpage-header responsive-header"> <div class="mobile-underline"> <button class="hamburger hamburger--emphatic" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> <span class="hamburger-inner"></span> <span class="hamburger-inner"></span> </span> </button> <nav class="nav nav-desktop"> <a class="nav__link" href="index.html#agency">Agencja</a> <a class="nav__link" href="index.html#offer">Oferta</a> <a class="nav__link" href="index.html#portfolio">Portfolio</a> <a class="nav__link" href="blog.html">Blog</a> <a class="nav__link" href="#contact">Kontakt</a> <div class="nav__link translate-box"> <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script> <div class="elfsight-app-9241d1c3-e539-43f5-af36-7b8e9b977c85" data-elfsight-app-lazy></div> </div> </nav> <a href="index.html" class="logo"><img src="/img/icons/logo.png" alt=""></a> <nav class="nav nav-mobile"> <a class="nav__link" href="index.html#agency">Agencja</a> <a class="nav__link" href="index.html#offer">Oferta</a> <a class="nav__link" href="index.html#portfolio">Portfolio<a> <a class="nav__link" href="blog.html">Blog</a> <a class="nav__link" href="#contact">Kontakt</a> <div class="nav__translate translate-box"> <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script> <div class="elfsight-app-9241d1c3-e539-43f5-af36-7b8e9b977c85" data-elfsight-app-lazy></div> </div> <div class="nav-shadow"></div> </nav> </div> <div class="responsive-header__text"> <h1 class="company-name">Responsive Web Design</h1> <p>Responsywne <span>strony i sklepy internetowe</span> – Zaufaj specjalistom</p> </div> <div class="hero-shadow"></div> </header> <main class="main"> <section id="agency" class="agency"> <div class="wrapper"> <div class="agency__text"> <h2 class="agency-title"><span class="congrats">Dziękujemy,</span> że odwiedzasz naszą stronę! </h2> <p class="agency__text-p">Kładziemy <span class="agency-p-span">ogromny nacisk na projektowanie responsywnych stron internetowych.</span> Nasze strony są tworzone w najnowszych technologiach, aby zapewnić optymalne działanie na każdym urządzeniu – od komputerów po smartfony. Doradzamy naszym klientom, jak najlepiej wykorzystać możliwości responsywnego designu, aby ich strony były efektywne i przynosiły korzyści biznesowe.</p> </div> <div class="reasons-section"> <h2 class="reasons-heading">Nowoczesne <span class="span">responsywne strony</span> dla Twojego biznesu</h2> <div class="reason"> <h3>Elastyczność, Użyteczność i Doświadczenie</h3> <p class="reason-text">Responsywne strony internetowe to klucz do sukcesu w dzisiejszym świecie mobilnym. <span class="extra-span">Nasze projekty dostosowują się</span> automatycznie do różnych urządzeń, takich jak smartfony, tablety czy laptopy, co zapewnia doskonałe doświadczenie użytkownika bez względu na wielkość ekranu. <span class="span">Zapewniamy wysoką użyteczność</span> i szybki czas ładowania, dzięki optymalizacji grafik i kodu. Nasz zespół ma ponad <span class="span">12-letnie doświadczenie</span> w projektowaniu responsywnych stron, co pozwala nam tworzyć strony, które nie tylko wyglądają dobrze, ale również działają sprawnie i intuicyjnie.</p> </div> <div class="reason"> <h3>Optymalizacja, Widoczność i Pełne Wsparcie</h3> <p class="reason-text">Stawiamy na <span class="span">optymalizację pod kątem SEO</span> i szybkości działania, co zwiększa widoczność stron w wynikach wyszukiwania oraz poprawia pozycjonowanie. Responsywne strony są preferowane przez wyszukiwarki, co przekłada się na <span class="extra-span">lepsze wyniki wyszukiwania</span> i większy ruch na Twojej stronie. Oferujemy pełne wsparcie na każdym etapie projektowania i wdrażania strony, zapewniając, że Twój projekt spełnia wszystkie wymagania. <span class="span">Dzięki naszej kompleksowej obsłudze</span>, Twoja strona będzie nowoczesna, funkcjonalna i przygotowana na przyszłe wyzwania technologiczne.</p> </div> </div> </div> </section> <section class="section subpage-accordion"> <h2 class="subpage-title">FAQ</h2> <div class="subpage-accordion"> <div class="subpage-accordion-item"> <button class="subpage-accordion-header"> <span>Ile kosztuje stworzenie strony internetowej?</span> <img src="/img/icons/chevron-down-svgrepo-com1.svg" alt="Expand"> </button> <div class="subpage-accordion-content"> <p>Koszt stworzenia strony internetowej zależy od wielu czynników, takich jak <span>złożoność projektu, liczba podstron, funkcjonalności, czy wybór technologii.</span> <br><br> Prosta strona wizytówka może kosztować od kilkuset do kilku tysięcy złotych, podczas gdy rozbudowane serwisy czy sklepy internetowe mogą wymagać większego budżetu. <br><br> Aby uzyskać dokładną wycenę, <span>skontaktuj się z nami, a przygotujemy ofertę</span> dostosowaną do Twoich potrzeb. </p> </div> </div> <div class="subpage-accordion-item"> <button class="subpage-accordion-header"> <span>Czy oferujecie wsparcie techniczne po zakończeniu projektu?</span> <img src="/img/icons/chevron-down-svgrepo-com1.svg" alt="Expand"> </button> <div class="subpage-accordion-content"> <p>Tak, zapewniamy wsparcie techniczne po zakończeniu projektu. Oferujemy różne pakiety wsparcia, które obejmują aktualizacje, <br><br> konserwację oraz pomoc w przypadku problemów technicznych. Chcemy, aby Twoja strona działała bez zarzutu!</p> </div> </div> <div class="subpage-accordion-item"> <button class="subpage-accordion-header"> <span>Ile czasu zajmuje stworzenie strony internetowej?</span> <img src="/img/icons/chevron-down-svgrepo-com1.svg" alt="Expand"> </button> <div class="subpage-accordion-content"> <p>Czas realizacji projektu strony internetowej zależy od jego skomplikowania i specyfikacji. <br><br>Standardowo, prosta strona informacyjna może być gotowa w ciągu 2-4 tygodni, podczas gdy bardziej rozbudowane serwisy, <br><br> takie jak sklepy internetowe czy portale, mogą wymagać 6-8 tygodni lub więcej. </p> </div> </div> <div class="subpage-accordion-item"> <button class="subpage-accordion-header"> <span>Czy mogę samodzielnie zarządzać treścią na mojej stronie?</span> <img src="/img/icons/chevron-down-svgrepo-com1.svg" alt="Expand"> </button> <div class="subpage-accordion-content"> <p>Tak, istnieje taka możliwość, ale zależy to od rodzaju strony. Jeśli wybierzesz stronę opartą na systemie zarządzania treścią (CMS), takim jak WordPress, będziesz mógł łatwo edytować teksty, dodawać nowe strony czy aktualizować informacje samodzielnie. <br><br> W przypadku stron pisanych bez CMS, edycja treści może wymagać podstawowej wiedzy programistycznej lub wsparcia technicznego. </p> </div> </div> </div> </section> <section class="section subpage-portfolio"> <div class="slim-wrapper"> <h2 class="subpage-title">Przykładowe realizacje</h2> <div class="projects"> <div class="project"> <img src="/img/portfolio.img/wojciech-majweski.webp" class="project-image" alt="Projekt Wojciech Majewski"> <div class="project-overlay"> <div class="project-name">Pianista Wojciech Majewski</div> <div class="link-box"> <a target="_blank" href="https://majewski-piano.pl" class="project-link">Zobacz projekt online</a> </div> </div> </div> <div class="project"> <img src="/img/portfolio.img/decolor.webp" class="project-image" alt="Projekt Decelor Home & Garden"> <div class="project-overlay"> <div class="project-name">Decelor Home & Garden</div> <div class="link-box"> <a target="_blank" href="https://decolor.pl/" class="project-link">Zobacz projekt online</a> </div> </div> </div> <div class="project"> <img src="/img/portfolio.img/enklawa.webp" class="project-image" alt="Projekt Enklawa"> <div class="project-overlay"> <div class="project-name">Enklawa</div> <div class="link-box"> <a target="_blank" href="https://enklawamikolajki.pl/" class="project-link">Zobacz projekt online</a> </div> </div> </div> <div class="project"> <img class="project-image" src="/img/portfolio.img/seeblick.webp" class="project" alt="Projekt Pensjonat seeblick"> <div class="project-overlay"> <div class="project-name">Pensjonat seeblick</div> <div class="link-box"> <a target="_blank" href="https://mikolajki-noclegi.eu/" class="project-link">Zobacz projekt online</a> </div> </div> </div> <div class="project"> <img class="project-image" src="/img/portfolio.img/carol.webp" class="project" alt="Projekt Domki u Karola"> <div class="project-overlay"> <div class="project-name">Domki u Karola</div> <div class="link-box"> <a target="_blank" href="https://ukarola.com/" class="project-link">Zobacz projekt online</a> </div> </div> </div> <div class="project"> <img class="project-image" src="/img/portfolio.img/country.webp" class="project" alt="projekt Krajowa rada spółdzielnicza"> <div class="project-overlay"> <div class="project-name">Krajowa rada spółdzielnicza</div> <div class="link-box"> <a target="_blank" href="https://www.krs.org.pl/" class="project-link">Zobacz projekt online</a> </div> </div> </div> </div> <a href="portfolio.html" class="load-more">Zobacz więcej</a> </div> </section> <section id="agency" class="agency"> <div class="wrapper"> <div class="reasons-section"> <h2 class="reasons-heading"><span class="span">Zainteresowany?</span></h2> <div class="write-to-us"> <p class="reason-text">Mamy wieloletnie doświadczenie w tworzeniu stron i sklepów internetowych, zapewniając indywidualne podejście do każdego projektu. <span class="span">Aby dowiedzieć się więcej o naszych usługach, <a href="websides.html">kliknij tutaj.</a></span></p> <a href="#contact"><button class="agency__button">Napisz do Nas!</button></a> </div> </div> </section> <section class="section contact" id="contact"> <div class="wrapper"> <h2 class="section-title">Kontakt</h2> <p class="contact__text">Chcesz poznać koszt swojej strony? Skorzystaj z darmowej konsultacji – wypełnij formularz!</p> <form action="https://api.web3forms.com/submit" method="POST" class="contact__form"> <div class="contact__form-box"> <input type="hidden" name="access_key" value="def8d7d9-a298-4cee-a17b-2b71fdb086b4"> <label for="name">Imię i Nazwisko:</label> <input type="text" id="name" name="name" autocomplete="name" required> </div> <div class="contact__form-box"> <label for="mail">Twój e-mail:</label> <input type="email" id="mail" name="mail" autocomplete="email" required> </div> <div class="contact__form-box"> <label for="msg">Wiadomość:</label> <textarea id="msg" name="msg" cols="30" rows="10" required></textarea> </div> <div class="checkbox"> <input type="checkbox" id="exampleCheckbox" required> <label for="exampleCheckbox">Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z ustawą o ochronie danych osobowych w celu wysyłania informacji handlowych i marketingowych. Podanie danych osobowych jest dobrowolne. Zostałem poinformowany, że przysługuje mi prawo dostępu do swoich danych, możliwość ich poprawiania, żądania zaprzestania ich przetwarzania.</label> </div> </section> </div> </main> <div id="cookie-notification" class="cookie-notification"> <div class="cookie-content"> <p>Ta strona używa ciasteczek. Kontynuując, zgadzasz się na ich użycie..</p> <button id="accept-cookie" class="cookie-button">Akceptuję</button> </div> </div> <footer class="footer"> <div class="wrapper"> <div class="footer__boxes"> <div class="footer__box"> <h3 class="footer__box-title">it-Geeks sp. z.o.o</h3> <p class="footer-p">Zaufaj it-Geeks i odkryj, jak możemy przekształcić Twoje pomysły w nowoczesne, funkcjonalne strony internetowe. Nasza pasja i doświadczenie gwarantują, że każda witryna będzie wyjątkowa i skuteczna. Razem osiągnijmy sukces w sieci!</p> <div class="footer__box-social"> <a target="_blank" href="https://www.linkedin.com/company/itgeeks/" class="footer__box-link"><img src="/img/icons/linkedin.svg" alt="linkedin icon"></a> <a target="_blank" href="https://www.facebook.com/people/IT-Geeks/100069850672182/" class="footer__box-link"><img src="/img/icons/facebook (2).svg" alt="facebook icon"></a> <span target="_blank" class="footer__box-link"><img src="/img/icons/mail.svg" alt="main icon"></span> </div> <div class="contact-side-info"> <hr class="dn"> <p class="admin-text" style="padding-top: 1em;">Administratorem danych jest IT Geeks sp. z o.o ul. Nowogrodzka 31, 00-511 Warszawa, NIP: 7010691765, REGON: 367322067</p> </div> </div> <div class="footer__box footer__box-desktop"> <h3 class="footer__box-title">Kontakt</h3> <div class="footer__box-list"> <span class="contact-info"> <img src="/img/icons/phone.svg" alt=""> +48 501 739 277</span> <span class="contact-info"> <img src="/img/icons/mail.svg" alt=""> info@it-geeks.pl</span> <span class="contact-info"> <img src="/img/icons/home.svg" alt=""> ul. Nowogrodzka 31 00-511 Warszawa</span> </div> </div> <div class="footer__box footer__box-desktop"> <h3 class="footer__box-title">Więcej</h3> <div class="footer__box-list"> <a class="nav__link" href="index.html">Strona główna</a> <a class="nav__link" href="websides.html">Strony internetowe</a> <a class="nav__link" href="itsupport.html">Opieka informatyczna</a> <a class="nav__link" href="#">Blog</a> </div> </div> </div> </div> <hr> <p class="footer__bottom-text">© <span class="footer__year"></span> <a href="#"><span class="bottom-logo">it-Geeks</span></a></p> </footer> <script src="/js/subpages.js"></script> </body> </html>