GoogleClone/index.html at master · JairoRamirezC/GoogleClone · GitHub

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
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="./images/google-icon.jpg" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Google</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav >
            <ul class="header__container">
                <li>
                    <a href="#">Gmail</a>
                </li>
                <li>
                    <a href="#">Imágenes</a>
                </li>
                <li>
                    <img id="header__icon" src="https://static.thenounproject.com/png/756729-200.png" alt="icon">
                </li>
                <li>
                    <a href="#">
                        <img src="https://lh3.googleusercontent.com/ogw/ADGmqu_ksm6Ql15mCzcSRiahXsgeljHqXoPqOfDWWnlo=s32-c-mo" alt="imagen de perfil"  title="Cuenta de Google: jairo ramirez
                        (trolljairo@gmail.com)">
                    </a>
                </li>
            </ul>
        </nav>
    </header>
    <main class="main__container">
        <section class="main_container_image">
            <img src="./images/logo-google.jpg" alt="Logo de Google">
        </section>
        <section class="section__input">
            <span class="input-search-icon"></span>
            <input class="main-input-text" type="text">
            <a class="input-micro-icon"></a>
        </section>
        <section>
            <input type="button" value="Buscar con Google" class="input_botton">
            <input type="button" value="Me siento con suerte" class="input_botton">
        </section>
    </main>
    <footer>
        <div class="footer__content">
            <p>Colombia</p>
        </div>
        <div class="footer__content2">
            <ul class="footer_content2_left">
                <li>
                    <a href="#">Publicidad</a>
                </li>
                <li>
                    <a href="#">Negocios</a>
                </li>
                <li>
                    <a href="#">Sobre Google</a>
                </li>
                <li>
                    <a href="#">Cómo funciona la Búsqueda</a>
                </li>
            </ul>
            <ul class="footer_content2_right">
                <li>
                    <a href="#">Privacidad</a>
                </li>
                <li>
                    <a href="#">Condiciones</a>
                </li>
                <li>
                    <a href="#">Preferencias</a>
                </li>
            </ul>
        </div>
    </footer>
</body>
</html>