clonefacebook/index.html at master · michelbernardods/clonefacebook · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Facebook</title>
</head>
<body>
    <header>
        <div id="header-login">
            <h1>facebook</h1>

            <div class="login-senha">
            <div class="login">
                <strong>Email ou Telefone</strong>
                <input type="text">
            </div>

            <div class="senha">
                <strong>Senha</strong>
                <input type="text">
            </div>

         <button class="botao-header"> Entrar</button>
        </div>
    </div>

    </header>

    <main>
     <div class="main">

            <p class="apresentacao"> <strong>
                O Facebook ajuda você a se conectar e <br>
                compartilhar com as pessoas que fazem parte<br>
                da sua vida.
            </strong></p>
            <img class="img-main" src="globo.png" alt="globo">
        </div>

        <div class="form">
            <h2>Abra uma conta</h2>
            <p>É rápido e fácil.</p>


        <div class="form-cadastro">
            <div class="nome-sob">
                <input class="input-form" type="text" placeholder="Nome">
                <input class="input-form" type="text" placeholder="Sobrenome">
            </div>

                <input class="input-form" type="text" placeholder="Celular ou email">
                <input class="input-form" type="text" placeholder="Nova senha">

        </div>
            <p class="nascimento">Data de nascimento</p>
            <input class="esolhaData" type="date" id="festa" name="festa" >

            <p class="genero">Gênero</p>
            <ul>
                <li><input type="radio"> Feminino</li>
                <li><input type="radio">Masculino</li>
                <li><input type="radio">Personalizado</li>
            </ul>

            <p class="info">
            Ao clicar em Cadastre-se, você concorda com nossos <span> Termos,<br> Política de Dados e Política de Cookies.</span>
            Você pode receber <br> notificações por SMS e pode cancelar isso quando quiser.
            </p>

            <button class="botao-main"><strong>Cadastre-se</strong></button>

            <p class="endp"><strong><span>Criar uma Página</span> para uma celebridade, banda ou empresa.</strong></p>
        </div>

    </main>

    <div id="footer">
            <div class="idiomas">
             <ul>
                <li><span>Português (Brasil)</span></li>
                <li>English (US)</li>
                <li>Español</li>
                <li>Français (France)</li>
                <li>Italiano</li>
                <li>Deutsch</li>
                <li>العربية</li>
                <li>हिन्दी</li>
                <li>中文(简体)</li>
                <li>日本語</li>
                <button class="botao-idiomas">+</button>
            </ul>
        </div>


        <div class="redes-socias">
             <ul>
                <li>Cadastre-se</li>
                <li>Entrar</li>
                <li>Messenger</li>
                <li>Facebook Lite</li>
                <li>Watch</li>
                <li>Pessoas</li>
                <li>Páginas</li>
                <li>Categorias de Página</li>
                <li>Locais</li>
                <li>Jogos</li>
                <li>Locais</li>
                <li>Marketplace</li>
                <li>Grupos</li>
             </ul>
        </div>

        <div class="diversos">
            <ul>
                <li>Instagram</li>
                <li>Local</li>
                <li>Campanhas de arrecadação de fundos</li>
                <li>Serviços</li>
                <li>Sobre</li>
                <li>Criar anúncio</li>
                <li>Criar Página</li>
                <li>Desenvolvedores</li>
                <li>Carreiras</li>
                <li>Privacidade</li>
                <li>Cookies</li>
            </ul>
        </div>

        <div class="outros">
            <ul>
                <li>Opções de anúncio</li>
                <li>Termos</li>
                <li>Ajuda</li>
            </ul>
        </div>


        <div class="agradecimentos">
            <ul>
                <li>Facebook © 2020</li>
                <li>Clone Facebook - Autor: Michel Bernardo</li>
            </ul>
        </div>


    </div>

</body>
</html>