Cuadros/iphone7.html at main · yamgit2018/Cuadros · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Google Fonts -->
    <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=Staatliches&display=swap" rel="stylesheet">
    <!-- Nornalize -->
    <link rel="preload" href="css/normalize.css" as="style">
    <link rel="stylesheet" href="css/normalize.css">
    <!-- Style -->
    <link rel="preload" href="css/style.css" as="style">
    <link rel="stylesheet" href="css/style.css">
    <title>FrontEnd Store</title>
</head>
<body>
    <header class="header">
        <a href="index.html" >
            <img class="header__logo"  src="img/logo AMC/LOGO SOMBRA AMC LAST.jpg" alt="Logotipo">
        </a>
    </header>

    <nav class="navegacion">
        <a class="navegacion__enlace" href="index.html">Tienda</a>
        <a class="navegacion__enlace" href="nosotros.html">Nosotros</a>
    </nav>

    <main class="contenedor">
        <h1>IPhone 7</h1>
        <div class="dispositivo">
            <div class="dispositivo__contenido">
                <p>
                    El iPhone 7 representó un avance significativo en términos de rendimiento, diseño y características. La eliminación del conector de auriculares y la introducción de resistencia al agua fueron cambios notables que definieron este modelo. A pesar de las críticas por la eliminación del jack de 3.5 mm y la capacidad de batería relativamente modesta, el iPhone 7 se destacó por su potencia, mejoras en la cámara y calidad de sonido. Este modelo marcó el comienzo de una nueva era para el iPhone, estableciendo las bases para futuros avances en la serie.
                </p>

            </div>

            <div class="dispositivo__imagen">
                <img class="dispositivo__imagen" src="img/iPhone 7.jpg" alt="IPhone 7">
            </div>

        </div>
    </main>

   <footer class="footer">
    <div class="contenedor">
        <div class="footer__contenido">
                <div class="footer__logo">
                    <p>
                        AMC Products 2024
                    </p>
                </div>
                <div class="footer__informacion">
                    <p class="siguenos">Contactanos:</p>
                            <p>amcproducts.ventas@gmail.com</p>
                            <p>Numero Celular: 903150565 - 935378556</p>
                            <p class="seguir playpen-sans">Siguenos:</p>
                            <!-- Facebook -->
                            <a href="https://www.facebook.com/profile.php?id=61564654903970&mibextid=qi2Omg&rdid=HOniZevAsXAgO3O5&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2FE2smDupSU3duQyJ4%2F%3Fmibextid%3Dqi2Omg">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
                                  </svg>
                            </a>
                    <a href="https://www.instagram.com/amcproduts?utm_source=qr&igsh=MTFsaTM4eG1rd3JwZw==">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" />
                            <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
                            <path d="M16.5 7.5l0 .01" />
                        </svg>
                    </a>
                    <a href="https://youtube.com/@amcproducts?si=krQGYfObibot-aTW">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-youtube" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z" />
                            <path d="M10 9l5 3l-5 3z" />
                        </svg>
                    </a>
                    <a href="https://www.tiktok.com/@amc.products8?_t=8pdiUMm1XBW&_r=1">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-tiktok" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#000000" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917z" />
                        </svg>
                    </a>
                </div>
            </div>
    </div>
    </footer>
</body>
</html>