GooglePixel2/index.html at main · pilimuino/GooglePixel2 · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Proyecto Google Pixel</title>
</head>
<body>
    <header>
        <nav>
            <div class="menu-container">
                <ul>
                    <li><a href="https://store.google.com/es/?hl=es"><img src="imagenes/google-logo.png"></a></li>
                    <li><a href ="#">Phones</a></li>
                    <li><a  class="active" href ="#">Earbuds</a></li>
                    <li><a href ="#">Watches</a></li>
                    <li><a href ="#">Smart Home</a></li>
                    <li><a href ="#">Accesories</a></li>
                    <li><a href ="#">Subscriptions</a></li>
                    <li><a href="https://store.google.com/es/?hl=es"><img src="imagenes/icons/Search.svg"></a></li>
                    <li><a href="https://support.google.com/store/?visit_id=638509435169520345-430588227&hl=es&rd=2#topic=3237699"><img src="imagenes/icons/Help.svg"></a></li>
                    <li><a href="https://store.google.com/es/cart?hl=es"><img src="imagenes/icons/Cart.svg"></a></li>
                    <li><a href="https://accounts.google.com/v3/signin/identifier?continue=https%3A%2F%2Fstore.google.com%2Fes%2F%3Fhl%3Des&hl=es&faa=1&ddm=0&flowName=GlifWebSignIn&flowEntry=AccountChooser"><img src="imagenes/icons/Avatar.svg"></a></li>
                 </ul>
            </div>

        </nav>
    </header>
         <div class="product-details">
                 <img src="imagenes/icons/Arrow.svg" class="text"> See products details</img>
         </div>

    <main>

            <div class="container">
                <div class="columna-miniaturas">
                    <img class="miniaturas" src="imagenes/earbuds/earbuds_01.png">
                    <img class="miniaturas" src="imagenes/earbuds/earbuds_02.png">
                    <img class="miniaturas" src="imagenes/earbuds/earbuds_03.png">
                    <img class="miniaturas" src="imagenes/earbuds/earbuds_04.png">
              </div>
                <div class="image-container">
                     <img src="imagenes/earbuds/earbuds_01.png" id="earbuds">
                  <div class="container-title" id="container-title">
                             <h1>Google Pixels Buds Pro </h1>
                             <h4>Music & Sound</h4>
                             <h2>229€</h2>
                             <hr>
                        <div class="Seleccioncolor">
                            <h4>Choose a color</h4>

                              <button class="circle" id="celeste" color="#E4EEFD"></button>
                                <button class="circle" id="porcelana" color="#F5F1EC"></button>
                                  <button class="circle" id="carbon" color="#4D4C4D"></button>
                                    <button class="circle" id="gris-niebla" color="#DFE4E6"></button>
                                        <button class="circle" id="verde-lima" color="#EEF3C1"></button>
                                            <button class="circle"id="coral" color="#F08875"></button>
                                            <br>
                                            <div class="cesta-container">
                                               <h2>229€</h2>
                                               <hr>
                                               <input type="number" id="number" placeholder="1" min="1" max="99" required input;> </iput>
                                               <button class="text"  id="cesta" placeholder="Add to Cart">Add to Cart</button>
                                               <div class="Delivers">
                                               <br>
                                               <img src="imagenes/icons/Delivery.svg " class="text"> Delivers 29 Apr to 08023</img>
                                            </div>
                                            </div>
                        </div>

                  </div>

                 </div>
            </div>
    </main>
        <footer>
                <ul>
                   <div class="footer">
                       <li><a href="https://twitter.com/madebygoogle/"><img src="imagenes/icons/SM-x.svg"></a></li>
                       <li><a href="https://www.instagram.com/madebygoogle/"><img src="imagenes/icons/SM-instagram.svg"></a></li>
                       <li><a href="https://www.facebook.com/madebygoogle"><img src="imagenes/icons/SM-facebook.svg"></a></li>
                       <li><a href="https://www.youtube.com/madebygoogle"><img src="imagenes/icons/SM-youtube.svg"></a></li>
                       <li><a href="https://www.tiktok.com/@googlepixel"><img src="imagenes/icons/SM-tiktok.svg"></a></li>
                       <li><img src="imagenes/icons/Spain.svg">Spain</li>
                       <li><a href="https://policies.google.com/privacy">Privacy</a></li>
                       <li><a href="https://safety.google/intl/es/nest/">Google Nest Commitment to Privacy</a></li>
                       <li><a herf="https://store.google.com/intl/es_es/about/device-terms/">Sales Terms</a></li>
                       <li><a herf="https://policies.google.com/terms?hl=es&gl=es">Terms of Service</a></li>
                  </div>
                </ul>
        </footer>
  </body>

</html>