---
layout: landing
title: istio.io
---
<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">Scooby dooby doo, where are you?</p>
            <div class="col-sm-7">
                <a href="{{ site.baseurl }}/docs/guides/concepts.html#routing"><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="{{ site.baseurl }}/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="{{ site.baseurl }}/img/resilience.svg" alt="Mobile">
            <h3 class="col-sm-7 landing-row-title">Out-of-box Resilience Features across languages and platforms</h3>
            <p class="col-sm-7">Circuit breakers, retries, timeouts, and health checks for your services irrespective of their languages and platforms</p>
            <div class="col-sm-7">
                <a href="{{ site.baseurl }}/about#osp"><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">A Policy Driven Control Plane for Microservices</h3>
            <p class="col-sm-7">Dexters Laboratory</p>
            <div class="col-sm-7">
                <a href="{{ site.baseurl }}/docs/guides/concepts.html#mixer"><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="{{ site.baseurl }}/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" src="{{ site.baseurl }}/img/monitoring.svg" alt="In-depth Monitoring of Apis">
            <h3 class="col-sm-7 landing-row-title">In-depth Telemetry and Reporting Without Changes to Application</h3>
            <p class="col-sm-7">Request tracing across services with Zipkin, aggregated API metrics and more</p>
            <div class="col-sm-7 col-sm-offset-5 col-sm-offset-0">
                <a href="{{ site.baseurl }}/docs/guides/concepts.html#monitoring"><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>