---
layout: agl
permalink: /
priority: 1.0
change_frequency: monthly
---

<!-- Main jumbotron for a primary marketing message or call to action -->
<div id="hero">
    <div class="container vertical-center-parent">
        <div id="hero_section" class="row vertical-center-child">
            <div class="col-xs-12 col-sm-5 agl-bot">
                <img src="{{ site.baseurl }}{{ site.logo.full }}" style="width:100%" />
            </div>
            <div class="col-xs-12 col-sm-7 hero_content">
				<!-- <img class="hero_logo hidden-xs" src="{{ site.baseurl }}{{ site.logo.textonly }}"/> -->
                <!-- <img class="hero_logo visible-xs" src="{{ site.baseurl }}/static/img/logo_full_2.svg" /> -->
                <h1>MASTER NEXT</h1>
                <p>Automotive Apps with <em>HTML5</em>, <em>Qt</em> <em>OpenGL</em></p>
                <p>Multiple platforms on <em>a common code base</em></p>
                <p>Free and <em>open source</em></p>
                <div class="hero_buttons">
                    <a href="{{ site.baseurl }}/docs/getting_started/en/{{ site.default_linked_docs_version }}" class="col-xs-12 col-sm-5 btn btn-lg btn-primary">
                        Get Started
                    </a>
                    <a href="{{ site.baseurl }}/contribute" class="col-xs-12 col-sm-5 btn btn-lg btn-primary">
                        Contribute
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="hero_bottom_strip">
    <div class="container">
        <div class="row">
            <div class="col-xs-4">
                <div class="row">
                    <div class="col-sm-4 col-md-3"><div class="sprite_img" id="sprite_shared_code"></div></div>
                    <div class="col-sm-8 col-md-9"><div class="value_prop"><p>Reusable code across platforms</p></div></div>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="row">
                    <div class="col-sm-4 col-md-3"><div class="sprite_img" id="sprite_offline"></div></div>
                    <div class="col-sm-8 col-md-9"><div class="value_prop"><p>Support for Connected Vehicles</p></div></div>
                </div>
            </div>
            <div class="col-xs-4">
                <div class="row">
                    <div class="col-sm-4 col-md-3"><div class="sprite_img" id="sprite_apis"></div></div>
                    <div class="col-sm-8 col-md-9"><div class="value_prop"><p>Security Built In</p></div></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="blue-divider"></div>


<!-- /container -->

<div class="blue-divider"></div>
<div class="container-fluid dark vertical-aligned-columns">
    <div class="container">
        <div class="row showcase_section_intro" id="supported_platforms_section">
            <div class="col-md-12 text-center">
                <h1>Supported Platforms</h1>
                <h2>See a list of
                    <a href="{{ site.baseurl }}/docs/hardware/en/{{ site.default_linked_docs_version }}/index.html">features supported</a> in each platform</h2>
                <p>
                    Automotive Grade Linux (AGL) is a Linux Foundation project dedicated to creating open source software solutions for automotive applications. Although the initial target for AGL is In-Vehicle-Infotainment (IVI) systems, additional use cases such as instrument clusters and telematics systems will eventually be supported. AGL has participants from the Automotive, Communications, and Semiconductor Industries and welcomes contributions from individual developers.
                </p>
            </div>
        </div>
    </div><!-- /container -->

<!-- {% include tools_and_showcase.html %} -->

</div><!-- /container-fluid -->