Habbe Compenant

MAKALE GETİRİR

<section class="habbe">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <style>
                        .jumbotron {
                            margin-top: 10px;
                            padding: 10px 0 25px;
                        }

                        .carousel-indicators {
                            width: 100% !important;
                            left: 0 !important;
                            margin-left: 0px !important;
                            margin-top: 5px;
                        }

                            .carousel-indicators li {
                                width: 92px !important;
                                height: 60px !important;
                                background-size: contain !important;
                                float: left;
                                border-radius: 0px !important;
                            }

                        .carousel-control .glyphicon {
                            display: none !important;
                        }

                        .carousel-indicators {
                            position: relative !important;
                            bottom: 0px !important;
                        }

                        .resimliHaber {
                            width: 100%;
                            height: 385px;
                            background-position: center center;
                            background-repeat: no-repeat;
                            background-size: cover;
                        }

                        .habbe h2 {
                            font-size: 20px;
                            background: #2d2d2d;
                            margin: 0px;
                            padding: 10px;
                            color: #FFFFFF;
                            text-align: center;
                        }
                    </style>




                    <div class="bs-example" data-example-id="simple-carousel">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

                            <div class="carousel-inner" role="listbox">

                                @foreach (Makale makalem in Partial.MakalelerSiraNo(0, 0, 8, "", true, dilk))
                                {

                                    if (slidesay == 1)
                                    {
                                        <div class="item active">
                                            <h2> @makalem.MakaleBaslik.HtmlEncode() </h2>
                                            <a href="@Partial.MakaleLink(makalem.MakaleID)">
                                                <div class="resimliHaber" style="background-image: url(@makalem.MakaleResim);"></div>
                                            </a>
                                        </div>
                                    }
                                    else {
                                        <div class="item">
                                            <h2> @makalem.MakaleBaslik.HtmlEncode() </h2>
                                            <a href="@Partial.MakaleLink(makalem.MakaleID)">
                                                <div class="resimliHaber" style="background-image: url(@makalem.MakaleResim);"></div>
                                            </a>
                                        </div>
                                    }
                                    slidesay++;
                                }
                            </div>

                            <ol class="carousel-indicators">

                                @foreach (Makale makalem1 in Partial.MakalelerSiraNo(0, 0, 8, "", true, dilk))
                                {
                                    if (slidesay1 == 0)
                                    {
                                        <li data-target="#carousel-example-generic" data-slide-to="@slidesay1" class="active" style="background: url(@makalem1.MakaleResim)"></li>
                                    }
                                    else {
                                        <li data-target="#carousel-example-generic" data-slide-to="@slidesay1" style="background: url(@makalem1.MakaleResim)"></li>
                                    }
                                    slidesay1++;
                                }
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row less text-center">

                        @foreach (Makale componeMakale in Partial.MakalelerSiraNo(10, 0, 2, "", true, dilk))
                        {
                            double componeWowtime = 0.1;
                            <div class="col-sm-12 haberitem wow fadeIn animated" data-wow-duration=".5s" data-wow-delay="@(componeWowtime.ToString().Replace(",", "."))s">
                                <div class="kutu">
                                    <div class="kenarlik">
                                        <a href="@Partial.MakaleLink(componeMakale.MakaleID)">
                                            <div class="kanvas" style="background-image: url(@componeMakale.MakaleResim)"></div>
                                            <div class="text-content">
                                                <div class="text-baslik tip-tablo">
                                                    <div class="hucre hucre-ortala">
                                                        <h3>@componeMakale.MakaleBaslik.HtmlEncode()</h3>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            componeWowtime = componeWowtime + 0.2;
                        }
                    </div>
                </div>
            </div>
            <div class="rengi text-center">
                <style>
                    .rengi {
                        background: #c30005;
                        width: 100%;
                        color: #FFFFFF;
                        margin-top: 15px;
                    }

                        .rengi a {
                            color: #FFFFFF;
                        }
                </style>
                <div class="container">
                    <h2> Tüm haberlerinizi yayınlamak için <a href="mailto:info@antalyahaberajansi.com"> info@antalyahaberajansi.com </a> </h2>
                </div>
            </div>
        </div>
    </section>