PageSourceSearch

https://jsheroes.io/sponsor

html jsheroes.io collected 2026-10-02 05:36:15 UTC 26,462 bytes, 38 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="google-site-verification" content="-VWpgQNMZy97BonSpKFQXFiI7wRwtWmdQeKzLjJsH08"><link rel="icon" type="image/x-icon" href="/img/social/bear-192.png"><title>JSHeroes 2026 | Community Organized JS Conference</title><link rel="manifest" href="/manifest.json"><meta name="description" content="JSHeroes is an yearly event organized by the local JS community in Cluj, Romania. Check the latest updates and join us on the 14th and 15th of May 2026"><meta name="theme-color" content="#0b1b44"><meta property="og:title" content="JSHeroes 2026 | Community Organized JS Conference"><meta property="og:type" content="website"><meta property="og:url" content="https://jsheroes.io/"><meta property="og:image" content="https://jsheroes.io/img/social/new-2026.png"><meta property="og:image:type" content="image/png"><meta property="og:description" content="JSHeroes is an yearly event organized by the local JS community in Cluj, Romania. Check the latest updates and join us on the 14th and 15th of May 2026"><meta property="og:locale" content="en_US"><meta property="og:site_name" content="JSHeroes 2026 | Community Organized JS Conference"><meta name="twitter:site" content="@jsheroes"><meta name="twitter:title" content="JSHeroes 2026 | Community Organized JS Conference"><meta name="twitter:description" content="JSHeroes is an yearly event organized by the local JS community in Cluj, Romania. Check the latest updates and join us on the 14th and 15th of May 2026"><meta name="twitter:image" content="https://jsheroes.io/img/social/new-2026.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@jsheroes"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate">
1<script type="application/json" data-tooltips-options>{"interactive":false,"delay":[75,75],"placement":"bottom"}</script>
1<vercel-analytics data-props="{}" data-params="{}" data-pathname="/sponsor/"></vercel-analytics> <link rel="stylesheet" href="/_astro/accessibility.qA3L74b_.css" />
2<link rel="stylesheet" href="/_astro/_slug_.irNwd07b.css" />
2<script type="module" src="/_astro/hoisted.0fUrpZyk.js"></script>
2</head> <body> <header class="main-nav fixed z-40 w-full px-4 md:px-8 transition-all duration-slide ease-out bg-brand-darknavy"> <div class="m-auto max-w-[1280px] flex justify-between py-4 font-display"> <div class="inline"> <a href="/" class="home-link flex"> <img src="/img/logo-dark.svg" alt="JSHeroes" class="w-[160px]"> </a> </div> <nav class="flex gap-4" aria-label="Main navigation"> <div class="hidden gap-4 sm:flex"> <a class="navlink h-0 w-0 overflow-hidden focus:h-auto focus:w-auto" href="#main">Skip navigation</a> <a class="navlink" href="/#agenda">Agenda</a> <a class="navlink" href="/handbook">Handbook</a> <a class="navlink" href="/#sponsors">Sponsors</a> </div> <button class="hamburger w-[1.5rem] transition-transform duration-move ease-out hover:scale-[1.3] focus-visible:outline-accent-pink" aria-label="Toggle menu" aria-haspopup="true" aria-controls="sidebar-nav"> <svg width="1em" height="1em" class="navlink w-6 h-6" data-icon="mdi:menu">   <symbol id="ai:mdi:menu" viewBox="0 0 24 24"><path fill="currentColor" d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></symbol><use href="#ai:mdi:menu"></use>  </svg> </button> </nav> </div> </header> <nav class="side-drawer fixed right-0 top-0 z-30 flex h-full w-full max-w-[500px] translate-x-full flex-col overflow-y-scroll bg-gradient-to-br from-brand-darknavy to-brand-purple font-display transition-all duration-slide ease-out" aria-hidden="true" aria-label="Sidebar navigation" id="sidebar-nav" tabindex="-1"> <button class="close group self-end p-2 mt-2 mr-2 focus-visible:outline-accent-pink" aria-label="Close menu"> <svg width="1em" height="1em" class="navlink w-6 h-6 transition-transform duration-fade ease-out group-hover:scale-[1.3]" data-icon="mdi:close">   <symbol id="ai:mdi:close" viewBox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></symbol><use href="#ai:mdi:close"></use>  </svg> </button> <div class="flex w-full flex-col gap-8 pb-6 text-[1.2rem] md:text-[1rem]"> <div class="flex flex-col items-start gap-2 px-16"> <a class="navlink" href="/">Home</a> <!-- <a class="navlink" href="/speak">Call for speakers</a> --> <a class="navlink" href="/#speakers">Speakers</a> <a class="navlink block sm:hidden" href="/#agenda">Agenda</a> <a class="navlink block sm:hidden" href="/handbook">Handbook</a> <a class="navlink block sm:hidden" href="/#sponsors">Sponsors</a> <a class="navlink" href="/why-attend">Why attend</a> <a class="navlink" href="/sponsor">Call for sponsors</a> </div> <div class="flex flex-col items-start gap-2 px-16"> <!-- <a class="navlink" href="/handbook">Handbook</a> --> <a class="navlink" href="/eco-friendly">Sustainability</a> <a class="navlink" href="/accessibility">Accesssibility</a> <a class="navlink" href="/transparency">Transparency</a> </div> <div class="flex flex-col items-start gap-2 px-16"> <a class="navlink" href="/blog">Blog</a> <a class="navlink" href="/hall-of-fame">Hall of fame</a> <a class="navlink" href="/coc">Code of Conduct</a> <a class="navlink" href="/privacy">Privacy Statement</a> <a class="navlink" href="/terms-and-conditions">Terms and Conditions</a> <a class="navlink" href="/media">Media Kit</a> <a class="navlink" href="/meet-ecma">Meet Ecma</a> </div> <div class="flex flex-col items-start gap-2 px-16"> <a class="navlink" target="_blank" rel="noreferrer noopener" href="https://2025.jsheroes.io">2025</a> <a class="navlink" target="_blank" rel="noreferrer noopener" href="https://2024.jsheroes.io">2024</a> <a class="navlink" target="_blank" rel="noreferrer noopener" href="https://2023.jsheroes.io">2023</a> <a class="navlink" target="_blank" rel="noreferrer noopener" href="https://2022.jsheroes.io">2022</a> </div> </div> </nav> <div class="backdrop fixed right-0 top-0 z-20 hidden h-full w-full bg-[rgba(0,0,0,0.6)]"></div>  <div class="pt-14">  <img src="/_astro/sponsor4.WCU4_ecF_Z2fDF1E.webp" srcset="/_astro/sponsor4.WCU4_ecF_Z2fDF1E.webp 1.5x, /_astro/sponsor4.WCU4_ecF_Z2fDF1E.webp 2x" alt="" loading="eager" class="block h-[400px] w-full object-cover" width="2048" height="1366" decoding="async">
2 <main id="main"> <section data-variant="light" class="group relative w-full px-4 md:px-8 pb-16 first:pt-8 pt-12 md:pb-40 md:pt-24 bg-neutral-light text-neutral-dark"> <div class="mx-auto flex max-w-[1280px] flex-col gap-4">  <h1>Sponsors welcome!</h1> <p class="text-balance">
3What started as a small idea from the local JavaScript community,
4        evolved into one of the best community-organized events in Europe.
5</p> <div class="grid grid-cols-1 items-center gap-0 font-display sm:gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:gap-8"> <div class="flex flex-col"> <span class="text-huge font-[500] text-accent-pink">350</span> <span class="mt-[-2rem] text-lg font-[500]">attendees</span> <span>30% international audience</span> </div> <div class="flex flex-col"> <span class="text-huge font-[500] text-dodger-blue">16</span> <span class="mt-[-2rem] text-lg font-[500]">speakers</span> <span>from all over the world</span> </div> <div class="flex flex-col"> <span class="text-huge font-[500] text-accent-green">2</span> <span class="mt-[-2rem] text-lg font-[500]">days</span> <span>14 hours of quality content</span> </div> <div class="flex flex-col"> <span class="text-huge font-[500] text-accent-orange">3K</span> <span class="mt-[-2rem] text-lg font-[500]">members</span> <span>local community members</span> </div> <div class="flex flex-col"> <span class="text-huge font-[500] text-accent-green">10K</span> <span class="mt-[-2rem] text-lg font-[500]">followers</span> <span>across our social media channels</span> </div> <div class="flex flex-col"> <span class="text-huge font-[500] text-accent-pink">3.8K</span> <span class="mt-[-2rem] text-lg font-[500]">subscribers</span> <span>on our YouTube channel</span> </div> </div>  </div> </section> <div class="flex w-full relative overflow-hidden"> <div class="w-full sm:w-1/2 lg:w-1/3"> <img src="/_astro/sponsor5.r2QeDafC_qeosh.webp" srcset="/_astro/sponsor5.r2QeDafC_qeosh.webp 1.5x, /_astro/sponsor5.r2QeDafC_qeosh.webp 2x" alt="" class="object-cover w-full" width="800" height="534" loading="lazy" decoding="async"> </div> <div class="w-1/2 lg:w-1/3 hidden sm:block"> <img src="/_astro/sponsor6.9zd3vK6b_24GVQu.webp" srcset="/_astro/sponsor6.9zd3vK6b_24GVQu.webp 1.5x, /_astro/sponsor6.9zd3vK6b_24GVQu.webp 2x" alt="" class="object-cover w-full" width="800" height="534" loading="lazy" decoding="async"> </div> <div class="w-1/3 hidden lg:block"> <img src="/_astro/sponsor7.BwFQS-1a_Z1fr6Fn.webp" srcset="/_astro/sponsor7.BwFQS-1a_Z1fr6Fn.webp 1.5x, /_astro/sponsor7.BwFQS-1a_Z1fr6Fn.webp 2x" alt="" class="object-cover w-full" width="800" height="534" loading="lazy" decoding="async"> </div> <div class="absolute inset-0 bg-gradient-to-b from-[#00000000] from-20% to-brand-darknavy"></div> </div> <section data-variant="dark" class="group relative w-full px-4 md:px-8 pb-16 first:pt-8 pt-12 md:pb-40 md:pt-24 bg-gradient-to-br from-brand-darknavy from-50% to-brand-purple to-90% text-neutral-light"> <div class="mx-auto flex max-w-[1280px] flex-col gap-4">  <h2>Why should you sponsor us?</h2> <div class="mt-8 grid grid-cols-1 gap-8 md:grid-cols-2 md:gap-16"> <div> <h3>Exposure to a dedicated community</h3> <p class="mt-4">
6Community events get the best out of people that want to share
7            ideas, network or find new opportunities. You can expect a balanced
8            mix of seasoned professionals and fast growing beginners to come in
9            contact with your company.
10</p> </div> <div> <h3>Brand association</h3> <p class="mt-4">
11Over the past 10 years, JSHeroes has grown into one of the most <strong>recognizable</strong> brands in the JavaScript community worldwide. Your company
12            will benefit from being showcased on our visuals and video recordings.
13</p> </div> </div> <div class="mt-0 grid grid-cols-1 gap-8 md:mt-8 md:grid-cols-2 md:gap-16"> <div> <h3>Contribute to the growth of the community</h3> <p class="mt-4">
14We strongly believe that JavaScript is the future. Therefore, our
15            mission is to <strong>grow</strong> together with the community.
16            Through JSHeroes, we aim to keep everyone in sync with the latest advancements
17            and trends in the world of JavaScript and web development.
18</p> </div> <div> <h3>Support a non-profit and transparent event</h3> <p class="mt-4">
19We embraced the <strong>open source</strong> model from the beginning.
20            All the details about the event are public and our budget and expenses
21            are published after each event on <a href="/transparency">our transparency page</a>.
22</p> </div> </div>  </div> </section> <section data-variant="light" class="group relative w-full px-4 md:px-8 pb-16 first:pt-8 pt-12 md:pb-40 md:pt-24 bg-neutral-light text-neutral-dark"> <div class="mx-auto flex max-w-[1280px] flex-col gap-4">  <h2>Sponsor Packages</h2> <div class="flex flex-col lg:flex-row gap-3 min-h-[320px] rounded-lg border-[4px] border-accent-orange px-6 py-4 relative grayscale-0 opacity-100"> <div class="flex flex-1 flex-col items-start"> <h3>Gold Package</h3> <span class="font-display text-lg font-bold">7500 €</span> <span class="max-w-[35ch]">Get involved at the event</span> <span class="bg-accent-orange px-3 py-1 font-bold absolute right-[-4px] top-[-4px] rounded-bl-lg rounded-tr-lg lg:right-auto lg:top-auto lg:left-[-4px] lg:bottom-[-4px]">3 packages left</span> </div> <div class="flex flex-1 flex-col py-1"> <div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-bold"> Company booth during at the venue </span> <span class="ml-auto md:ml-0"> <span title="You will have a dedicated area in the hallway where you can interact with the attendees during the breaks."> <svg width="1em" height="1em" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <symbol id="ai:mdi:tooltip-text-outline" viewBox="0 0 24 24">
22<path fill="currentColor" d="M4 2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4l-4 4l-4-4H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 2v12h4.83L12 19.17L15.17 16H20V4zm2 3h12v2H6zm0 4h10v2H6z"/></symbol><use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-bold"> 10 event tickets </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-bold"> 15% discount on all tickets </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Your company video running during the breaks </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Your logo on printed and digital materials </span> <span class="ml-auto md:ml-0"> <span title="Includes: website, post-event videos and attendee badges"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Bring branded giveaways for attendees </span> <span class="ml-auto md:ml-0"> <span title="You can bring promotional materials at the event. All giveaways will be displayed in a dedicated area in the hallway."> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Your roll-up in the main room </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Social media spotlights </span> <span class="ml-auto md:ml-0"> <span title="One post on all our channels about your company, with your preferred message and tone of voice. <br/> Another post with all the sponsors right before the event."> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div> </div> </div><div class="flex flex-col lg:flex-row gap-3 min-h-[320px] rounded-lg border-[4px] border-accent-green px-6 py-4 relative grayscale-0 opacity-100"> <div class="flex flex-1 flex-col items-start"> <h3>Silver Package</h3> <span class="font-display text-lg font-bold">3000 €</span> <span class="max-w-[35ch]">Increase brand awareness at the event</span> <span class="bg-accent-green px-3 py-1 font-bold absolute right-[-4px] top-[-4px] rounded-bl-lg rounded-tr-lg lg:right-auto lg:top-auto lg:left-[-4px] lg:bottom-[-4px]">3 packages left</span> </div> <div class="flex flex-1 flex-col py-1"> <div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-bold"> Your company video running during the breaks </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-bold"> Bring branded giveaways for attendees </span> <span class="ml-auto md:ml-0"> <span title="You can bring promotional materials at the event. All giveaways will be displayed in a dedicated area in the hallway."> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal">
22 Your roll-up in the main room </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Social media spotlights </span> <span class="ml-auto md:ml-0"> <span title="One post on all our channels about your company, with your preferred message and tone of voice. <br/> Another post with all the sponsors right before the event."> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Your logo on printed and digital materials </span> <span class="ml-auto md:ml-0"> <span title="Includes: website, post-event videos and attendee badges"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div> </div> </div><div class="flex flex-col lg:flex-row gap-3 min-h-[320px] rounded-lg border-[4px] border-accent-pink px-6 py-4 relative grayscale-0 opacity-100"> <div class="flex flex-1 flex-col items-start"> <h3>Bronze Package</h3> <span class="font-display text-lg font-bold">1500 €</span> <span class="max-w-[35ch]">Ideal for startups and small companies</span> <span class="bg-accent-pink px-3 py-1 font-bold absolute right-[-4px] top-[-4px] rounded-bl-lg rounded-tr-lg lg:right-auto lg:top-auto lg:left-[-4px] lg:bottom-[-4px]">6 packages left</span> </div> <div class="flex flex-1 flex-col py-1"> <div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Bring branded giveaways for attendees </span> <span class="ml-auto md:ml-0"> <span title="You can bring promotional materials at the event. All giveaways will be displayed in a dedicated area in the hallway."> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Your roll-up in the main room </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Social media spotlights </span> <span class="ml-auto md:ml-0"> <span title="One post on all our channels about your company, with your preferred message and tone of voice. <br/> Another post with all the sponsors right before the event."> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Your logo on printed and digital materials </span> <span class="ml-auto md:ml-0"> <span title="Includes: website, post-event videos and attendee badges"> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div> </div> </div><div class="flex flex-col lg:flex-row gap-3 min-h-[320px] rounded-lg border-[4px] border-neutral-separator px-6 py-4 relative grayscale-0 opacity-100"> <div class="flex flex-1 flex-col items-start"> <h3>Supporter Package</h3> <span class="font-display text-lg font-bold">1500 €</span> <span class="max-w-[35ch]">Alternative for the bronze package for companies interested in getting tickets for employees</span> <span class="bg-neutral-separator px-3 py-1 font-bold absolute right-[-4px] top-[-4px] rounded-bl-lg rounded-tr-lg lg:right-auto lg:top-auto lg:left-[-4px] lg:bottom-[-4px]">6 packages left</span> </div> <div class="flex flex-1 flex-col py-1"> <div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal">
22 5 event tickets </span> <span class="ml-auto md:ml-0">   </span> </div><div class="flex items-center gap-2"> <img src="/img/props/rocket.svg" alt="" class="h-4 w-4"> <span class="font-normal"> Social media spotlights </span> <span class="ml-auto md:ml-0"> <span title="One post on all our channels about your company, with your preferred message and tone of voice. <br/> Another post with all the sponsors right before the event."> <svg width="1em" height="1em" viewBox="0 0 24 24" class="w-5 h-5" data-icon="mdi:tooltip-text-outline">   <use href="#ai:mdi:tooltip-text-outline"></use>  </svg> </span>  </span> </div> </div> </div><div class="mt-8 flex flex-col items-start"> <h3 class="font-bold">Contact</h3> <p>Alexandra Retegan</p> <a href="mailto:[email protected]" class="block" title="This is an email">[email protected]</a> <a href="tel:0040756403372" class="block" title="This is a phone number">+4 0756 403 372</a> </div>  </div> </section> <div class="flex w-full relative overflow-hidden"> <div class="w-full sm:w-1/2 lg:w-1/3"> <img src="/_astro/sponsor1.KC27yPNM_SWsC9.webp" srcset="/_astro/sponsor1.KC27yPNM_SWsC9.webp 1.5x, /_astro/sponsor1.KC27yPNM_SWsC9.webp 2x" alt="" class="object-cover w-full" width="800" height="533" loading="lazy" decoding="async"> </div> <div class="w-1/2 lg:w-1/3 hidden sm:block"> <img src="/_astro/sponsor2.1mjVBJ5v_Z5VeBN.webp" srcset="/_astro/sponsor2.1mjVBJ5v_Z5VeBN.webp 1.5x, /_astro/sponsor2.1mjVBJ5v_Z5VeBN.webp 2x" alt="" class="object-cover w-full" width="800" height="533" loading="lazy" decoding="async"> </div> <div class="w-1/3 hidden lg:block"> <img src="/_astro/sponsor3.c0AUlVg6_Z1u5i8H.webp" srcset="/_astro/sponsor3.c0AUlVg6_Z1u5i8H.webp 1.5x, /_astro/sponsor3.c0AUlVg6_Z1u5i8H.webp 2x" alt="" class="object-cover w-full" width="800" height="534" loading="lazy" decoding="async"> </div> <div class="absolute inset-0 bg-gradient-to-b from-[#00000000] from-20% to-brand-darknavy"></div> </div> <section data-variant="dark" class="group relative w-full px-4 md:px-8 pb-16 first:pt-8 pt-12 md:pb-40 md:pt-24 bg-gradient-to-br from-brand-darknavy from-50% to-brand-purple to-90% text-neutral-light"> <div class="mx-auto flex max-w-[1280px] flex-col gap-4">  <div class="mt-8 flex items-center gap-4"> <div class="mr-4 hidden w-[286px] md:block"> <img class="rounded-2xl" src="/img/sponsors-page/maarten.jpg"> </div> <blockquote class="flex max-w-[50ch] flex-col gap-2"> <cite> <p>
23If there is one conference that you already should put on your
24              shortlist for (the) next year(s), JSHeroes is the one.
25</p> <p>
26From seasoned veterans to emerging talents, the line-up every year
27              is a true reflection of the Web community's diversity and
28              innovation. The above-and-beyond hospitality of the organization,
29              the diverse range of international attendees, and the focus on
30              inclusiveness, makes JSHeroes Conference one of the top
31              conferences in Europe.
32</p> </cite> <footer class="flex flex-col"> <strong>Maarten van Hoof</strong> <span>Devops Engineer Frontend @ Essent</span> </footer> </blockquote> </div> <div class="ml-0 flex items-center gap-4 md:ml-auto"> <blockquote class="mr-4 flex max-w-[50ch] flex-col gap-2 text-left md:text-right"> <cite>
33People just start talking about their pains in the code business.
34            It's amazing! It feels like a group therapy, in a way. And this is
35            something you cannot replace when doing online events.
36</cite> <footer class="flex flex-col"> <strong>Natalia Tepluhina</strong> <span>Principal Engineer @ Gitlab</span> </footer> </blockquote> <div class="hidden w-[286px] md:block"> <img class="rounded-2xl" src="/img/sponsors-page/natalia-tepluhina.jpg"> </div> </div>  </div> </section> </main>  </div> <button class="bg-transparent invisible fixed bottom-6 right-6 m-0 h-8 w-8 border-0 p-0 opacity-0 transition-all duration-fade ease-out hover:scale-125" aria-label="Scroll to top" id="scroll-top" data-astro-cid-73562bqz> <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="16px" viewBox="0 0 512 512" width="16px"  xmlns="http://www.w3.org/2000/svg"><path d="M128.4,189.3L233.4,89c5.8-6,13.7-9,22.4-9c8.7,0,16.5,3,22.4,9l105.4,100.3c12.5,11.9,12.5,31.3,0,43.2  c-12.5,11.9-32.7,11.9-45.2,0L288,184.4v217c0,16.9-14.3,30.6-32,30.6c-17.7,0-32-13.7-32-30.6v-217l-50.4,48.2  c-12.5,11.9-32.7,11.9-45.2,0C115.9,220.6,115.9,201.3,128.4,189.3z"/></svg> </button>   <footer class="flex flex-col gap-2 p-4 pt-16 text-neutral-light bg-neutral-dark to-50% font-display"> <div class="w-full m-auto max-w-[1280px] flex justify-around"> <div class="flex flex-col gap-2 items-start"> <strong>Useful links</strong> <a class="navlink" href="mailto:[email protected]">Contact us</a> <a class="navlink" href="/coc">Code of conduct</a> <a class="navlink" href="/privacy">Privacy statement</a> <a class="navlink" href="/terms-and-conditions">Terms and Conditions</a> <a class="navlink" href="/media">Media Kit</a> </div> <div class="flex flex-col gap-2 items-start"> <strong>Follow us</strong> <a class="navlink" href="https://www.linkedin.com/company/jsheroes-community/" target="_blank" rel="noreferrer noopener">LinkedIn</a> <a class="navlink" href="https://bsky.app/profile/jsheroes.io" target="_blank" rel="noreferrer noopener">Bluesky</a> <a class="navlink" href="https://www.instagram.com/jsheroes" target="_blank" rel="noreferrer noopener">Instagram</a>
36 <a class="navlink" href="https://www.youtube.com/jsheroes" target="_blank" rel="noreferrer noopener">YouTube</a> <a class="navlink" href="https://www.meetup.com/jsheroes/" target="_blank" rel="noreferrer noopener">Meetup</a> </div> </div> <p class="text-center">
37© 2026 · JSHeroes. All rights reserved.
38</p> </footer> </body></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.