index.html

---
layout: landing
title: Istio
---
{% include home.html %}

<div class="hero">
    <div class="container">
        {% if site.data.istio.archive %}
            <h1 class="hero-label">Istio Archive {{site.data.istio.version}}</h1>
        {% elsif site.data.istio.preliminary %}
            <h1 class="hero-label">Istio Preliminary {{site.data.istio.version}}</h1>
        {% else %}
            <h1 class="hero-label">Istio</h1>
        {% endif %}
        <img class="hero-logo" alt="Istio Logo" src="{{home}}/img/istio-logo.svg" />
        <h1 class="hero-lead">An open platform to connect, manage, and secure microservices</h1>
        <span onclick="getElementById('SCROLLME').scrollIntoView({block: 'start', inline: 'nearest', behavior: 'smooth'})" class="hero-down-arrow fa fa-2
        fa-caret-down"></span>
        <span id="SCROLLME"></span>
    </div>
</div>

<div class="container-fluid traffic color1">
    <div class="row align-items-center justify-content-center">
        <div class="col-12 col-md-5">
            {% include landing/routing-and-load-balancing.svg %}
        </div>
        <div class="col-12 col-md-5 landing-text">
            <h2>Intelligent Routing and Load Balancing</h2>
            <p>
                Control traffic between services with dynamic route configuration,
                conduct A/B tests, release canaries, and gradually upgrade versions using red/black deployments.
                <a href="{{home}}/docs/concepts/traffic-management/overview.html">Learn more...</a>
            </p>
        </div>
    </div>
</div>

<div class="container-fluid resilience color2">
    <div class="row align-items-center justify-content-center">
        <div class="col-12 col-md-5">
            {% include landing/resiliency.svg %}
        </div>
        <div class="col-12 col-md-5 order-md-first landing-text">
            <h2>Resilience Across Languages and Platforms</h2>
            <p>
                Increase reliability by shielding applications from flaky networks and cascading failures in adverse conditions.
                <a href="{{home}}/docs/concepts/traffic-management/handling-failures.html">Learn more...</a>
            </p>
        </div>
    </div>
</div>

<div class="container-fluid policy color1">
    <div class="row align-items-center justify-content-center">
        <div class="col-12 col-md-5">
            {% include landing/policy-enforcement.svg %}
        </div>
        <div class="col-12 col-md-5 landing-text">
            <h2>Fleet-Wide Policy Enforcement</h2>
            <p>
                Apply organizational policy to the interaction between services, ensure access policies are enforced and resources are fairly distributed
                among consumers.
                <a href="{{home}}/docs/concepts/policy-and-control/mixer.html">Learn more...</a>
            </p>
        </div>
    </div>
</div>

<div class="container-fluid reporting color2">
    <div class="row align-items-center justify-content-center">
        <div class="col-12 col-md-5">
            {% include landing/telemetry-and-reporting.svg %}
        </div>
        <div class="col-12 col-md-5 order-md-first landing-text">
            <h2>In-Depth Telemetry and Reporting</h2>
            <p>
                Understand the dependencies between services, the nature and flow of traffic between them, and quickly identify issues with distributed tracing.
                <a href="{{home}}/docs/concepts/what-is-istio/overview.html">Learn more...</a>
            </p>
        </div>
    </div>
</div>

<div class="container-fluid call color1">
    <div class="row no-gutters">
        <div class="col-12 col-md-6">
            <h2>Want to learn more?</h2>
            <p>Get started by learning Istio concepts and running through our BookInfo sample.</p>
            <a class="btn btn-istio" href="{{home}}/docs/">GET STARTED</a>
        </div>

        <div class="col-12 col-md-6">
            <h2>Ready to get started?</h2>
            <p>Download the latest bits.</p>
            <a class="btn btn-istio" href="https://github.com/istio/istio/releases/">DOWNLOAD</a>
        </div>
    </div>
</div>

<style>
    header .navbar {
        box-shadow: none;
    }

    body {
        padding-top: 2.8rem;
    }
</style>