<!--
    Component informations:
    - id: MEA11
    - name: "Mise En Avant" Component (Variant #11)
-->
<section class="component-MEA11">
    <div class="component-MEA11-container">
        <div class="component-MEA11-wrapper">
            <div class="component-MEA11-content">
                <h3 class="component-MEA11-title">Consequuntur explicabo facilis illum praesentium.</h3>
                <div class="component-MEA11-items">
                    <div class="component-MEA11-item">
                        <picture class="component-MEA11-item-picture">
                            <source media="(min-width: 1024px)" srcset="img/components/MEA11/img-desktop.png">
                            <source media="(min-width: 768px)" srcset="img/components/MEA11/img-desktop.png">
                            <source media="(max-width: 480px)" srcset="img/components/MEA11/img-mobile.png">
                            <img alt="">
                        </picture>
                        <div class="component-MEA11-item-text">
                            <div class="component-MEA11-title">Lorem ipsum dolor sit amet.</div>
                            <div class="component-MEA11-item-description">
                                Adipisci doloribus ex minima voluptatem. Accusantium architecto debitis deserunt
                                eius exercitationem ipsa molestiae nemo nobis quidem.
                            </div>
                        </div>
                        <div class="component-MEA11-item-buttons">
                            <a class="component-MEA11-item-button button-golden" href="#">Button 1</a>
                            <a class="component-MEA11-item-button button-golden-outline" href="#">Button 2</a>
                        </div>
                    </div>
                    <div class="component-MEA11-item">
                        <picture class="component-MEA11-item-picture">
                            <source media="(min-width: 1024px)" srcset="img/components/MEA11/img-desktop.png">
                            <source media="(min-width: 768px)" srcset="img/components/MEA11/img-desktop.png">
                            <source media="(max-width: 480px)" srcset="img/components/MEA11/img-mobile.png">
                            <img alt="">
                        </picture>
                        <div class="component-MEA11-item-text">
                            <div class="component-MEA11-title">Lorem ipsum dolor sit amet.</div>
                            <div class="component-MEA11-item-description">
                                Adipisci doloribus ex minima voluptatem.
                            </div>
                        </div>
                        <div class="component-MEA11-item-buttons">
                            <a class="component-MEA11-item-button button-golden" href="#">Button 1</a>
                            <a class="component-MEA11-item-button button-golden-outline" href="#">Button 2</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>