eclass.unmer.ac.id

@model kolejfm.Models.Durum.durummodel

<head>

<style>

.bg-info, .bg-info > a {
            color: #34495e;
            !important;
        }

:root {
            --blue: #007bff;
            --indigo: #6610f2;
            --purple: #6f42c1;
            --pink: #e83e8c;
            --red: #dc3545;
            --orange: #fd7e14;
            --yellow: #ffc107;
            --green: #28a745;
            --teal: #20c997;
            --cyan: #17a2b8;
            --white: #ffffff;
            --gray: #6c757d;
            --gray-dark: #343a40;
            --primary: #007bff;
            --secondary: #6c757d;
            --success: #28a745;
            --info: #17a2b8;
            --warning: #ffc107;
            --danger: #dc3545;
            --light: #f8f9fa;
            --dark: #343a40;
            --breakpoint-xs: 0;
            --breakpoint-sm: 576px;
            --breakpoint-md: 768px;
            --breakpoint-lg: 992px;
            --breakpoint-xl: 1200px;
            --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }

.small-box p {
            font-size: 1rem;
        }

.small-box p > small {
                color: #f8f9fa;
                display: block;
                font-size: 0.9rem;
                margin-top: 5px;
            }

.small-box h3,
        .small-box p {
            z-index: 5;
        }

.small-box .icon {
            color: rgba(0, 0, 0, 0.15);
            z-index: 0;
        }

.small-box .icon > i {
                font-size: 90px;
                position: absolute;
                right: 15px;
                top: 15px;
                transition: all 0.3s linear;
            }

.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
                    font-size: 70px;
                    top: 20px;
                }

.small-box:hover {
            text-decoration: none;
        }

.small-box:hover .icon > i {
                font-size: 95px;
            }

.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion {
                    font-size: 75px;
                }

@@media (max-width: 767.98px) {
            .small-box {
                text-align: center;
            }

.small-box .icon {
                    display: none;
                }

.small-box p {
                    font-size: 12px;
                }
        }

.small-box {
            border-radius: 0.25rem;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
            display: block;
            margin-bottom: 20px;
            position: relative;
        }

.small-box > .inner {
                padding: 10px;
            }

.small-box > .small-box-footer {
                background: rgba(0, 0, 0, 0.1);
                color: rgba(255, 255, 255, 0.8);
                display: block;
                padding: 3px 0;
                position: relative;
                text-align: center;
                text-decoration: none;
                z-index: 10;
            }

.small-box > .small-box-footer:hover {
                    background: rgba(0, 0, 0, 0.15);
                    color: #ffffff;
                }

.small-box h3 {
                font-size: 2.2rem;
                font-weight: bold;
                margin: 0 0 10px 0;
                padding: 0;
                white-space: nowrap;
            }
    </style>

</head>
<div class="container-fluid">

<div class="col-12 col-lg-6 col-xl-4">
            <div class="card">
                <div class="card-body">
                    <p class="text-white mb-0"><h5>Klip Sayısı </h5> <span class="float-right badge badge-light">Tüm Zamanlar</span></p>
                    <div class="">
                        <h4 class="mb-0 py-3">@Model.klip <span class="float-right">  <i class="fas fa-mail-bulk"></i></span></h4>
                    </div>
                    <div class="progress-wrapper">
                        <div class="progress" style="height:5px;">
                            <div class="progress-bar" style="width:@Model.klip%"></div>
                        </div>
                    </div>
                    <p class="mb-0 mt-2 text-white small-font">
                        <a href="/Madia/VideoGoruntu/" class="small-box-footer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Daha fazla bilgi </font></font><i class="fa fa-arrow-circle-right"></i></a>

<div class="col-12 col-lg-6 col-xl-4">
            <div class="card">
                <div class="card-body">
                    <p class="text-white mb-0"><h5>Mail Abone </h5><span class="float-right badge badge-light">Tüm zamanlar</span></p>
                    <div class="">
                        <h4 class="mb-0 py-3">@Model.mailsayisi <span class="float-right"><i class="fas fa-cogs"></i></span></h4>
                    </div>
                    <div class="progress-wrapper">
                        <div class="progress" style="height:5px;">
                            <div class="progress-bar" style="width:@Model.mailsayisi%"></div>
                        </div>
                    </div>
                    <p class="mb-0 mt-2 text-white small-font">
                        <a href="/MailList/liste" class="small-box-footer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Daha fazla bilgi </font></font><i class="fa fa-arrow-circle-right"></i></a>

<div class="col-12 col-lg-6 col-xl-4">
            <div class="card">
                <div class="card-body">
                    <p class="text-white mb-0"><h5>Yeni Mesaj</h5><span class="float-right badge badge-light">Tüm zamanlar</span></p>
                    <div class="">
                        <h4 class="mb-0 py-3">@Model.gelenmesaj <span class="float-right"><i class="fas fa-inbox"></i></span></h4>
                    </div>
                    <div class="progress-wrapper">
                        <div class="progress" style="height:5px;">
                            <div class="progress-bar" style="width:@Model.gelenmesaj%"></div>
                        </div>
                    </div>
                    <p class="mb-0 mt-2 text-white small-font">
                        <a href="/Mesaj/Ziyaretci" class="small-box-footer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Daha fazla bilgi </font></font><i class="fa fa-arrow-circle-right"></i></a>

<div class="col-12 col-lg-6 col-xl-4">
            <div class="card">
                <div class="card-body">
                    <p class="text-white mb-0"><h5>Haber Sayısı</h5><span class="float-right badge badge-light">Tüm zamanlar</span></p>
                    <div class="">
                        <h4 class="mb-0 py-3">
                            @Model.habersayisi <span class="float-right">
                                <i class="far fa-newspaper"></i>
                            </span>
                        </h4>
                    </div>
                    <div class="progress-wrapper">
                        <div class="progress" style="height:5px;">
                            <div class="progress-bar" style="width:@Model.habersayisi%"></div>
                        </div>
                    </div>
                    <p class="mb-0 mt-2 text-white small-font">
                        <a href="/Haberler/liste" class="small-box-footer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Daha fazla bilgi </font></font><i class="fa fa-arrow-circle-right"></i></a>

<span class="float-right"> <i class="fa fa-long-arrow-up"></i></span>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-12 col-lg-6 col-xl-4">
            <div class="card">
                <div class="card-body">
                    <p class="text-white mb-0"><h5>Şarki Sayısı</h5><span class="float-right badge badge-light">Tüm zamanlar</span></p>
                    <div class="">
                        <h4 class="mb-0 py-3">
                            @Model.sarkisayisi <span class="float-right">
                                <i class="far fa-newspaper"></i>
                            </span>
                        </h4>
                    </div>
                    <div class="progress-wrapper">
                        <div class="progress" style="height:5px;">
                            <div class="progress-bar" style="width:@Model.sarkisayisi%"></div>
                        </div>
                    </div>
                    <p class="mb-0 mt-2 text-white small-font">
                        <a href="/Sarki/SarkiList" class="small-box-footer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Daha fazla bilgi </font></font><i class="fa fa-arrow-circle-right"></i></a>

<div class="col-12 col-lg-6 col-xl-4">
            <div class="card">
                <div class="card-body">
                    <p class="text-white mb-0"><h5>Yeni İstek</h5><span class="float-right badge badge-light">Tüm zamanlar</span></p>
                    <div class="">
                        <h4 class="mb-0 py-3">
                            @Model.istek <span class="float-right">
                                <i class="far fa-newspaper"></i>
                            </span>
                        </h4>
                    </div>
                    <div class="progress-wrapper">
                        <div class="progress" style="height:5px;">
                            <div class="progress-bar" style="width:@Model.istek%"></div>
                        </div>
                    </div>
                    <p class="mb-0 mt-2 text-white small-font">
                        <a href="/Mesaj/list" class="small-box-footer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Daha fazla bilgi </font></font><i class="fa fa-arrow-circle-right"></i></a>

</div>