PageSourceSearch

https://startit.rs/ai-hub/

html startit.rs collected 2026-09-24 15:27:35 UTC 55,478 bytes, 439 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/png" href="https://startit.rs/media/cropped-favicon.png" />
6    <link rel="apple-touch-icon" href="/ai-hub/favicon.png" />
7    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
9
10    <!-- hreflang -->
11    <link rel="alternate" hreflang="en" href="https://startit.rs/ai-hub/" />
12    <link rel="alternate" hreflang="x-default" href="https://startit.rs/ai-hub/" />
13    <link rel="canonical" href="https://startit.rs/ai-hub/" />
14    <link rel="alternate" hreflang="sr" href="https://startit.rs/ai-hub/sr/" />
15
16    <!-- Social Media Preview -->
17    <meta property="og:type" content="website" />
18    <meta property="og:url" content="https://startit.rs/ai-hub/" />
19    <meta property="og:title" content="AI Hub — A community of remote professionals becoming more valuable as AI gets better" />
20    <meta property="og:description" content="A membership community with a physical home — show up, work, learn, build. Now taking new members in Belgrade and Novi Sad." />
21    <meta property="og:image" content="https://startit.rs/media/ai-hub-program-2026.jpg" />
22    <meta property="og:image:width" content="1200" />
23    <meta property="og:image:height" content="630" />
24    <meta name="twitter:card" content="summary_large_image" />
25    <meta name="twitter:image" content="https://startit.rs/media/ai-hub-program-2026.jpg" />
26<title>AI Hub — A community of remote professionals becoming more valuable as AI gets better</title>
27      <meta name="description" content="We are a community of remote professionals who become more valuable as AI gets better. 100+ free events, coworking spaces in Belgrade and Novi Sad." />
28          <link rel="preload" as="font" href="/wp-content/themes/startit/assets-dark/fonts/msr/MuseoSansRounded500.woff2" type="font/woff2" crossorigin />
29    <link rel="preload" as="font" href="/wp-content/themes/startit/assets-dark/fonts/msr/MuseoSansRounded700.woff2" type="font/woff2" crossorigin />
30    <!-- <link rel="preload" as="image" href="https://startit.rs/media/ns-hero-sr.webp" type="image/webp" /> -->
31    <link rel="stylesheet" href="/poslovni-prostor-novi-sad/assets/index-DV4UTNST.css">
32    <!-- Meta Pixel -->
33    
33<script>
vendor: 419 bytes, lines 33-39
33
34    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
35    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
36    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
37    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
38    document,'script','https://connect.facebook.net/en_US/fbevents.js');
39    fbq('init', '
391878984095522996
vendor: 38 bytes, lines 39-41
39');
40    fbq('track', 'PageView');
41    
41</script>
41
42    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1878984095522996&ev=PageView&noscript=1"/></noscript>
43
44    <!-- Google tag (gtag.js) — GA4 + Google Ads -->
vendor: 68 bytes, lines 44-45
44
45    <script async src="https://www.googletagmanager.com/gtag/js?id=
45G-42Y8VS6XRW
vendor: 16 bytes, lines 45-46
45"></script>
46    
46<script>
47      
vendor: 145 bytes, lines 47-50
47window.dataLayer = window.dataLayer || [];
48      function gtag(){dataLayer.push(arguments);}
49      gtag('js', new Date());
50      gtag('config', '
50G-42Y8VS6XRW
vendor: 10 bytes, lines 50-51
50');
51      
51gtag('config', 'AW-836424617');
52    </script>
52
53  </head>
54  <body>
55    <div id="root"><div class="min-h-screen bg-black text-white" style="overflow-x:hidden"><nav class="container mx-auto px-6 py-4"><div class="flex flex-col items-center gap-2"><div class="flex items-center gap-0.5 opacity-70"><img src="https://startit.rs/media/logo.svg" alt="Startit Logo" class="h-4 w-auto"/><span class="text-gray-400 text-sm">by Startit</span></div><a href="#" class="text-gray-400 hover:text-white transition-colors duration-200 relative group font-exo text-xl">AI Hub Community<span class="absolute bottom-0 left-0 w-full h-0.5 bg-[#33cc66] transform scale-x-0 group-hover:scale-x-100 transition-transform duration-200"></span></a></div></nav><div class="relative bg-[#0069ff]"><div class="absolute inset-0" style="background:linear-gradient(180deg, #172fa2 0%, rgba(0,105,255,0) 25%)"></div><div class="absolute inset-0" style="background-image:linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size:40px 40px;background-position:center center;pointer-events:none"></div><div class="relative container mx-auto px-6 pt-20 pb-32"><div class="max-w-[1200px] mx-auto"><div class="text-left mb-16"><div class="font-exo mb-2" style="max-width:1000px;margin:0 auto;position:relative"><div id="price-badge" style="position:absolute;top:-6.7rem;right:0.2rem;width:100px;height:100px;z-index:40;transform:rotate(8deg);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.35));" aria-hidden="true"><svg viewBox="0 0 200 200" width="100" height="100"><path d="M198.0,100.0 L197.7,102.6 L196.7,105.1 L195.2,107.5 L193.3,109.8 L191.2,112.0 L189.0,114.1 L187.0,116.1 L185.2,118.1 L183.9,120.1 L183.1,122.3 L182.7,124.5 L182.9,126.9 L183.4,129.5 L184.2,132.3 L185.0,135.2 L185.7,138.2 L186.2,141.1 L186.3,144.0 L185.9,146.6 L184.9,149.0 L183.3,151.1 L181.2,152.8 L178.7,154.1 L175.9,155.2 L173.0,156.0 L170.1,156.7 L167.3,157.5 L164.8,158.3 L162.6,159.4 L160.8,160.8 L159.4,162.6 L158.3,164.8 L157.5,167.3 L156.7,170.1 L156.0,173.0 L155.2,175.9 L154.1,178.7 L152.8,181.2 L151.1,183.3 L149.0,184.9 L146.6,185.9 L144.0,186.3 L141.1,186.2 L138.2,185.7 L135.2,185.0 L132.3,184.2 L129.5,183.4 L126.9,182.9 L124.5,182.7 L122.3,183.1 L120.1,183.9 L118.1,185.2 L116.1,187.0 L114.1,189.0 L112.0,191.2 L109.8,193.3 L107.5,195.2 L105.1,196.7 L102.6,197.7 L100.0,198.0 L97.4,197.7 L94.9,196.7 L92.5,195.2 L90.2,193.3 L88.0,191.2 L85.9,189.0 L83.9,187.0 L81.9,185.2 L79.9,183.9 L77.7,183.1 L75.5,182.7 L73.1,182.9 L70.5,183.4 L67.7,184.2 L64.8,185.0 L61.8,185.7 L58.9,186.2 L56.0,186.3 L53.4,185.9 L51.0,184.9 L48.9,183.3 L47.2,181.2 L45.9,178.7 L44.8,175.9 L44.0,173.0 L43.3,170.1 L42.5,167.3 L41.7,164.8 L40.6,162.6 L39.2,160.8 L37.4,159.4 L35.2,158.3 L32.7,157.5 L29.9,156.7 L27.0,156.0 L24.1,155.2 L21.3,154.1 L18.8,152.8 L16.7,151.1 L15.1,149.0 L14.1,146.6 L13.7,144.0 L13.8,141.1 L14.3,138.2 L15.0,135.2 L15.8,132.3 L16.6,129.5 L17.1,126.9 L17.3,124.5 L16.9,122.3 L16.1,120.1 L14.8,118.1 L13.0,116.1 L11.0,114.1 L8.8,112.0 L6.7,109.8 L4.8,107.5 L3.3,105.1 L2.3,102.6 L2.0,100.0 L2.3,97.4 L3.3,94.9 L4.8,92.5 L6.7,90.2 L8.8,88.0 L11.0,85.9 L13.0,83.9 L14.8,81.9 L16.1,79.9 L16.9,77.7 L17.3,75.5 L17.1,73.1 L16.6,70.5 L15.8,67.7 L15.0,64.8 L14.3,61.8 L13.8,58.9 L13.7,56.0 L14.1,53.4 L15.1,51.0 L16.7,48.9 L18.8,47.2 L21.3,45.9 L24.1,44.8 L27.0,44.0 L29.9,43.3 L32.7,42.5 L35.2,41.7 L37.4,40.6 L39.2,39.2 L40.6,37.4 L41.7,35.2 L42.5,32.7 L43.3,29.9 L44.0,27.0 L44.8,24.1 L45.9,21.3 L47.2,18.8 L48.9,16.7 L51.0,15.1 L53.4,14.1 L56.0,13.7 L58.9,13.8 L61.8,14.3 L64.8,15.0 L67.7,15.8 L70.5,16.6 L73.1,17.1 L75.5,17.3 L77.7,16.9 L79.9,16.1 L81.9,14.8 L83.9,13.0 L85.9,11.0 L88.0,8.8 L90.2,6.7 L92.5,4.8 L94.9,3.3 L97.4,2.3 L100.0,2.0 L102.6,2.3 L105.1,3.3 L107.5,4.8 L109.8,6.7 L112.0,8.8 L114.1,11.0 L116.1,13.0 L118.1,14.8 L120.1,16.1 L122.3,16.9 L124.5,17.3 L126.9,17.1 L129.5,16.6 L132.3,15.8 L135.2,15.0 L138.2,14.3 L141.1,13.8 L144.0,13.7 L146.6,14.1 L149.0,15.1 L151.1,16.7 L152.8,18.8 L154.1,21.3 L155.2,24.1 L156.0,27.0 L156.7,29.9 L157.5,32.7 L158.3,35.2 L159.4,37.4 L160.8,39.2 L162.6,40.6 L164.8,41.7 L167.3,42.5 L170.1,43.3 L173.0,44.0 L175.9,44.8 L178.7,45.9 L181.2,47.2 L183.3,48.9 L184.9,51.0 L185.9,53.4 L186.3,56.0 L186.2,58.9 L185.7,61.8 L185.0,64.8 L184.2,67.7 
55L183.4,70.5 L182.9,73.1 L182.7,75.5 L183.1,77.7 L183.9,79.9 L185.2,81.9 L187.0,83.9 L189.0,85.9 L191.2,88.0 L193.3,90.2 L195.2,92.5 L196.7,94.9 L197.7,97.4 L198.0,100.0 Z" fill="#E6C200"/><path d="M193.0,100.0 L192.7,102.4 L191.8,104.8 L190.5,107.1 L188.7,109.3 L186.8,111.4 L184.7,113.4 L182.9,115.4 L181.2,117.3 L180.0,119.2 L179.2,121.2 L178.9,123.4 L179.0,125.7 L179.4,128.1 L180.1,130.7 L180.8,133.5 L181.5,136.3 L181.9,139.1 L181.9,141.7 L181.5,144.2 L180.5,146.5 L179.1,148.5 L177.1,150.1 L174.8,151.4 L172.2,152.4 L169.4,153.3 L166.7,154.0 L164.1,154.7 L161.7,155.6 L159.7,156.6 L158.0,158.0 L156.6,159.7 L155.6,161.7 L154.7,164.1 L154.0,166.7 L153.3,169.4 L152.4,172.2 L151.4,174.8 L150.1,177.1 L148.5,179.1 L146.5,180.5 L144.2,181.5 L141.7,181.9 L139.1,181.9 L136.3,181.5 L133.5,180.8 L130.7,180.1 L128.1,179.4 L125.7,179.0 L123.4,178.9 L121.2,179.2 L119.2,180.0 L117.3,181.2 L115.4,182.9 L113.4,184.7 L111.4,186.8 L109.3,188.7 L107.1,190.5 L104.8,191.8 L102.4,192.7 L100.0,193.0 L97.6,192.7 L95.2,191.8 L92.9,190.5 L90.7,188.7 L88.6,186.8 L86.6,184.7 L84.6,182.9 L82.7,181.2 L80.8,180.0 L78.8,179.2 L76.6,178.9 L74.3,179.0 L71.9,179.4 L69.3,180.1 L66.5,180.8 L63.7,181.5 L60.9,181.9 L58.3,181.9 L55.8,181.5 L53.5,180.5 L51.5,179.1 L49.9,177.1 L48.6,174.8 L47.6,172.2 L46.7,169.4 L46.0,166.7 L45.3,164.1 L44.4,161.7 L43.4,159.7 L42.0,158.0 L40.3,156.6 L38.3,155.6 L35.9,154.7 L33.3,154.0 L30.6,153.3 L27.8,152.4 L25.2,151.4 L22.9,150.1 L20.9,148.5 L19.5,146.5 L18.5,144.2 L18.1,141.7 L18.1,139.1 L18.5,136.3 L19.2,133.5 L19.9,130.7 L20.6,128.1 L21.0,125.7 L21.1,123.4 L20.8,121.2 L20.0,119.2 L18.8,117.3 L17.1,115.4 L15.3,113.4 L13.2,111.4 L11.3,109.3 L9.5,107.1 L8.2,104.8 L7.3,102.4 L7.0,100.0 L7.3,97.6 L8.2,95.2 L9.5,92.9 L11.3,90.7 L13.2,88.6 L15.3,86.6 L17.1,84.6 L18.8,82.7 L20.0,80.8 L20.8,78.8 L21.1,76.6 L21.0,74.3 L20.6,71.9 L19.9,69.3 L19.2,66.5 L18.5,63.7 L18.1,60.9 L18.1,58.3 L18.5,55.8 L19.5,53.5 L20.9,51.5 L22.9,49.9 L25.2,48.6 L27.8,47.6 L30.6,46.7 L33.3,46.0 L35.9,45.3 L38.3,44.4 L40.3,43.4 L42.0,42.0 L43.4,40.3 L44.4,38.3 L45.3,35.9 L46.0,33.3 L46.7,30.6 L47.6,27.8 L48.6,25.2 L49.9,22.9 L51.5,20.9 L53.5,19.5 L55.8,18.5 L58.3,18.1 L60.9,18.1 L63.7,18.5 L66.5,19.2 L69.3,19.9 L71.9,20.6 L74.3,21.0 L76.6,21.1 L78.8,20.8 L80.8,20.0 L82.7,18.8 L84.6,17.1 L86.6,15.3 L88.6,13.2 L90.7,11.3 L92.9,9.5 L95.2,8.2 L97.6,7.3 L100.0,7.0 L102.4,7.3 L104.8,8.2 L107.1,9.5 L109.3,11.3 L111.4,13.2 L113.4,15.3 L115.4,17.1 L117.3,18.8 L119.2,20.0 L121.2,20.8 L123.4,21.1 L125.7,21.0 L128.1,20.6 L130.7,19.9 L133.5,19.2 L136.3,18.5 L139.1,18.1 L141.7,18.1 L144.2,18.5 L146.5,19.5 L148.5,20.9 L150.1,22.9 L151.4,25.2 L152.4,27.8 L153.3,30.6 L154.0,33.3 L154.7,35.9 L155.6,38.3 L156.6,40.3 L158.0,42.0 L159.7,43.4 L161.7,44.4 L164.1,45.3 L166.7,46.0 L169.4,46.7 L172.2,47.6 L174.8,48.6 L177.1,49.9 L179.1,51.5 L180.5,53.5 L181.5,55.8 L181.9,58.3 L181.9,60.9 L181.5,63.7 L180.8,66.5 L180.1,69.3 L179.4,71.9 L179.0,74.3 L178.9,76.6 L179.2,78.8 L180.0,80.8 L181.2,82.7 L182.9,84.6 L184.7,86.6 L186.8,88.6 L188.7,90.7 L190.5,92.9 L191.8,95.2 L192.7,97.6 L193.0,100.0 Z" fill="#FFD700"/><text x="100" y="103" text-anchor="middle" font-family="msr900,sans-serif" font-weight="900" font-size="54" fill="#000">149€</text><text x="100" y="134" text-anchor="middle" font-family="msr500,sans-serif" font-weight="700" font-size="23" fill="#000">monthly</text></svg></div><style>
56.hero-line { display: block; line-height: 1.3; }
57.hero-line .thin { font-weight: 100; font-family: msr100, sans-serif; }
58.hero-line .bold { font-weight: 900; font-family: msr900, sans-serif; }
59.hl-yellow { background: #FFD700; color: #000; padding: 0.05em 0.1em; }
60.hl-mint { background: #03FFAF; color: #000; padding: 0.05em 0.1em; }
61</style>
62<h1 class="font-exo" style="margin:0;padding:0;color:#fff;">
63<span class="hero-line" style="font-size:clamp(1rem, 10vw, 3.75rem);"><span class="thin">The community of</span></span>
64<span class="hero-line" style="font-size:clamp(1rem, 10vw, 3.75rem);"><span class="bold" style="background:#5379e2;color:#fff;padding:0.05em 0.1em;">remote professionals</span></span>
65<span class="hero-line" style="font-size:clamp(1rem, 10vw, 3.75rem);"><span class="thin">who become</span></span>
66<span class="hero-line" style="font-size:clamp(1rem, 10vw, 3.75rem);"><span class="bold hl-yellow">more valuable</span></span>
67<span class="hero-line" style="font-size:clamp(1rem, 10vw, 3.75rem);"><span class="bold hl-mint">as AI gets better</span></span>
68</h1>
69          <p style="font-family:msr300,sans-serif;font-size:1.1rem;color:rgba(255,255,255,0.55);margin-top:1.5rem;max-width:36rem;line-height:1.7;">
70            A membership community with a physical home — show up, work, learn, build. Now taking new members in Belgrade and Novi Sad.
71          </p></div><div class="text-lg md:text-xl max-w-3xl mx-auto mb-10 mt-6 space-y-2" style="line-height:1.95rem;font-weight:100;font-family:msr100, sans-serif;text-transform:uppercase;color:rgba(255,255,255,0.6)"></div><!-- nav pills commented out
72<div class="flex flex-col items-center justify-center gap-8 max-w-[90vw] mx-auto mb-20"><nav class="font-exo"><div class="hidden md:flex items-center gap-1 bg-gradient-to-r from-[#33cc66] via-[#00ff88] to-[#33cc66] rounded-full px-4 py-3 shadow-[0_4px_0_rgb(38,151,76)]"><button class="px-4 py-1.5 rounded-full hover:bg-black/10 transition-all duration-200 font-bold text-sm uppercase tracking-wide text-black">Pogodnosti</button><div class="w-px h-5 bg-black/20"></div><button class="px-4 py-1.5 rounded-full hover:bg-black/10 transition-all duration-200 font-bold text-sm uppercase tracking-wide text-black">Galerija</button><div class="w-px h-5 bg-black/20"></div><button class="px-4 py-1.5 rounded-full hover:bg-black/10 transition-all duration-200 font-bold text-sm uppercase tracking-wide text-black">Kancelarije</button><div class="w-px h-5 bg-black/20"></div><button class="px-4 py-1.5 rounded-full hover:bg-black/10 transition-all duration-200 font-bold text-sm uppercase tracking-wide text-black">Pitanja</button><div class="w-px h-5 bg-black/20"></div><button class="px-4 py-1.5 rounded-full hover:bg-black/10 transition-all duration-200 font-bold text-sm uppercase tracking-wide text-black">Kontakt</button></div><div class="md:hidden flex flex-wrap justify-center gap-2"><button class="px-4 py-2 rounded-full bg-[#33cc66] hover:bg-[#2ab85a] transition-all duration-200 font-bold text-xs uppercase tracking-wide text-black shadow-[0_2px_0_rgb(38,151,76)]">Pogodnosti</button><button class="px-4 py-2 rounded-full bg-[#33cc66] hover:bg-[#2ab85a] transition-all duration-200 font-bold text-xs uppercase tracking-wide text-black shadow-[0_2px_0_rgb(38,151,76)]">Galerija</button><button class="px-4 py-2 rounded-full bg-[#33cc66] hover:bg-[#2ab85a] transition-all duration-200 font-bold text-xs uppercase tracking-wide text-black shadow-[0_2px_0_rgb(38,151,76)]">Kancelarije</button><button class="px-4 py-2 rounded-full bg-[#33cc66] hover:bg-[#2ab85a] transition-all duration-200 font-bold text-xs uppercase tracking-wide text-black shadow-[0_2px_0_rgb(38,151,76)]">Pitanja</button><button class="px-4 py-2 rounded-full bg-[#33cc66] hover:bg-[#2ab85a] transition-all duration-200 font-bold text-xs uppercase tracking-wide text-black shadow-[0_2px_0_rgb(38,151,76)]">Kontakt</button></div></nav></div>
73--><!-- hero image commented out
74<div class="relative max-w-6xl mx-auto mb-20"><div class="relative rounded-2xl overflow-hidden shadow-2xl"><img src="https://startit.rs/media/ns-hero-sr.webp" alt="AI Hub Novi Sad kancelarije" class="w-full h-auto hidden md:block"/><img src="https://startit.rs/media/ns-hero-sr.webp" alt="AI Hub Novi Sad kancelarije" class="w-full md:hidden object-cover" style="height:400px;object-position:35% 30%"/></div></div>
75--><div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto"><div class="bg-white rounded-xl p-6 shadow-lg text-left relative transform transition-all duration-300 hover:-translate-y-1 hover:shadow-xl"><div class="flex items-start mb-4"><div class="flex items-center space-x-4"><img src="https://startit.rs/media/testimonial-jovan-kis.jpg" alt="Jovan Kiš" class="w-12 h-12 rounded-full object-cover"/>
75<div><a href="https://www.linkedin.com/in/jovan-kis/" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600 transition-colors"><h3 class="font-exo font-semibold text-black">Jovan Kiš</h3><p class="text-gray-500 text-sm">Co-Founder, UkisAI</p></a></div></div></div><div class="text-gray-800 leading-relaxed">We love working with Startit's AI Hub — we got some publicity, as well as a local client and two EU leads.</div></div><div class="bg-white rounded-xl p-6 shadow-lg text-left relative transform transition-all duration-300 hover:-translate-y-1 hover:shadow-xl"><div class="flex items-start mb-4"><div class="flex items-center space-x-4"><img src="https://startit.rs/media/testimonial-veljko-ciric.jpg" alt="Veljko Ćirić" class="w-12 h-12 rounded-full object-cover"/><div><a href="https://www.linkedin.com/in/veljko-%C4%87iri%C4%87-62b5b6162/" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600 transition-colors"><h3 class="font-exo font-semibold text-black">Veljko Ćirić</h3><p class="text-gray-500 text-sm">Creative Technologist | Architect</p></a></div></div></div><div class="text-gray-800 leading-relaxed">I've met some awesome people building with AI here. Also got some publicity and paid gigs.</div></div><div class="bg-white rounded-xl p-6 shadow-lg text-left relative transform transition-all duration-300 hover:-translate-y-1 hover:shadow-xl"><div class="flex items-start mb-4"><div class="flex items-center space-x-4"><img src="https://startit.rs/media/testimonial-marko-markovic.jpg" alt="Marko Marković" class="w-12 h-12 rounded-full object-cover"/><div><h3 class="font-exo font-semibold text-black">Marko Marković</h3><p class="text-gray-500 text-sm">AI Builder, Visual Brewer</p></div></div></div><div class="text-gray-800 leading-relaxed">I love Startit's vibe, they really know how to engage all of us who love building with AI.</div></div></div><div style="max-width:1000px;margin:3rem auto 0;"><p class="font-exo" style="font-size:1.15rem;margin:0 0 0.9rem;"><span style="background:#FFD700;color:#000;font-weight:900;padding:0.15em 0.35em;">Premium membership — 149€ monthly</span></p><a href="https://calendar.app.google/rrzh46YogQQkx1nL9" target="_blank" rel="noopener noreferrer" class="font-exo" style="display:block;width:100%;background:linear-gradient(to right, #33cc66, #00ff88, #33cc66);color:#000;font-weight:700;font-size:1.1rem;text-align:center;text-transform:uppercase;letter-spacing:0.05em;padding:1rem 2.5rem;border-radius:999px;text-decoration:none;transition:all 0.2s;box-shadow:0 6px 0 rgb(38,151,76);max-width:24rem;">Apply to Join</a><p style="font-family:msr300,sans-serif;font-size:0.85rem;color:rgba(255,255,255,0.45);margin-top:1rem;line-height:1.5;">We review every application. No commitment — just a short intro call.</p></div></div></div></div></div><div id="features"><div class="bg-black pt-32 pb-16"><div class="container mx-auto px-6"><div class="max-w-[1000px] mx-auto space-y-24"><div><div class="flex gap-3 mb-6"><img src="https://startit.rs/media/emoji-gem.png" alt="💎" style="width:5rem;height:5rem;"></div><h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1]" style="max-width:90%"><span class="font-bold text-white">Do your best work.</span> <span class="text-gray-400" style="font-family:msr500, sans-serif">The right place — to focus and to consistently be the 10x professional.</span></h2></div><div><div class="flex gap-3 mb-6"><img src="https://startit.rs/media/emoji-pin.png" alt="📍" style="width:5rem;height:5rem;"></div><h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1]" style="max-width:90%"><span class="font-bold text-white">Central location.</span> <span class="text-gray-400" style="font-family:msr500, sans-serif">Both our Belgrade and Novi Sad locations are central and easy to get to from any district.</span></h2></div><div><div class="flex gap-3 mb-6"><img src="https://startit.rs/media/emoji-lightning.png" alt="⚡" style="width:5rem;height:5rem;"></div><h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1]" style="max-width:90%"><span class="font-bold text-white">The most active AI community.</span> <span class="text-gray-400" style="font-family:msr500, sans-serif">Did more AI events in the last year than all others together.</sp
75an></h2></div><div><div class="flex gap-3 mb-6"><img src="https://startit.rs/media/emoji-bookmark-tabs.png" alt="📑" style="width:5rem;height:5rem;"></div><h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1]" style="max-width:90%"><span class="font-bold text-white">Daily knowledge drops.</span> <span class="text-gray-400" style="font-family:msr500, sans-serif">Tools, tips and tricks that save you days — do more <s style="color:#525e66">or</s> and live more.</span></h2></div><div><div class="flex gap-3 mb-6"><span style="font-size:5rem;line-height:1;display:inline-flex;gap:0.5rem">🤝</span></div><h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1]" style="max-width:90%"><span class="font-bold text-white">Premium connections.</span> <span class="text-gray-400" style="font-family:msr500, sans-serif">You get exclusive content, connections to experts, potential clients &amp; employers.</span></h2></div><div><div class="flex gap-3 mb-6"><img src="https://startit.rs/media/emoji-loudspeaker.png" alt="📢" style="width:5rem;height:5rem;"></div><h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1]" style="max-width:90%"><span class="font-bold text-white">We give you your props.</span> <span class="text-gray-400" style="font-family:msr500, sans-serif">We flex our blog and social networks to promote how cool our members are.</span></h2></div><div><div class="flex gap-3 mb-6"><img src="https://startit.rs/media/emoji-chart-increasing.png" alt="📈" style="width:5rem;height:5rem;"></div><h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1]" style="max-width:90%"><span class="font-bold text-white">Your startup starts here.</span> <span class="text-gray-400" style="font-family:msr500, sans-serif">We've been getting startups from the ground for a living since 2011. We're good at it.</span></h2></div></div></div></div></div><!-- green gallery section commented out
76<div id="gallery"><div class="relative" style="background-color:#14311b"><div class="absolute inset-0 pointer-events-none" style="opacity:0.22;background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 100 100&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;2.5&#x27; numOctaves=&#x27;3&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27;/%3E%3C/svg%3E&quot;);background-size:100px 100px"></div><div class="relative py-24" style="z-index:1"><div class="container mx-auto px-6"><div class="max-w-[1050px] mx-auto"><h2 class="font-exo font-bold text-white mb-6 text-center text-[3.75rem] leading-tight">Zgrada za <s style="color:#678871;text-decoration-color:#ffffffd6">sardine</s> ljude</h2><p class="max-w-3xl mx-auto mb-12 text-center" style="line-height:1.95rem;font-weight:100;font-size:1.15rem;color:#97cca9cc">Novogradnja ima puno prednosti, ali optimizuje svaki metar prostora. Naša zgrada je pravljena da ljudi u njoj dišu — ogromno predvorje, visoki plafoni, zajednička mesta za odmor na sve strane.</p><div class="rounded-xl overflow-hidden mb-6 cursor-pointer"><img loading="lazy" src="https://startit.rs/media/ns-lobby-panorama.webp?v=2" alt="Lobby Startit Centra Novi Sad — mermerno stepenište, visoki plafoni" class="w-full h-auto"/></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6"><div class="rounded-xl overflow-hidden cursor-pointer" style="aspect-ratio:16/8"><img loading="lazy" src="https://startit.rs/media/ns-stepeniste-odozgo.webp?v=2" alt="Spiralno stepenište — pogled odozgo" class="w-full h-full object-cover"/></div><div class="rounded-xl overflow-hidden cursor-pointer" style="aspect-ratio:16/8"><img loading="lazy" src="https://startit.rs/media/ns-galerija-08.webp?v=2" alt="Enterijer zgrade" class="w-full h-full object-cover"/></div></div><div class="grid grid-cols-4 md:grid-cols-8 gap-2 mb-24"><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/_IMG_4241.webp" alt="Ulaz u zgradu" class="w-full h-full object-cover"/>
76</div><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/_IMG_4215.webp" alt="Lounge" class="w-full h-full object-cover"/></div><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/_IMG_4213.webp" alt="Sala za sastanke" class="w-full h-full object-cover"/></div><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/IMG_4171.webp" alt="Kuhinja" class="w-full h-full object-cover"/></div><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/_IMG_4205.webp" alt="Prizemlje" class="w-full h-full object-cover"/></div><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/_IMG_4199.webp" alt="Zajednički prostor" class="w-full h-full object-cover"/></div><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/_IMG_4158.webp" alt="Stepenište" class="w-full h-full object-cover"/></div><div class="rounded-md overflow-hidden cursor-pointer aspect-square"><img loading="lazy" src="https://startit.rs/media/_IMG_4153.webp" alt="Hodnik" class="w-full h-full object-cover"/></div></div><h2 class="font-exo font-bold text-white mb-6 text-center text-[3.75rem]" style="line-height:1.15"><s style="color:#678871;text-decoration-color:#ffffffd6;font-family:msr500, sans-serif">Veštačke biljke</s><br/>Oaza prirode</h2><p class="max-w-3xl mx-auto mb-12 text-center" style="line-height:1.95rem;font-weight:100;font-size:1.15rem;color:#97cca9cc">Imamo svoj plac sa baštom, drvećem i bršljanom koji obavija fasadu — naša mala oaza koja nas smiruje i fokusira, u samom centru grada.</p><div class="rounded-xl overflow-hidden mb-6 cursor-pointer" style="aspect-ratio:16/7"><img loading="lazy" src="https://startit.rs/media/ns-dvoriste-zelenilo.webp?v=2" alt="Dvorište sa drvećem i baštom u centru grada" class="w-full h-full object-cover"/></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-24"><div class="rounded-xl overflow-hidden cursor-pointer" style="aspect-ratio:16/8"><img loading="lazy" src="https://startit.rs/media/ns-brsljan-prozor.webp?v=2" alt="Bršljan obavija zgradu — pogled kroz prozor" class="w-full h-full object-cover"/></div><div class="rounded-xl overflow-hidden cursor-pointer" style="aspect-ratio:16/8"><img loading="lazy" src="https://startit.rs/media/ns-dvoriste-2.webp" alt="Dvorište sa zelenilom" class="w-full h-full object-cover"/></div></div><h2 class="font-exo font-bold text-white mb-6 text-center text-[3.75rem]" style="line-height:1.15"><s style="color:#678871;text-decoration-color:#ffffffd6;font-family:msr500, sans-serif">Korpo kutija</s><br/>Spomenik kulture</h2><p class="max-w-3xl mx-auto mb-12 text-center" style="line-height:1.95rem;font-weight:100;font-size:1.15rem;color:#97cca9cc">Naša zgrada je “grandiozna posleratna moderna” iz ranih 50-ih. Pod zaštitom je države i jedna je od stanica na stručnim šetnjama Društva arhitekata Novog Sada.</p><div class="rounded-xl overflow-hidden bg-black mx-auto relative cursor-pointer" style="aspect-ratio:16/9;max-width:80%"><img loading="lazy" src="https://startit.rs/media/ns-video-thumb.webp" alt="Startit Centar Novi Sad — obilazak zgrade" class="w-full h-full object-cover"/><div class="absolute inset-0 flex items-center justify-center"><div class="w-20 h-20 bg-red-600 rounded-2xl flex items-center justify-center shadow-2xl hover:bg-red-500 transition-colors"><svg viewBox="0 0 24 24" fill="white" class="w-10 h-10 ml-1"><path d="M8 5v14l11-7z"></path></svg></div></div></div></div></div></div></div></div>
77-->
78<section style="padding:8rem 0;background:linear-gradient(-45deg, #ffd700, #ffeb3b, #ffd700, #ffee58);background-size:400% 400%;animation:gradient-shift 8s ease infinite;overflow:hidden;">
79  <style>@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}</style>
80  <div class="container mx-auto px-6">
81    <div style="max-width:1000px;margin:0 auto 4rem;">
82      <img src="https://startit.rs/media/emoji-warning.png" alt="⚠️" style="width:5rem;height:5rem;margin-bottom:1.5rem;">
83      <h2 style="font-family:msr900,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25;color:#000;">
84        It's never been more important to stay current.
85      </h2>
86      <p style="font-family:msr500,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25;color:#555;margin-top:0.5rem;">
87        The tools change every week.
88      </p>
89
90      <img src="https://startit.rs/media/emoji-melting.png" alt="🫠" style="width:3.5rem;height:3.5rem;margin-top:2rem;margin-bottom:0.75rem;">
91      <h2 style="font-family:msr900,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25;color:#000;">
92        It's never been harder to stay current.
93      </h2>
94      <p style="font-family:msr500,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25;color:#555;margin-top:0.5rem;">
95        The workflows that worked last month are already outdated.
96      </p>
97
98      <img src="https://startit.rs/media/emoji-wave.png" alt="👋" style="width:3.5rem;height:3.5rem;margin-top:2rem;margin-bottom:0.75rem;">
99      <h2 style="font-family:msr900,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25;color:#000;">
100        Nobody can keep up alone.
101      </h2>
102      <p style="font-family:msr500,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25;color:#555;margin-top:0.5rem;">
103        But a room full of people doing the same work can. <span style="text-decoration:underline;text-decoration-color:#03FFAF;text-underline-offset:6px;text-decoration-thickness:3px;">That's what we deliver.</span>
104      </p>
105    </div>
106  </div>
107</section>
108
109<!-- WHAT YOU GET -->
110<div style="position:relative;background-color:#14311b;padding:6rem 0;">
111  <div style="position:absolute;inset:0;pointer-events:none;opacity:0.22;background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E&quot;);background-size:100px 100px"></div>
112  <div class="container mx-auto px-6" style="position:relative;z-index:1;">
113    <div style="max-width:1000px;margin:0 auto;">
114
115      <h2 class="font-exo text-[1.8rem] md:text-[2.5rem] leading-[1.1] mb-4">
116        <span class="font-bold text-white">What your membership includes</span>
117      </h2>
118      <p style="color:#97cca9cc;font-size:1.2rem;line-height:1.7;margin-bottom:3.5rem;">149 EUR/month. No long-term commitment.</p>
119
120      <style>
121        .wyg-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem; }
122        @media (max-width:768px) { .wyg-grid { grid-template-columns:1fr; } }
123      </style>
124      <div class="wyg-grid">
125
126        <div style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.4rem 2.1rem;display:flex;flex-direction:column;gap:0.9rem;">
127          <img src="https://startit.rs/media/emoji-couch.png" alt="🛋️" style="width:3.3rem;height:3.3rem;">
128          <p style="color:rgba(255,255,255,0.75);line-height:1.45;font-size:1.35rem;">
129            <strong style="color:#fff;font-family:msr900,sans-serif;">Your work home.</strong>
130          </p>
131          <p style="color:rgba(255,255,255,0.35);line-height:1.5;font-size:1rem;">
132            Two locations — Belgrade and Novi Sad. Both spaces 24/6. Meeting rooms, internet, everything you need. One membership, both cities.
133          </p>
134        </div>
135
136        <div style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.4rem 2.1rem;display:flex;flex-direction:column;gap:0.9rem;">
137          <img src="https://startit.rs/media/emoji-envelope.png" alt="📨" style="width:3.3rem;height:3.3rem;">
138          <p style="color:rgba(255,255,255,0.75);line-height:1.45;font-size:1.35rem;">
139            <strong style="color:#fff;font-family:msr900,sans-serif;">Premium Slack group.</strong>
140          </p>
141          <p style="color:rgba(255,255,255,0.35);line-height:1.5;font-size:1rem;">
142            The linchpin. Daily tool reviews, workflow breakdowns, and shortcuts that turn days of work into hours. Plus the value of a room full of practitioners sharing what actually works.
143          </p>
144        </div>
145
146        <div style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.4rem 2.1rem;display:flex;flex-direction:column;gap:0.9rem;">
147          <img src="https://startit.rs/media/emoji-scientist.png" alt="🧑‍🔬" style="width:3.3rem;height:3.3rem;">
148          <p style="color:rgba(255,255,255,0.75);line-height:1.45;font-size:1.35rem;">
149            <strong style="color:#fff;font-family:msr900,sans-serif;">Exclusive expert sessions.</strong>
150          </p>
151          <p style="color:rgba(255,255,255,0.35);line-height:1.5;font-size:1rem;">
152            Members-only sessions. Practitioners showing real systems, real tradeoffs, real results.
153          </p>
154        </div>
155
156        <div style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.4rem 2.1rem;display:flex;flex-direction:column;gap:0.9rem;">
157          <img src="https://startit.rs/media/emoji-detective.png" alt="🕵️" style="width:3.3rem;height:3.3rem;">
158          <p style="color:rgba(255,255,255,0.75);line-height:1.45;font-size:1.35rem;">
159            <strong style="color:#fff;font-family:msr900,sans-serif;">Concierge knowledge service.</strong>
160          </p>
161          <p style="color:rgba(255,255,255,0.35);line-height:1.5;font-size:1rem;">
162            Stuck on an AI problem? We tap our expert network to find a solution. Can't guarantee every time — but our hit rate is very high.
163          </p>
164        </div>
165
166        <div style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.4rem 2.1rem;display:flex;flex-direction:column;gap:0.9rem;">
167          <img src="https://startit.rs/media/emoji-megaphone.png" alt="📣" style="width:3.3rem;height:3.3rem;">
168          <p style="color:rgba(255,255,255,0.75);line-height:1.45;font-size:1.35rem;">
169            <strong style="color:#fff;font-family:msr900,sans-serif;">Built-in publicity.</strong>
170          </p>
171          <p style="color:rgba(255,255,255,0.35);line-height:1.5;font-size:1rem;">
172            Content about your skills and work on our blog, socials, and events — so the market can discover and verify your credentials.
173          </p>
174        </div>
175
176        <div style="background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.4rem 2.1rem;display:flex;flex-direction:column;gap:0.9rem;">
177          <img src="https://startit.rs/media/emoji-red-envelope.png" alt="🧧" style="width:3.3rem;height:3.3rem;">
178          <p style="color:rgba(255,255,255,0.75);line-height:1.45;font-size:1.35rem;">
179            <strong style="color:#fff;font-family:msr900,sans-serif;">Client &amp; employer leads.</strong>
180          </p>
181          <p style="color:rgba(255,255,255,0.35);line-height:1.5;font-size:1rem;">
182            We get inbound from companies looking for AI talent. When they ask, we recommend our members first.
183          </p>
184        </div>
185
186      </div>
187
188    </div>
189  </div>
190</div>
191
192<!-- LOCATIONS -->
193<div style="background:#0069ff;padding:6rem 0;">
194  <div class="container mx-auto px-6">
195    <div style="max-width:1000px;margin:0 auto;">
196
197      <h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1] mb-6" style="max-width:90%">
198        <span class="font-bold text-white">Two cities. One community.</span>
199      </h2>
200      <p style="color:rgba(255,255,255,0.5);font-size:1.1rem;line-height:1.7;max-width:36rem;margin-bottom:3rem;">
201        Both locations share the same programme, the same standards, and the same network. Members get access to both spaces.
202      </p>
203
204      <style>.cities-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:2rem; } @media (max-width:768px) { .cities-grid { grid-template-columns:1fr; } }</style>
205      <div class="cities-grid">
206
207        <!-- Belgrade -->
208        <div style="background:#fff;border-radius:20px;overflow:hidden;">
209          <div style="aspect-ratio:16/9;overflow:hidden;">
210            <img loading="lazy" src="https://startit.rs/media/ai-hub-bg-space.jpg" alt="AI Hub Belgrade" style="width:100%;height:100%;object-fit:cover;"/>
211          </div>
212          <div style="padding:1.75rem;">
213            <h3 class="font-exo" style="font-weight:700;font-size:1.5rem;color:#000;margin-bottom:0.5rem;">Belgrade</h3>
214            <p style="color:#666;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;">Now open</p>
215            <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem;">
216              <li style="color:#333;font-size:0.95rem;">📍 Belgrade Waterfront area</li>
217              <li style="color:#333;font-size:0.95rem;">🕐 24/6 access</li>
218              <li style="color:#333;font-size:0.95rem;">☕ Kitchen, meeting rooms</li>
219            </ul>
220          </div>
221        </div>
222
223        <!-- Novi Sad -->
224        <div style="background:#fff;border-radius:20px;overflow:hidden;">
225          <div style="aspect-ratio:16/9;overflow:hidden;">
226            <img loading="lazy" src="https://startit.rs/media/ns-lobby-panorama.webp?v=2" alt="AI Hub Novi Sad" style="width:100%;height:100%;object-fit:cover;"/>
227          </div>
228          <div style="padding:1.75rem;">
229            <h3 class="font-exo" style="font-weight:700;font-size:1.5rem;color:#000;margin-bottom:0.5rem;">Novi Sad</h3>
230            <p style="color:#666;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;">Now open</p>
231            <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem;">
232              <li style="color:#333;font-size:0.95rem;">📍 City center, 300m from cathedral</li>
233              <li style="color:#333;font-size:0.95rem;">🅿️ Free parking</li>
234              <li style="color:#333;font-size:0.95rem;">🌳 Private garden, heritage building</li>
235              <li style="color:#333;font-size:0.95rem;">🕐 24/6 access</li>
236            </ul>
237          </div>
238        </div>
239
240      </div>
241
242    </div>
243  </div>
244</div>
245
246<!-- MENTORS -->
247<div style="background:#111;padding:6rem 0;">
248  <div class="container mx-auto px-6">
249    <div style="max-width:1000px;margin:0 auto;">
250
251      <h2 class="font-exo text-[2rem] md:text-[2.75rem] leading-[1.1] mb-4" style="max-width:90%">
252        <span class="font-bold text-white">Community experts</span>
253      </h2>
254      <p style="color:rgba(255,255,255,0.5);font-size:1.1rem;line-height:1.7;max-width:36rem;margin-bottom:3rem;">
255        Practitioners who share their expertise with our members. Each one builds real AI systems and brings domain knowledge you won't find in tutorials.
256      </p>
257
258      <style>
259        .expert-grid { display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem; }
260        .expert-card { flex:0 0 calc(50% - 0.75rem); }
261        @media (min-width:768px) { .expert-card { flex:0 0 calc(25% - 1.125rem); } }
262        .expert-card { background:#1a1a1a;border-radius:16px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,0.05);transition:transform 0.2s,background 0.2s; }
263        .expert-card:hover { transform:translateY(-4px);background:#222; }
264        .expert-card .avatar { width:80px;height:80px;border-radius:50%;background:#333;margin:0 auto 1rem;overflow:hidden; }
265        .expert-card h4 { font-family:msr900,sans-serif;font-size:1.05rem;margin-bottom:4px;line-height:1.15; }
266        .expert-card h4 a { color:color(display-p3 0 0.8 0.4);transition:all 0.2s;text-decoration:none; }
267        .expert-card h4 a:hover { color:#fff;text-shadow:0 0 12px rgba(51,204,102,0.4); }
268        .expert-card p { color:#6b7280;font-size:0.8rem;line-height:1.4; }
269        .expert-org { font-family:msr100,sans-serif;text-transform:uppercase;letter-spacing:0.08em;font-size:0.7rem !important;margin-top:0.25rem !important; }
270      </style>
271      <div class="expert-grid">
272
273        <div class="expert-card">
274          <div class="avatar"><a href="https://www.linkedin.com/in/aleksandarandjelkovic/" target="_blank" rel="noopener"><img loading="lazy" src="/money-agent-hackathon/assets/judge-andjelko.jpg" alt="Aleksandar Anđelković" style="width:100%;height:100%;object-fit:cover;"/></a></div>
275          <h4><a href="https://www.linkedin.com/in/aleksandarandjelkovic/" target="_blank" rel="noopener">Aleksandar Anđelković</a></h4>
276          <p class="expert-org">MICROSOFT</p>
277          <p><em>AI Agents</em></p>
278          <p style="margin-top:0.4rem;">Building agents at Microsoft. Led a global React team at Meta.</p>
279        </div>
280
281        <div class="expert-card">
282          <div class="avatar"><a href="https://www.linkedin.com/in/draganspiridonov/" target="_blank" rel="noopener"><img loading="lazy" src="https://startit.rs/media/spiridonov.jpg" alt="Dragan Spiridonov" style="width:100%;height:100%;object-fit:cover;"/></a></div>
283          <h4><a href="https://www.linkedin.com/in/draganspiridonov/" target="_blank" rel="noopener">Dragan Spiridonov</a></h4>
284          <p class="expert-org">AGENTICS FOUNDATION</p>
285          <p><em>AI Agents</em></p>
286          <p style="margin-top:0.4rem;">An OG, and evangelist for agentic engineering in Serbia.</p>
287        </div>
288
289        <div class="expert-card">
290          <div class="avatar"><a href="https://www.linkedin.com/in/filipmatekovic/" target="_blank" rel="noopener"><img loading="lazy" src="https://startit.rs/media/matekovic.jpg" alt="Filip Mateković" style="width:100%;height:100%;object-fit:cover;"/></a></div>
291          <h4><a href="https://www.linkedin.com/in/filipmatekovic/" target="_blank" rel="noopener">Filip Mateković</a></h4>
292          <p class="expert-org">HUNCH</p>
293          <p><em>AI Marketing</em></p>
294          <p style="margin-top:0.4rem;">Runs GTM at Hunch, probably automated everything you can think of.</p>
295        </div>
296
297        <div class="expert-card">
298          <div class="avatar"><a href="https://www.linkedin.com/in/jovan-miljevic/" target="_blank" rel="noopener"><img loading="lazy" src="https://startit.rs/media/expert-marija-mladenovic.jpg" alt="Jovan Miljević" style="width:100%;height:100%;object-fit:cover;"/></a></div>
299          <h4><a href="https://www.linkedin.com/in/jovan-miljevic/" target="_blank" rel="noopener">Jovan Miljević</a></h4>
300          <p class="expert-org">N8N LAB</p>
301          <p><em>Entrepreneurship</em></p>
302          <p style="margin-top:0.4rem;">Built and sold two agencies. Now building n8n Lab, the AI-native agency.</p>
303        </div>
304
305        <div class="expert-card">
306          <div class="avatar"><a href="https://www.linkedin.com/in/fbrdaric/" target="_blank" rel="noopener"><img loading="lazy" src="https://startit.rs/media/expert-filip-brdaric.jpg" alt="Filip Brdarić" style="width:100%;height:100%;object-fit:cover;"/></a></div>
307          <h4><a href="https://www.linkedin.com/in/fbrdaric/" target="_blank" rel="noopener">Filip Brdarić</a></h4>
308          <p class="expert-org">SUPERPLANE</p>
309          <p><em>Growth & GTM</em></p>
310          <p style="margin-top:0.4rem;">Built growth engines across 5 SaaS companies. Now leading GTM at Superplane — AI-first from day one.</p>
311        </div>
312
313        <div class="expert-card">
314          <div class="avatar"><a href="https://www.linkedin.com/in/markogacesa/" target="_blank" rel="noopener"><img loading="lazy" src="https://startit.rs/media/expert-marko-gacesa.jpg" alt="Marko Gaćeš
314a" style="width:100%;height:100%;object-fit:cover;"/></a></div>
315          <h4><a href="https://www.linkedin.com/in/markogacesa/" target="_blank" rel="noopener">Marko Gaćeša</a></h4>
316          <p class="expert-org">SEMAPHORE</p>
317          <p><em>AI Engineering</em></p>
318          <p style="margin-top:0.4rem;">A career of building developer tools, now leading his team's AI transformation.</p>
319        </div>
320
321      </div>
322
323    </div>
324  </div>
325</div>
326
327<!-- Built by Startit section — commented out
328<div class="relative">
329  <div class="w-full" style="overflow:hidden;position:relative;">
330    <img loading="lazy" src="https://startit.rs/media/ns-community-bg.webp" alt="AI Hub meetup" style="width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;"/>
331    <div style="position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.85) 100%);"></div>
332    <div style="position:relative;z-index:2;padding:6rem 0;">
333      <div class="container mx-auto px-6">
334        <div style="max-width:1000px;margin:0 auto;">
335          <h2 class="font-exo font-bold text-white mb-8 text-[2.5rem] md:text-[3.75rem] drop-shadow-lg" style="line-height:1.15">Built by Startit. Since 2009.</h2>
336          stat boxes etc.
337        </div>
338      </div>
339    </div>
340  </div>
341</div>
342-->
343
344<div id="faq"><div style="background:#0d0d0d" class="pt-32 pb-24"><div class="container mx-auto px-6"><div class="max-w-[1000px] mx-auto"><h2 class="font-exo text-4xl md:text-5xl font-bold mb-16 text-white text-center">FAQ</h2><div class="grid gap-8"><div class="bg-[#1a1a1a] rounded-xl p-8 transform transition-all duration-300 hover:-translate-y-1"><h3 class="font-exo text-xl font-semibold text-white mb-4">What exactly is AI Hub?</h3><p class="text-gray-300 leading-relaxed">A community of tech professionals who use AI to get better at what they do. You get daily knowledge sharing, weekly practitioner sessions, mentorship, client connections, and a physical space to work from in Belgrade or Novi Sad.</p></div><div class="bg-[#1a1a1a] rounded-xl p-8 transform transition-all duration-300 hover:-translate-y-1"><h3 class="font-exo text-xl font-semibold text-white mb-4">Do I need to be an AI expert?</h3><p class="text-gray-300 leading-relaxed">No. You need to be building with AI or actively moving your work in that direction. We have members ranging from first-time AI users to people deploying agent systems in production.</p></div><div class="bg-[#1a1a1a] rounded-xl p-8 transform transition-all duration-300 hover:-translate-y-1"><h3 class="font-exo text-xl font-semibold text-white mb-4">How does the application process work?</h3><p class="text-gray-300 leading-relaxed">Fill out the form below. We review applications and invite people who are a good fit for a short video call. We're looking for curious, motivated professionals — not a specific title or experience level.</p></div><div class="bg-[#1a1a1a] rounded-xl p-8 transform transition-all duration-300 hover:-translate-y-1"><h3 class="font-exo text-xl font-semibold text-white mb-4">Why do I need a call just to join?</h3><p class="text-gray-300 leading-relaxed">Because we're not selling desks. We're a nonprofit — a citizens' association with a mission. We don't have customers, we have members. A short call lets us make sure you'll actually get value here, and lets you check if we're worth your time.</p></div><div class="bg-[#1a1a1a] rounded-xl p-8 transform transition-all duration-300 hover:-translate-y-1"><h3 class="font-exo text-xl font-semibold text-white mb-4">What does it cost?</h3><p class="text-gray-300 leading-relaxed">Membership starts at 149 EUR/month. All utilities and amenities are included. No long-term commitment.</p></div><div class="bg-[#1a1a1a] rounded-xl p-8 transform transition-all duration-300 hover:-translate-y-1"><h3 class="font-exo text-xl font-semibold text-white mb-4">Can I use both locations?</h3><p class="text-gray-300 leading-relaxed">Yes. Members have access to both Belgrade and Novi Sad spaces with a single membership.</p></div><div class="bg-[#1a1a1a] rounded-xl p-8 transform transition-all duration-300 hover:-translate-y-1"><h3 class="font-exo text-xl font-semibold text-white mb-4">Who runs this?</h3><p class="text-gray-300 leading-relaxed">AI Hub is run by Startit (SEE ICT), a non-profit that has been building Serb
344ia's tech ecosystem since 2009. Two EU awards, partnerships with Google, Microsoft, and hundreds of tech companies.</p></div></div></div></div>
345
346<!-- NONPROFIT SECTION -->
347<div style="background:#000;padding:5rem 0;border-top:1px solid rgba(255,255,255,0.05);">
348<div class="container mx-auto px-6">
349<div style="max-width:1000px;margin:0 auto;">
350<img src="https://startit.rs/media/emoji-classical.png" alt="🏛️" style="width:5rem;height:5rem;margin-bottom:1.5rem;">
351<h2 class="font-exo text-[1.5rem] md:text-[2rem] leading-[1.2] mb-4" style="font-weight:700;color:#fff;">You fund our mission</h2>
352<p style="color:rgba(255,255,255,0.5);font-size:1.1rem;line-height:1.7;">Your membership fees cover the direct expenses of running our community — the spaces, the internet, the team. Everything left over funds programmes we provide for the public for free: weekly AI meetups, workshops, and educational events that are open to everyone.</p>
353</div>
354</div>
355</div>
356
357<!-- CTA / APPLY -->
358<div class="relative bg-[#0069ff]">
359<div class="absolute inset-0" style="background:linear-gradient(180deg, #172fa2 0%, rgba(0,105,255,0) 25%)"></div>
360<div class="absolute inset-0" style="background-image:linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size:40px 40px;background-position:center center;pointer-events:none"></div>
361<div id="join" class="relative container mx-auto px-6 py-24">
362<div class="max-w-4xl mx-auto">
363<h2 class="font-exo text-5xl md:text-6xl font-bold tracking-wide mb-6 text-white text-left">Let's talk</h2>
364<p class="text-lg md:text-xl text-blue-100 max-w-3xl mb-8 text-left" style="line-height:1.95rem;font-weight:400;">Book a 15-minute intro call. No pitch, no prep needed — just a quick chat to verify that we're a good fit.</p>
365
366<a href="https://calendar.app.google/rrzh46YogQQkx1nL9" target="_blank" rel="noopener noreferrer" class="font-exo" style="display:inline-block;background:linear-gradient(to right, #33cc66, #00ff88, #33cc66);color:#000;font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:0.05em;padding:1.25rem 3rem;border-radius:999px;text-decoration:none;transition:all 0.2s;box-shadow:0 6px 0 rgb(38,151,76);">Book the 15m Sync</a>
367
368<p style="color:rgba(255,255,255,0.35);font-size:0.85rem;margin-top:1.5rem;line-height:1.5;">15 minutes · Google Meet · Pick a time that works for you</p>
369</div>
370</div>
371</div>
372
373
374<footer class="bg-black border-t border-white/10"><div class="container mx-auto px-6 py-12"><div class="max-w-3xl mx-auto text-center"><div class="flex items-center justify-center gap-2 mb-4"><img loading="lazy" src="https://startit.rs/media/logo.svg" alt="Startit Logo" class="h-4 w-auto opacity-60"/><span class="text-gray-400 text-sm">by Startit</span></div><p class="text-gray-400 text-sm leading-relaxed mb-3">AI Hub is run by <span class="text-gray-300 font-medium">SEE ICT</span>, a non-profit building Serbia's tech ecosystem since 2009.</p><p class="text-gray-500 text-xs leading-relaxed mb-4">All membership revenue directly funds free community programmes.</p><div class="text-gray-500 text-xs mb-3">Belgrade &amp; Novi Sad · <a href="tel:+381632679043" class="hover:text-gray-300">+381 63 267 9043</a> · <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="412f2e372832202501323520333528356f3332">[email&#160;protected]</a></div><div class="flex items-center justify-center gap-4 mb-4"><a href="https://www.instagram.com/startitrs/" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-gray-300 text-xs">Instagram</a><span class="text-gray-600">·</span><a href="https://www.facebook.com/StartitRS/" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-gray-300 text-xs">Facebook</a><span class="text-gray-600">·</span><a href="https://www.linkedin.com/company/startit-centar/" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-gray-300 text-xs">LinkedIn</a></div><div class="flex items-center justify-center gap-4"><a href="https://startit.rs/privacy-policy/" class="text-gray-600 hover:text-gray-400 text-xs">Politika privatnosti</a><span class="text-gray-700">·</span><a href="https://startit.rs/uslovi-koriscenja/" class="text-gray-600 hover:text-gray-400 text-xs">Uslovi korišćenja</a></div></div></div></footer></div></div>
vendor: 114 bytes, lines 374-376
374
375
376    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
376<script>
377    document.addEventListener('click', function(e) {
378      var link = e.target.closest('a[href*="calendar.app.google"],a[href*="/ai-hub/book"]');
379      if (link) {
380        fbq('track', 'Schedule');
381      }
382    });
383    </script>
383
384  
385    <!-- Measurement: scroll depth + CTA events (GA4) + session recording (rrweb) -->
386    
386<script defer src="/ai-hub/ux-rec.js"></script>
386
387    
387<script defer src="/ai-hub/ux-init.js?v=20260722-105213"></script>
387
388    
388<script>
389    (function() {
390      var marks = [25, 50, 75, 90], fired = {};
391      window.addEventListener('scroll', function() {
392        var h = document.documentElement, max = h.scrollHeight - window.innerHeight;
393        if (max <= 0) return;
394        var pct = Math.round(window.scrollY / max * 100);
395        marks.forEach(function(m) {
396          if (pct >= m && !fired[m]) {
397            fired[m] = 1;
398            if (window.gtag) gtag('event', 'scroll_depth', { percent_scrolled: m });
399          }
400        });
401      }, { passive: true });
402      document.addEventListener('click', function(e) {
403        if (!window.gtag) return;
404        if (e.target.closest('a[href*="calendar.app.google"],a[href*="/ai-hub/book"]')) {
405          gtag('event', 'schedule_click', { event_category: 'conversion' });
406        }
407        if (e.target.closest('a[href^="tel:"]')) {
408          gtag('event', 'phone_click', { event_category: 'conversion' });
409        }
410      });
411    })();
412    </script>
412
413  
413<script>
414(function() {
415  // izvor posete za atribuciju bookinga: utm_content > referrer > direct
416  var KEY = 'ahc_src';
417  function detect() {
418    var p = new URLSearchParams(window.location.search);
419    if (p.get('utm_content')) return 'ad-' + p.get('utm_content');
420    if (p.get('utm_source')) return 'utm-' + p.get('utm_source');
421    var r = document.referrer || '';
422    if (r.indexOf('startit.rs') !== -1 && r.indexOf('/ai-hub') === -1) return 'site';
423    if (r.indexOf('google.') !== -1) return 'google';
424    if (r.indexOf('instagram') !== -1 || r.indexOf('facebook') !== -1) return 'social-organic';
425    if (r) return 'ref-' + r.replace(/^https?:\/\//,'').split('/')[0];
426    return 'direct';
427  }
428  var src;
429  try {
430    src = sessionStorage.getItem(KEY);
431    if (!src) { src = detect(); sessionStorage.setItem(KEY, src); }
432  } catch (e) { src = detect(); }
433  document.querySelectorAll('a[href*="calendar.app.google"]').forEach(function(a) {
434    a.href = '/ai-hub/book.php?src=' + encodeURIComponent(src);
435  });
436})();
437</script>
437
438</body>
439</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.