templates/main/body.html.twig line 1

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

{% block body %}
<body>
<main class="container container-fluid py-5">
    <div class="row grid" data-masonry='{"percentPosition": true }'>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 h-100">
            <img src="{{ data_uri_thumbnail_cached('images/ava.png', 30, 20) }}"
                    {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                        lazyimage: {},
                        srcset: {
                            '500w': asset('images/ava.png'),
                        }
                    }) }} class="card-img-top" alt="Tasatko">
            <div class="card-body bg-white">
                <h5 class="card-title">Name Password</h5>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item"><img src="{{ asset('build/images/github.png') }}" width="32px">https://github.com/tasatko
                </li>
                <li class="list-group-item"><img src="{{ asset('build/images/linkedin.png') }}" width="32px">https://www.linkedin.com/in/tasatko/
                </li>
            </ul>
            <div class="card-body bg-white">
                <a href="#" class="card-link">Card link</a>
                <a href="#" class="card-link">Another link</a>
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_00.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_00.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_01.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_01.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_02.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_02.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_03.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_03.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_04.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_04.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_05.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_05.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_06.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_06.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_07.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_07.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_12.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_12.png')
                            }
                        }) }} alt="ACME logo">
            </div>
        </div>
        <div class="col-sm-6 col-lg-4 col-xl-4 col-xxl-3 mb-4 grid-item">
            <div class="card bg-dark">
                <img src="{{ data_uri_thumbnail_cached('images/bg_20.png', 30, 20) }}"
                        {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
                            lazyimage: {},
                            srcset: {
                                '500w': asset('images/bg_20.png')
                            }
                        }) }} alt="ACME logo">

            </div>
        </div>
    </div>
</main>
</body>
{% endblock %}