index.cshtml

<div class="jumbotron jumbotron-fluid dc-bg text-right  @if(anasayfa) { <text>d-none d-sm-block</text> }" style="height: 90vh;background-repeat: no-repeat;background-size: cover;">
    <div class="container p-2">
        <div class="row">
            <div class="col-md-6 offset-md-6 d-table" style="height:90vh">
                <div class="align-middle d-table-cell">
                    @Partial.Translate("Tarihcemiz", lang)
                </div>
            </div>
        </div>
    </div>
</div>

Translate

<p class="ls-layer" data-ls="offsetyin:150; durationin:700; delayin:200; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-hidden="" data-ls-slidein="2" data-ls-slideout="2" style="font-weight: 300; font-size: 65px; color: white;">Ayder Yaylası</p>

<p class="text-white mt-4 mb-4 text-justify">Bugün Ayder yaylasına gelen misafirleri, bölgemizin köklü tarihinin değişik dönemlerinden kalan zengin yapıları karşılar. Ayder yaylasının değerli kültür miraslarından biri olan Ayder Çiftliği Tereyağımızda en az tarihi eserler kadar önemlidir. Bu değerin gelişerek, sofralarımızda bir zenginlik olarak kalması, kültürel devamlılığa önemli bir katkı sağlayacaktır.</p>

<p class="mt-3"><a href="/tr/yoremiz/ayder-tarihcemiz.html" style="background-color:#bf2150;color:#fff;padding: 7px;border-radius: 5px;display:inline-block;">Tarihçesi<i class="fa fa-arrow-right pr-2"></i></a> <a href="/tr/yoremiz/hikayemiz.html" style="background-color:#bf2150;color:#fff;padding: 7px;border-radius: 5px;display:inline-block;"> Hikayemiz <i class="fa fa-arrow-right pr-2"></i></a> <a href="/tr/yoremiz/karadeniz-tereyaginin-ozellikleri.html" style="background-color:#bf2150;color:#fff;padding: 7px;border-radius: 5px;display:inline-block;"> Özellikleri <i class="fa fa-arrow-right pr-2"></i></a></p>

CSS

<style>
    /*********************** Middle Section *******************/
    .dc-bg {
     position: relative;
     background-image: url(/Upload/File/2019/8/16/orta-section-kucuk.jpg);
           }
.dc-bg h4 {
     line-height: 0.7;
     font-size: 30px;
     margin: 0px 0px 16px;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-weight: bold;
           }
    /*********************** Middle Section *******************/
</style>

investbd.com.tr

ayderciftligi.com.tr

www.ugurhaliyikama.com.tr

www.yasatan.com.tr