Jazz/disco-2.html at main · LiviF/Jazz · 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
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Jazz</title>
</head>
<body>
<header>
    <h1>Discos Jazz</h1>
    <form>
        <p>
            <label>
                Buscar
                <input type="search" name="buscar">
            </label>
            <input type="submit" value="🔍">
        </p>
    </form>
    <nav>
        <ul>
            <li>
                <a href="index.html">Inicio</a>
            </li>
            <li>
                <a href="disco-1.html">Novedades</a>
            </li>
        </ul>
    </nav>
</header>
<main>
    <!-- Migas de pan nav>ol>li*3>a[href="#"]lorem1-->
    <nav>
        <ol>
            <li><a href="index.html">Inicio</a></li>
            <li>John Coltrane</li>
        </ol>
    </nav>
    <!-- Listado de discos -->
    <section>
        <!-- Disco 2 -->
        <article>
            <header>
                <h2>John Coltrane</h2>
                <p><time datetime="1964">1964</time></p>
            </header>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
            <p>
                <img src="img/jhon-coltrane-9-1964.webp" alt="John Coltrane">
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, culpa cum cupiditate debitis dignissimos distinctio dolor doloremque enim esse explicabo facilis fugit harum hic impedit incidunt iure iusto laborum maxime minus neque odio odit optio pariatur, perferendis porro quam rerum sequi soluta tempora ullam, unde voluptate voluptatibus voluptatum? Amet animi at autem consequatur corporis cum cupiditate doloremque enim fugiat hic in incidunt inventore, iusto magnam magni nam nostrum odio perspiciatis provident quaerat quam soluta tempora vel, vitae voluptates. Accusantium culpa cupiditate, deserunt dicta dolorum eum exercitationem explicabo in, minus molestias neque nobis quod recusandae sapiente sequi temporibus voluptas, voluptates. Amet!
            </p>
        </article>
    </section>
</main>
<footer>
    <p>2022  ○  Mi nombre</p>
</footer>
</body>
</html>