-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
85 lines (76 loc) · 3.55 KB
/
main.html
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Imobiliária Fachada</title>
<link rel="stylesheet" media="screen and (min-width: 1000px)" href="Style.css">
<link rel="stylesheet" media="screen and (max-width: 430px)" href="Smaller.css">
<link rel="shortcut icon" href="img/Logo.png" type="image/x-icon">
</head>
<body>
<header>
<a href="#" title="Imobiliária Fachada">
<img src="img/Imobiliária_Fachada.png" alt="" title="Imobiliária Fachada" />
</a>
</header>
<main>
<section id="video">
<h3 id="title">
Seja bem-vindo à Imobiliária Fachada!
</h3>
<p class="info">
Entre e descubra um mundo de possibilidades para encontrar o lar dos seus sonhos. Nossa plataforma está
pronta para guiá-lo em sua jornada imobiliária. Sinta-se em casa enquanto exploramos juntos as melhores
opções para você.
</p>
<iframe width="570px" height="360px"
src="https://www.youtube.com/embed/y9j-BL5ocW8?si=ShfPTTi0nWa4Qbag&start=11"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe>
</section>
<section id="form">
<p class="info">
Faça login para acessar sua conta ou inscreva-se para começar uma nova jornada em busca do espaço
perfeito para sua vida. Estamos ansiosos para ajudá-lo a encontrar o lugar que você chamará de lar.
</p>
<p class="info">
Bem-vindo à Imobiliária Fachada, onde cada fachada esconde uma história única. Seu próximo lar está mais
próximo do que você imagina!
</p>
<form>
<fieldset id="accounts">
<a href="#"><img src="img/google.png" alt="Google" title="Google" /></a>
<a href="#"><img src="img/facebook.png" alt="Facebook" title="Facebook" /></a>
<a href="#"><img src="img/hub.png" alt="Github" title="Github" /></a>
</fieldset>
<fieldset>
<div>
<label for="Nome">Nome</label>
<input type="text" id="nome" name="nome" required placeholder="Seu nome completo" />
</div>
<div>
<Label for="E-mail">Email</Label>
<input type="email" id="email" name="email" required placeholder="Exemplo@e-mail.com" />
</div>
<div>
<label for="Telefone">Telefone</label>
<input type="tel" id="Telefone" name="Telefone" maxlength="15" required
placeholder="(xx) xxxxx-xxxx" />
</div>
<div>
<label for="termos">Aceite os termos de serviço</label>
<input type="checkbox" id="termos" name="termos" />
</div>
</fieldset>
<button type="submit">Enviar</button>
</form>
</section>
</main>
<footer>Imobiliária Fachada ©, 2023
<a href="https://github.com/GuilhermeFranG">Gui_FranG</a>
</footer>
</body>
</html>