Exercise_HTML_CSS3/proyectos.html at main · InMentals/Exercise_HTML_CSS3 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Proyectos de Blas</title>
    <link rel="stylesheet" href="./styles/normalice.css">
    <link rel="stylesheet" href="./styles/common.css">
    <link rel="stylesheet" href="./styles/header.css">
    <link rel="stylesheet" href="./styles/footer.css">
    <link rel="stylesheet" href="./styles/proyectos.css">
</head>
<body>
    <h1 class="sr-only">Proyectos de Blas</h1>
    <header class="header">
        <img src="./images/blas.png" alt="">
    </header>
    <main>
        <section class="video">
            <h2 class="sr-only">Video</h2>
            <iframe src="https://www.youtube.com/embed/v_IQFj4o4B0?start=8&autoplay=1&mute=1" title="TODA la verdad sobre Blas de Lezo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </section>
        <section class="proyectos">
            <h2>Mis Proyectos</h2>
            <ul class="list">
                <figure>
                    <img src="./images/defensa_cartagena.webp" alt="">
                    <figcaption>Defensa de Cartagena de Indias (1741) </figcaption>
                </figure>
                <figure>
                    <img src="./images/velez_malaga.webp" alt="">
                    <figcaption>Batalla de Vélez-Málaga (1704) </figcaption>
                </figure>
                <figure>
                    <img src="./images/defensa_tolon.webp" alt="">
                    <figcaption>Defensa de Tolón (1707) </figcaption>
                </figure>
                <figure>
                    <img src="./images/bloqueo barcelona.webp" alt="">
                    <figcaption>Bloqueo de Barcelona (1713-1714) </figcaption>
                </figure>
                <figure>
                    <img src="./images/expediciones_pacifico.webp" alt="">
                    <figcaption>Expediciones en el Pacífico (1716-1723) </figcaption>
                </figure>
                <figure>
                    <img src="./images/defensa_cadiz.webp" alt="">
                    <figcaption>Defensa de Cádiz (1726) </figcaption>
                </figure>
            </ul>
        </section>

    </main>
    <footer class="footer">
        <a class="extlink instagram" href="https://www.instagram.com/donblasdelezoac/">instagram</a>
        <a class="extlink youtube" href="https://www.youtube.com/@blasdelezoyolavarrieta1492">youtube</a>
        <a class="extlink twitter" href="https://x.com/i/flow/login?redirect_after_login=%2Fmediohombre1741">twitter</a>
    </footer>

</body>
</html>