<div data-page="plans" class="page page-about">

    <div class="navbar">
        <div class="navbar-inner">
            <div class="left"><a href="#" class="back link icon-only"><i class="icon icon-back"></i></a></div>
            <div class="center">À propos</div>
        </div>
    </div>

    <div class="page-content">
        <header>
            <img src="/resources/img/logo.png" alt="Logo de TPGwidget" title="TPGwidget">
        </header>

        <div class="content-block-title">Tenez-vous au courant des nouveautés sur</div>
        <div class="list-block">
            <ul>
                <li>
                    <a href="https://www.medium.com/tpgwidget" class="item-link external" target="_blank">
                        <div class="item-content">
                            <div class="item-media">
                                <i class="icon icon-medium"></i>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">Medium</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://www.facebook.com/pages/TPGwidget/657510077726434" class="item-link external" target="_blank">
                        <div class="item-content">
                            <div class="item-media">
                                <i class="icon icon-facebook"></i>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">Facebook</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://www.twitter.com/tpgwidget/" class="item-link external" target="_blank">
                        <div class="item-content">
                            <div class="item-media">
                                <i class="icon icon-twitter"></i>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">Twitter</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <div class="content-block-title">Contribuez au projet sur</div>
        <div class="list-block">
            <ul>
                <li>
                    <a href="https://github.com/tpgwidget/tpgwidget" class="item-link external" target="_blank">
                        <div class="item-content">
                            <div class="item-media">
                                <i class="icon icon-github"></i>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">GitHub</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <div class="content-block-title">Crédits</div>
        <div class="card credit">
            <a href="https://www.tpg.ch/fr/open-data" class="external" target="_blank">
                <div class="card-content">
                    <img src="/resources/img/tpg.png" alt="TPG">
                    <div class="card-content-inner">
                        <h3>Open data des tpg</h3>
                        <cite>data.tpg.ch</cite>
                    </div>
                </div>
            </a>
        </div>
        <div class="card credit">
            <a href="https://transport.opendata.ch/" class="external" target="_blank">
                <div class="card-content">
                    <img src="/resources/img/opendata.ch.png" alt="Opendata.ch">
                    <div class="card-content-inner">
                        <h3>API Opendata.ch Transport</h3>
                        <cite>transport.opendata.ch</cite>
                    </div>
                </div>
            </a>
        </div>
        <div class="card credit">
            <a href="https://framework7.io/" class="external" target="_blank">
                <div class="card-content">
                    <img src="/resources/img/f7.png" alt="Framework7">
                    <div class="card-content-inner">
                        <h3>Framework7</h3>
                        <cite>framework7.io</cite>
                    </div>
                </div>
            </a>
        </div>
        <div class="card credit">
            <a href="https://cordova.apache.org/" class="external" target="_blank">
                <div class="card-content">
                    <img src="/resources/img/cordova.png" alt="Cordova">
                    <div class="card-content-inner">
                        <h3>Apache Cordova</h3>
                        <cite>cordova.apache.org</cite>
                    </div>
                </div>
            </a>
        </div>

        <div class="content-block-title">Crédits photo</div>
        <div class="card credit">
            <a href="https://flickr.com/fototak" class="external" target="_blank">
                <div class="card-content">
                    <img src="/resources/img/fototak.jpg" alt="Fototak">
                    <div class="card-content-inner">
                        <h3>André Knoerr</h3>
                        <cite>flickr.com/fototak</cite>
                    </div>
                </div>
            </a>
        </div>
        <div class="card credit">
            <a href="https://facebook.com/FanDeTransportsPublicsGenevois" class="external" target="_blank">
                <div class="card-content">
                    <img
                        src="https://graph.facebook.com/FanDeTransportsPublicsGenevois/picture?width=150&height=150"
                        crossorigin="anonymous" referrerpolicy="no-referrer"
                        alt="FDTPG"
                    >
                    <div class="card-content-inner">
                        <h3>Fans des TPG (FDTPG)</h3>
                        <cite>facebook.com</cite>
                    </div>
                </div>
            </a>
        </div>
        <div class="card credit">
            <a href="https://www.youtube.com/trambusal" class="external" target="_blank">
                <div class="card-content">
                    <img src="/resources/img/trambusal.jpg" alt="TramBusAl">
                    <div class="card-content-inner">
                        <h3>TramBusAl</h3>
                        <cite>youtube.com/trambusal</cite>
                    </div>
                </div>
            </a>
        </div>
        <div class="card credit">
            <a href="https://twitter.com/Ge_nav" class="external" target="_blank">
                <div class="card-content">
                    <img src="/resources/img/genav.png" alt="GéNav">
                    <div class="card-content-inner">
                        <h3>Deyan Marinov — GéNav</h3>
                        <cite>twitter.com/Ge_nav</cite>
                    </div>
                </div>
            </a>
        </div>


    </div>
</div>
