-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
305 lines (274 loc) · 26 KB
/
index.html
File metadata and controls
305 lines (274 loc) · 26 KB
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#142452"/>
<link rel="icon" sizes="192x192" href="./assets/imglen.png">
<meta name="description" content="Replica de Google Realizada con HTML/CSS/JS"/>
<meta name="robots" content="index, folllow"/>
<meta name="author" content="Lennys Rojas"/>
<title>Gooogle Replica By Lennys Rojas</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header class="header">
<nav class="nav" aria-labelledby="navigation">
<ul class="nav__ul nav__mobile">
<li class="nav__li display__none__header__menudesktop tooltip__hover ">
<a class="nav__a nav__a-rigth" href="#">Sobre Google</a>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" style="fill:rgba(106, 194, 89, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
<div class="tooltip__container tooltip__container__sobregoogle">
<svg class="tooltip__up_arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:rgba(105, 183, 97, 1);transform:;-ms-filter:"><path d="M3,19h18c0.372,0,0.713-0.207,0.886-0.536c0.173-0.329,0.148-0.727-0.063-1.033l-9-13c-0.373-0.539-1.271-0.539-1.645,0 l-9,13c-0.212,0.306-0.236,0.704-0.063,1.033C2.287,18.793,2.628,19,3,19z"></path></svg>
<div class="tooltip__header">
Web Shield Security Information:
</div>
<div class="tooltip_triangulo"></div>
<div class="tooltip">
<svg class="tooltip__icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" style="fill:rgba(105, 183, 97, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
</div>
<div class="tooltip__texto">
<p>Category: Uncategorized</p>
<p>Threat: No Threat</p>
</div>
<p class="tooltip-footer">Powered by Ultra VPN</p>
</div>
</div>
</li>
<li class="nav__li display__none__header__menudesktop tooltip__hover ">
<a class="nav__a" href="#">Tienda</a>
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" style="fill:rgba(106, 194, 89, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
<div class="tooltip__container">
<svg class="tooltip__up_arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:rgba(105, 183, 97, 1);transform:;-ms-filter:"><path d="M3,19h18c0.372,0,0.713-0.207,0.886-0.536c0.173-0.329,0.148-0.727-0.063-1.033l-9-13c-0.373-0.539-1.271-0.539-1.645,0 l-9,13c-0.212,0.306-0.236,0.704-0.063,1.033C2.287,18.793,2.628,19,3,19z"></path></svg>
<div class="tooltip__header">
Web Shield Security Information:
</div>
<div class="tooltip_triangulo"></div>
<div class="tooltip">
<svg class="tooltip__icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" style="fill:rgba(105, 183, 97, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
</div>
<div class="tooltip__texto">
<p>Category: Uncategorized</p>
<p>Threat: No Threat</p>
</div>
<p class="tooltip-footer">Powered by Ultra VPN</p>
</div>
</div>
</li>
<svg class=" displayNoneMobileMenu__hamburgesa nav__a " id="btnmenu" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" style="fill:rgba(112, 117, 122, 1);transform:;-ms-filter:"><path d="M4 6H20V8H4zM4 11H20V13H4zM4 16H20V18H4z"></path></svg>
<div id="menu" class="nav__submenu" style="display:none;">
<nav class="nav__submenu displayNoneMobileMenu__hamburgesa " aria-label="Submenu-Navigation" >
<ul class="nav__ul-submenu " >
<li class="nav__li__submenu">
<a class="nav__a__submenu" href=""><img loading="lazy" decoding="async" class="nav__sub__img__google" src="./assets/Google-logo.png" width="135" height="60"></a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 24 24" style="fill:rgba(112, 117, 122, 1);transform:;-ms-filter:"><path d="M21.743,12.331l-9-10c-0.379-0.422-1.107-0.422-1.486,0l-9,10c-0.265,0.293-0.331,0.715-0.17,1.076 C2.247,13.768,2.605,14,3,14h2v7c0,0.552,0.447,1,1,1h3c0.553,0,1-0.448,1-1v-4h4v4c0,0.552,0.447,1,1,1h3c0.553,0,1-0.448,1-1v-7h2 c0.395,0,0.753-0.232,0.913-0.593C22.074,13.046,22.008,12.625,21.743,12.331z"></path></svg>
<a class="nav__a__submenu" href="#">Página principal</a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 24 24" style="fill:rgba(112, 117, 122, 1);transform:;-ms-filter:"><path d="M12 8L12 13 17 13 17 11 14 11 14 8z"></path><path d="M21.292,8.497c-0.226-0.535-0.505-1.05-0.829-1.529c-0.322-0.478-0.691-0.926-1.099-1.333S18.51,4.86,18.032,4.537 c-0.482-0.326-0.997-0.604-1.528-0.829c-0.545-0.23-1.114-0.407-1.69-0.525c-1.181-0.243-2.444-0.244-3.626,0 c-0.579,0.118-1.147,0.295-1.69,0.524c-0.531,0.225-1.045,0.503-1.529,0.83C7.492,4.859,7.043,5.229,6.636,5.636 C6.229,6.043,5.859,6.492,5.537,6.968C5.211,7.452,4.932,7.966,4.708,8.496c-0.23,0.544-0.407,1.113-0.525,1.69 C4.062,10.778,4,11.388,4,12c0,0.008,0.001,0.017,0.001,0.025H2L5,16l3-3.975H6.001C6.001,12.017,6,12.008,6,12 c0-0.477,0.048-0.952,0.142-1.412c0.092-0.449,0.229-0.89,0.408-1.313c0.174-0.412,0.391-0.813,0.645-1.188 C7.445,7.716,7.733,7.368,8.05,7.05s0.666-0.605,1.036-0.855c0.376-0.254,0.777-0.471,1.19-0.646 c0.421-0.179,0.863-0.316,1.313-0.408c0.919-0.189,1.904-0.188,2.823,0c0.447,0.092,0.89,0.229,1.313,0.408 c0.413,0.174,0.813,0.392,1.188,0.644c0.37,0.251,0.72,0.539,1.037,0.856c0.317,0.316,0.604,0.665,0.855,1.037 c0.252,0.372,0.469,0.772,0.645,1.189c0.178,0.417,0.314,0.858,0.408,1.311C19.952,11.049,20,11.524,20,12 s-0.048,0.951-0.142,1.41c-0.094,0.455-0.23,0.896-0.408,1.314c-0.176,0.416-0.393,0.815-0.646,1.189 c-0.25,0.371-0.537,0.72-0.854,1.036c-0.317,0.317-0.667,0.605-1.036,0.855c-0.376,0.253-0.775,0.471-1.189,0.646 c-0.423,0.179-0.865,0.316-1.313,0.408c-0.918,0.188-1.902,0.189-2.823,0c-0.449-0.092-0.89-0.229-1.313-0.408 c-0.412-0.174-0.813-0.391-1.188-0.645c-0.371-0.25-0.719-0.538-1.037-0.855l-1.414,1.414c0.407,0.408,0.855,0.777,1.332,1.099 c0.483,0.326,0.998,0.605,1.528,0.829c0.544,0.23,1.113,0.407,1.69,0.525C11.778,20.938,12.388,21,13,21 c0.612,0,1.223-0.062,1.813-0.183c0.577-0.118,1.146-0.294,1.69-0.524c0.532-0.225,1.047-0.504,1.531-0.831 c0.476-0.322,0.923-0.691,1.33-1.098s0.776-0.855,1.098-1.331c0.325-0.48,0.604-0.995,0.83-1.529 c0.228-0.538,0.405-1.106,0.525-1.692C21.938,13.22,22,12.61,22,12s-0.062-1.22-0.183-1.814 C21.697,9.602,21.52,9.034,21.292,8.497z"></path></svg>
<a class="nav__a__submenu" href="">Historia de búsqueda</a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" xmlns="http://www.w3.org/2000/svg" width="30" height="26" viewBox="0 0 24 24" style="fill:rgba(112, 117, 122, 1);transform:;-ms-filter:"><path d="M16.999,23V12.353v-1.53V7c0-1.103-0.897-2-2-2h-8c-1.103,0-2,0.897-2,2v2.822v2.53V23l6-3.601L16.999,23z"></path><path d="M15.585,3h1.414c1.103,0,2,0.897,2,2v1.414v0.408v1.53v6.047v1.044l2,2.489v-9.58v-1.53V6V4V3c0-1.103-0.897-2-2-2h-1 h-2.002h-4.998c-1.103,0-2,0.897-2,2h2H15.585z"></path></svg>
<a class="nav__a__submenu" href="">Colecciones</a>
</li>
<div class="linea-horizontal-delmenu-hamburguesa" aria-hidden="true"></div>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" style="fill:rgba(112, 117, 122, 1);transform:;-ms-filter:"><path d="M2.344,15.271l2,3.46c0.276,0.478,0.888,0.642,1.366,0.365l1.396-0.806c0.58,0.457,1.221,0.832,1.895,1.112V21 c0,0.552,0.447,1,1,1h4c0.553,0,1-0.448,1-1v-1.598c0.674-0.28,1.314-0.655,1.895-1.112l1.396,0.806 c0.477,0.275,1.091,0.11,1.366-0.365l2-3.46c0.275-0.476,0.11-1.091-0.365-1.366l-1.372-0.793C19.973,12.743,20,12.371,20,12 s-0.027-0.743-0.081-1.112l1.372-0.793c0.476-0.275,0.641-0.89,0.365-1.366l-2-3.46c-0.276-0.478-0.888-0.642-1.366-0.365 l-1.396,0.806C16.314,5.253,15.674,4.877,15,4.598V3c0-0.552-0.447-1-1-1h-4C9.447,2,9,2.448,9,3v1.598 c-0.674,0.28-1.314,0.655-1.895,1.112L5.71,4.904C5.231,4.627,4.62,4.791,4.344,5.269l-2,3.46c-0.275,0.476-0.11,1.091,0.365,1.366 l1.372,0.793C4.027,11.257,4,11.629,4,12s0.027,0.743,0.081,1.112l-1.372,0.793C2.233,14.18,2.068,14.795,2.344,15.271z M12,8 c2.206,0,4,1.794,4,4s-1.794,4-4,4s-4-1.794-4-4S9.794,8,12,8z"></path></svg>
<a class="nav__a__submenu" href="">Ajustes</a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" version="1.0" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 351.000000 297.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,297.000000) scale(0.100000,-0.100000)" fill="#70757a" stroke="none"> <path d="M1645 2596 c-27 -14 -72 -34 -100 -46 -68 -29 -98 -43 -180 -79 -38 -18 -79 -36 -90 -41 -11 -5 -46 -20 -77 -34 -32 -14 -84 -38 -115 -52 -32 -14 -67 -29 -78 -34 -11 -6 -60 -28 -110 -49 l-90 -40 -3 -298 c-2 -282 5 -422 28 -558 12 -64 36 -150 51 -177 5 -10 9 -22 9 -28 0 -15 67 -155 103 -213 146 -243 377 -435 620 -517 69 -23 158 -23 181 0 5 5 17 10 26 10 32 1 248 121 291 162 8 7 37 32 65 55 49 40 204 222 204 239 0 4 6 15 14 23 19 22 94 165 112 215 83 232 86 255 92 693 l4 392 -58 26 c-33 14 -81 37 -109 50 -27 13 -66 30 -85 38 -19 8 -70 31 -113 51 -44 20 -80 36 -82 36 -3 0 -48 20 -185 82 -74 33 -153 69 -190 84 -19 8 -43 19 -52 24 -24 13 -25 13 -83 -14z m208 -432 c112 -30 161 -54 262 -130 145 -110 232 -261 254 -443 11 -91 2 -213 -21 -276 -68 -188 -207 -341 -378 -414 -30 -13 -66 -29 -79 -35 -37 -17 -337 -15 -381 3 -164 66 -246 125 -337 242 -50 65 -113 184 -113 217 0 9 -7 39 -15 66 -19 62 -19 188 0 241 8 22 15 49 15 60 0 11 20 61 45 110 43 84 112 170 185 230 26 21 127 85 134 85 3 0 17 5 33 12 110 47 284 61 396 32z"></path> <path d="M1597 2030 c-47 -8 -79 -20 -156 -58 -50 -25 -140 -110 -176 -167 -96 -152 -109 -357 -35 -522 l30 -67 28 31 c37 42 99 73 217 110 85 26 315 26 400 0 79 -24 177 -72 210 -103 21 -20 30 -22 41 -13 8 6 14 19 14 28 0 9 4 21 10 27 5 5 19 46 31 89 33 125 18 247 -48 381 -35 74 -140 181 -208 212 -28 13 -58 27 -67 33 -45 24 -200 34 -291 19z m209 -144 c100 -48 149 -131 142 -237 -7 -88 -41 -140 -127 -194 -37 -23 -55 -27 -115 -27 -46 1 -83 7 -105 18 -78 39 -151 145 -151 220 0 120 127 244 251 244 38 0 71 -7 105 -24z"></path> </g> </svg>
<a class="nav__a__submenu" href="">Tus Datos</a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" version="1.0" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 351.000000 297.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,297.000000) scale(0.100000,-0.100000)" fill="#70757a" stroke="none"> <path d="M762 2484 c-39 -17 -65 -42 -89 -86 -17 -31 -18 -82 -21 -781 -2 -507 1 -761 8 -788 13 -49 62 -105 108 -124 29 -13 151 -15 782 -15 715 0 750 1 793 19 25 11 57 36 73 57 l29 37 0 792 0 792 -28 36 c-16 21 -46 46 -67 57 -38 19 -59 20 -797 19 -632 0 -763 -3 -791 -15z m1528 -173 c16 -31 14 -1412 -2 -1434 -12 -16 -65 -17 -738 -15 l-725 3 -3 720 c-1 396 0 726 3 733 3 9 159 12 729 12 707 0 726 0 736 -19z"></path> <path d="M1270 2085 c0 -3 0 -224 0 -492 l-1 -488 283 -3 c155 -1 284 1 288 5 3 5 4 43 2 86 l-4 77 -191 0 c-106 0 -198 4 -206 9 -19 12 -22 204 -4 222 8 8 71 12 205 13 l193 1 3 83 3 82 -193 0 c-106 0 -200 5 -208 10 -21 13 -20 207 1 221 8 5 100 9 206 9 l191 0 4 78 c2 42 2 80 0 85 -3 8 -572 10 -572 2z"></path> </g> </svg>
<a class="nav__a__submenu" href="">Ocultar resultados <br>explícitos: desactivado</a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" version="1.0" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 351.000000 297.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,297.000000) scale(0.100000,-0.100000)" fill="#70757a" stroke="none"> <path d="M2020 2503 c-19 -2 -39 -9 -44 -14 -6 -5 -18 -9 -28 -9 -29 0 -96 -40 -152 -91 -66 -60 -113 -147 -131 -244 -35 -183 56 -383 213 -468 122 -66 285 -71 398 -12 59 31 70 25 224 -130 80 -80 148 -145 152 -145 4 0 34 25 65 55 l58 56 -152 150 c-83 82 -153 156 -156 163 -3 8 2 29 12 47 50 95 63 231 30 329 -64 193 -197 300 -389 313 -36 3 -81 3 -100 0z m189 -192 c57 -30 98 -68 129 -120 23 -40 27 -57 27 -126 0 -96 -21 -142 -90 -203 -87 -77 -195 -92 -301 -42 -73 35 -113 79 -143 157 -27 70 -26 107 1 179 33 85 112 154 203 178 37 9 135 -4 174 -23z"></path> <path d="M831 2283 c-18 -9 -47 -35 -62 -56 l-29 -40 0 -790 c0 -788 0 -791 21 -821 12 -17 33 -40 48 -51 25 -20 41 -20 821 -20 779 0 796 0 822 20 15 11 39 42 53 69 25 50 25 51 25 321 l0 271 -112 113 c-89 90 -116 111 -132 106 -12 -3 -58 -11 -104 -17 -184 -26 -386 32 -523 149 -55 47 -136 137 -150 168 -5 11 -18 35 -29 54 -52 84 -92 292 -71 366 6 22 11 59 11 81 0 25 6 47 15 54 8 7 15 19 15 26 0 12 -51 14 -292 14 -253 0 -298 -3 -327 -17z"></path> </g> </svg>
<a class="nav__a__submenu" href="">Cómo funciona la <br> búsqueda</a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 24 24" style="fill:rgba(112, 117, 122, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z M13,18h-2v-2h2V18z M13.976,13.115 c-0.196,0.158-0.385,0.309-0.535,0.459c-0.408,0.407-0.44,0.777-0.441,0.793L13,14.5h-2v-0.167c0-0.118,0.029-1.177,1.026-2.174 c0.195-0.195,0.437-0.393,0.691-0.599c0.734-0.595,1.216-1.029,1.216-1.627C13.934,8.867,13.066,8,12,8s-1.934,0.867-1.934,1.934 h-2C8.066,7.765,9.831,6,12,6s3.934,1.765,3.934,3.934C15.934,11.531,14.755,12.484,13.976,13.115z"></path></svg>
<a class="nav__a__submenu" href="">Ayuda</a>
</li>
<li class="nav__li__submenu">
<svg class="nav__icon__submenu" xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 24 24" style="fill:rgba(112, 117, 122, 1);transform:;-ms-filter:"><path d="M20,2H4C2.897,2,2,2.897,2,4v18l4-4h14c1.103,0,2-0.897,2-2V4C22,2.897,21.103,2,20,2z M13,15h-2v-2h2V15z M13,11h-2V5h2 V11z"></path></svg>
<a class="nav__a__submenu" href="">Enviar comentarios</a>
</li>
</ul>
</nav>
</div>
<li class="nav__li displayNoneMobileMenu__hamburgesa">
<a class="nav__a active" href="#">Todo</a>
</li>
<li class="nav__li displayNoneMobileMenu__hamburgesa" >
<a class="nav__a nav__a-paddingleft" href="#">Imágenes</a>
</li>
</ul>
<ul class="nav__ul">
<li class="nav__li display__none__header__menudesktop">
<a class="nav__a link__a-hoverunderline" href="#">Gmail</a>
</li>
<li class="nav__li display__none__header__menudesktop">
<a class="nav__a link__a-hoverunderline" href="#">Imagenes</a>
</li>
<li class="nav__li">
<a class="nav__a__right" >
<svg focusable="false" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:rgba(95, 99, 104, 1);transform:;-ms-filter:"><path d="M4 4H8V8H4zM10 4H14V8H10zM16 4H20V8H16zM4 10H8V14H4zM10 10H14V14H10zM16 10H20V14H16zM4 16H8V20H4zM10 16H14V20H10zM16 16H20V20H16z"></path></svg>
</a>
</li>
<li class="nav__li">
<a class="nav__a__right nav__a__right-padding4px" href="#">
<img class="nav__img__len" src="assets/imglen.png" width="35" height="35" alt="Esta imagen es de la cuenta en Gmail de Lennys Rojas" title="Esta imagen es de la cuenta en Gmail de Lennys Rojas">
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<section class="main__image__google">
<img class="main__img__google" loading="lazy" decoding="async" width="272" height="108" src="./assets/Google-logo.png">
</section>
<section class="main__search">
<section class="main__search__container">
<i aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" style="fill:rgb(160 166 171);;transform:;-ms-filter:"><path d="M19.023,16.977c-0.513-0.488-1.004-0.997-1.367-1.384c-0.372-0.378-0.596-0.653-0.596-0.653l-2.8-1.337 C15.34,12.37,16,10.763,16,9c0-3.859-3.14-7-7-7S2,5.141,2,9s3.14,7,7,7c1.763,0,3.37-0.66,4.603-1.739l1.337,2.8 c0,0,0.275,0.224,0.653,0.596c0.387,0.363,0.896,0.854,1.384,1.367c0.494,0.506,0.988,1.012,1.358,1.392 c0.362,0.388,0.604,0.646,0.604,0.646l2.121-2.121c0,0-0.258-0.242-0.646-0.604C20.035,17.965,19.529,17.471,19.023,16.977z M9,14 c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S11.757,14,9,14z"></path></svg>
</i>
<input class="search" type="search" role="search" aria-label="Buscar en Google o escribir una URL" name="" id="">
<a href="#" class="tooltip__micro__hover microfono">
<svg class="microfono__hidden__mobil" width="24" height="24" focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m12 15c1.66 0 3-1.31 3-2.97v-7.02c0-1.66-1.34-3.01-3-3.01s-3 1.34-3 3.01v7.02c0 1.66 1.34 2.97 3 2.97z" fill="#4285f4"></path>
<path d="m11 18.08h2v3.92h-2z" fill="#34a853"></path>
<path d="m7.05 16.87c-1.27-1.33-2.05-2.83-2.05-4.87h2c0 1.45 0.56 2.42 1.47 3.38v0.32l-1.15 1.18z" fill="#f4b400"></path>
<path d="m12 16.93a4.97 5.25 0 0 1 -3.54 -1.55l-1.41 1.49c1.26 1.34 3.02 2.13 4.95 2.13 3.87 0 6.99-2.92 6.99-7h-1.99c0 2.92-2.24 4.93-5 4.93z" fill="#ea4335"></path></svg>
<!-- TOOLTIP MICROFONO DE BUSQUEDA -->
<div class="tooltip__microfono" aria-label="Búsqueda por voz" role="button">
Búsqueda por voz
<svg class="tooltip__up_arrow__microfono" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:rgba(50, 50, 50, 1);transform:;-ms-filter:"><path d="M3,19h18c0.372,0,0.713-0.207,0.886-0.536c0.173-0.329,0.148-0.727-0.063-1.033l-9-13c-0.373-0.539-1.271-0.539-1.645,0 l-9,13c-0.212,0.306-0.236,0.704-0.063,1.033C2.287,18.793,2.628,19,3,19z"></path></svg>
</div>
</a>
</section>
</section>
<section class="main__button__search__container">
<div class="main__button__search">
<button class="main__button">Buscar con Google</button>
<button class="main__button">Voy a tener suerte</button>
</div>
</section>
<section class="main__lenguage">
<div class="main__diamundial">
<a class="diadel__programador" href="">Día Mundial del Programador</a>
<div class="main__container__lenguage">
<span class="main__lenguage__small">Ofrecido por Google en:</span>
<div class="lenguage">
<a href="#">English</a>
<a href="#"> català</a>
<a href="#"> galego </a>
<a href="#">euskara</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<section class="footer__ubicacion">
<section>
<div>
<span class="footer__ubicacion__pais">España</span>
</div>
<div class="footer__ubicacion__container">
<P class="footer__ubicacion__mapa"><span class="circulo__ubicacion"></span>Ubicación desconocida - <span>Usar ubicación precisa</span> </P>
</div>
</section>
<section class="footer__configuracion">
<div class="footer__configuracion__terminos">
<a class="footer__text__configuracion" href="#">Configuración</a>
<a class="footer__text__configuracion" href="#">Privacidad</a>
<a class="footer__text__configuracion" href="#">Terminos</a>
</div>
</section>
<section class="footer__configuracion">
<div class="footer__configuracion__terminos">
<a class="footer__text__configuracion" href="#">Publicidad</a>
<a class="footer__text__configuracion" href="#">Empresa</a>
<a class="footer__text__configuracion" href="#">Sobre Google</a>
</div>
</section>
</section>
<section class="footer__emision__container">
<section class="footer__emision__neutra__carbono">
<a class="link__a-hoverunderline " href="#"> Publicidad</a>
<a class="link__a-hoverunderline" href="#">Empresa</a>
<a class="tooltip__hover" href="#">Como funciona la Busqueda
<svg class="icon__footer_desktop " xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" style="fill:rgba(106, 194, 89, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
<div class="tooltip__container tooltip__comofuncionalaBusqueda">
<svg class="tooltip__down-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:rgba(231, 232, 230, 1);transform:;-ms-filter:"><path d="M11.178,19.569C11.364,19.839,11.672,20,12,20s0.636-0.161,0.822-0.431l9-13c0.212-0.306,0.236-0.704,0.063-1.033 C21.713,5.207,21.372,5,21,5H3C2.628,5,2.287,5.207,2.114,5.536C1.941,5.865,1.966,6.263,2.178,6.569L11.178,19.569z"></path></svg>
<div class="tooltip__header">
Web Shield Security Information:
</div>
<div class="tooltip_triangulo"></div>
<div class="tooltip">
<svg class="tooltip__icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" style="fill:rgba(105, 183, 97, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
</div>
<div class="tooltip__texto">
<p>Category: Uncategorized</p>
<p>Threat: No Threat</p>
</div>
<p class="tooltip-footer">Powered by Ultra VPN</p>
</div>
</div>
</a>
</section>
<section class="footer__emision__neutra__carbono">
<a class="link__a-hoverunderline"><img class="icon__footer_desktop" src="./assets/hoja1.png" width="29" height="21" alt="icono de hoja" title="icono de hoja">Emisión neutra de carbono desde el 2007</a>
</section>
<section class="footer__emision__neutra__carbono">
<a class="tooltip__hover" href="#">Privacidad
<svg class="icon__footer_desktop" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" style="fill:rgba(106, 194, 89, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
<div class="tooltip__container tooltip__footer__privacidad">
<svg class="tooltip__down-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:rgba(231, 232, 230, 1);transform:;-ms-filter:"><path d="M11.178,19.569C11.364,19.839,11.672,20,12,20s0.636-0.161,0.822-0.431l9-13c0.212-0.306,0.236-0.704,0.063-1.033 C21.713,5.207,21.372,5,21,5H3C2.628,5,2.287,5.207,2.114,5.536C1.941,5.865,1.966,6.263,2.178,6.569L11.178,19.569z"></path></svg>
<div class="tooltip__header">
Web Shield Security Information:
</div>
<div class="tooltip_triangulo"></div>
<div class="tooltip">
<svg class="tooltip__icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" style="fill:rgba(105, 183, 97, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
</div>
<div class="tooltip__texto">
<p>Category: Uncategorized</p>
<p>Threat: No Threat</p>
</div>
<p class="tooltip-footer">Powered by Ultra VPN</p>
</div>
</div>
</a>
<a class="tooltip__hover" href="#">Terminos
<svg class="icon__footer_desktop" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" style="fill:rgba(106, 194, 89, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
<div class="tooltip__container tooltip__footer__terminos">
<svg class="tooltip__down-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:rgba(231, 232, 230, 1);transform:;-ms-filter:"><path d="M11.178,19.569C11.364,19.839,11.672,20,12,20s0.636-0.161,0.822-0.431l9-13c0.212-0.306,0.236-0.704,0.063-1.033 C21.713,5.207,21.372,5,21,5H3C2.628,5,2.287,5.207,2.114,5.536C1.941,5.865,1.966,6.263,2.178,6.569L11.178,19.569z"></path></svg>
<div class="tooltip__header">
Web Shield Security Information:
</div>
<div class="tooltip_triangulo"></div>
<div class="tooltip">
<svg class="tooltip__icon" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" style="fill:rgba(105, 183, 97, 1);transform:;-ms-filter:"><path d="M12,2C6.486,2,2,6.486,2,12c0,5.514,4.486,10,10,10s10-4.486,10-10C22,6.486,17.514,2,12,2z M10.001,16.413l-3.713-3.705 L7.7,11.292l2.299,2.295l5.294-5.294l1.414,1.414L10.001,16.413z"></path></svg>
</div>
<div class="tooltip__texto">
<p>Category: Uncategorized</p>
<p>Threat: No Threat</p>
</div>
<p class="tooltip-footer">Powered by Ultra VPN</p>
</div>
</div>
</a>
<a class="link__a-hoverunderline" href="#">Configuracion</a>
</section>
</section>
</footer>
<script src="./js/menu.js" type="text/javascript" ></script>
</body>
</html>