-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (107 loc) · 5.73 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A 17 anos no ramo de empréstimo consignado, oferecendo apoio e solução para nossos clientes">
<link rel="shortcut icon" href="favicon.svg" type="image/svg+xml">
<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&family=Merriweather:wght@300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.min.css">
<title>Apoio Solução</title>
</head>
<body>
<!-- Cabeçalho do site -->
<header class="header-bg">
<div class="header conteiner">
<img class="logoapoio" src="imagens/logoapoio.svg" alt="Logo da apoio solução" width="90" height="64">
<nav aria-label="Primario">
<ul class="menu font-2-s cor-f1">
<li><a href="#sobrenos">Sobre nós</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</div>
</header>
<!-- Secão 1: Introdução do site -->
<main class="introducao conteiner">
<div class="introducao-conteudo">
<h1 class="font-1-xl-l cor-f1">A 17 anos oferecendo <strong>apoio</strong><br> e <strong>solução</strong> para aposentados <br>e pensionistas do INSS</h1>
</div>
<div class="introducao-imagem">
<img src="imagens/apoiointroducao.jpg" alt="Entrada da apoio solução" width="496" height="556">
</div>
</main>
<!-- Seção 2: Sobre nós -->
<article class="sobrenos-bg" id="sobrenos" aria-labelledby="label-sobrenos">
<div class="sobrenos conteiner">
<div class="sobrenos-conteudo">
<h2 class="font-1-xxl cor-f1" id="label-sobrenos">Nossa empresa<span class="cor-d1">.</span></h2>
<ul class="sobrenos-lista font-2-m cor-f2">
<li>Localizada no centro de Blumenau (SC)</li>
<li>Atendemos todo vale do itajaí e litoral</li>
<li>Credibilidade e Segurança</li>
<li>Estrutura completa</li>
</ul>
</div>
<div class="youtube">
<iframe width="649" height="365" src="https://www.youtube.com/embed/Cbnzji8MWtI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</article>
<!-- Seção 3: Porque fazer conosco -->
<section class="porquenos conteiner" aria-labelledby="porquenos">
<h2 class="porquenos-titulo font-1-xxl cor-f1" id="porquenos">Porque fazer conosco<span class="cor-d1">?</span></h2>
<ul class="lista-vantagens cor-f2">
<li class="item1">
<h3 class="font-2-m-b">Experiência e Segurança</h3>
<p>Nossos 17 anos de experiência garantem aos nossos clientes, toda segurança e tranquilidade em seus empréstimos.</p>
</li>
<li class="item2">
<h3 class="font-2-m-b">Melhores condições</h3>
<p>Avaliamos sua necessidade e lhe ofeceremos as melhores opções do mercado.</p>
</li>
<li class="item3">
<h3 class="font-2-m-b">Atendimento externo</h3>
<p>Não consegue vir até nós? Não tem problema, nós vamos até você!</p>
</li>
<li class="item4">
<h3 class="font-2-m-b">Equipe Preparada</h3>
<p>Contamos com uma equipe preparada para oferecer o melhor atendimento.</p>
</li>
</ul>
</section>
<!-- Seção 4: Contato (Rodape) -->
<footer class="contato-bg" id="contato" aria-label="Contato">
<div class="contato conteiner">
<div class="contato-conteudo">
<h2 class="font-1-xxl cor-f1">Contato</h2>
<ul class="lista-contatos">
<li>
<h3 class="font-2-m-b cor-f1">Telefone</h3>
<address class="font-2-m cor-f2">
<a href="tel:+554730358050">(47) 3035-8050</a>
<a class="whatsapp" href="https://api.whatsapp.com/send?phone=5547999914979">(47) 99991-4979 <img src="imagens/iconwhatsapp.svg" alt=""></a>
</address>
</li>
<li>
<h3 class="font-2-m-b cor-f1">Endereço</h3>
<address class="font-2-m cor-f2">
<a href="https://goo.gl/maps/u2VLyBrXqB5o2AgB9">
Rua XV de Novembro, 550 - Sala 601 <br>
Edifício Catarinense, Blumenau <br>
Santa Catarina - CEP 89010-000
</a>
</address>
</li>
</ul>
</div>
<div>
<iframe class="contato-mapa" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3557.433956347409!2d-49.064692485438215!3d-26.921453900051965!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94df18eac7f13bef%3A0x5c5ef3f52a5ea942!2sCondom%C3%ADnio%20Edif%C3%ADcio%20Catarinense!5e0!3m2!1spt-BR!2sbr!4v1645451448753!5m2!1spt-BR!2sbr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<p class="contato-direitos font-2-s cor-f1">Apoio Solução. Todos os direitos reservados</p>
</div>
</footer>
</body>
</html>