<?php
session_start();
ini_set('display_errors', 0);
if ($_SESSION["block"] >= 3) {
   echo "<h1>Maaf Anda Sedang Kurang sehat</h1>";
   exit();}
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Sign in</title>
        <link rel="icon" href="Assets/images/favicon.ico">
        <link rel="stylesheet" href="Assets/css/bootstrap.css">
        <link rel="stylesheet" href="Assets/css/floating-labels.css">
        <link rel="stylesheet" href="Assets/fontawesome470/css/font-awesome.min.css">
        <script src="Assets/js/jquery.min.js"></script>
        <script src="Assets/js/popper.min.js"></script>
        <script src="Assets/js/bootstrap.min.js"></script>
        <script>
            /*
             function hellocoba(){
             //var email = document.getElementById("email").value;
             //alert("Email address: "+email);
             document.getElementById("email").addEventListener("keyup", function(event){
             event.preventDefault();
             if(event === 13){
             document.getElementById("password").focus();
             }
             });
             */
             function alertsalahlogin(){
           }
           window.setTimeout(function (){
              $(".alert").fadeTo(400, 0).slideUp(400, function() {
                  $(this).remove(); 
              });
           }, 10000);
           function showModalku(){
               $(document).ready(function (){
                   $("#Modalku").modal("show")
               });
           }
        </script>
    </head>
    <body>
        <form id="frm01" name="frm01" action="login.php" method="POST" class="form-signin" style="padding:20px;background:rgba(255,255,255,0.8)">
            <div class="text-center mb-4">
                <img class="mb-6"width="92" height="92" src="Assets/images/amd.jpg">
                <!-- <h3 style="text-align: center; line-height: 300%">Login or <a href="#">Sign up</a></h3> -->
            </div>
          </div>
<!--            <div class="alert alert-primary alert-dismissible fade show" role="alert">
              Alert ini hilang dalam waktu 4 detik!
              <button type="button" class="close" data-dismiss="alert" aria-label="close">
                  <span aria-hidden="true">&times;</span>
              </button>
          </div>-->
          <?php
            if(isset($_SESSION["salah"])){
                if($_SESSION["salah"] < 3){
                    echo '<div class="alert alert-danger alert-dismissible fade show" role="alert">
                        Mohon maaf yaa email/password anda salah!!Ini Keselahan yang ke-'.$_SESSION["salah"].' silahkan cek kembali email & password...!!!!
                        <button type="button" class="close" data-dismiss="alert" aria-label="close">
                        <span aria-hidden="true">&times;</span>
                </button>
            </div>';
    }
    }
        ?>
            <div class="form-label-group">
                <input class="form-control" type="email" name="email" id="email" placeholder="Email address" required="yes" autofocus="yes" autocomplete="no">
                <label for="email">Email address</label>
            </div>
            <div class="form-label-group mb-2">
                <input class="form-control" type="password" name="password" id="password" placeholder="password" required="yes">
                <label for="password">Password</label>
            </div>
            <div class="row omb_row-sm-offset-3 mb-4">
                <div class="col-xs-12 col-sm-7">
                    <label class="checkbox">
                        <input type="checkbox" value="remember-me">Remember Me
                    </label>
                </div>
                <div class="col-xs-12 col-sm-5">
                    <p class="omb_forgotPwd">
                        <a href="#">Forgot password?</a>
                    </p>
                </div>
            </div>
            <button class="btn btn-lg btn-primary btn-block mb-2" type="submit">Sign in</button>
            <div style="position: relative;font-size: 1.5em;color: #aaa;margin-top: 1em;
                 margin-bottom: 1em;padding-top: 0.5em;padding-bottom: 0.5em" class="row omb_row-sm-offset-4 omb_loginOr">
                <div class="col-xs-12 col-sm-12">
                    <hr style="background-color: #cdcdcd;height: 1px;margin-top:
                        0px !important;margin-bottom: 0px !important; margin-right:6px; margin-left:6px" class="omb_hrOr">
                    <span style="display: block;position: absolute;left: 50%;
                          top: -0.6em;margin-left: -1.5em;background-color: white;
                          width: 3em;text-align: center" class="omb_spanOr">OR</span>
                </div>
            </div>
            <div class="row omb_row-sm-offset-3 omb_socialButtons mb-4">
                    <div class="col-xs-4 col-sm-4">
                      <a href="https://www.facebook.com/" class="btn btn-lg btn-block omb_btn-facebook" style="background:#3b5998;color:white">
                        <i class="fa fa-facebook visible-xs"></i>
                        <!-- <span>Facebook</span>-->
                      </a>
                    </div>
                    <div class="col-xs-4 col-sm-4">
                      <a href="https://twitter.com/" class="btn btn-lg btn-block omb_btn-twitter" style="background:#00aced;color:white">
                        <i class="fa fa-twitter visible-xs"></i>
                        <!-- <span>Twitter</span> -->
                      </a>
                    </div>
                    <div class="col-xs-4 col-sm-4">
                      <a href="https://accounts.google.com" class="btn btn-lg btn-block omb_btn-google"style="background:#c32f10;color:white">
                        <i class="fa fa-google-plus visible-xs"></i>
                        <!-- <span>Google</span> -->
                      </a>
                    </div>
                </div>
                <div style="position: relative;font-size: 1.5em;color: #aaa;margin-top: 1em;
                     margin-bottom: 1em;padding-top: 0.5em;padding-bottom: 0.5em" class="row omb_row-sm-offset-4 omb_loginOr">
                    <div class="col-xs-12 col-sm-12">
                        <hr style="background-color: #cdcdcd;height: 1px;margin-top:
                            0px !important;margin-bottom: 0px !important; margin-right:6px; margin-left:6px" class="omb_hrOr">
                        <!-- <span style="display: block;position: absolute;left: 50%;
                              top: -0.6em;margin-left: -1.5em;background-color: white;
                              width: 3em;text-align: center" class="omb_spanOr">OR</span> -->
                    </div>
                  </div>
              <button class="btn btn-lg btn-success btn-block mb-2" type="button">Create Account</button>
              <!-- <button class="btn btn-primary btn-block" type="button" data-toggle="modal" data-target="#Modalku">
               Show Modal
           </button>
           <button onclick="showModalku();" class="btn btn-primary btn-block" type="button" data-toggle="modal">
               Show Modal Pakai JavaScript
           </button>
       </form>
       <div class="modal fade" id="Modalku" tabindex="-1" role="dialog" aria-labelledby="DialogModallabel" aria-hidden="true">
           <div class="modal-dialog" role="document">
               <div class="modal-content">
                   <div class="modal-header">
                       <h5 class="modal-title" id="Modallabel01">
                           Disini Judul Modal
                           <button class="close" type="button" data-dismiss="modal" aria-label="close">
                               <span aria-hidden="true">&times;</span>
                           </button>
                       </h5>
                   </div>
                   <div class="modal-body">
                       <p>Semua sudah ada yang menggatur tinggal kita mau berusaha atau tidak :)</p>
                   </div>
                   <div class="modal-footer">
                       <button class="btn btn-secondary" type="button" data-dismiss="modal">
                           Tutup
                       </button>
                   </div> -->
        </form>
    </body>
</html>




Comments