-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (89 loc) · 5.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clon Google</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../CSS/style.css">
</head>
<body>
<header class="MenuPPL">
<nav>
<a class="link" href="https://mail.google.com/mail/">Gmail</a>
<a class="link" href="https://www.google.com.co/imghp">Imágenes</a>
<a class="Ilink"href="https://www.google.com.co/intl/es-419/about/products">
<svg class="IC GAPP" href="https://www.google.com.co/intl/es-419/about/products" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M6,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM16,6c0,1.1 0.9,2 2,2s2,-0.9 2,-2 -0.9,-2 -2,-2 -2,0.9 -2,2zM12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2z" />
</svg>
</a>
<a href="https://www.google.com.co/intl/es-419/about/products">
<img class="IC FP"src="https://lh3.googleusercontent.com/ogw/AOLn63GptyUthfKuyuWqEOaf7bYJtHup4bf5tTn7Yiiwhg=s32-c-mo" href="https://myaccount.google.com">
</a>
</nav>
</header>
<main>
<article class="Busqueda">
<section id="logo">
<img src="../DATA/googlelogo.png" alt="">
</section>
<section class="Barra">
<div class="Cuadro">
<svg class="IC LUP" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
</svg>
<input id="input-search" type="text">
<svg class="IC CLS" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z">
</path>
</svg>
<hr class="IC SEP"/>
<svg class="IC CAM" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
<rect fill="none" height="192" width="192"/>
<g>
<circle fill="#34a853" cx="144.07" cy="144" r="16"/>
<circle fill="#4285f4" cx="96.07" cy="104" r="24"/>
<path fill="#ea4335" d="M24,135.2c0,18.11,14.69,32.8,32.8,32.8H96v-16l-40.1-0.1c-8.8,0-15.9-8.19-15.9-17.9v-18H24V135.2z"/>
<path fill="#fbbc04" d="M168,72.8c0-18.11-14.69-32.8-32.8-32.8H116l20,16c8.8,0,16,8.29,16,18v30h16V72.8z"/>
<path fill="#4285f4" d="M112,24l-32,0L68,40H56.8C38.69,40,24,54.69,24,72.8V92h16V74c0-9.71,7.2-18,16-18h80L112,24z"/>
</g>
</svg>
</div>
<div class="Botones">
<button class="Btn_Input" id="search" type="text">Buscar con Google</button>
<button class="Btn_Input" id="lucky" type="text">Voy a tener Suerte</button>
</div>
</section>
</article>
<article class="Extras">
<section></section>
</article>
<footer class="Foot">
<section class="Pais">
<a>Colombia</a>
</section>
<section class="About">
<nav class="About">
<div>
<a class="link" href="https://about.google">Sobre Google</a>
<a class="link" href="https://ads.google.com/intl/es-419_co/home/">Publicidad</a>
<a class="link" href="https://www.google.com/services/">Negocios</a>
<a class="link" href="https://www.google.com/search/howsearchworks/">Cómo funciona la Búsqueda</a>
</div>
<div>
<a class="link" href="https://policies.google.com/privacy?hl=es-419&fg=1">Privacidad</a>
<a class="link" href="https://policies.google.com/terms?hl=es-419&fg=1">Condiciones</a>
<a class="link" href="https://www.google.com/">Preferencias</a>
</div>
</nav>
</section>
</footer>
</main>
<section class="stash">
<hr>
</section>
</body>
</html>