{% extends 'App/Pdf/_include/_layout.pdf.html.twig' %}

{% block content %}
    <div class="page">
    <div class="frame-landscape-sticky">
        <div style="position: relative">
            <div style="text-align: center; display: inline-block; position: absolute; top: 130px; left: 130px; width: 200px; height: 200px; color: orange; border: 1px solid orange;transform: scale(2)">
                <span>200px x 200px</span>
            </div>
            <div style="text-align: center; display: inline-block; position: absolute; top: 80px; left: 80px; width: 500px; height: 500px; color: green; border: 1px solid green;">
                <span>500px x 500px</span>
            </div>
            <div style="text-align: center; display: inline-block; position: absolute; top: 30px; left: 30px; width: 1000px; height: 1000px; color: red; border: 1px solid red;">
                <span>1000px x 1000px</span>
            </div>
        </div>
    </div>
    </div>
{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function(){
        });
    </script>
{% endblock %}