{% extends 'base.html.twig' %}
{% block header %}
    {% include '/navbar.html.twig' %}
{% endblock %}

{% block body %}

    <div class="container marketing">

        <!-- START THE FEATURETTES -->

        <hr class="featurette-divider">
            <a name="design" />

            <div class="row featurette">
                <div class="col-md-7">
                    <h2 class="featurette-heading fw-normal lh-1">
                        Projekce
                        <span class="text-body-secondary">
                            - návrhy strojů a zařízení
                        </span>
                    </h2>
                    <p class="lead">
                        Provádíme projekční práce od studie přes projekt až po výrobní, montážní a průvodní dokumentaci. Specializujeme se na stroje pro manipulaci se sypkými materiály. Nevyhýbáme se ale ani jiným typům strojů a zařízení.
                    </p>
                </div>
                <div class="col-md-5">
                    <img src="/img/vykres.png" class="img-fluid" alt="výkres"><!--svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="800" height="600" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 800x600" preserveAspectRatio="xMidYMid slice" focusable="false">
                        <title>
                        Placeholder
                        </title>
                        <rect width="100%" height="100%" fill="var(--bs-secondary-bg)" />
                        <text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em">
                        800x600
                        </text>
                    </svg-->
                    </div>
                </div>

                <hr class="featurette-divider">
                    <a name="engineering" />

                    <div class="row featurette">
                        <div class="col-md-7 order-md-2">
                            <h2 class="featurette-heading fw-normal lh-1">
                                Engineering
                                <span class="text-body-secondary">
                                    - řízení výstavby, dodávky a servis
                                </span>
                            </h2>
                            <p class="lead">
                                Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.
                            </p>
                        </div>
                        <div class="col-md-5 order-md-1">
                            <img src="/img/liba2.jpg" class="img-fluid" alt="výkres"><!--svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="800" height="600" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 800x600" preserveAspectRatio="xMidYMid slice" focusable="false">
                                <title>
                                Placeholder
                                </title>
                                <rect width="100%" height="100%" fill="var(--bs-secondary-bg)" />
                                <text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em">
                                800x600
                                </text>
                            </svg-->
                            </div>
                        </div>

                        <hr class="featurette-divider">
                            <a name="software" />
                            <div class="row featurette">
                                <div class="col-md-7">
                                    <h2 class="featurette-heading fw-normal lh-1">
                                        Software
                                        <span class="text-body-secondary">
                                            a Cloud
                                        </span>
                                    </h2>
                                    <p class="lead">
                                        Poskytujeme prostor pro zpřístupnění technické dokumentace v našich cloudových systémech.
                                    </p>
                                </div>
                                <div class="col-md-5">
                                    <img src="/img/cis_doc.png" class="img-fluid" alt="výkres"><!--svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="800" height="600" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 800x600" preserveAspectRatio="xMidYMid slice" focusable="false">
                                        <title>
                                        Placeholder
                                        </title>
                                        <rect width="100%" height="100%" fill="var(--bs-secondary-bg)" />
                                        <text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em">
                                        800x600
                                        </text>
                                    </svg-->
                                    </div>
                                </div>

                                <hr class="featurette-divider"><!-- /END THE FEATURETTES -->

                                </div>
                            <!-- /.container -->
                            {% endblock %}