{"id":46,"date":"2025-12-15T14:07:40","date_gmt":"2025-12-15T13:07:40","guid":{"rendered":"https:\/\/www.kostensky.eu\/?page_id=46"},"modified":"2025-12-15T14:13:52","modified_gmt":"2025-12-15T13:13:52","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/www.kostensky.eu\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77711718 e-flex e-con-boxed e-con e-parent\" data-id=\"77711718\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-595568d0 elementor-widget elementor-widget-text-editor\" data-id=\"595568d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d574f2 e-flex e-con-boxed e-con e-parent\" data-id=\"1d574f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63f0b6c elementor-widget elementor-widget-html\" data-id=\"63f0b6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            background: #f3f2ef;\n            color: #000000e6;\n            line-height: 1.6;\n        }\n        \n        \/* Hero Section *\/\n        .hero-section {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            padding: 80px 20px 60px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><text x=\"10\" y=\"50\" font-family=\"monospace\" font-size=\"12\" fill=\"rgba(255,255,255,0.1)\">\u2709\ufe0f<\/text><\/svg>');\n            opacity: 0.1;\n        }\n        \n        .hero-content {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .hero-section h1 {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            margin-bottom: 15px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n        \n        .hero-section p {\n            font-size: clamp(1.1rem, 2vw, 1.3rem);\n            opacity: 0.95;\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.7;\n        }\n        \n        \/* Container *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        \/* Main Content *\/\n        .contact-section {\n            padding: 80px 20px;\n        }\n        \n        .contact-wrapper {\n            display: grid;\n            grid-template-columns: 1fr 1.5fr;\n            gap: 50px;\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n        \n        \/* Contact Info Card *\/\n        .contact-info-card {\n            background: white;\n            padding: 40px;\n            border-radius: 16px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n            height: fit-content;\n        }\n        \n        .contact-info-card h2 {\n            font-size: 1.8rem;\n            color: #2c3e50;\n            margin-bottom: 25px;\n            font-weight: 700;\n        }\n        \n        .contact-method {\n            display: flex;\n            align-items: flex-start;\n            gap: 20px;\n            margin-bottom: 30px;\n            padding: 20px;\n            border-radius: 12px;\n            transition: background 0.3s ease;\n        }\n        \n        .contact-method:hover {\n            background: #f8f9fa;\n        }\n        \n        .contact-icon {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            flex-shrink: 0;\n            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\n        }\n        \n        .contact-details h3 {\n            font-size: 1.1rem;\n            color: #2c3e50;\n            margin-bottom: 8px;\n            font-weight: 600;\n        }\n        \n        .contact-details p {\n            color: #666;\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n        \n        .contact-details a {\n            color: #667eea;\n            text-decoration: none;\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        \n        .contact-details a:hover {\n            color: #764ba2;\n            text-decoration: underline;\n        }\n        \n        .social-links {\n            margin-top: 35px;\n            padding-top: 30px;\n            border-top: 2px solid #f0f0f0;\n        }\n        \n        .social-links h3 {\n            font-size: 1.2rem;\n            color: #2c3e50;\n            margin-bottom: 20px;\n            font-weight: 600;\n        }\n        \n        .social-buttons {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n        \n        .social-btn {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px 20px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            font-size: 1rem;\n        }\n        \n        .social-btn.linkedin {\n            background: #0077b5;\n            color: white;\n        }\n        \n        .social-btn.linkedin:hover {\n            background: #006399;\n            transform: translateX(5px);\n        }\n        \n        .social-btn.github {\n            background: #333;\n            color: white;\n        }\n        \n        .social-btn.github:hover {\n            background: #24292e;\n            transform: translateX(5px);\n        }\n        \n        \/* Contact Form Card *\/\n        .contact-form-card {\n            background: white;\n            padding: 50px;\n            border-radius: 16px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        }\n        \n        .contact-form-card h2 {\n            font-size: 2rem;\n            color: #2c3e50;\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n        \n        .form-subtitle {\n            color: #666;\n            font-size: 1.1rem;\n            margin-bottom: 35px;\n            line-height: 1.7;\n        }\n        \n        \/* Contact Form 7 Styling *\/\n        .wpcf7-form {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n        \n        .wpcf7-form p {\n            margin: 0;\n        }\n        \n        .wpcf7-form label {\n            display: block;\n            font-weight: 600;\n            color: #2c3e50;\n            margin-bottom: 8px;\n            font-size: 1rem;\n        }\n        \n        .wpcf7-form input[type=\"text\"],\n        .wpcf7-form input[type=\"email\"],\n        .wpcf7-form input[type=\"tel\"],\n        .wpcf7-form textarea,\n        .wpcf7-form select {\n            width: 100%;\n            padding: 14px 18px;\n            border: 2px solid #e0e0e0;\n            border-radius: 10px;\n            font-size: 1rem;\n            font-family: inherit;\n            transition: all 0.3s ease;\n            background: #fafafa;\n        }\n        \n        .wpcf7-form input:focus,\n        .wpcf7-form textarea:focus,\n        .wpcf7-form select:focus {\n            outline: none;\n            border-color: #667eea;\n            background: white;\n            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n        }\n        \n        .wpcf7-form textarea {\n            min-height: 150px;\n            resize: vertical;\n        }\n        \n        .wpcf7-form input[type=\"submit\"] {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            padding: 16px 40px;\n            border: none;\n            border-radius: 10px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);\n        }\n        \n        .wpcf7-form input[type=\"submit\"]:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);\n        }\n        \n        .wpcf7-form input[type=\"submit\"]:active {\n            transform: translateY(-1px);\n        }\n        \n        \/* CF7 Validation Messages *\/\n        .wpcf7-not-valid-tip {\n            color: #dc3545;\n            font-size: 0.9rem;\n            margin-top: 8px;\n            display: block;\n        }\n        \n        .wpcf7-response-output {\n            padding: 15px 20px;\n            border-radius: 8px;\n            margin-top: 20px;\n            font-weight: 500;\n        }\n        \n        .wpcf7-mail-sent-ok {\n            background: #d4edda;\n            color: #155724;\n            border: 1px solid #c3e6cb;\n        }\n        \n        .wpcf7-validation-errors,\n        .wpcf7-acceptance-missing {\n            background: #f8d7da;\n            color: #721c24;\n            border: 1px solid #f5c6cb;\n        }\n        \n        .wpcf7-spam-blocked {\n            background: #fff3cd;\n            color: #856404;\n            border: 1px solid #ffeeba;\n        }\n        \n        \/* Info Box *\/\n        .info-box {\n            background: linear-gradient(135deg, #e8f0fe 0%, #f3e8ff 100%);\n            padding: 25px;\n            border-radius: 12px;\n            margin-top: 30px;\n            border-left: 4px solid #667eea;\n        }\n        \n        .info-box h4 {\n            color: #2c3e50;\n            font-size: 1.1rem;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .info-box p {\n            color: #555;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            margin: 0;\n        }\n        \n        \/* Response Time Badge *\/\n        .response-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: #43e97b;\n            color: white;\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            margin-top: 15px;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 968px) {\n            .contact-wrapper {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            .contact-form-card {\n                padding: 35px 25px;\n            }\n            \n            .contact-info-card {\n                padding: 30px 25px;\n            }\n            \n            .hero-section {\n                padding: 60px 20px 40px;\n            }\n            \n            .contact-section {\n                padding: 50px 20px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .contact-form-card {\n                padding: 25px 20px;\n            }\n            \n            .contact-method {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            \n            .social-buttons {\n                flex-direction: column;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Section -->\n    <section class=\"hero-section\">\n        <div class=\"hero-content\">\n            <h1>Kontakt<\/h1>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section -->\n    <section class=\"contact-section\">\n        <div class=\"contact-wrapper\">\n            \n            <!-- Contact Info Card -->\n            <div class=\"contact-info-card\">\n                <h2>Kontaktn\u00e9 inform\u00e1cie<\/h2>\n                \n                <div class=\"contact-method\">\n                    <div class=\"contact-icon\">\ud83d\udce7<\/div>\n                    <div class=\"contact-details\">\n                        <h3>Email<\/h3>\n                        <p>\n                            <a href=\"mailto:lukas@kostensky.eu\">lukas@kostensky.eu<\/a>\n                        <\/p>\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-method\">\n                    <div class=\"contact-icon\">\ud83d\udcf1<\/div>\n                    <div class=\"contact-details\">\n                        <h3>Telef\u00f3n<\/h3>\n                        <p>\n                            <a href=\"tel:+421949422835\">+421 949 422 835<\/a>\n                        <\/p>\n                        <p style=\"font-size: 0.85rem; color: #999; margin-top: 5px;\">\n                            Po-Pia 9:00 - 16:00\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-method\">\n                    <div class=\"contact-icon\">\ud83d\udccd<\/div>\n                    <div class=\"contact-details\">\n                        <h3>Lokalita<\/h3>\n                        <p>Poprad, Slovakia<\/p>\n                        <p style=\"font-size: 0.85rem; color: #999; margin-top: 5px;\">\n                            Pracujem aj na dia\u013eku\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"social-links\">\n                    <h3>Sledujte ma<\/h3>\n                    <div class=\"social-buttons\">\n                        <a href=\"https:\/\/www.linkedin.com\/in\/lukas-kostensky-099a5b47\/\" target=\"_blank\" class=\"social-btn linkedin\" rel=\"noopener\">\n                            <span>\ud83d\udcbc<\/span>\n                            <span>LinkedIn profil<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/github.com\/kosto1992\" target=\"_blank\" class=\"social-btn github\" rel=\"noopener\">\n                            <span>\ud83d\udcbb<\/span>\n                            <span>GitHub profil<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"response-badge\">\n                    \u26a1 R\u00fdchla odpove\u010f do 24h\n                <\/div>\n            <\/div>\n            \n            <!-- Contact Form Card -->\n            <div class=\"contact-form-card\">\n                <h2>Nap\u00ed\u0161te mi spr\u00e1vu<\/h2>\n                <p class=\"form-subtitle\">\n                    Vypl\u0148te formul\u00e1r ni\u017e\u0161ie a ja sa v\u00e1m ozvem \u010do najsk\u00f4r. V\u0161etky polia ozna\u010den\u00e9 \n                    hviezdi\u010dkou (*) s\u00fa povinn\u00e9.\n                <\/p>\n                \n                <!-- Contact Form 7 Shortcode -->\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f7-o1\" lang=\"sk-SK\" dir=\"ltr\" data-wpcf7-id=\"7\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/46#wpcf7-f7-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktn\u00fd formul\u00e1r\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"7\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"sk_SK\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f7-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Va\u0161e meno<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Telef\u00f3nne \u010d\u00edslo<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-192\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"tel-192\" \/><\/span> <\/label>\n<\/p>\n<p><label> Predmet<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Spr\u00e1va<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Odosla\u0165\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                \n                <div class=\"info-box\">\n                    <h4>\ud83d\udd12 Ochrana \u00fadajov<\/h4>\n                    <p>\n                        Va\u0161e osobn\u00e9 \u00fadaje sprac\u00favame v s\u00falade s GDPR. Inform\u00e1cie z formul\u00e1ra \n                        pou\u017e\u00edvame v\u00fdhradne na zodpovedanie va\u0161ej spr\u00e1vy a nebud\u00fa zdie\u013ean\u00e9 \n                        s tret\u00edmi stranami.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kontakt Kontaktn\u00e9 inform\u00e1cie \ud83d\udce7 Email lukas@kostensky.eu \ud83d\udcf1 Telef\u00f3n +421 949 422 835 Po-Pia 9:00 &#8211; 16:00 \ud83d\udccd Lokalita Poprad, Slovakia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":7,"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/pages\/46\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/www.kostensky.eu\/en\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}