Middle Section Info and Image IE + OPERA

index.cshtml (Info Right)

<div class="container-fluid p-0">
    <div class="row no-gutters">
           <div class="col-lg-6 col-xs-12 bg-light" style="background: url(https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png) no-repeat;
        background-size: cover;
        width: 100%;
        background-position: left center;
        min-height: 315px;">
        </div>
        <div class="col-lg-6 col-xs-12 discus-bg-grad px-4 py-5 p-lg-5 all-text-white">
            <div class="h-100">
                @Partial.Translate("Aciklama", lang)
            </div>
        </div>
    </div>
</div>

index.cshtml (Info Left)

<div class="container-fluid p-0">
    <div class="row no-gutters">
        <div class="col-lg-6 col-xs-12 discus-bg-grad px-4 py-5 p-lg-5 all-text-white">
            <div class="h-100">
                @Partial.Translate("Aciklama", lang)
            </div>
        </div>
          <div class="col-lg-6 col-xs-12 bg-light" style="background: url(https://www.karayeltasarim.com/Upload/File/2020/2/25/kurumsal.png) no-repeat;
        background-size: cover;
        width: 100%;
        background-position: left center;
        min-height: 315px;">
        </div>
    </div>
</div>

Translate

<p><img alt="" src="/Upload/File/2020/1/28/gf1.png" /></p>

<p><strong>Hangi Girişimci Firmalar ?</strong></p>

<ul>
	<li>Ürün geliştirme sürecini tamamlamış veya tamamlama aşamasında</li>
	<li>Fatura kesmeye başlamış, müşteri sayısını hızla artırıp büyütmek isteyen</li>
	<li>Melek yatırım veya çekirdek sermayesini almış daha büyük yatırımlar için yatırımcılarla buluşmak isteyen</li>
</ul>

<p>girişimci firmaysanız Antalya Teknokent GKM tam size göre.</p>

<div class="col-md-12"><a class="kutu-link" href="">Devamı ...</a></div>

CSS

<style>
    .p-0 {
        padding: 0 !important;
    }

    .discus-bg-grad {
        background-image: linear-gradient(-45deg, #d08815, #ff9504);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
    }

    .discus-bg-grad2 {
        background-image: linear-gradient(-45deg, #b66b54, #f0ad99);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
    }

    .discus-bg-grad3 {
        background-image: linear-gradient(-45deg, #c84cb4, #ff6ce8);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',GradientType=1 );
    }


    .discus-text-grad {
        background: -moz-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #056dff), color-stop(100%, #ff6491));
        background: -webkit-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
        background: -o-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
        background: -ms-linear-gradient(150deg, #056dff 0%, #ff6491 100%);
        background: linear-gradient(150deg, #056dff 0%, #ff6491 100%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        -ms-text-fill-color: transparent;
        -o-text-fill-color: transparent;
        text-fill-color: transparent;
    }

    .all-text-white *, .text-all-white * {
        color: #ffffff;
    }


    .list-group .list-group-item {
        background: transparent;
    }

        .list-group .list-group-item i {
            margin-right: 5px;
            color: white;
        }

    .list-group-item {
        border: 0px;
    }

    .btn-outline-primary {
        border-color: #ffffff;
    }

    a.kutu-link {
        font-size: 20px;
        font-weight: bold;
    }
</style>

http://www.antalyateknokent.com.tr/tr/girisimcilik-ve-kulucka-merkezi

İndex Bileşenleri