{"id":16,"date":"2026-01-31T17:16:42","date_gmt":"2026-01-31T17:16:42","guid":{"rendered":"https:\/\/aleksandar38222.its-student.edu.rs\/?page_id=16"},"modified":"2026-07-17T08:51:04","modified_gmt":"2026-07-17T08:51:04","slug":"contact-2","status":"publish","type":"page","link":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Contact &#8211; NOCTURA<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700;900&amp;display=swap\" rel=\"stylesheet\">\n    <style>\n        .contact-section {\n            background-color: #0a0a0a; \/* Klupska crna pozadina *\/\n            background-image: radial-gradient(rgba(234, 30, 56, 0.05) 10%, transparent 70%);\n            color: #ffffff;\n            font-family: 'Montserrat', sans-serif;\n            padding: 80px 20px;\n            min-height: 100vh;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            box-sizing: border-box;\n        }\n\n        .contact-container {\n            max-width: 1100px;\n            width: 100%;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            background: rgba(15, 15, 15, 0.8);\n            border: 1px solid rgba(234, 30, 56, 0.15);\n            padding: 40px;\n            border-radius: 4px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n\n        \/* Leva strana - Informacije *\/\n        .contact-info {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .contact-info h2 {\n            font-size: 36px;\n            font-weight: 900;\n            letter-spacing: 3px;\n            margin-bottom: 15px;\n            text-transform: uppercase;\n        }\n\n        .contact-info h2 span {\n            color: #ea1e38; \/* Crveni NOCTURA akcenat *\/\n            text-shadow: 0 0 15px rgba(234, 30, 56, 0.4);\n        }\n\n        .contact-info p {\n            color: #a0a0a0;\n            font-size: 16px;\n            line-height: 1.6;\n            margin-bottom: 35px;\n            font-weight: 300;\n        }\n\n        .info-details {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .info-item {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        \/* Ikone zamenjene modernim klupsko-crvenim krugovima *\/\n        .info-icon {\n            width: 12px;\n            height: 12px;\n            background-color: #ea1e38;\n            border-radius: 50%;\n            box-shadow: 0 0 10px #ea1e38;\n            display: inline-block;\n        }\n\n        .info-text strong {\n            display: block;\n            font-size: 12px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: #ea1e38;\n            margin-bottom: 2px;\n        }\n\n        .info-text p {\n            margin: 0;\n            color: #ffffff;\n            font-size: 16px;\n            font-weight: 500;\n        }\n\n        \/* Desna strana - Forma *\/\n        .contact-form-wrapper h3 {\n            font-size: 20px;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            margin-bottom: 25px;\n            color: #ffffff;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        .form-group input, .form-group textarea {\n            width: 100%;\n            padding: 15px;\n            background: #121212;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            color: #ffffff;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        .form-group input:focus, .form-group textarea:focus {\n            outline: none;\n            border-color: #ea1e38;\n            box-shadow: 0 0 10px rgba(234, 30, 56, 0.3);\n        }\n\n        .form-group textarea {\n            height: 150px;\n            resize: none;\n        }\n\n        .submit-btn {\n            width: 100%;\n            padding: 16px;\n            background: transparent;\n            border: 2px solid #ea1e38;\n            color: #ffffff;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 0 10px rgba(234, 30, 56, 0.1);\n        }\n\n        .submit-btn:hover {\n            background: #ea1e38;\n            box-shadow: 0 0 25px rgba(234, 30, 56, 0.6);\n            transform: translateY(-2px);\n        }\n\n        \/* Responzivnost za mobilne telefone *\/\n        @media (max-width: 768px) {\n            .contact-container {\n                grid-template-columns: 1fr;\n                gap: 40px;\n                padding: 25px;\n            }\n            .contact-info h2 { font-size: 28px; }\n        }\n    <\/style>\n\n\n\n<section class=\"contact-section\">\n    <div class=\"contact-container\">\n        \n        <!-- Leva strana sa tra\u017eenim podacima -->\n        <div class=\"contact-info\">\n            <h2>Get In <span>Touch<\/span><\/h2>\n            <p>Ready to lock in a date, drop a demo, or ask a question? Hit us up. The crew is always listening.<\/p>\n            \n            <div class=\"info-details\">\n                <div class=\"info-item\">\n                    <span class=\"info-icon\"><\/span>\n                    <div class=\"info-text\">\n                        <strong>Location<\/strong>\n                        <p>Belgrade, Serbia<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"info-item\">\n                    <span class=\"info-icon\"><\/span>\n                    <div class=\"info-text\">\n                        <strong>Email Address<\/strong>\n                        <p>nocture@info.com<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"info-item\">\n                    <span class=\"info-icon\"><\/span>\n                    <div class=\"info-text\">\n                        <strong>Hotline<\/strong>\n                        <p>+381 11 321 4321<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Desna strana sa kontakt formom -->\n        <div class=\"contact-form-wrapper\">\n            <h3>Send a Message<\/h3>\n            <form action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault(); alert('Message sent successfully!');\">\n                <div class=\"form-group\">\n                    <input type=\"text\" placeholder=\"Your Name\" required=\"\">\n                <\/div>\n                <div class=\"form-group\">\n                    <input type=\"email\" placeholder=\"Your Email\" required=\"\">\n                <\/div>\n                <div class=\"form-group\">\n                    <input type=\"text\" placeholder=\"Subject (e.g. Booking, Demo Drop)\">\n                <\/div>\n                <div class=\"form-group\">\n                    <textarea placeholder=\"Your Message...\" required=\"\"><\/textarea>\n                <\/div>\n                <button type=\"submit\" class=\"submit-btn\">Drop the Line<\/button>\n            <\/form>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Kontejner koji centrira tvoju mapu i ravna je sa formom iznad -->\n<div style=\"width: 100%; max-width: 1100px; margin: 40px auto 0 auto; box-sizing: border-box; padding: 0; border: 1px solid rgba(234, 30, 56, 0.15); border-radius: 4px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5); filter: invert(90%) hue-rotate(180deg) contrast(120%) saturate(60%);\">\n    \n    <iframe \n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d181139.9132572544!2d20.257661508879387!3d44.81522553900965!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475a7aa3d7b53fbd%3A0x1db8645cf2177ee4!2sBelgrade!5e0!3m2!1sen!2srs!4v1783816609494!5m2!1sen!2srs\" \n        width=\"100%\" \n        height=\"400\" \n        style=\"border:0; display: block;\" \n        allowfullscreen=\"\" \n        loading=\"lazy\" \n        referrerpolicy=\"strict-origin-when-cross-origin\">\n    <\/iframe>\n\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-text-color wp-block-paragraph\" style=\"color:#0bb4aa\">WHERE ARE WE LOCATED<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left has-large-font-size\">Our Locations<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"line-height:2.5\">Amsterdam<br>Munich<br>Belgrade<br>Hong Kong<br>Barcelona<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"line-height:2.5\">New York<br>Paris<br>San Francisco<br>Sydney<br>Tokyo<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/aleksandar38222.its-student.edu.rs\/wp-content\/themes\/inspiro\/assets\/images\/map.png\" alt=\"\" class=\"wp-image-5640\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:52px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-aa12b9cf wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-center has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-b4f291b5 wp-block-column-is-layout-constrained\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\">Thinking about joining our team?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Check out our open positions, or drop us a line, say hi.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-44653ffb wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-custom-font-size wp-element-button\" style=\"border-radius:0px;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase\">View Job Openings<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contact &#8211; NOCTURA Get In Touch Ready to lock in a date, drop a demo, or ask a question? Hit us up. The crew is always listening. Location Belgrade, Serbia Email Address nocture@info.com Hotline +381 11 321 4321 Send a Message Drop the Line WHERE ARE WE LOCATED Our Locations AmsterdamMunichBelgradeHong KongBarcelona New YorkParisSan FranciscoSydneyTokyo &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;Contact&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contact - NOCTURE<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - NOCTURE\" \/>\n<meta property=\"og:description\" content=\"Contact &#8211; NOCTURA Get In Touch Ready to lock in a date, drop a demo, or ask a question? Hit us up. The crew is always listening. Location Belgrade, Serbia Email Address nocture@info.com Hotline +381 11 321 4321 Send a Message Drop the Line WHERE ARE WE LOCATED Our Locations AmsterdamMunichBelgradeHong KongBarcelona New YorkParisSan FranciscoSydneyTokyo &hellip; Read more &quot;Contact&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/\" \/>\n<meta property=\"og:site_name\" content=\"NOCTURE\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-17T08:51:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/\",\"url\":\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/\",\"name\":\"Contact - NOCTURE\",\"isPartOf\":{\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aleksandar38222.its-student.edu.rs\/wp-content\/themes\/inspiro\/assets\/images\/map.png\",\"datePublished\":\"2026-01-31T17:16:42+00:00\",\"dateModified\":\"2026-07-17T08:51:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aleksandar38222.its-student.edu.rs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aleksandar38222.its-student.edu.rs\/#website\",\"url\":\"https:\/\/aleksandar38222.its-student.edu.rs\/\",\"name\":\"NOCTURE\",\"description\":\"HomePage\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aleksandar38222.its-student.edu.rs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact - NOCTURE","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/","og_locale":"en_US","og_type":"article","og_title":"Contact - NOCTURE","og_description":"Contact &#8211; NOCTURA Get In Touch Ready to lock in a date, drop a demo, or ask a question? Hit us up. The crew is always listening. Location Belgrade, Serbia Email Address nocture@info.com Hotline +381 11 321 4321 Send a Message Drop the Line WHERE ARE WE LOCATED Our Locations AmsterdamMunichBelgradeHong KongBarcelona New YorkParisSan FranciscoSydneyTokyo &hellip; Read more \"Contact\"","og_url":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/","og_site_name":"NOCTURE","article_modified_time":"2026-07-17T08:51:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/","url":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/","name":"Contact - NOCTURE","isPartOf":{"@id":"https:\/\/aleksandar38222.its-student.edu.rs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#primaryimage"},"image":{"@id":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#primaryimage"},"thumbnailUrl":"https:\/\/aleksandar38222.its-student.edu.rs\/wp-content\/themes\/inspiro\/assets\/images\/map.png","datePublished":"2026-01-31T17:16:42+00:00","dateModified":"2026-07-17T08:51:04+00:00","breadcrumb":{"@id":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/contact-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aleksandar38222.its-student.edu.rs\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/aleksandar38222.its-student.edu.rs\/#website","url":"https:\/\/aleksandar38222.its-student.edu.rs\/","name":"NOCTURE","description":"HomePage","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aleksandar38222.its-student.edu.rs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":4,"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/aleksandar38222.its-student.edu.rs\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}