AnsweredAssumed Answered

como fazer a propia tela de login?

Question asked by faculdademauá on May 24, 2019

como fazer a propia tela de login?

 

há algo errado em meu codigo?

 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Portal Educacional</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->    
    <link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->    
    <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->    
    <link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="css/util.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
    
    
</head>
<body>
    
    <div class="limiter">
        <div class="container-login100" style="background-image: url('images/bg-01.jpg');">
            <div class="wrap-login100">
                <form class="login100-form validate-form" action="https://mauadf.blackboard.com/webapps/login/" name="bbloginform" method="post">
                    <span class="login100-form-logo">
                        <i class="zmdi zmdi-graduation-cap"></i>
                    </span>

 

                    <span class="login100-form-title p-b-34 p-t-27">
                        Bem-Vindo
                    </span>

 

                    <div class="wrap-input100 validate-input" data-validate = "Uusário não informado">
                        <input class="input100" type="text" name="user-id" placeholder="Usuário" id="user-id">
                        <span class="focus-input100" data-placeholder="&#xf207;"></span>
                    </div>

 

                    <div class="wrap-input100 validate-input" data-validate="Senha não informada">
                        <input class="input100" type="password" name="password" placeholder="Senha" id="password">
                        <span class="focus-input100" data-placeholder="&#xf191;"></span>
                    </div>

 

                    <div class="contact100-form-checkbox">
                        <input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">
                        <label class="label-checkbox100" for="ckb1">
                            Lembrar-me
                        </label>
                    </div>
                    
                    <input type="hidden" id="bb_nonce" name="blackboard.platform.security.NonceUtil.nonce"
                           value="0602bad7-311c-4a32-b3bb-8c0089e154e6">     
                    
                    <div class="container-login100-form-btn">
                          <button class="login100-form-btn" type="submit" name="login">
                            Entrar
                        </button>               
                    </div>

 

                    <div class="text-center p-t-90">
                        <a class="txt1" href="https://mauadf.blackboard.com/webapps/blackboard/password">
                            Esqueceu a senha?
                        </a>
                    </div>
                </form>
            </div>
        </div>
           
    </div>
    
 
    

 

    <div id="dropDownSelect1"></div>
    
<!--===============================================================================================-->
    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/bootstrap/js/popper.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/daterangepicker/moment.min.js"></script>
    <script src="vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
    <script src="vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
    <script src="js/main.js"></script>
   
    <script>
      var url = new URL(window.location);
      var nonce = url.searchParams.get("nonce");
      if (nonce==null) location.href="https://mauadf.blackboard.com";
      else document.getElementById('bb_nonce').value=nonce;
    </script>
    
    </body>
</html>

Outcomes