-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
134 lines (129 loc) · 7.44 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
<html>
<head>
<title>NokiaDroid | Inicio</title>
<link rel = "icon" href = "./Images/Icons/mini_logo.ico" type = "image/x-icon">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link type="text/css" rel="stylesheet" href="CSS/index.css">
</head>
<body>
<!--Tabela da barra de categorias, searchbar e etc - INICIO-->
<div class="fadeInDown">
<table bgcolor="white">
<tr>
<td><pre> </pre></td>
<script src="Scripts/ModoEscuro.js"></script>
<td><img src="Images/Icons/dark_mode.png" height="20" onclick="invert()" style="cursor: pointer;" id="SwitchModos"></td>
<td><pre> </pre></td>
<td><a href="Ramos/Manutencao.html">Todos os nossos produtos | </a></td>
<td><a href="agradecimento.html">Obrigado | </a></td>
<td><a href="Ramos/Telemoveis.html">Telemoveis | </a></td>
<td><pre> </pre></td>
<td><form id="formulario-pesq">
<input type="search" name="pesquisar" placeholder="Pesquisar produto...">
<button class="lupa-pesq">
<img src="Images/Icons/pesquisa.png" height="20">
</button>
</form>
</td>
<td>
<pre> </pre>
</td>
</tr>
</table>
<!--Tabela da barra de categorias, searchbar e etc - FINAL-->
<!--Login do cliente - INICIO-->
<table align="right" class="perfil-tabela-localizacao">
<tr align="center">
<td rowspan="5" class="icone-perfil-tudo">
<script type="text/javascript"> function ImageArray (n) {this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ';}}
imagem_perfil_aleatoria = new ImageArray(7)
imagem_perfil_aleatoria[0] = 'GatoEmo.png'; imagem_perfil_aleatoria[1] = 'GatoMcDonalds.png'; imagem_perfil_aleatoria[2] = 'GatoMontanha.png'; imagem_perfil_aleatoria[3] = 'GatoUwU.png'; imagem_perfil_aleatoria[4] = 'AMOGUS.png';imagem_perfil_aleatoria[5] = 'GatoSalada.png';imagem_perfil_aleatoria[6] = 'Gatoserio.png'
document.write('<img height=100 class="w3-circle" src="./Images/ProfilePhoto/' + imagem_perfil_aleatoria[Math.floor(Math.random() * imagem_perfil_aleatoria.length)] + '">');
</script>
</td>
</tr>
<tr>
<td colspan="5" class="nome-perfil-linhas">
<h4 class="icone-perfil-texto"><a href="Login.html"><img src="Images/Icons/Icone_Configurar_Perfil.png" width="30" height="30" align="left"></a>Victor</h4>
</td>
</tr>
<tr>
<td align="center" colspan="5" class="dinheiro-perfil-linhas">
<h4 class="icone-perfil-texto"><img src="Images/Icons/Icone_Dinheiro.png" width="30" height="30" align="left"><script type="text/javascript">random = Math.floor(Math.random()*10000); document.write(random)</script>€</h4>
</td>
</tr>
<tr>
<td colspan="5" class="carrinho-perfil-linhas">
<h4 class="icone-perfil-texto"><a href="Ramos/Carrinho.html"><img src="Images/Icons/Carrinho.png" width="30" height="30" align="left"></a>1</h4>
</td>
</tr>
</table>
<!--Login do cliente - FIM-->
<!-- ANUNCIO ESQUERDA - INICIO --
<h1 class="linha-espacamento"></h1>
<table border="2" bgcolor="black" align="center" class="anuncio-localizacao">
<tr><td><a href="https://epicsteam.com"><img src="Videos/Anuncio_Epic.gif" height="80" width="400"></a></td></tr>
</table>
<-- ANUNCIO ESQUERDA - FIM-->
<center><img style="width: 15%;" src="Images/Icons/mini_logo.ico"</center>
<div class="fundo-tabela">
<table align="center" >
<tr align="center">
<td class="logo-empresa" colspan="3"><img src="Images/Icons/Nokia_Logo.png" height="30"></td>
<td></td><td></td>
<td class="logo-empresa" colspan="3"><img src="Images/Icons/Samsung_Logo.png" style="width: 25%;"></td>
</tr>
<tr><td></td></tr>
<br>
<tr align="center">
<td class="zoomProduto">
<img title="Nokia Tijolão" src="Images/Categorias/Telemoveis/Nokia3310.png" width=200 height=200>
<img class="icone-top-venda" title="Um dos mais vendidos do site!" src="Images/Icons/top_venda.png">
</td>
<td class="zoomProduto">
<img title="Nokia XR pro max ultra camara 8k" src="Images/Categorias/Telemoveis/NokiaN95.png" width=200 height=200>
<img class="icone-top-venda" title="Um dos mais vendidos do site!" src="Images/Icons/top_venda.png">
</td>
<td class="zoomProduto">
<img title="Nós da NokiaDroid não conseguimos definir essa especime." src="Images/Categorias/Telemoveis/Nokia7600.png" width=200 height=200>
</td>
<td></td><td></td>
<td class="zoomProduto" >
<img title="Portatil Samsung E30." src="Images/Categorias/Portateis/Samsung E30.png" width=230 height=200>
</td>
<td class="zoomProduto" >
<img title="Portatil Samsung F30 Rosa." src="Images/Categorias/Portateis/Samsung F30.png" width=250 height=200>
</td>
<td class="zoomProduto" >
<img title="Portatil Samsung Gamer Odyssey." src="Images/Categorias/Portateis/Samsung Gamer Odyssey.png" width=230 height=200>
<img class="icone-top-venda" title="Um dos mais vendidos do site!" src="Images/Icons/top_venda.png">
</td>
</tr>
<tr align="center">
<td class="produtos-nome">Nokia 3310</td>
<td class="produtos-nome">Nokia N95</td>
<td class="produtos-nome">Nokia 7600</td>
<td></td><td></td>
<td class="produtos-nome">Samsung E30</td>
<td class="produtos-nome">Samsung F30 Rosa</td>
<td class="produtos-nome">Samsung Odyssey</td>
</tr>
<tr><td></td></tr>
</table>
</div>
<footer style="background-color: #C0C0C0;margin-top: 10%;">
<table>
<tr>
<p style="font-size: 90%;text-decoration: underline;">Métodos de Pagamento:
<td><img src="Images/Pagamentos/universo.png" title="Cartão Universo"></td>
<td><img src="Images/Pagamentos/visa.png" title="Visa"></td>
<td><img src="Images/Pagamentos/mastercard.png" title="Mastercard"></td>
<td><img src="Images/Pagamentos/mb.png" title="Multibanco"></td>
<td><img src="Images/Pagamentos/mbway.png" title="MB WAY"></td>
<td><img src="Images/Pagamentos/card-da.png" title="Cartão DÁ"></td>
</tr>
</table>
<p style="text-align: center;margin-bottom: 0%;">Victor - All rights reserved<br>© Copyright 2021 - 2022</p>
</footer>
</body>
</html>