<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 mb-3 mb-lg-5 mt-2 mt-lg-4">
    <div class="p-2 p-lg-4 mb-lg-4 m-2 rounded-3 context-main context-main-bg">
        <h2 class="text-center">Portfolio</h2>
        <hr>
        {LOOP}
            <div class="card context-main context-third-bg py-2 my-2">
                <div class="row g-0 p-lg-2">
                    <div class="col-md-4 ps-2 d-flex justify-content-center align-items-center">
                        <a href="{url}">
                            <img class="img-fluid rounded" src="{image}" alt="{title} preview">
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h4 class="card-title">{title}</h4>
                            <p class="card-text">
                                {description}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        {/LOOP}
        {ALT}
            <div class="card context-main context-main-bg">
                <p>None Found</p>
            </div>
        {/ALT}
    </div>
</div>