-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
148 lines (131 loc) · 5.66 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
148
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VEM | Página Inicial</title>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<link rel="stylesheet" href="./Style/index.css">
<link rel="stylesheet" href="./Style/reset.css">
<link rel="shortcut icon" href="./Images/Favicon.png" type="image/x-icon">
</head>
<body>
<img class="tarja-cores" src="Images/tarja-com-cores.png" alt="Tarja com Cores do Vem">
<nav>
<a href="#"> <img class="logo" src="Images/logo.png" alt="Logo Vem"> </a>
<div class="links">
<a href="pages/sobre.html">SOBRE</a>
<a href="pages/uso.html">DICAS DE USO</a>
</div>
</nav>
<article class="primeiro">
<section class="mao">
<img src="Images/MaoCard.png" alt="Mão segurando o cartão do VEM - Vale Eletronico Metropolitano">
</section>
<div class="apresentation">
<div class="text">
<h1>VEM</h1>
<h2>Uma nova</h2>
</div>
<h2>forma de se mover</h2>
<div class="icones">
<p>
<ion-icon name="flash-outline"></ion-icon>Rápido
</p>
<p>
<ion-icon name="cog-outline"></ion-icon>Prático
</p>
<p>
<ion-icon name="phone-portrait-outline"></ion-icon>Na Sua Mão
</p>
</div>
<div class="download">
<a href="https://play.google.com/store/apps/details?id=vem.posto.virtual" target="_blank"><img
src="Images/google-play.png" alt="Download Aplicativo na Google Play"></a>
</div>
</div>
</article>
<article class="segundo">
<section class="recarga">
<div class="textrec">
<h2>Como funciona o </h2>
<h1>VEM</h1>
</div>
<p>O Vale Eletrônico Metropolitano é o cartão do sistema de bilhetagem eletrônica da Região Metropolitana do
Recife. O VEM é moderno, durável e de leitura rápida. Além disso, todo o processo de compra de créditos
pode ser feito através da internet e a recarga dos cartões, dentro dos ônibus.</p>
<a href="https://vt.vemgranderecife.com.br/wfm_home.aspx" target="_blank">Recarregue o VEM agora</a>
</section>
<section class="conheca">
<div class="textcon">
<h2>Conheça </h2>
<h1>VEM</h1>
</div>
<img src="Images/Estudante.jpg"
alt="Mulher sorrindo segurando uma pasta com a imagem do VEM estudante do lado">
<p>O VEM Estudante substituiu o Passe Fácil. Mais moderno, durável e de leitura mais rápida, o VEM Estudante
é direito de todo e qualquer estudante.</p>
<a href="./pages/Vem_estudante.html">Conheça o VEM Estudante</a>
</section>
</article>
<article class="terceiro">
<h2>Conheça nossos planos</h2>
<div class="planos">
<div class="trab">
<a href="./pages/vemtrab.html">
<ion-icon name="briefcase-outline"></ion-icon> Trabalhador
</a>
</div>
<div class="est">
<a href="./pages/Vem_estudante.html">
<ion-icon name="book-outline"></ion-icon> Estudante
</a>
</div>
<div class="comum">
<a href="./pages/vemcomum.html">
<ion-icon name="bus-outline"></ion-icon> Vem Comum
</a>
</div>
<div class="livre">
<a href="./pages/vemlivre.html"> <img src="Images/vem-livre.png" alt="Cadeira de rodas"> Livre
Acesso</a>
</div>
<div class="rmr">
<a href="./pages/vemrmr.html"><img src="Images/vem-estadual.png" alt="Brasão pernambuco"> Passe Livre
RMR</a>
</div>
<div class="pcr">
<a href="./pages/vempcr.html"><img src="Images/vem-municipal.png" alt="brasão recife"> Passe Livre
PCR</a>
</div>
</div>
</article>
<footer>
<figure>
<img class="logo" src="Images/logo.png" alt="Logo Vem">
<p id="endereco">Rua da Soledade 259, Boa Vista. CNPJ:09.759.606/0002-60</p>
</figure>
<div class="container">
<div class="footer-sobre">
<h2>SOBRE</h2>
<p><a>Entenda a empresa</a></p>
<p><a href="">Entre em contato</a></p>
<p><a href="https://play.google.com/store/apps/details?id=vem.posto.virtual">Baixe o aplicativo</a></p>
</div>
<div class="footer-planos">
<h2>PLANOS</h2>
<p><a href="./pages/vemtrab.html">Trabalhador</a></p>
<p><a href="./pages/Vem_estudante.html">Estudante</a></p>
<p><a href="./pages/vemcomum.html">Comum</a></p>
</div>
<div class="footer-gratuidades">
<h2>GRATUIDADES</h2>
<p><a href="./pages/vemrmr.html">Passe Livre RMR</a></p>
<p><a href="./pages/vempcr.html">Passe Livre PCR</a><br></p>
<p><a href="./pages/vemlivre.html">Livre Acesso</a></p>
</div>
</div>
</footer>
</body>
</html>