Or, embed this snippet using GenerateWP WordPress Plugin.

Download

Clone

Página inicial

tutorial Code4Coders

<!-- index.html -->

<!DOCTYPE html>
<html lang="pt-br" class="no-js">
    <head>
        <meta charset="utf-8" />        
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />    
        <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />  

        <title>Aplicação Senha Forte e Segura em AngularJs</title>

        <!-- Inclusão dos arquivos minified do: Bootstrap e do CSS -->
        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css" />
        <link rel="stylesheet" href="assets/css/style.css" />

        <!-- Google Fonts -->
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,300,700" />
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:400,700,400italic" />
           
    </head>
    <body>
        <div class="container theme-showcase" role="main">
           
                <!-- Main jumbotron for a primary marketing message or call to action -->
                <div class="jumbotron">
                    <h1 class="text-center"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> Tutorial - Code4Coders </h1>
                    <h2 class="text-center">Glaucia Lemos - Full Stack Developer</h2>

                    <p class="text-center">Desenvolvido com muito <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Brasil, Rio de Janeiro <a href="http://www.code4coders.wordpress.com" target="_blank"> - 2017</a></p>
                </div>       
        </div> <!--/ .container -->

        <div class="main-container">
            <!-- Início do formulário -->
                <form action="" method="POST" role="form">
                    <legend class="form-labe">Cadastre Aqui!</legend>

                    <!-- Início do campo: Nome Completo -->
                    <div class="form-group">
                        <label for="nomecompleto">Nome Completo</label>
                        <input type="text" class="form-control" id="nomecompleto" placeholder="Digite o seu Nome Completo" />
                    </div>
                    <!-- Fim do campo: Nome Completo -->

                    <!-- Início do campo: Email -->
                    <div class="form-group">
                        <label for="email">E-mail</label>
                        <input type="email" class="form-control" id="email" placeholder="Digite o seu E-mail" />
                    </div>
                    <!-- Fim do campo: Email -->

                    <!-- Início do campo: Senha -->
                    <div class="form-group">
                        <label for="senha">Senha</label>
                        <div class="form-hint">Para que a senha digitada esteja dentro da conformidade com a nossa 
                            política de senha é necessário criar uma senha suficientemente forte. A senha deve conter
                            mais de 7 caracteres.
                        </div>
                        <input type="password" class="form-control" id="password" placeholder="Digite a Senha" />
                    </div>
                    <!-- Fim do campo: Senha -->

                    <button type="submit" class="btn btn-primary">Enviar</button>
                </form>
                <!-- Fim do formulário -->  
        </div>

        <script src="bower_components/angular/angular.min.js"></script>
        <script src="assets/js/app.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
        <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>       
    </body>  
</html>