---
layout: landing
title: istio.io
---
{% assign home = "" %}
{% if site.github.environment == "dotcom" %}
{% assign home = site.baseurl %}
{% endif %}

<div id="landing-content" class="container landing-content-container">
    <div class="row" >
        <div class="col-md-11 nofloat center-block landing-row">
            <h3 class="col-sm-7 landing-row-title">Rich Layer-7 Routing & Traffic Management</h3>
            <p class="col-sm-7">Control the flow of traffic and API calls between services using dynamic route configuration.</p>
            <div class="col-sm-7">
                <a href="{{home}}/docs/concepts/what-is-istio/architecture.html"><button class="btn btn-grpc waves-effect waves-light btn-read-more">READ MORE</button></a>
            </div>
            <img class="col-sm-5 nofloat landing-image" src="{{home}}/img/routing.svg" alt="Microservices">
        </div>
    </div>

    <div class="row" >
        <div class="col-md-11 nofloat center-block landing-row">
            <img class="col-sm-5 landing-image" src="{{home}}/img/resilience.svg" alt="Mobile">
            <h3 class="col-sm-7 landing-row-title">Resilience across languages and platforms</h3>
            <p class="col-sm-7">Increase reliability by shielding applications from flaky networks and cascading failures in adverse conditions.</p>
            <div class="col-sm-7">
                <a href="{{home}}/about"><button class="btn btn-grpc waves-effect waves-light btn-read-more">READ MORE</button></a>
            </div>
        </div>
    </div>

    <div class="row" >
        <div class="col-md-11 nofloat center-block landing-row">
            <h3 class="col-sm-7 landing-row-title">Fleet-wide Policy Enforcement</h3>
            <p class="col-sm-7">Apply organizational policy to the interaction between services, ensure access policies are enforced and resources are fairly distributed among consumers.</p>
            <div class="col-sm-7">
                <a href="{{home}}/docs/concepts/policy-and-control/mixer.html"><button class="btn btn-grpc waves-effect waves-light btn-read-more">READ MORE</button></a>
            </div>
            <img class="col-sm-5 nofloat landing-image-small" src="{{home}}/img/policy.svg" alt="Web">
        </div>
    </div>

    <div class="row" >
        <div class="col-md-11 nofloat center-block landing-row">
            <img class="col-sm-5 landing-image-small" src="{{home}}/img/monitoring.svg" alt="In-depth Monitoring of APIs">
            <h3 class="col-sm-7 landing-row-title">In-depth Telemetry and Reporting</h3>
            <p class="col-sm-7">Understand the dependencies between services, the nature and flow of traffic between them and quickly identify issues with distributed tracing.</p>
            <div class="col-sm-7 col-sm-offset-5 col-sm-offset-0">
                <a href="{{home}}/docs/concepts/what-is-istio/architecture.html"><button class="btn btn-grpc waves-effect waves-light btn-read-more">READ MORE</button></a>
            </div>
        </div>
    </div>

    <button class="btn btn-floating waves-effect down-caret down-caret" data-target="doc-call"><div class="icon-caret"></div></button>
</div>