<!--#include virtual="/includes/_header.htm" -->
<body class="page-intro ">
<!--#include virtual="/includes/_top.htm" -->
<div class="content">
  <!--#include virtual="/includes/_nav.htm" -->
  <div class="right">
		<div class="page-header">
      <h1 class="page-header-title">Introduction</h1>
      <p class="page-header-text">Everything you need to know about Kafka in 10 minutes</p>

      <div class="page-header-video">
        <iframe
          class="youtube-embed page-header-video-embed"
          width="480" height="270"
          src="https://www.youtube.com/embed/FKgi3n-FyNU?modestbranding=1"
          frameborder="0"
          allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
        </iframe>
      </div>
      
    </div>
<!-- should always link the the latest release's documentation -->
    <!--#include virtual="/26/introduction.html" -->

<!--#include virtual="includes/_footer.htm" -->

<script>
// Show selected style on nav item
$(function() { $('.b-nav__intro').addClass('selected'); });
</script>