nesse link do tutorial que você passou na pergunta ele mostra a resposta, veja o código HTML novamente:
<html>
<head>
<meta charset="utf-8">
<title>Meus Contatos</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="public/libs/bootstrap/dist/css/bootstrap.css"/>
<link rel="stylesheet" href="public/styles/style.css"/>
</head>
<body>
<div class=login-page>
<div class=row>
<div class="col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4">
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<h1>Sistema Teste<small> versão 1.0</small></h1>
<form role=form ng-submit=submit()>
<div class=form-content>
<div class=form-group> <input type=text class="form-control input-underline input-lg" placeholder=Email> </div>
<div class=form-group> <input type=password class="form-control input-underline input-lg" placeholder=Password> </div>
</div>
<button type=submit class="btn btn-white btn-outline btn-lg btn-rounded">Login</button>
</form>
</div>
</div>
</div>
</body>
<html>
Veja a classe que ele está atribuindo ao input, input-underline
, ela pertencente a folha de estilo padrão do bootstrap e permite deixar o campo input com esse estilo, apenas uma linha em baixo em vez daquela caixa feia padrão do HTML:
<input type=text class="form-control input-underline input-lg" placeholder=Email>
Esse código está usando a Framework Twitter Bootstrap como você pode ver a declaração abaixo:
<link rel="stylesheet" href="public/libs/bootstrap/dist/css/bootstrap.css"/>
Dê uma estudada depois nessa Framework! Ela é muito boa para iniciar o desenvolvimento de sistemas simples e multi-responsivos!
Depois aconselho você a começar a desenvolver seus próprios sistemas web em formato MVC com Zend, CodeIgniter, CakePHP ou outra Framework que lhe agrade.
Pois seu trabalho terá mais credibilidade e organização do que um sistema desenvolvido em PHP puro ou JQuery!
Boa Sorte com a faculdade meu amigo!
Espero ter ajudado ^^