CarlosWGama

ATIVIDADE-PHP

Apr 8th, 2021 (edited)
175
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Atividade PHP</title>
  7.  
  8.     <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  9.     <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  10.     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  11.     <!------ Include the above in your HEAD tag ---------->
  12.     <style>
  13.         body {
  14.             margin: 0;
  15.             padding: 0;
  16.             background-color: #2E2532;
  17.             height: 100vh;
  18.         }
  19.         #login .container #login-row #login-column #login-box {
  20.             margin-top: 50px;
  21.             max-width: 600px;
  22.             border: 1px solid #9C9C9C;
  23.             background-color: #EAEAEA;
  24.         }
  25.         #login .container #login-row #login-column #login-box #login-form {
  26.             padding: 20px;
  27.         }
  28.     </style>
  29. </head>
  30. <body>
  31.     <div id="login">
  32.         <h3 class="text-center text-white pt-5">Atividade PHP</h3>
  33.         <div class="container">
  34.             <div id="login-row" class="row justify-content-center align-items-center">
  35.                 <div id="login-column" class="col-md-6">
  36.                     <div id="login-box" class="col-md-12">
  37.                         <!-- FORMULARIO -->
  38.                         <form id="login-form" class="form">
  39.                             <h3 class="text-center">Login</h3>
  40.  
  41.                             <!-- MENSAGEM DE ERRO [INICIO] * Só exibir se tiver falhado no login -->
  42.                             <p class="alert alert-danger">Login ou senha inválidos</p>
  43.                             <!-- MENSAGEM DE ERRO [FIM] -->
  44.                            
  45.                             <!-- EMAIL -->
  46.                             <div class="form-group">
  47.                                 <label>Email:</label><br>
  48.                                 <input type="text" class="form-control">
  49.                             </div>
  50.  
  51.                             <!-- SENHA -->
  52.                             <div class="form-group">
  53.                                 <label>Senha:</label><br>
  54.                                 <input type="password" class="form-control">
  55.                             </div>
  56.  
  57.                             <!-- SUBMIT -->
  58.                             <div class="form-group">
  59.                                 <input type="submit" name="submit" class="btn btn-danger btn-md" value="Enviar">
  60.                             </div>
  61.                         </form>
  62.                         <!-- FORMULÁRIO[FIM] -->
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.     </div>
  68. </body>
  69. </html>
  70.  
RAW Paste Data