<div data-type="container"
     data-preview="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/preview/articles_list.png')}}"
     data-aoraeditor-title="Articles List" data-aoraeditor-categories="Text;Heading;Photo">
    <div class="row">
        <div class="col-sm-4 ui-resizable" data-type="container-content">
            <div data-type="component-text">
                <div class="photo-panel">
                    <img
                        src="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/img/somewhere_bangladesh_squared.jpg')}}"
                        width="100%" height="" style="display: inline-block;" class="img-circle">
                </div>
            </div>
            <div data-type="component-text">
                <h3 style="text-align: center;">Lorem ipsum</h3>
                <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, alias,
                    temporibus? Vero natus modi ipsa debitis, accusamus accusantium cum quam. Saepe atque quisquam
                    pariatur voluptatem expedita reprehenderit et vitae.</p>
            </div>
        </div>
        <div class="col-sm-4 ui-resizable" data-type="container-content">
            <div data-type="component-text">
                <div class="photo-panel">
                    <img
                        src="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/img/wellington_newzealand_squared.jpg')}}"
                        width="100%" height="" style="display: inline-block;" class="img-circle">
                </div>
            </div>
            <div data-type="component-text">
                <h3 style="text-align: center;">Lorem ipsum</h3>
                <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, aut,
                    earum. Quod, debitis, delectus. Maxime eius ipsam sit dolorum perspiciatis obcaecati consectetur,
                    explicabo reprehenderit repellat tempore eos ducimus!</p>
            </div>
        </div>
        <div class="col-sm-4 ui-resizable" data-type="container-content">
            <div data-type="component-text">
                <div class="photo-panel">
                    <img
                        src="{{!function_exists('themeAsset')?'':themeAsset('img/snippets/img/yenbai_vietnam_squared.jpg')}}"
                        width="100%" height="" style="display: inline-block;" class="img-circle">
                </div>
            </div>
            <div data-type="component-text">
                <h3 style="text-align: center;">Lorem ipsum</h3>
                <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil
                    voluptatibus dicta corrupti aliquam, natus voluptatem pariatur quidem nostrum nisi corporis id
                    ratione exercitationem et recusandae incidunt assumenda soluta qui odit.</p>
            </div>
        </div>
    </div>
</div>
