Aula 04 - Semantic UI e form de login




Nessa aula você vai ver como baixar o framework semantic ui que iremos usar nesse curso, e também como criar o formulário de login.

O formulário foi todo gerado pelo framework, alterei somente os nomes dos campos, de email e password.

Se gostou do vídeo não esqueça de curtir e compartilhar.

index.php

<?php require 'Config/config.php'; ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sistema de Login</title>
    <link rel="stylesheet" href="/Public/Css/semantic.min.css">
</head>
<body>

    <form method="post" action="">
    <div class="ui segment">
      <div class="ui inverted form">
        <div class="two fields">
          <div class="field">
            <input type="hidden" name="logar">
            <label>E-mail</label>
            <input placeholder="E-mail" name="email" type="email">
          </div>
          <div class="field">
            <label>Password</label>
            <input placeholder="Password" name="password" type="password">
          </div>
        </div>
        <button type="submit" class="ui submit button">Logar</button>
      </div>
    </div>     
    </form>    

    <script src="/Public/Js/jquery.js"></script>    
    <script src="/Public/Js/semantic.min.js"></script>    
</body>
</html>