istio.io/landing.md

title
Istio

Istio

An open platform to connect, manage, and secure microservices

<div class="row justify-content-center">
    <div id="card1" class="card">
        <div class="card-img-top">
            {{< inline_image "landing/routing-and-load-balancing.svg" >}}
         </div>
        <div class="card-body">
            <h5 class="card-title text-center">Intelligent Routing and Load Balancing</h5>
            <hr class="card-line">
            <p class="card-text">
                Control traffic between services with dynamic route configuration,
                conduct A/B tests, release canaries, and gradually upgrade versions using red/black deployments.
            </p>
        </div>
    </div>

    <div id="card2" class="card">
        <div class="card-img-top">
            {{< inline_image "landing/resiliency.svg" >}}
        </div>
        <div class="card-body">
            <h5 class="card-title text-center">Resilience Across Languages and Platforms</h5>
            <hr class="card-line">
            <p class="card-text">
                Increase reliability by shielding applications from flaky networks and cascading failures in adverse conditions.
            </p>
        </div>
    </div>

    <div id="card3" class="card">
        <div class="card-img-top">
            {{< inline_image "landing/policy-enforcement.svg" >}}
        </div>
        <div class="card-body">
            <h5 class="card-title text-center">Fleet-Wide Policy Enforcement</h5>
            <hr class="card-line">
            <p class="card-text">
                Apply organizational policies to the interaction between services, ensure access policies are enforced and resources are fairly distributed
                among consumers.
            </p>
        </div>
    </div>

    <div id="card4" class="card">
        <div class="card-img-top">
            {{< inline_image "landing/telemetry-and-reporting.svg" >}}
        </div>
        <div class="card-body">
            <h5 class="card-title text-center">In-Depth Telemetry</h5>
            <hr class="card-line">
            <p class="card-text">
                Understand the dependencies between services, the nature and flow of traffic between them, and quickly identify issues with distributed tracing.
            </p>
        </div>
    </div>
</div>

<div id="buttons" class="buttons container-fluid call">
    <div class="row justify-content-center">
        <a class="btn btn-istio" href="/docs/concepts/what-is-istio/">LEARN MORE</a>
        <a class="btn btn-istio" href="https://github.com/istio/istio/releases/">DOWNLOAD</a>
    </div>
</div>

<script>
    document.getElementById('card1').style.opacity = 1;

    window.setTimeout(function() {
        document.getElementById('card2').style.opacity = 1;
    }, 375);

    window.setTimeout(function() {
        document.getElementById('card3').style.opacity = 1;
    }, 750);

    window.setTimeout(function() {
        document.getElementById('card4').style.opacity = 1;
    }, 1125);

    window.setTimeout(function() {
        document.getElementById('buttons').style.opacity = 1;
    }, 1500);
</script>