Hakkımızda

Astrument a age debating ecstatic man cto continuing

devamı

Hakkımızda

nstrument in so want pure rank am dear were remarkably to continuing

devamı

Hakkımızda

Astrument a age debating ecstatic man cto continuing

devamı

Hakkımızda

nstrument in so want pure rank am dear were remarkably to continuing

devamı

MAKALE

 <div class="container p-0 mt-5">
        <div class="row no-gutters">
            <div class="col-lg-3 col-xs-12 bg-light" style="background:url(/Upload/File/2019/6/25/kurumsal-11.jpg) no-repeat; background-size:cover;">
            </div>

            <div class="col-lg-3 col-xs-12 discus-bg-grad px-4 py-5 p-lg-5 all-text-white">
                <div class="h-100">
                    <div class="title text-left p-0">
                        <h2>Hakkımızda</h2>
                        <p>Astrument a age debating ecstatic man cto continuing</p>
                        <a href="" class="btn btn-outline-primary">devamı</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-xs-12 bg-light pl-lg-4" style="background:url(/Upload/File/2019/6/22/slide06.jpg) no-repeat; background-size:cover;">
            </div>

            <div class="col-lg-3 col-xs-12 discus-bg-grad px-4 py-5 p-lg-5 all-text-white">
                <div class="h-100">
                    <div class="title text-left p-0">
                        <h2>Hakkımızda</h2>
                        <p>nstrument in so want pure rank am dear were remarkably to continuing</p>
                        <a href="" class="btn btn-outline-primary">devamı</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container p-0">
        <div class="row no-gutters">
            <div class="col-lg-3 col-xs-12 discus-bg-grad px-4 py-5 p-lg-5 all-text-white">
                <div class="h-100">
                    <div class="title text-left p-0">
                        <h2>Hakkımızda</h2>
                        <p>Astrument a age debating ecstatic man cto continuing</p>
                        <a href="" class="btn btn-outline-primary">devamı</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-xs-12 bg-light" style="background:url(/Upload/File/2019/6/22/slide-1.jpg) no-repeat; background-size:cover;">
            </div>

            <div class="col-lg-3 col-xs-12 discus-bg-grad px-4 py-5 p-lg-5 all-text-white">
                <div class="h-100">
                    <div class="title text-left p-0">
                        <h2>Hakkımızda</h2>
                        <p>nstrument in so want pure rank am dear were remarkably to continuing</p>
                        <a href="" class="btn btn-outline-primary">devamı</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-xs-12 bg-light pl-lg-4" style="background:url(/Upload/File/2019/6/22/sigorta.jpg) no-repeat; background-size:cover;">
            </div>
        </div>
    </div>

CSS

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

        .discus-bg-grad {
            background: -moz-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, #97c74e), color-stop(100%, #2ab9a5));
            background: -webkit-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
            background: -o-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
            background: -ms-linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
            background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
            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;
        }
    </style>