glaucia86 · January 25, 2017 14:24
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="pt-br" class="no-js" ng-app="SenhaSegura">
 <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" />

 </head>

 <body>
    <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>
        <h4 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> </h4>
    </div>
    <!--/ .container -->
    <div class="row">
        <div class="col-xs-6 col-md-4"></div>
        <div class="col-xs-6 col-md-4">
            <!-- Início do formulário -->
            <form action="" method="POST" role="form" name="cadastreAqui" ng-controller="FormController">
                <legend class="form-labe">Cadastre Aqui!</legend>

                <!-- Início do campo: Nome Completo -->
                <div class="form-group">
                    <label for="nomecompleto">Nome Completo</label>

                    <div class="error form-hint" ng-show="cadastreAqui.nomecompleto.$dirty && cadastreAqui.nomecompleto.$error.required" ng-cloak>
                        {{"Campo Obrigatório."}}
                    </div>

                    <input type="text" class="form-control" ng-class="(cadastreAqui.nomecompleto.$dirty && cadastreAqui.nomecompleto.$invalid) ? 'error' : ''" id="nomecompleto" name="nomecompleto" placeholder="Digite o seu Nome Completo" ng-required="true" ng-model="nomecompleto">
                </div>
                <!-- Fim do campo: Nome Completo -->

                <!-- Início do campo: Email -->
                <div class="form-group">
                    <label for="email">E-mail</label>

                    <div class="error form-hint" ng-show="cadastreAqui.email.$dirty && cadastreAqui.email.$error.required" ng-cloak>
                        {{"Campo Obrigatório."}}
                    </div>

                    <div class="error form-hint" ng-show="cadastreAqui.email.$dirty && cadastreAqui.email.$error.email" ng-cloak>
                        {{"E-mail inválido."}}
                    </div>

                    <input type="email" class="form-control" ng-class="(cadastreAqui.email.$dirty && cadastreAqui.email.$invalid) ? 'error' : ''" id="email" name="email" placeholder="Digite o seu E-mail" ng-required="true" ng-model="email">
                </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 senha-ok" ng-class="(cadastreAqui.senha.$dirty && cadastreAqui.senha.$invalid) ? 'error' : ''" id="senha" name="senha" placeholder="Digite a Senha" ng-required="true" ng-model="senha">

                    <div class="label password-count" ng-class="senha.length > 7 ? 'label-success' : 'label-danger'" ng-cloak>{{ senha | tamanhoSenha:7 }}</div>

                    <div class="strength-meter">
                        <div class="strength-meter-fill" data-strength="{{senhaSegura}}"></div>
                    </div>

                </div>
                <!-- Fim do campo: Senha -->

                <button type="submit" class="btn btn-primary" ng-disabled="cadastreAqui.$invalid">Enviar</button>
            </form>
            <!-- Fim do formulário -->
        </div>
        <div class="col-xs-6 col-md-4"></div>
    </div>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="assets/js/app.js"></script>
 </body>

 </html>
	<!DOCTYPE html>
	<html lang="pt-br" class="no-js" ng-app="SenhaSegura">
	<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" />

	</head>

	<body>
	<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>
	<h4 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> </h4>
	</div>
	<!--/ .container -->
	<div class="row">
	<div class="col-xs-6 col-md-4"></div>
	<div class="col-xs-6 col-md-4">
	<!-- Início do formulário -->
	<form action="" method="POST" role="form" name="cadastreAqui" ng-controller="FormController">
	<legend class="form-labe">Cadastre Aqui!</legend>

	<!-- Início do campo: Nome Completo -->
	<div class="form-group">
	<label for="nomecompleto">Nome Completo</label>

	<div class="error form-hint" ng-show="cadastreAqui.nomecompleto.$dirty && cadastreAqui.nomecompleto.$error.required" ng-cloak>
	{{"Campo Obrigatório."}}
	</div>

	<input type="text" class="form-control" ng-class="(cadastreAqui.nomecompleto.$dirty && cadastreAqui.nomecompleto.$invalid) ? 'error' : ''" id="nomecompleto" name="nomecompleto" placeholder="Digite o seu Nome Completo" ng-required="true" ng-model="nomecompleto">
	</div>
	<!-- Fim do campo: Nome Completo -->

	<!-- Início do campo: Email -->
	<div class="form-group">
	<label for="email">E-mail</label>

	<div class="error form-hint" ng-show="cadastreAqui.email.$dirty && cadastreAqui.email.$error.required" ng-cloak>
	{{"Campo Obrigatório."}}
	</div>

	<div class="error form-hint" ng-show="cadastreAqui.email.$dirty && cadastreAqui.email.$error.email" ng-cloak>
	{{"E-mail inválido."}}
	</div>

	<input type="email" class="form-control" ng-class="(cadastreAqui.email.$dirty && cadastreAqui.email.$invalid) ? 'error' : ''" id="email" name="email" placeholder="Digite o seu E-mail" ng-required="true" ng-model="email">
	</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 senha-ok" ng-class="(cadastreAqui.senha.$dirty && cadastreAqui.senha.$invalid) ? 'error' : ''" id="senha" name="senha" placeholder="Digite a Senha" ng-required="true" ng-model="senha">

	<div class="label password-count" ng-class="senha.length > 7 ? 'label-success' : 'label-danger'" ng-cloak>{{ senha \| tamanhoSenha:7 }}</div>

	<div class="strength-meter">
	<div class="strength-meter-fill" data-strength="{{senhaSegura}}"></div>
	</div>

	</div>
	<!-- Fim do campo: Senha -->

	<button type="submit" class="btn btn-primary" ng-disabled="cadastreAqui.$invalid">Enviar</button>
	</form>
	<!-- Fim do formulário -->
	</div>
	<div class="col-xs-6 col-md-4"></div>
	</div>
	<script src="bower_components/angular/angular.min.js"></script>
	<script src="assets/js/app.js"></script>
	</body>

	</html>