index.html

---
layout: default
title: Lifecycle & Governance
---
<br>
<div class="row" style="padding-top: 70px;">
    <div class="col-sm-1"></div>
    <div class="col-sm-3">
        <div class="card">
            <center>
            <img src="{{ site.url }}/images/design-first-icon.png" class="card-img-top" alt="Design-Led" style="width: 200px;">
            <div class="card-body">
                <h5 class="card-title">OpenAPI Design-Led</h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="{{ site.url}}/products/web-design/" class="btn btn-primary">Explore Blueprint</a>
            </div>
            </center>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="card">
            <center>
            <img src="{{ site.url }}/images/code-first-icon.png" class="card-img-top" alt="Code-ed" style="width: 180px;">
            <div class="card-body">
                <h5 class="card-title">OpenAPI Code-Led</h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="{{ site.url}}/products/web-code/" class="btn btn-primary">Explore Blueprint</a>
            </div>
            </center>
        </div>  
    </div>
    <div class="col-sm-3">          
        <div class="card">
            <center>
            <img src="{{ site.url }}/images/proxy-icon.png" class="card-img-top" alt="Proxy-Led" style="width: 180px;">
            <div class="card-body">
                <h5 class="card-title">OpenAPI Proxy-Led</h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="{{ site.url}}/products/web-proxy/" class="btn btn-primary">Explore Blueprint</a>
            </div>
            </center>   
        </div>           
    </div>
    <div class="col-sm-1"></div>
</div>
<div class="row" style="padding-top: 60px;">
    <div class="col-sm-1"></div>
    <div class="col-sm-3">
        <div class="card">
            <center>
            <img src="{{ site.url }}/images/graphql-icon.png" class="card-img-top" alt="GraphQL" style="width: 180px;">
            <div class="card-body">
                <h5 class="card-title">GraphQL Design-Led</h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="{{ site.url}}/products/graphql-design/" class="btn btn-primary">Explore Blueprint</a>
            </div>
            </center>
        </div>    
    </div>
    <div class="col-sm-3">
        <div class="card">
            <center>
            <img src="{{ site.url }}/images/grpc-icon.png" class="card-img-top" alt="gRPC" style="width: 180px;">
            <div class="card-body">
                <h5 class="card-title">gRPC Code-Led</h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="{{ site.url}}/products/grpc-design/" class="btn btn-primary">Explore Blueprint</a>
            </div>
            </center>
        </div> 
    </div>
    <div class="col-sm-3">          
        <div class="card">
            <center>
            <img src="{{ site.url }}/images/websockets-icon.png" class="card-img-top" alt="WebSockets" style="width: 180px;">
            <div class="card-body">
                <h5 class="card-title">WebSockets Proxy-Led</h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="{{ site.url}}/products/websockets-design/" class="btn btn-primary">Explore Blueprint</a>
            </div>
            </center>
        </div>           
    </div>
    <div class="col-sm-1"></div>
</div>