<div class="row" >
    <div class="col-md-11 nofloat center-block landing-row">
        <h3 class="col-sm-7 landing-row-title">Upgrade Support</h3>
        <p class="col-sm-7">If your code behaves according to our compatibility guidelines, we will do
        our best not to break you.</p>
        <div class="col-sm-7">
            <a href="{{ site.baseurl }}/about/compatibility">
            <button class="btn btn-abseil waves-effect waves-light btn-read-more">READ MORE</button></a>
        </div>
        <img class="col-sm-5 nofloat landing-image" src="{{ site.baseurl }}/img/upgrade-support.svg" alt="Upgrade Support">
     </div>
</div>

<div class="row" >
    <div class="col-md-11 nofloat center-block landing-row">
        <h3 class="col-sm-7 landing-row-title">Production Experience</h3>
        <p class="col-sm-7">The libraries we are releasing come with a pedigree: many years of experience
        using these APIs in Google’s production environments. We’ve seen what works and what doesn’t,
        what designs lead to bugs, performance problems, and misuse. What you see here is what we found
        to be a good balance between simplicity and meeting the needs of production use and an
        ever-evolving codebase.</p>
        <div class="col-sm-7 col-sm-offset-5 col-sm-offset-0">
            <a href="{{ site.baseurl }}/about/intro">
            <button class="btn btn-abseil waves-effect waves-light btn-read-more">READ MORE</button></a>
        </div>
        <img class="col-sm-5 nofloat landing-image" src="{{ site.baseurl }}/img/production-experience.svg" alt="Production Experience">
    </div>
</div>

<div class="row" >
    <div class="col-md-11 nofloat center-block landing-row">
        <h3 class="col-sm-7 landing-row-title">Design Priorities</h3>
        <p class="col-sm-7">If your use cases are “normal” (or at least, in-line with what we’ve found to be
        normal), Abseil provides a useful counterpoint to the designs chosen by the C++ standard. When we
        put out something that conflicts with the standard, we’ll be clear about why we are diverging and
        try our best to remain interoperable.</p>
        <div class="col-sm-7 col-sm-offset-5 col-sm-offset-0">
            <a href="{{ site.baseurl }}/about/design/">
            <button class="btn btn-abseil waves-effect waves-light btn-read-more">READ MORE</button></a>
        </div>
        <img class="col-sm-5 nofloat landing-image" src="{{ site.baseurl }}/img/design-priorities.svg" alt="Design Priorities">
    </div>
</div>