-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (98 loc) · 4.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<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=Inter:[email protected]&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Banco Inter</title>
<link rel="stylesheet" href="/css/main.min.css">
</head>
<body>
<header>
<div class="container">
<img src="assets/logo_inter 1.png" alt="">
<div class="bar">
<a href="#">finanças</a>
<a href="#">shopping</a>
<a href="#">loop</a>
<a href="#">experiências</a>
<a href="#">vida global</a>
</div>
</div>
</header>
<section class="s-app">
<div class="container">
<div class="left">
<h1>O SUPER APP DA SUA VIDA FINANCEIRA.</h1>
<p>fundada em 1994 e sediada em Belo Horizonte, Minas Gerais. Caracteriza-se por ser um dos primeiros bancos digitais do Brasil, e pela ausência de taxas sobre serviços básicos e corretagem. </p>
<div class="acess" onclick="res()">
<span>abra sua conta</span>
<img id="arrow" src="assets/arrow.png" alt="">
</div>
</div>
<div class="rigth">
<img id="movingImage" src="assets/tel&cart_inter 1.png" alt="">
</div>
</div>
</section>
<section class="s-security">
<div class="container">
<div class="seguranca">
<h1>segurança pra tudo</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="acess" onclick="res()">
<span>saiba mais</span>
<img id="arrow" src="assets/arrow_white.png" alt="">
</div>
</div>
</div>
</section>
<section class="s-cartao">
<div class="container">
<div class="left">
<img src="assets/cartao2_inter 1.png">
</div>
<div class="right">
<h1>fácil,rápido e gratuito</h1>
<p>cartão de crédito <br />
e conta digital para você</p>
<div class="acess" onclick="res()">
<span>abra sua conta</span>
<img id="arrow" src="assets/arrow_orange.png" alt="">
</div>
</div>
</div>
</section>
<section class="s-international">
<div class="container">
<div class="left">
<img src="assets/banco_internacional 1.png" alt="">
</div>
<div class="right">
<h1>busca que<br>o inter tem</h1>
<p>shopping com as<br>melhores lojas</p>
<div class="acess" onclick="res()">
<span>abra sua conta</span>
<img id="arrow" src="assets/arrow.png" alt="">
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="footer-content">
<p>© 2024 Seu Site. Todos os direitos reservados.</p>
<nav class="footer-nav">
<ul>
<li><a href="#about">Sobre</a></li>
<li><a href="#services">Serviços</a></li>
<li><a href="#contact">Contato</a></li>
</ul>
</nav>
</div>
</footer>
<script src="./js/main.js"></script>
</body>
</html>