-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (139 loc) · 7.98 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Banco 90</title>
<link rel="stylesheet" href="AtividadeBanco/styles/index.css">
<link rel="shortcut icon" href="AtividadeBanco/assets/images/logoBlack.svg" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
<div id="pagina">
<header>
<nav class="navbar navbar-expand-lg ">
<div class="container-fluid d-flex justify-content-center">
<img src="AtividadeBanco/assets/images/logoWhite.svg" alt="">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ajuda</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Emprestimos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sua conta Bancaria</a>
</li>
</div>
<button id="novaConta" type="submit">Abra Sua Conta</button>
</div>
</nav>
</header>
<main>
<section>
<div id="bemVindo">
<div id="quadroBemVindo">
<h2><strong>Seja Bem-Vindo ao Banco 90 !</strong></h2>
<h6>Aqui voce enconta o Melhor serviço do Brasil.</h6>
<button>Faça sua conta Agora</button>
</div>
</div>
</section>
<section class="text-center">
<h1 data-text="pagamento">ESCOLHA SUA FORMA DE PAGAMENTO PREFERIDA</h1>
<figure class="d-flex" id="pagamento">
<div id="card1">
<h1>Boleto</h1>
<img src="AtividadeBanco/assets/images/codigoDeBarras.svg" alt="">
</div>
<div id="card2">
<h1>Cartão</h1>
<img src="AtividadeBanco/assets/images/CartaoDeCredito.svg" alt="">
</div>
<div id="card3">
<h1>Dinheiro</h1>
<img src="AtividadeBanco/assets/images/Dinheiro.svg" alt="">
</div>
</figure>
</section>
<section id="beneficios">
<div id="contrato">
<h1>Contrate nossos serviços</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis assumenda quia incidunt nulla iste voluptate consequatur cumque temporibus? Est consequatur sint ex dolorem. Eveniet vero labore voluptatibus porro aperiam modi?
Tenetur doloremque nostrum dignissimos, placeat sapiente, blanditiis aut saepe mollitia eos nulla quos sequi iste fuga est reprehenderit praesentium architecto deleniti explicabo expedita nobis quam molestias animi quaerat aperiam. Numquam?
Deserunt ipsa consectetur minus itaque cumque sit, dicta excepturi vero explicabo eveniet! Ab, consequatur laudantium dolorem provident quibusdam mollitia doloremque illum harum corporis sint! Possimus minus temporibus impedit animi consequuntur?</p>
</div>
<div id="pagarCerveja">
<img src="AtividadeBanco/assets/images/bannerBeneficios.jpg" alt="">
</div>
</section>
<section>
<div id="clienteMulti">
<div id="clienteMultiBoxes">
<h1>Seja Cliente de Diversas Maneiras</h1>
<figure>
<img class="imgCard" src="AtividadeBanco/assets/images/cartaoUm.jpg" alt="">
<img class="imgCard" src="AtividadeBanco/assets/images/cartaoDois.jpg" alt="">
<img class="imgCard" src="AtividadeBanco/assets/images/cartaoTres.jpg" alt="">
</figure>
</div>
<div id="tabelaAtendimento">
<table>
<thead>
<H1>Horario de atendimento </H1>
<tr>
<th id="vazio"></th>
<th colspan="1">Segunda</th>
<th colspan="1">Terça</th>
<th colspan="1">Quarta</th>
<th colspan="1">Quinta</th>
<th colspan="1">Sexta</th>
</tr>
</thead>
<tbody>
<tr>
<th colspan="1" rowspan="1">Marcelo</th>
<td>Das 09:00 até as 13:00</td>
<td>Das 08:00 até as 12:00</td>
<td>Das 09:00 até as 14:00</td>
<td>Das 09:00 até as 12:00</td>
<td>Das 09:00 até as 12:00</td>
</tr>
<tr>
<th colspan="1" rowspan="1">Daniela</th>
<td>Das 09:00 até as 13:00</td>
<td>Das 08:00 até as 12:00</td>
<td>Das 09:00 até as 14:00</td>
<td>Das 09:00 até as 12:00</td>
<td>Das 09:00 até as 12:00</td>
</tr>
<tr>
<th colspan="1" rowspan="1">João</th>
<td>Das 09:00 até as 13:00</td>
<td>Das 08:00 até as 12:00</td>
<td>Das 09:00 até as 14:00</td>
<td>Das 09:00 até as 12:00</td>
<td>Das 09:00 até as 12:00</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
<footer>
<h6>Todos os Direitos Reservados ao Banco 90!</h6>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" 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.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
</body>
</html>