Footer Background Image

Layout.cshtml

<div class="footer-bottom-area discus-footer-dark section-padding-sm pt-5 pb-3 mobile-hide" style="padding-top:25px;">
        <div class="container p-5">
            <div class="row widgets footer-widgets">
                <div class="col-lg-3 col-md-3 col-12 sosyalicon text-center p-2">
                    <div class="single-widget widget-about discus-social-header">
                        <img src="https://www.karayeltasarim.com/Upload/File/2020/2/26/discus-icon2.png" class="discus-footer-logo" />
                    </div><br/>
                    @if (!String.IsNullOrEmpty(Partial.Translate("LinkFacebook", lang).ToString()))
                    {
                        <a target="_blank" href="@Partial.Translate("LinkFacebook", lang)">
                            <i class="fab fa-facebook"></i>
                        </a>
                    }
                    @if (!String.IsNullOrEmpty(Partial.Translate("LinkLinkedin", lang).ToString()))
                    {
                        <a target="_blank" href="@Partial.Translate("LinkLinkedin", lang)">
                            <i class="fab fa-linkedin"></i>
                        </a>
                    }
                    @if (!String.IsNullOrEmpty(Partial.Translate("LinkTwitter", lang).ToString()))
                    {
                        <a target="_blank" href="@Partial.Translate("LinkTwitter", lang)">
                            <i class="fab fa-twitter"></i>
                        </a>
                    }
                    @if (!String.IsNullOrEmpty(Partial.Translate("LinkInstagram", lang).ToString()))
                    {
                        <a target="_blank" href="@Partial.Translate("LinkInstagram", lang)">
                            <i class="fab fa-instagram"></i>
                        </a>
                    }
                    @if (!String.IsNullOrEmpty(Partial.Translate("LinkFoursquare", lang).ToString()))
                    {
                        <a target="_blank" href="@Partial.Translate("LinkFoursquare", lang)">
                            <i class="fab fa-foursquare"></i>
                        </a>
                    }
                    @if (!String.IsNullOrEmpty(Partial.Translate("LinkYoutube", lang).ToString()))
                    {
                        <a target="_blank" href="@Partial.Translate("LinkYoutube", lang)">
                            <i class="fab fa-youtube"></i>
                        </a>
                    }
                </div>

                <div class="col-lg-3 col-md-3 col-12 p-2">
                    <div class="single-widget widget-quick-links">
                        @{
                            int card006CategoryNumber = 6; // getirilecek alt kategori sayısı
                            int card006CategoryOrderNumber = 345; // getirilecek alt kategorilerin bağlı olduğu kategori sıra numarası

                            if (Partial.isCategoryOrderNumber(card006CategoryOrderNumber))
                            {
                                IEnumerable<Category> card006Category = Partial.CategorySubOrderNumber(card006CategoryOrderNumber, lang);
                                Category card006OnlyCategory = Partial.Category(card006CategoryOrderNumber, lang);

                                <h5 class="widget-title">@card006OnlyCategory.CategoryTitle</h5>
                                <ul>
                                    @foreach (Category cat in card006Category.Skip(0).Take(card006CategoryNumber))
                                    {
                                        <li><a href="@Partial.CategoryLink(cat.CategoryID)" title="@cat.CategoryTitle.HtmlEncode()"><i class="fas fa-chevron-right"></i> @cat.CategoryTitle.HtmlEncode()</a></li>
                                    }

                                </ul>
                            }
                        }
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-12 p-2">
                    <div class="single-widget widget-quick-links">
                        @{
                            int card007PostNumber = 6; // kaç adet makale getirilecek
                            int card007CategoryOrderNumber = 3; // getirilecek makalenin kategori sıra numarası

                            if (Partial.isCategoryOrderNumber(card007CategoryOrderNumber))
                            {
                                IEnumerable<Post> card007Category = Partial.PostsOrderNumber(card007CategoryOrderNumber, 0, card007PostNumber, Partial.Order.OrderBy, false, lang);
                                Category card007OnlyCategory = Partial.Category(card007CategoryOrderNumber, lang);

                                <h5 class="widget-title">@card007OnlyCategory.CategoryTitle</h5>
                                <ul>
                                    @foreach (Post cat in card007Category)
                                    {
                                        <li><a href="@Partial.PostLink(cat.PostID)" title="@cat.PostTitle.HtmlEncode()"><i class="fas fa-chevron-right"></i> @cat.PostTitle.HtmlEncode()</a></li>
                                    }

                                </ul>
                            }
                        }
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-12 fblock p-2">
                    <div class="single-widget widget-quick-links">
                        <h5 class="widget-title">@Partial.Translate("Iletisim", lang)</h5>
                        <p class="address"><i class="fa fa-map-marker"></i> @Partial.Translate("Adres1", lang)</p>

                        @for (int i = 1; i < 11; i++)
                        {
                            string translatemetin = "Telefon" + Convert.ToString(i);
                            string translatestring = Partial.Translate(translatemetin, lang).ToString();
                            string translateyapilmamis = "(" + translatemetin + ")  çevirisi yapılmamış";

                            if (translatestring != translateyapilmamis)
                            {
                                if (!String.IsNullOrEmpty(translatestring))
                                {
                                    <p class="phone">
                                        <i class="fa fa-phone"></i> <a href="tel:@translatestring">
                                            @translatestring
                                        </a>
                                    </p>
                                }
                            }
                        }

                        @if (!String.IsNullOrEmpty(Partial.Translate("LinkWhatsapp", lang).ToString()))
                        {
                            <p class="address">
                                <a target="_blank" class="whatsapp" href="https://api.whatsapp.com/send?phone=@Partial.Translate("LinkWhatsapp", lang)&text=@Partial.Translate("WhatsappMesaj", lang)">
                                    <i class="fab fa-whatsapp"></i>
                                    @Partial.Translate("WhatsappNumara", lang)
                                </a>
                            </p>
                        }

                        @for (int i = 1; i < 11; i++)
                        {
                            string translatemetin = "Mail" + Convert.ToString(i);
                            string translatestring = Partial.Translate(translatemetin, lang).ToString();
                            string translateyapilmamis = "(" + translatemetin + ")  çevirisi yapılmamış";

                            if (translatestring != translateyapilmamis)
                            {
                                if (!String.IsNullOrEmpty(translatestring))
                                {
                                    <p class="email">
                                        <i class="fa fa-envelope"></i> <a href="mailto:@translatestring">
                                            @translatestring
                                        </a>
                                    </p>
                                }
                            }
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid discus-footer-bot mobile-hide">
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <p>
                        © @(DateTime.Now.Year), @Partial.OptionGetValue("SiteTitle", lang). @Partial.Translate("Telif", lang)
                    </p>
                </div>
                <div class="col-xl-6 discus-footer-karayel">
                    <a href="https://www.karayeltasarim.com/tr" target="_blank" title="antalya web tasarım"><img src="https://www.karayeltasarim.com/logo/karayel.svg" alt="web tasarım antalya" /></a>
                </div>
            </div>
        </div>
    </div>

Css

<style>
        .footer-bottom-area.discus-footer-dark.section-padding-sm.pt-5.pb-3.mobile-hide {
            background-image: url(https://www.karayeltasarim.com/Upload/File/2020/2/26/footer-bg.jpg) !important;
            background-size: cover !important;
        }
    </style>