-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (61 loc) · 2.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="responsive.css">
<link rel="icon" href="foto.png" type="image/ico" sizes="16x16">
<title>Search Machine</title>
</head>
<body>
<div class="bolha" style="left: 20%; top: 20%;"></div>
<div class="bolha" style="left: 5%; top: 50%;"></div>
<div class="bolha" style="left: 80%; top: 30%;"></div>
<div class="bolha" style="left: 15%; top: 90%;"></div>
<div class="bolha" style="left: 90%; top: 80%;"></div>
<header>
<div class="title-container">
<h1 class="title">Search Machine</h1>
<img src="foto.png" class="img" alt="Icon">
</div>
</header>
<main>
<div class="container_escolha">
<div class="caixinha" data-theme="games">Buscar por Games</div>
<div class="caixinha" data-theme="livros">Buscar por Livros</div>
<div class="caixinha" data-theme="receitas">Buscar por Receitas</div>
<div class="caixinha" data-theme="cursos">Buscar por Cursos</div>
<div class="caixinha" data-theme="petshop">Buscar por Petshop</div>
<div class="caixinha" data-theme="vagas">Buscar por Vagas</div>
</div>
<section class="pesquisa" id="pesquisa">
<input type="text" placeholder="O que você procura?" id="Pesquisa">
<button onclick="pesquisar()">Search</button>
</section>
<div id="topicos">
<h1 class="subtitle">Conheça outras Plataformas</h1>
<a href="Renda Passiva/main.html" target="_blank">
<img src="images/photos/coin.png" class="img-renda" alt="Renda">
</a>
<a href="Saúde/main.html" target="_blank">
<img src="images/photos/Saúde.png" class="img-saude" alt="Renda">
</a>
<a href="Planejamento Financeiro/main.html" target="_blank">
<img src="images/photos/planejamento.png" class="img-renda" alt="Renda">
</a>
</div>
<section class="resultados-pesquisa" id="resultados-pesquisa"></section>
</main>
<footer>
<p>2024 - Copyright | Developer - Gabriel Proença<br>Todos Direitos Reservados.</p>
</footer>
<script src="scripts.js"></script>
<script src="dados_receitas.js"></script>
<script src="dados_cursos.js"></script>
<script src="dados_jogos.js"></script>
<script src="dados_livros.js"></script>
<script src="dados_vagas.js"></script>
<script src="dados_pets.js"></script>
</body>
</html>