{% extends 'front/base_front.html.twig' %}

{% block page_title %}Chelmiec{% endblock %}
{% block page_subtitle %}Strona główna{% endblock %}

{% block body_options %}class='pace-top'{% endblock %}

{% block body %}



        <section class="position-relative bg-white">
            <div class="container py-9 py-lg-11 position-relative z-index-1">


                <div id="projects" data-isotope='{"layoutMode": "masonry"}' class="row">

                    {% for b in blendy %}
                    <div class="col-md-6 col-lg-4 mb-4 bootstrap grid-item">
                        <a href="{{ path('blend',{'slug':b.slug}) }}" class="card-hover">
                            <div class="overflow-hidden position-relative mb-4">
                                <img src="{{ b.foto }}" alt="" class="img-zoom img-fluid">
                            </div>
                            <h5 class="mb-1">{{ b.nazwa }}</h5>

                        </a>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </section>
        <!--/section-->

        <section class="bg-gradient-primary text-white position-relative px-3 py-6 py-lg-11 overflow-hidden">
            <!--Background image-->
            <div class="position-absolute start-0 top-0 w-100 h-100 opacity-75"
                 style="background-image: url(assets/img/backgrounds/bg-element2.svg);">
            </div>
            <div class="d-md-flex justify-content-center align-items-center">
                <div class="mb-4 mb-md-0 me-md-5 me-lg-6 me-xl-7">
                    <h5 class="fs-2">Build stunning website faster than ever</h5>
                    <p class="text-muted mb-0">Your business deserve a stunning website. </p>
                </div><a class="btn btn-outline-white rounded-pill btn-hover-arrow" href="#"><span>Purchase
                            Now</span></a>
            </div>
            <!-- / .End container -->
        </section>
        <!--/.End section-->







{% endblock %}