<!--*************************************************************
 For fast customization, simply search for the word "ODSODSODS"
 and change the value related to your needs/customer chart
*************************************************************-->


<div class="container">
    <div class="header">
        <span class="copyright">© OpenDataSoft</span>
    </div>

    <div class="intro-block">
        <h2>Welcome to the Open Data Portal of ODSODSODS</h2>
        <p>
            On this portal, ODSODSODS publishes Open Data with the aim to increase the transparency for citizens and to collaborate with local developers.
        </p>
        <a class="ods-button ods-button--primary" href="/explore/">
            <i class="fa fa-arrow-circle-o-right"></i>
            Explore!
        </a>
    </div>

    <ods-catalog-context context="catalog">
        <div class="row">

            <div class="themeblock col-md-3 col-sm-6">
                <div class="themeblock__content themeblock__content--a">
                    <div class="themeblock__icon">
                        <i class="fa fa-chain-broken"></i>
                    </div>
                    <h3>TRANSPARENCY</h3>
                    <p>
                        Data of ODSODSODS and its organizations.
                    </p>
                </div>
            </div>

            <div class="themeblock col-md-3 col-sm-6">
                <div class="themeblock__content themeblock__content--b">
                    <div class="themeblock__icon">
                        <i class="fa fa-trophy"></i>
                    </div>
                    <h3>QUALITY</h3>
                    <p>
                        Reliable data and semantic references through metadata.
                    </p>
                </div>
            </div>
            <div class="themeblock col-md-3 col-sm-6">
                <div class="themeblock__content themeblock__content--c">
                    <div class="themeblock__icon">
                        <i class="fa fa-rocket"></i>
                    </div>
                    <h3>
                        INNOVATION & ACCESS
                    </h3>
                    <p>
                        We ecourage reuse by providing a robust API.
                    </p>
                </div>
            </div>
            <div class="themeblock col-md-3 col-sm-6">
                <div class="themeblock__content themeblock__content--d">
                    <div class="themeblock__icon">
                        <i class="fa fa-folder-open"></i>
                    </div>
                    <h3>
                        OPEN & FREE DATA
                    </h3>
                    <p>
                        You are free to access and reuse our data.
                    </p>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-md-6">

                <div class="themeblock">
                    <div class="themeblock__content themeblock__content--b">
                        <div class="themeblock__icon">
                            <i class="fa fa-download"></i>
                        </div>
                        <h3>
                            LAST 5 UPDATES
                        </h3>
                        <span style="text-align:left">
                            <ods-last-datasets-feed context="catalog"></ods-last-datasets-feed>
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="themeblock">
                    <div class="themeblock__content themeblock__content--b">
                        <div class="themeblock__icon">
                            <i class="fa fa-download"></i>
                        </div>
                        <h3>
                            TOP 5 DOWNLOADS
                        </h3>
                        <span style="text-align:left">
                            <ods-most-popular-datasets context="catalog"></ods-most-popular-datasets>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </ods-catalog-context>

</div>