Round Box +++

Kategori

<section class="discus-parallax bg-white">
    @{
        int card79Col = 4;
        int card79TotalRow = 1;
        int card79CategoryOrderNumber = 14;

        if (Partial.isCategoryOrderNumber(card79CategoryOrderNumber))
        {
            IEnumerable<Category>
                card79Category = Partial.CategorySubOrderNumber(card79CategoryOrderNumber, lang);
            Category categoryidno = Partial.Category(card79CategoryOrderNumber, lang);
            int card79Count = Convert.ToInt32(Math.Ceiling(card79Category.Count() / Convert.ToDouble(card79Col)));
            <div class="container-fluid mb-5">
                <div class="container">
                    <div class="text-center text-white">
                        <h3>@categoryidno.CategoryTitle.HtmlEncode()</h3>
                    </div>
                    @for (int componen = 0; componen < card79TotalRow; componen++)
                    {
                        <div class="row">
                            @foreach (Category comCategory in card79Category.Skip(componen * card79Col).Take(card79Col))
                            {
                                <div class="col-lg-3 col-md-6 col-sm-6 col-6 mt-3">
                                    <div class="box-2">
                                        <div class="discus-radius">
                                            <a href="@Partial.CategoryLink(comCategory.CategoryID)">
                                                <img class="dc-card-img-top" src="@comCategory.CategoryThumbnail">
                                            </a>
                                            <h3 class="mar-t-30 h3baslik"><a href="@Partial.CategoryLink(comCategory.CategoryID)">@comCategory.CategoryTitle.HtmlEncode()</a></h3>
                                        </div>
                                    </div>
                                </div>
                            }
                        </div>
                    }
                </div>
            </div>
        }
    }
</section>

CSS

<style>
    .discus-radius {
        border-radius: 50%;
        background-color: #454545;
        height: 100%;
        padding: 31.5px 30px;
    }

    @@media (max-width: 575.98px) {
        .discus-radius {
            padding: 3px 25px 1px 25px;
        }
    }
</style>