-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathhomepage.html
91 lines (73 loc) · 3.47 KB
/
homepage.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
<!DOCTYPE HTML>
<html lang = "pt-br">
<head>
<title>Assistente para viagens - NUNA</title>
<meta charset = "utf-8" />
<link rel="stylesheet" type="text/css" href="css/style2.css">
<script src="js/vozhomepage.js"></script>
</head>
<body class="bkg">
<div class="container">
<nav class="navbar-container">
<ul class="list-style">
<li class="list-style2">
<a class="link-style" target="_blank" href="https://github.com/arienemaiara/assistente-voz-viagens">
<img src="img/github2.png" alt="ícone do github">Github
</a>
</li>
<li class="list-style2">
<a class="link-style" href="docpage2.html">
<img src="img/book.png" alt="ícone de um livro representando a página de documentação">Documentação
</a>
</li>
</ul>
</nav>
<div class="container2">
<div class="container3">
<div class="innercontainer">
<div class="boxes">
<img src="img/dollar-sign1.png" alt="ícone de um dólar representando função calculadora">
<p>Fale <strong> "calculadora" </strong> para abrir o conversor de moedas.</p>
</div>
<div class="boxes">
<img class="target" src="img/map2.png" alt="ícone de um mapa representando função mapa">
<p>Fale <strong>"mapa"</strong> para ser direcionado até a ferramenta de busca!</p>
</div>
<div class="boxes">
<img src= "img/clima.png" alt="ícone de uma nuvem representando função clima">
<p>Fale <strong>"clima"</strong> e veja a temperatura da cidade onde você está.</p>
</div>
</div>
<div class="innercontainer">
<div class="boxes">
<img src= "img/perdido.png" alt="ícone de um apontador representando função posição">
<p>Está perdido? Fale <strong>"posição"</strong> e abra a ferramenta de localização.</p>
</div>
<div class="boxes">
<img src= "img/documento.png" alt="ícone de uma checklist representando função documentação">
<p>Fale <strong>"documento"</strong> e veja os documentos necessários para a sua viagem.</p>
</div>
<div class="boxes">
<img src="img/news.png" alt="ícone de um documento respresentando função news">
<p>Fale <strong>"notícias"</strong> e veja as principais notícias da cidade ou país informado.</p>
</div>
</div>
<div class="innercontainer">
<div class="boxes">
<img src= "img/rota.png" alt="ícone de um caminhão representando função rotas">
<p>Quer saber como chegar em algum local? Fale <strong>"trajeto"</strong>!</p>
</div>
<div class="boxes">
<img src="img/aviao.png" alt="ícone de um avião de papel representando função aeroporto">
<p>Fale <strong>"aeroporto"</strong> e veja os aeroportos do estado informado.</p>
</div>
<div class="boxes">
<img src="img/filmes.png" alt="ícone de alguma coisa relacionada a filmes">
<p>Viagem longa? Fale <strong>"filmes"</strong> e receba uma sugestão do que assistir.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>