<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="col-md-6 col-md-offset-3"> <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <div class="well"> <div class="card-header"> <img src="http://www.meb.gov.tr/kurumsal_kimlik/mebwebmaster/MEBlogo.jpg" class="profile-img" /> <h6 class="text-center"> </h6> </div> <div class="card-body"> <div> <div class="form-group"> <label for="exampleInputEmail1">Kullanıcı No :</label> <input name="txt_tc" type="text" maxlength="11" id="txt_tc" class="form-control" placeholder="t.c. kimlik no" required="" onKeyPress="return SadeceSayi(event)" /> </div> <div class="form-group"> <label for="exampleInputPassword1">Görev Yapılan Eğitim Kurumu :</label> <select name="drp_okul" id="drp_okul" class="form-control" required=""> <option value=""></option> <option value="">Mehmet Akif Ersoy İlkokulu</option> <option value="">Yunus Emre İlkokulu</option> <option value="">23 Nisan İlkokulu</option> </select> </div> <div class="form-group"> <label for="exampleInputPassword1">Güvenlik Kodu :</label> <input name="txt_kod" type="text" maxlength="5" id="txt_kod" class="form-control" placeholder="güvenlik kodu" required="" /> </div> <div class="form-group"> <img id="Image1" src="../GuvenlikKodu.aspx" style="width:200px;" /> <br /> <span id="lbnhata" style="color:Red;"></span> </div> <input type="submit" name="btn_giris" value="Giriş Yap" id="btn_giris" class="btn btn-primary btn-block" /> </div> </div> </div> </div> </div>

body{background-image: linear-gradient( 135deg, #F05F57 10%, #360940 100%);} .footer { position: fixed; left: 0; bottom: 0; width: 100%; color: #F05F57; text-align: center; font-size: 12px; } .profile-img { width: 140px; height: 140px; margin: 0 auto 10px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }