PARCIAL1-TLMW-UNAHUR-OROZCO-YAMILA/clave.html at main · Yamila-Orozco/PARCIAL1-TLMW-UNAHUR-OROZCO-YAMILA · 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
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Instituto Clave-Sobre Clave</title>
    <link rel="stylesheet" href="./css/estilo.css">
    <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=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"
        rel="stylesheet">
    <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=Alice&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"
        rel="stylesheet">
</head>

<body>
    <header>
        <a href="#Logo" target="_self"><img src="./imagenes/logoTransparente.webp" width="150"
                alt="Logo de Instituto CLAVE" /></a>
        <nav>
            <ul>
                <li><a href="./index.html" target="_self">INICIO</a></li>
                <li><a href="./clave.html" target="_self">CLAVE</a></li>
                <li><a href="./cursoDeCanto.html" target="_self">CURSOS</a></li>
                <li><a href="./contacto.html" target="_self">CONTACTO</a></li>
            </ul>
        </nav>
        <input type="text" placeholder="Buscar">
    </header>
    <main>

    </main>
    <footer>
        <div class="footerContainer">
            <div class="footerColumn">
                <img src="./imagenes/logoTransparente.webp" alt="Logo Instituto CLAVE" class="footerLogo">
                <div class="socialLinks">
                    <a href="https://www.instagram.com" target="_blank">Instagram</a>
                    <a href="https://www.linkedin.com" target="_blank">LinkedIn</a>
                </div>
            </div>

            <div class="footerColumn">
                <ul>
                    <li><a href="./index.html">INICIO</a></li>
                    <li><a href="./clave.html">CLAVE</a></li>
                    <li><a href="./cursoDeCanto.html">CURSOS</a></li>
                    <li><a href="./contacto.html">CONTACTO</a></li>
                </ul>
            </div>

            <div class="footerColumn">
                <ul>
                    <li><a href="./terminos.html">Términos y Condiciones</a></li>
                    <li><a href="./privacidad.html">Política de Privacidad</a></li>
                </ul>
            </div>

            <div class="footerColumn">
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d1640.356974714711!2d-58.65387147831538!3d-34.687168299999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e0!4m0!4m5!1s0x95bcc0d138c931b1%3A0xaeb55bf4488fc212!2sEscuela%20de%20Educaci%C3%B3n%20Secundaria%20N%C2%BA14%20-%20Castelar%2C%20Onofre%20Betbeder%2C%20B1712%20Castelar%2C%20Provincia%20de%20Buenos%20Aires!3m2!1d-34.687168299999996!2d-58.652584!5e0!3m2!1ses-419!2sar!4v1728082965769!5m2!1ses-419!2sar"
                    width="200" height="150" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
            </div>
        </div>
        <div class="footerCopyright">
            <p>&copy; 2024 Orozco Yamila. Todos los derechos reservados.</p>
        </div>
    </footer>

</body>

</html>