{% extends 'base.html.twig' %}

{% block body %}
    <div class="container">
        <!--First row-->
        <div class="row wow fadeIn" data-wow-delay="0.2s">
            <!--First column-->
            <div class="col-lg-7">
                <!--Featured image -->
                <div class="view overlay hm-white-light z-depth-1-half">
                    <img src="/img/other/industrie-40.jpg" class="img-fluid " alt="Bild: Industrie 4.0">
                    <div class="mask">
                    </div>
                </div>
                <br>
            </div>
            <!--./First column-->

            <!--Main information-->
            <!--Second column-->
            <div class="col-lg-5" style="text-align: justify;">
                <h2 class="h2-responsive font-bold">Aktualität neu definiert !</h2>
                <hr>
                <p><em>Track-ID</em> ist unser innovatives, webbasiertes Auftragsinformationssystem.
                    Es ermöglicht unseren Kunden auf einfache und zeitsparende Weise einen Echtzeitabruf der
                    Auftragszustände
                    bequem von einem internetfähigen Endgerät aus zu tätigen.</p>
                <a href="{{ path('about') }}" class="btn btn-info">Mehr erfahren</a>
            </div>
            <!--./Second column-->
        </div>
        <!--/.First row-->

        <hr class="extra-margins my-5">

        <!--Second row-->
        <div class="row pt-4">
            <!--First column-->
            <div class="col-lg-4">
                <!--Card-->
                <div class="card wow fadeIn" data-wow-delay="0.4s">

                    <a href="{{ path('safety-security') }}" style="height:100%;">
                        <!--Card image-->
                        <img class="img-fluid" src="/img/other/secure.jpg"
                             alt="Bild: Datenschutz und -sicherheit">


                        <!--Card content-->
                        <div class="card-body">
                            <!--Title-->
                            <h4 class="card-title text-center">Datenschutz und -sicherheit</h4>
                            <hr>
                            <!--Text-->
                            <p class="card-text" style="text-align: justify;">Alle Ihre Daten werden sicher und
                                DSGVO-konform
                                auf unseren hausinternen Servern gespeichert, bereitgestellt
                                sowie durch eine verschlüsselte SSL-Verbindung, auch auf dem Übertragungsweg zu Ihrem
                                Endgerät
                                hin, stets vollständig und nach neuesten Standards geschützt. Außerdem werden auch
                                lediglich
                                diejenigen Daten gespeichert,
                                welche wirklich zum Betreiben des Dienstes erforderlich sind.
                            </p>
                            <a href="{{ path('safety-security') }}" class="btn btn-info">Mehr erfahren</a>
                        </div>

                    </a>

                </div>
                <!--/.Card-->
            </div>
            <!--./First column-->

            <!--Second column-->
            <div class="col-lg-4">
                <!--Card-->
                <div class="card wow fadeIn" data-wow-delay="0.6s">

                    <a href="{{ path('about') }}" style="height:100%;">
                        <!--Card image-->
                        <img class="img-fluid" src="/img/other/responsive.jpg"
                             alt="Bild: Responsive Webdesign">

                        <!--Card content-->
                        <div class="card-body">
                            <!--Title-->
                            <h4 class="card-title text-center">Stetige Erweiterung</h4>
                            <hr>
                            <!--Text-->
                            <p class="card-text" style="text-align: justify;">Bereits bei der Entwicklung von <em>Track-ID</em>
                                war es uns wichtig den Dienst modular zu gestalten.
                                Dazu wurden einheitliche API-Schnittstellen zum Austausch der Daten zwischen unseren
                                internen Systemen und dem Webserver verwendet. Diese ermöglichen auch im Nachhinein eine
                                einfache Erweiterung des Systems. Damit sind wir in der Lage <em>Track-ID</em> für
                                unsere Kunden laufend attraktiver zu gestalten.
                            </p>
                            <a href="{{ path('about') }}" class="btn btn-info">Mehr erfahren</a>
                        </div>

                    </a>

                </div>
                <!--/.Card-->
            </div>
            <!--./Second columnn-->

            <!--Third columnn-->
            <div class="col-lg-4">
                <!--Card-->
                <div class="card wow fadeIn" data-wow-delay="0.8s">

                    <a href="{{ path('functionality') }}" style="height:100%;">
                        <!--Card image-->
                        <img class="img-fluid" src="/img/other/connectivity.jpg"
                             alt="Bild: Vernetzte Systeme">

                        <!--Card content-->
                        <div class="card-body">
                            <!--Title-->
                            <h4 class="card-title text-center">Intelligente Vernetzung</h4>
                            <hr>
                            <!--Text-->
                            <p class="card-text" style="text-align: justify;">Durch die nahtlose Integration unseres
                                ERP-Systems
                                sowie die Anbindung an unser Produktionsplanungs- und Steuerungssystem ist
                                <em>Track-ID</em>
                                in Echtzeit in der Lage, den Status Ihrer Aufträge von der Anlage über
                                die Fertigung und Qualitätskontrolle, bis hin zur Auslieferung detailliert abzubilden.
                                Somit
                                wird der Informationsfluss
                                verbessert und Ihnen zugleich auch mehr Planungssicherheit verschafft.</p>
                            <a href="{{ path('functionality') }}" class="btn btn-info">Mehr erfahren</a>
                        </div>
                    </a>

                </div>
                <!--/.Card-->
            </div>
            <!--./Third columnn-->
        </div>
        <!--/.Second row-->
    </div>

{% endblock %}