|
4 | 4 | <meta charset="utf-8"> |
5 | 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 | | - <title>Example with Bootstrap</title> |
| 7 | + <title>Exemplo com Bootstrap</title> |
8 | 8 | <!-- Latest compiled and minified CSS --> |
9 | | - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> |
| 9 | + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> |
10 | 10 | <link rel="stylesheet" href="../style.css"> |
11 | 11 | <style> |
12 | 12 | .pwstrength_viewport_progress{ |
|
18 | 18 | <div class="container"> |
19 | 19 | <div class="row"> |
20 | 20 | <div class="col-sm-12"> |
21 | | - <h1 class="text-center">Example with Bootstrap</h1> |
| 21 | + <h1 class="text-center">Exemplo com Bootstrap</h1> |
22 | 22 | </div> |
23 | 23 | </div> |
24 | | - <div class="row"> |
25 | | - <div class="col-md-4"></div> |
| 24 | + <div class="row justify-content-center"> |
26 | 25 | <div class="col-md-4"> |
27 | 26 | <section class="login-form"> |
28 | | - <form method="post" class="form-signin" action="#" role="login"> |
29 | | - <div class="text-center"> <h3><strong>Check</strong>Force.js</h3></div> |
30 | | - <input type="text" name="firstName" placeholder="First name" required class="form-control input-lg"> |
31 | | - <input type="text" name="lastName" placeholder="Last name" required class="form-control input-lg"> |
32 | | - <input type="email" name="email" placeholder="Email" required class="form-control input-lg"> |
33 | | - <input type="password" class="form-control input-lg" id="password" placeholder="Password" required="" /> |
34 | | - <div class="pwstrength_viewport_progress"></div> |
35 | | - <button type="submit" name="go" class="btn btn-lg btn-primary btn-block">Sign in</button> |
36 | | - <div> |
37 | | - <a href="#">Create account</a> or <a href="#">reset password</a> |
| 27 | + <div class="card"> |
| 28 | + <div class="card-body"> |
| 29 | + <div class="text-center"> |
| 30 | + <h3 class="card-title"><strong>Check</strong>Force.js</h3> |
| 31 | + </div> |
| 32 | + <form method="post" class="form-signin" action="#" role="login"> |
| 33 | + <div class="form-group"> |
| 34 | + <input type="text" name="firstName" placeholder="Nome" required class="form-control form-control-lg"> |
| 35 | + </div> |
| 36 | + <div class="form-group"> |
| 37 | + <input type="text" name="lastName" placeholder="Sobrenome" required class="form-control form-control-lg"> |
| 38 | + </div> |
| 39 | + <div class="form-group"> |
| 40 | + <input type="email" name="email" placeholder="Email" required class="form-control form-control-lg"> |
| 41 | + </div> |
| 42 | + <div class="form-group"> |
| 43 | + <input type="password" class="form-control form-control-lg" id="password" placeholder="Senha" required="" /> |
| 44 | + </div> |
| 45 | + <div class="pwstrength_viewport_progress"></div> |
| 46 | + <button type="submit" name="go" class="btn btn-lg btn-primary btn-block">Entrar</button> |
| 47 | + |
| 48 | + <div> |
| 49 | + <a href="#">Criar conta</a> ou <a href="#">Recuperar senha</a> |
| 50 | + </div> |
| 51 | + </form> |
38 | 52 | </div> |
39 | | - </form> |
| 53 | + </div> |
40 | 54 | </section> |
41 | 55 | </div> |
42 | | - <div class="col-md-4"></div> |
43 | 56 | </div> |
44 | 57 | </div> <!-- /container --> |
45 | 58 |
|
|
0 commit comments