<!DOCTYPE html>
<html lang="pt-br">
<head>
    <title>Cadastro</title>
    <!-- Bootstrap-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="
    sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
    <!-- MDB -->   
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.2.0/mdb.min.css" rel="stylesheet" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/styles/cadastro.css">
    <!-- Script -->
    <link rel="script" href="/scripts/cadastro.js">
    <script type="module" scr="/scr/services/firebase.js"></script>
    
</head>

    <body>
        <div class="container-fluid p-0">
            <div class="box"> 
                <h1>Sign-up</h1>
                <form method="post" action="/cadastro">
                 
                    <div class="box-itens">
                        <input type="text" class="form-i email" id="email" placeholder="Email" size="27" name="email" required>
                        <input type="password" class="form-i pass" id="pass" placeholder="Senha" size="27" name="pass" required>
                        <!--<input type="password" class="form-i pass" id="passconfirm" name="passconfirm" placeholder="Confirme sua senha" size="27">-->
                        <input class="button" type="submit" accesskey="enter" value="Registrar" id="SubmitSignUp">
                    </div>
                </form> <!-- form -->
                <div class="login">
                    <p>JÃ¡ possui uma conta? <a href="/login">Entrar</a></p>
                </div>
                <div class="row divider">
                    <div class="col divisor l"></div>
                    <p class="col prh">ou</p>
                    <div class="col divisor r"></div>
                </div>
                <div class="row box-api">
                    <div class='api-iten'>
                        <img src="https://www.svgrepo.com/show/380993/google-logo-search-new.svg" style="max-width:44px; min-width: 44px; margin: 0px 10px 0px 10px;">
                        <!--<p>Continuar com o Google</p>--></div>
                    <!-- fazer a img e texto ficarem na mesma linha e uma div solo pra cada -->
                    <div class='api-iten'>
                        <img src="https://a.travel-assets.com/egds/marks/facebook.svg" style="max-width:44px; min-width: 44px; margin: 0px 10px 0px 10px;">
                        <!--<p>Continuar com o Google</p>-->
                    </div>
                    <div class='api-iten'>
                        <img src="https://a.travel-assets.com/egds/marks/apple.svg" style="max-width:44px; min-width: 44px; margin: 0px 10px 0px 10px;">
                        <!--<p>Continuar com o Google</p>-->
                    </div>
                    <div class='api-iten'>
                        <img src="https://auth.openai.com/assets/microsoft-logo-BUXxQnXH.svg" style="max-width:44px; min-width: 44px; margin: 0px 10px 0px 10px;">
                        <!--<p>Continuar com o Google</p>-->
                    </div>
                </div>
            </div> <!-- .col box -->
        </div> <!-- container-fluid -->
        <script></script>
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
            integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
            crossorigin="anonymous">
        </script> 
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" 
            integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
            crossorigin="anonymous">    
        </script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
            integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
            crossorigin="anonymous">
        </script>
          <!-- MDB -->
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.2.0/mdb.umd.min.js"></script>
        <script src="/scripts/cadastro.js"></script>
        
    </body>
</html>