Mi-Studio Contact Module<\/title>\r\n <style>\r\n \/* Reset i baza *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n body {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #f9f9f9; \/* T\u0142o podgl\u0105du strony *\/\r\n padding: 40px 20px;\r\n }\r\n\r\n \/* G\u0142\u00f3wny kontener modu\u0142u *\/\r\n .contact-module {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: #ffffff;\r\n border: 2px solid #F3B004;\r\n border-radius: 12px;\r\n padding: 30px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* Nazwa firmy nad kolumnami *\/\r\n .company-name {\r\n text-align: center;\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #222222;\r\n margin-bottom: 25px;\r\n padding-bottom: 15px;\r\n border-bottom: 2px solid #F3B004;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Uk\u0142ad dwukolumnowy (PC) *\/\r\n .grid-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* Styl kafelka kontaktowego *\/\r\n .info-card {\r\n background: #ffffff;\r\n border: 1px solid #eef0f2;\r\n border-bottom: 4px solid #F3B004; \/* P\u0142atka\/akcent na dole kafelka *\/\r\n border-radius: 8px;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n text-decoration: none; \/* \u017beby ca\u0142y kafelek by\u0142 klikalny *\/\r\n color: #333333;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n \/* Efekt najechania myszk\u0105 *\/\r\n .info-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 12px rgba(243, 176, 4, 0.15);\r\n }\r\n\r\n \/* Kontener na ikon\u0119 SVG *\/\r\n .card-icon {\r\n width: 45px;\r\n height: 45px;\r\n background: rgba(243, 176, 4, 0.1); \/* Bardzo delikatne \u017c\u00f3\u0142te t\u0142o pod ikon\u0105 *\/\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .card-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: #F3B004;\r\n }\r\n\r\n \/* Nag\u0142\u00f3wki wewn\u0105trz kafelk\u00f3w *\/\r\n .card-title {\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: #777777;\r\n margin-bottom: 6px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Dane kontaktowe *\/\r\n .card-value {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #222222;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .info-card:hover .card-value {\r\n color: #F3B004; \/* Kolor tekstu zmienia si\u0119 na z\u0142oty przy najechaniu *\/\r\n }\r\n\r\n \/* Responsywno\u015b\u0107 - Widok Mobilny *\/\r\n @media (max-width: 550px) {\r\n .grid-container {\r\n grid-template-columns: 1fr; \/* Jeden pod drugim na telefonie *\/\r\n gap: 15px;\r\n }\r\n .contact-module {\r\n padding: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"contact-module\">\r\n \r\n <div class=\"company-name\">Mi-Studio-Wroc\u0142aw<\/div>\r\n \r\n \r\n <div class=\"grid-container\">\r\n \r\n \r\n <a href=\"tel:+48691704119\" class=\"info-card\">\r\n <div class=\"card-icon\">\r\n \r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Call us<\/div>\r\n <div class=\"card-value\">691 704 119<\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"mailto:mistudio@mi-studio.com\" class=\"info-card\">\r\n <div class=\"card-icon\">\r\n \r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Write an e-mail<\/div>\r\n <div class=\"card-value\">mistudio@mi-studio.com<\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kontakt Modu\u0142 Kontaktowy Mi-Studio Mi-Studio-Wroc\u0142aw Zadzwo\u0144 do nas 691 704 119 Napisz e-mail mistudio@mi-studio.com<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5697","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/pages\/5697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/comments?post=5697"}],"version-history":[{"count":4,"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/pages\/5697\/revisions"}],"predecessor-version":[{"id":5702,"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/pages\/5697\/revisions\/5702"}],"wp:attachment":[{"href":"https:\/\/zamczyska.com\/en\/wp-json\/wp\/v2\/media?parent=5697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}