thpgoogle/index.html at main · Marcaraph/thpgoogle · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Google</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav>
        <a href="https://www.google.com/intl/fr/gmail/about/">Gmail</a>
        <a href="https://www.google.com/imghp?hl=fr&ogbl">Images</a>
        <img src="./images/g-menu.PNG" alt="Applications Google">
        <button>Connexion</button>
    </nav>
    <div class="main">
        <img src="./images/logo.png" class="logo" alt="logo google">
            <div class="s-box">
                <img src="./images/search.svg" class="s-icon" alt="logo recherche">
                <input type="text" class="s-input">
                <img src="./images/vs.png" class="m-icon" alt="logo micro">
                <button class="s-button">Recherche Google</button>
                <button class="s-button">J'ai de la chance</button>
            </div>
    </div>
    <footer>
        <h4>France</h4>
        <div class="links">
            <div class="link-1">
                <a href="https://about.google/?utm_source=google-FR&utm_medium=referral&utm_campaign=hp-footer&fg=1">À propos</a>
                <a href="https://ads.google.com/intl/fr_fr/home/?subid=ww-ww-et-g-awa-a-g_hpafoot1_1!o2&utm_source=google.com&utm_medium=referral&utm_campaign=google_hpafooter&fg=1">Publicité</a>
                <a href="https://smallbusiness.withgoogle.com/intl/fr_fr/?subid=fr-fr-et-g-awa-a-g_hpbfoot1_1!o2&utm_source=google&utm_medium=ep&utm_campaign=google_hpbfooter&utm_content=google_hpbfooter&gmbsrc=fr-fr-et-gs-z-gmb-s-z-u~sb-g4sb_srvcs-u">Entreprise</a>
                <a href="https://www.google.com/search/howsearchworks/?fg=1">Comment fonctionne la recherche Google?</a>
            </div>
            <div class="link-2">
                <img src="./images/carbon.png" alt="logo carbon">
                <a href="https://sustainability.google/intl/fr/commitments/?utm_source=googlehpfooter&utm_medium=housepromos&utm_campaign=bottom-footer&utm_content=">Notre troisième décennie d'action pour le climat</a>
            </div>
            <div class="link-3">
                <a href="https://support.google.com/legal/answer/3110420?hl=fr&fg=1">Signaler un contenu inapproprié</a>
                <a href="https://support.google.com/websearch/answer/7585859?hl=fr&fg=1&visit_id=638234850197477326-43219867&p=fr_consumer_info&rd=1">Info consommateurs</a>
                <a href="https://policies.google.com/privacy?hl=fr&fg=1">Confidentialité</a>
                <a href="https://policies.google.com/terms?hl=fr&fg=1">Conditions</a>
                <a href="#">Paramètres</a>
            </div>
        </div>
    </footer>
</body>
</html>