<style>

    .btn-success {
        color: #fff;
        background-color: #009688;
        border-color: #0fbfbf;
    }

    .input-group-addon:first-child {
        border-right: 0;
        border-left: 0;
        border-top: 0;
        border-color: #ffffff;
    }

	.panel-rectangle {
		width: 100%;
		height: 165px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		left: 166px;
		top: 154.85px;
		background: #5BA9DD;
		border-radius: 20px;
	}
	.media-right-rectangle{
		width: 500px;
		float: right;
		margin-right: -30px;
		margin-top: -40px;
	}
	.panel-title{

		
		font-weight: bold;
		font-size: 26px;
		line-height: 26px;
		/* or 100% */
	

	}

	.panel-body-rectangle{
		padding: 50px;
		font-family: Helvetica;
		font-style: normal;
		color: #FFFFFF;
	}
	.panel-body{
		border-radius: 10px;
	}

    #imgtth{
            width:80%; 
            position:relative;
        }

    @media only screen and (max-width: 600px) {
        .panel-body-rectangle{
            padding: 50px;
            font-family: Helvetica;
            font-style: normal;
            color: black;
            /* width:50%; */
        }

        #imgtth{
            width:70%; 
            position:static;
            margin-left: 80px;
        }
    }

</style>

<div class="content" >
    <div class="content-wrapper">
        <!-- Page header -->
		<!-- <div class="page-header page-header-default">
			<div class="breadcrumb-line">
		    	<ul class="breadcrumb" id="pageheader">
                    <li><a href="#"><i class="icon-home2 position-left"></i>Home</a></li>
                    <li class="active">Dashboard</li>
				</ul>
			</div>
		</div> -->
		<!-- /page header -->

        <!-- Content area -->
		<div class="content">
            					<!-- Simple statistics -->
            <h6 class="content-group text-semibold">
                Dashboard Admin
                <small class="display-block">Kerja Praktik FTMD ITB </small>
            </h6>

            <div class="panel panel-rectangle">
                <div class="media-right-rectangle">
                    <img id="imgtth" src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Studying-pana.png" alt="" style="">
                </div>
                <div class="panel-body panel-body-rectangle">
                    <div class="panel-title">Selamat Datang, <?php echo $this->namaste ?></div>
                    <!-- <h5>Pelajari lebih lanjut tentang sipintar</h5> -->
                </div>
            </div>
						
            <div class="row">
                <div class="col-sm-6 col-md-3">

                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group1.png">
                            </div>
                            <div class="media-body">
                                <h3 id="totalmhs" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Total Mahasiswa</span>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group2.png">
                            </div>
                            <div class="media-body">
                                <h3 id="proses" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Total Mahasiswa Melaksanakan KP</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group2.png">
                            </div>
                            <div class="media-body">
                                <h3 id="selesai" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Total Mahasiswa Selesai KP</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="panel panel-body">
                        <div class="media no-margin">
                            <div class="media-left media-middle">
                                <img src="<?php echo '//'.$_SERVER['SERVER_NAME'].':'.$_SERVER['SERVER_PORT'].$this->basePath();?>/img/menu/Group4.png">
                            </div>
                            <div class="media-body">
                                <h3 id="gagal" class="no-margin">890</h3>
                                <span class="text-uppercase text-size-mini">Total Mahasiswa Gagal KP</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>	<!-- /simple statistics -->
        </div>
    </div>
</div>

