-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathoque.html
145 lines (126 loc) · 9.29 KB
/
oque.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
<!DOCTYPE html>
<html lang="pt-BR">
<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">
<title>O que é um banco digital?</title>
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="style_oque.css">
<link rel="stylesheet" href="style-card.css">
<link rel="shortcut icon" href="assets/PG-text-blue.svg">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="assets/PGPay-text-white-bg-blue.svg"></a>
<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-3 mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="card.html">Cartão de Crédito</a>
</li>
</ul>
<div class="d-flex">
<a href="login.html"><button type="submit">Login</button></a>
</div>
</div>
</nav>
</header>
<h1>
O que é um banco digital?
</h1>
<figure class="imagem">
<img src="assets/banco.jpg" alt="imagem de predios modernos">
</figure>
<div class="texto">
<p>
Cada dia mais comum e difundido entre os brasileiros, os bancos digitais online são instituições financeiras que executam suas atividades de forma 100% online. Ou seja, praticamente tudo que o cliente precisa é feito por um celular com acesso à internet.
</p>
<p>
Dentre esses serviços online estão:
</p>
<ul>
<li>Abertura da conta em banco</li>
<li>Tomada de crédito</li>
<li>Solicitação de cartão de crédito</li>
<li>Pagamento de contas</li>
<li>Pagamento de boletos</li>
<li>Atendimento ao cliente</li>
<li>Envio e recebimento de tranferências</li>
<li>entre outros</li>
</ul>
<p>
Com todas essas atividades sendo executadas de forma online, essas instituições financeiras deixam de ter a necessidade de espaços dedicados a atender seus clientes. Sendo assim, toda estrutura física tradicional de bancos, como agências e postos de atendimento, por exemplo, deixam de existir.
</p>
<p>
Isso diminui bastante o custo operacional, que é comum em bancos tradicionais e que muitas vezes é repassado ao cliente por meio de taxas bancárias.
</p>
<p>
É exatamente por conta dessa redução de custos que os bancos digitais conseguem oferecer serviços mais baratos ou até mesmo gratuitos aos seus clientes.
</p>
</div>
<footer>
<div class="footer-info">
<div>
<h5 class="card-title">Sobre Nós</h5>
<p class="card-text">Somos Um banco transparente e completo com produtos exclusivos.</p>
</div>
<div>
<h5 class="card-title">Conecte-se conosco</h5>
<div class="social-icons">
<a href="https://www.instagram.com/"><svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_572_25)">
<path d="M23.3378 0.581055H8.66209C3.88573 0.581055 0 4.46679 0 9.24315V23.9191C0 28.6953 3.88573 32.581 8.66209 32.581H23.3381C28.1142 32.581 31.9999 28.6953 31.9999 23.9191V9.24315C31.9999 4.46679 28.1142 0.581055 23.3378 0.581055V0.581055ZM16 25.3308C11.1753 25.3308 7.25023 21.4057 7.25023 16.581C7.25023 11.7563 11.1753 7.83128 16 7.83128C20.8247 7.83128 24.7497 11.7563 24.7497 16.581C24.7497 21.4057 20.8247 25.3308 16 25.3308V25.3308ZM24.9589 9.89476C23.5332 9.89476 22.3735 8.73509 22.3735 7.30931C22.3735 5.88353 23.5332 4.72362 24.9589 4.72362C26.3847 4.72362 27.5446 5.88353 27.5446 7.30931C27.5446 8.73509 26.3847 9.89476 24.9589 9.89476Z" fill="#006AFE"/>
<path d="M16 9.70703C12.2099 9.70703 9.12621 12.7905 9.12621 16.5808C9.12621 20.3708 12.2099 23.4546 16 23.4546C19.7902 23.4546 22.8737 20.3708 22.8737 16.5808C22.8737 12.7905 19.7902 9.70703 16 9.70703V9.70703Z" fill="#006AFE"/>
<path d="M24.9589 6.59961C24.5678 6.59961 24.2495 6.91797 24.2495 7.30908C24.2495 7.70019 24.5678 8.01855 24.9589 8.01855C25.3503 8.01855 25.6687 7.70044 25.6687 7.30908C25.6687 6.91772 25.3503 6.59961 24.9589 6.59961Z" fill="#006AFE"/>
</g>
<defs>
<clipPath id="clip0_572_25">
<rect width="32" height="32" fill="white" transform="translate(0 0.581055)"/>
</clipPath>
</defs>
</svg></a>
<a href="https://www.facebook.com/"><svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_572_23)">
<path d="M21.3293 5.89439H24.2507V0.806388C23.7467 0.737055 22.0133 0.581055 19.9947 0.581055C15.7827 0.581055 12.8973 3.23039 12.8973 8.09972V12.5811H8.24933V18.2691H12.8973V32.5811H18.596V18.2704H23.056L23.764 12.5824H18.5947V8.66372C18.596 7.01972 19.0387 5.89439 21.3293 5.89439V5.89439Z" fill="#006AFE"/>
</g>
<defs>
<clipPath id="clip0_572_23">
<rect width="32" height="32" fill="white" transform="translate(0 0.581055)"/>
</clipPath>
</defs>
</svg></a>
<a href="https://twitter.com/"><svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_572_29)">
<path d="M32 6.65905C30.81 7.18105 29.542 7.52705 28.22 7.69505C29.58 6.88305 30.618 5.60705 31.106 4.06905C29.838 4.82505 28.438 5.35905 26.946 5.65705C25.742 4.37505 24.026 3.58105 22.154 3.58105C18.522 3.58105 15.598 6.52905 15.598 10.1431C15.598 10.6631 15.642 11.1631 15.75 11.6391C10.296 11.3731 5.47 8.75905 2.228 4.77705C1.662 5.75905 1.33 6.88305 1.33 8.09305C1.33 10.3651 2.5 12.3791 4.244 13.5451C3.19 13.5251 2.156 13.2191 1.28 12.7371C1.28 12.7571 1.28 12.7831 1.28 12.8091C1.28 15.9971 3.554 18.6451 6.536 19.2551C6.002 19.4011 5.42 19.4711 4.816 19.4711C4.396 19.4711 3.972 19.4471 3.574 19.3591C4.424 21.9571 6.836 23.8671 9.704 23.9291C7.472 25.6751 4.638 26.7271 1.57 26.7271C1.032 26.7271 0.516 26.7031 0 26.6371C2.906 28.5111 6.35 29.5811 10.064 29.5811C22.136 29.5811 28.736 19.5811 28.736 10.9131C28.736 10.6231 28.726 10.3431 28.712 10.0651C30.014 9.14105 31.108 7.98705 32 6.65905Z" fill="#006AFE"/>
</g>
<defs>
<clipPath id="clip0_572_29">
<rect width="32" height="32" fill="white" transform="translate(0 0.581055)"/>
</clipPath>
</defs>
</svg></a>
</div>
</div>
<div>
<h5 class="card-title">Contatos</h5>
<a href="mailto:[email protected]"><p class="card-text">[email protected]</p></a>
<a href="tel:551132135001"><p class="card-text">+55 11 3213 5001</p></a>
</div>
</div>
<div class="copy">© 2022 PGpay - All rights reserved.</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>