-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (108 loc) · 4.78 KB
/
index.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="revisao.css">
<title>Document</title>
</head>
<body>
<div id="pagina">
<header id="cabecalho">
<nav id="navegation">
<img src="images/logoWhite.svg" alt="" id="logo">
<ul>
<li><a href="a" class="link">Home</a></li>
<li><a href="a" class="link">Ajuda</a></li>
<li><a href="a" class="link">Empréstimos</a></li>
<li><a href="a" class="link">Sua conta bancária</a></li>
</ul>
</nav>
<div id="btnnav">
<a href="" id="link1">Abra sua conta</a>
</div>
</header>
<section id="parte1">
<div id="banner">
<h2 id="tituloBanner">SEJA BEM VINDO AO BANCO 90!</h2>
<p id="descBanner">Aqui você o melhor serviço e atedimento do Brasil</p>
<button id="btn2">faça sua conta agora!</button>
</div>
</section>
<section id="parte2">
<h3> ESCOLHA SUA FORMA DE PAGAMENTO PREFERIDA</h3>
<div id="imagensPgm">
<article class="tiposdePagamentos"> <img src="images/codigoDeBarras.svg" alt="">
<p>BOLETO</p>
</article>
<article class="tiposdePagamentos"> <img src="images/CartaoDeCredito.svg" alt="">
<P>CARTÃO</P>
</article>
<article class="tiposdePagamentos"> <img src="images/Dinheiro.svg" alt="">
<P>DINHEIRO</P>
</article>
</div>
</section>
<section id="parte3">
<div id="secaoParte3">
<h1 id="textoh1Parte3">Contrate nossos serviços</h1>
<p id="textoParte3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, deserunt pariatur aliquam consectetur fuga, vero eum facere suscipit ducimus cupiditate in, velit rem id doloremque dolor! Quasi quidem aliquam itaque?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Et quasi incidunt nam voluptatem ipsum. Animi consequatur veniam consectetur delectus est amet in, tenetur, sed laboriosam ipsa dolorem minima corrupti cum?
</p>
</div>
<div>
<img src="images/bannerBeneficios.jpg" alt="" id="bannerFoto">
</div>
</section>
<section id="parte4">
<h3>SEJA CLIENTE DE DIVERSAS MANEIRAS</h3>
<div id="cartoesdeCredito">
<div class="cartoesC cartaoUm"></div>
<div class="cartoesC cartaoDois"></div>
<div class="cartoesC cartaoTres"></div>
</div>
</section>
<section id="parte5">
<h1>Horarios de atedimentos</h1>
<table>
<tr>
<th></th>
<th>Segunda</th>
<th>Terça</th>
<th>Quarta</th>
<th>Quinta</th>
<th>Sexta</th>
</tr>
<tr>
<th>Marcelo</th>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
</tr>
<tr>
<th>Daniela</th>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
</tr>
<tr>
<th>João</th>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
<td>09:00 até as 13:00</td>
</tr>
</table>
</section>
<footer>
<h3 id="textofooter">Todos os direitos reservados a Bank 90!</h3>
</footer>
</div>
</body>
</html>