index.html

  <div class="artlist artlist-grid artlist-6-cols artlist-boxed artlist-homepage-categories">
                            <div class="heading heading-center">
                                <h3 class="heading-title fs-h1">Promotions</h3>
                            </div>
                            @foreach (var item_cat in Item_Categories)
                            {
                                var image_url = "/images/";
                                var img = image_url + item_cat.item_group_id + ".png";
                                <article class="art" data-id="183">
                                    <div class="art-picture-block">
                                        <a class="art-picture img-center-container animated zoomIn" href="@Url.Action("Brands", "Product", new {@id = item_cat.item_group_id})" title="Show products category @item_cat.item_group">
                                            <img src="@img" alt="Picture for category @item_cat.item_group" onerror="this.src = '../../images/logo.png';">
                                        </a>
                                    </div>
                                    <div class="art-genericname">
                                        <a href="@Url.Action("Brands", "Product", new {@id = item_cat.item_group_id})" title="@item_cat.item_group">
                                            <span>@item_cat.item_group</span>
                                        </a>
                                    </div>
                                </article>
                            }
                            @foreach (var promo in promotions)
                            {
                                var image_url = "/images/pwani pics/";
                                var img = image_url + promo.ItemsEntity.product_no + ".png";
                                <article class="art" data-id="183">
                                    <div class="art-picture-block">
                                        <a class="art-picture img-center-container animated zoomIn" href="@Url.Action("Brands", "Product", new {@id = promo.ItemsEntity.item_id})" title="Show products category @promo.ItemsEntity.item_name">
                                            <img src="@img" alt="Picture for category @promo.ItemsEntity.item_name" onerror="this.src = '../../images/logo.png';">
                                        </a>
                                    </div>
                                    <div class="art-genericname">
                                        <a href="@Url.Action("Brands", "Product", new {@id =promo.ItemsEntity.item_id})" title="@promo.ItemsEntity.item_name">
                                            <span>@promo.ItemsEntity.item_name</span>
                                        </a>
                                    </div>
                                </article>
                            }


                            </div>