Engineering case

{#foreach $T.list as item}<li><a data-typeId="{$T.item.id}" data-filter=".new-{$T.item.id}">{#if $T.item.active == "0"}{#if $T.item.icon}<img src="{$T.item.icon.defIcon.href}" onmouseover="this.src='{$T.item.icon.hoverIcon.href}'" onmouseout="this.src='{$T.item.icon.defIcon.href}'">{#/if}{#else if $T.item.active == "1"}{#if $T.item.icon}<img src="{$T.item.icon.hoverIcon.href}">{#/if}{#/if}{#if $T.item.active == "0"}<div class="__ba_ho_fo_co">{$T.item.name}</div> {#else if $T.item.active == "1"}<div class="__ba_ho_fo_co active">{$T.item.name}</div> {#/if}</a></li> {#/for}<li class="activeFilter ml-auto"><a class="button button-small button-rounded button-reset" href="/news" data-page_id="21949" >MORE</a></li> {#foreach $T.list as item}<div class="portfolio-item col-12 col-sm-6 col-lg-4 cf-sedan {#foreach $T.item.type_items as item3} new-{$T.item3.id}{#/for} "><div class="grid-inner"><div class="portfolio-image"><div class="titleImg"><img src="{$T.item.image_url}" alt="{$T.item.image_alt}"><div class="mask"><a href="{$T.item.link}"><i class="fa fa-link"></i></a></div></div></div><div class="portfolio-desc"><div class="__ba_ho_fo_co"><a href="{$T.item.link}">{$T.item.title}</a></div><div class="itemDesc">{$T.item.description}</div></div><div class="row no-gutters car-p-features font-primary clearfix"> {#foreach $T.item.type_items as item2}<div class="col-lg-4 col-6 p-0 d-flex tagsList"><span><a data-id="{$T.item2.id}">{$T.item2.name}</a></span></div> {#/for}</div></div></div> {#/for} {#foreach $T.list as item} {#if $T.item.type == 0}<li data-page="{$T.item.num}">Previous</li>{#/if} {#if $T.item.type == 1}<li data-page="{$T.item.num}">{$T.item.num}</li>{#/if} {#if $T.item.type == 2}<li class="active" data-page="{$T.item.num}">{$T.item.num}</li>{#/if} {#if $T.item.type == 3}<li data-page="{$T.item.num}"><span>Next</span></li>{#/if} {#/for}