<style>

    .jumbotron {
        margin-top: 0px;
        border-radius: 0;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 50% 50%;
        margin-bottom: 0px;
    }

    .lead-box {
        padding: 5rem;
        background-color: #e9ecef;
        opacity: .7;
    }

    .jumbotron-home-page {
        background-image: url(../img/home-page.jpg);
        /* background-repeat: repeat; */
    }

    .text-primary {
        color: #013755 !important;
        font-weight: 300 !important;
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: .5rem !important;
        font-weight: 300 !important;
        line-height: 1.2 !important;
    }

    .h1, h1 {
        font-size: 4.5rem !important;
        font-weight: 300 !important;
    }

    body {
        padding-top: 0px;    
        font-family: sans-serif;
        line-height: 1.8rem;
        letter-spacing: .5px;
    }

</style>

<div class="jumbotron jumbotron-home-page text-center">
    <div class="lead-box" style="    margin-top: -50px;">
        <h1 class="text-primary"> Fakultas Teknik Mesin dan Dirgantara</h1>
        <h2 class="text-primary">
            Institut Teknologi Bandung
        </h2>
    </div>
    
    <center>
    <div style="padding:50px; max-width: 500px;"> 
        <div class="container-fluid" style="horizontal-align: middle">
        
                
            <div class="panel panel-body login-form">
                <div class="text-center">
                    <h3 class="content-group" id="kaprodi">Kaprodi Teknik Mesin <small class="display-block"></small></h3>
                    <hr>
                    <h5 class="content-group" id="namakap">Nama <small class="display-block"></small></h5>
                    <h5 class="content-group" id="nip">NIP <small class="display-block"></small></h5>
                    <img src="../data/qrcode/<?php echo $this->qrcode; ?>.png" alt="">
                    <hr>
                    <h5 class="content-group" >Kontak Program Studi <small class="display-block"></small></h5>
                    <div style="border-top:1px" id="contact"></div>
                </div>
                

            </div>
          
        </div>
    </div>
    </center>
</div>

