Kategori

<section class="videotanitim">
    @{
        int card93Col = 3;
        int card93Row = 1;
        int card93CategoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card93CategoryOrderNumber))
        {
            IEnumerable<Category> card93Categories = Partial.CategorySubOrderNumber(card93CategoryOrderNumber, lang);

            Category card93PostCategory = Partial.Category(card93CategoryOrderNumber, lang);
            int card93Count = Convert.ToInt32(Math.Ceiling(card93Categories.Count() / Convert.ToDouble(card93Col)));
            <video autoplay="" poster="@card93PostCategory.CategoryTitle.HtmlEncode()" id="bgvid" loop="" muted=""></video>
            <div id="tema" class="tip-tablo">
                <div class="hucre">
                    <div class="container">
                        @for (int componen = 0; componen < card93Row; componen++)
                        {
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <h3 class="rt_heading aligncenter body-font style-7" data-maxfont-size="40" data-minfont-size="30" style="box-sizing: border-box; line-height: 54px; color: rgb(51, 51, 51); margin: auto; font-size: 40px; position: relative; display: table; width: auto; border-color: rgb(232, 232, 232);"> </h3>

                                    <h3 class="rt_heading aligncenter body-font style-7" data-maxfont-size="40" data-minfont-size="30" style="box-sizing: border-box; line-height: 54px; color: rgb(51, 51, 51); margin: auto; font-size: 40px; position: relative; display: table; width: auto; border-color: rgb(232, 232, 232);">
                                        <span class="highlight style-1" style="box-sizing: border-box; border-color: rgb(232, 232, 232); color: rgb(200, 13, 21); font-weight: 700 !important;">
                                            @card93PostCategory.CategoryTitle.HtmlEncode()
                                        </span>
                                    </h3>
                                    <p>@card93PostCategory.CategoryContent.HtmlEncode()</p>
                                    <h1 class="borderme"></h1>
                                </div>
                                @foreach (Category comCategory in card93Categories.Skip(componen * card93Col).Take(card93Col))
                                {
                                    <div class="col-md-4 wpb_column vc_column_container" style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 25px; padding-right: 25px; float: left; border-color: rgb(232, 232, 232); opacity: 1; color: rgb(102, 102, 102);">
                                        <div class="wpb_wrapper" style="box-sizing: border-box; border-color: rgb(232, 232, 232);">
                                            <img alt="" class="aligncenter" height="80" src="@comCategory.CategoryThumbnail" style="box-sizing: border-box; border: 0px rgb(232, 232, 232); vertical-align: middle; display: table; margin: 5px auto 10px; text-align: center; max-width: 100%; height: auto;" width="80">
                                            <div class="rt_heading_wrapper style-7" style="box-sizing: border-box; padding-bottom: 20px; border-color: rgb(232, 232, 232); text-align: center;">
                                                <h4 class="rt_heading aligncenter style-7" style="box-sizing: border-box; line-height: 1.1; color: rgb(51, 51, 51); margin: 25px auto 0px; font-size: 20px; position: relative; display: table; width: auto; border-color: rgb(232, 232, 232);">@comCategory.CategoryTitle.HtmlEncode()</h4>
                                            </div>

                                            <div class="wpb_text_column wpb_content_element " style="box-sizing: border-box; margin-bottom: 0px; border-color: rgb(232, 232, 232);">
                                                <div class="wpb_wrapper" style="box-sizing: border-box; border-color: rgb(232, 232, 232); margin-bottom: 0px;">
                                                    <p style="box-sizing: border-box; margin: 0px; border-color: rgb(232, 232, 232); text-align: center; line-height: 1.4em;"><span style="color:#696969;">@Partial.CategoryShortContent(comCategory.CategoryID, 140)</span></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                }
                            </div>
                        }
                    </div>
                </div>
            </div>
        }
    }
</section>

Makale

<section class="videotanitim">
    @{
        int card92Col = 3;
        int card92Row = 1;
        int card92CategoryOrderNumber = 3;

        if (Partial.isCategoryOrderNumber(card92CategoryOrderNumber))
        {
            IEnumerable<Post>
            card92Posts = Partial.PostsOrderNumber(card92CategoryOrderNumber, 0, card92Col * card92Row, Partial.Order.OrderBy, true,lang);

            Category card92PostCategory = Partial.Category(card92CategoryOrderNumber, lang);
            int card92Count = Convert.ToInt32(Math.Ceiling(card92Posts.Count() / Convert.ToDouble(card92Col)));
            <video autoplay="" poster="@card92PostCategory.CategoryImage" id="bgvid" loop="" muted=""></video>
            <div id="tema" class="tip-tablo">
                <div class="hucre">
                    <div class="container">
                        @for (int componen = 0; componen < card92Row; componen++)
                        {
                            <div class="row">
                                <div class="col-md-12 text-center">
                                    <h3 class="rt_heading aligncenter body-font style-7" data-maxfont-size="40" data-minfont-size="30" style="box-sizing: border-box; line-height: 54px; color: rgb(51, 51, 51); margin: auto; font-size: 40px; position: relative; display: table; width: auto; border-color: rgb(232, 232, 232);"> </h3>

                                    <h3 class="rt_heading aligncenter body-font style-7" data-maxfont-size="40" data-minfont-size="30" style="box-sizing: border-box; line-height: 54px; color: rgb(51, 51, 51); margin: auto; font-size: 40px; position: relative; display: table; width: auto; border-color: rgb(232, 232, 232);">
                                        <span class="highlight style-1" style="box-sizing: border-box; border-color: rgb(232, 232, 232); color: rgb(200, 13, 21); font-weight: 700 !important;">
                                            @card92PostCategory.CategoryTitle
                                        </span>
                                    </h3>
                                    <p>@card92PostCategory.CategoryContent</p>
                                    <h1 class="borderme"></h1>
                                </div>
                                @foreach (Post comPost in card92Posts.Skip(componen * card92Col).Take(card92Col))
                                {
                                    <div class="col-md-4 wpb_column vc_column_container" style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 25px; padding-right: 25px; float: left; border-color: rgb(232, 232, 232); opacity: 1; color: rgb(102, 102, 102);">
                                        <div class="wpb_wrapper" style="box-sizing: border-box; border-color: rgb(232, 232, 232);">
                                            <img alt="" class="aligncenter" height="80" src="@comPost.PostThumbnail" style="box-sizing: border-box; border: 0px rgb(232, 232, 232); vertical-align: middle; display: table; margin: 5px auto 10px; text-align: center; max-width: 100%; height: auto;" width="80">
                                            <div class="rt_heading_wrapper style-7" style="box-sizing: border-box; padding-bottom: 20px; border-color: rgb(232, 232, 232); text-align: center;">
                                                <h4 class="rt_heading aligncenter style-7" style="box-sizing: border-box; line-height: 1.1; color: rgb(51, 51, 51); margin: 25px auto 0px; font-size: 20px; position: relative; display: table; width: auto; border-color: rgb(232, 232, 232);">@comPost.PostTitle.HtmlEncode()</h4>
                                            </div>

                                            <div class="wpb_text_column wpb_content_element " style="box-sizing: border-box; margin-bottom: 0px; border-color: rgb(232, 232, 232);">
                                                <div class="wpb_wrapper" style="box-sizing: border-box; border-color: rgb(232, 232, 232); margin-bottom: 0px;">
                                                    <p style="box-sizing: border-box; margin: 0px; border-color: rgb(232, 232, 232); text-align: center; line-height: 1.4em;"><span style="color:#696969;">@Partial.PostShortContent(comPost.PostID, 140)</span></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                }
                            </div>
                        }
                    </div>
                </div>
            </div>
        }
    }
</section>

CSS

video {
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        transform: translateX(-50%) translateY(-50%);
        background: url(/Resim/Upload/bg3.jpg) no-repeat;
        background-size: cover;
        transition: 1s opacity;
    }

    video {
        display: inline-block;
        vertical-align: baseline;
    }

    #tema {
        color: #000;
        width: 100%;
        height: 60vh;
        padding: 2rem 0;
    }

    .tip-tablo {
        display: table;
    }

    .borderme {
        border-bottom: 1px solid #057071;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #057071;
    }

http://www.alfaklinikmuhendislik.com/tr

İndex Bileşenleri