listaCompra/index.html at master · Nazaret20/listaCompra · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi lista de compra</title>
    <link rel="stylesheet" href="./css/styles.css">
    <link rel="shortcut icon" href="./assets/favicon.svg" type="image/x-icon">
    <link href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&family=Source+Sans+3:ital@0;1&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Lexend+Deca&family=Source+Sans+3:ital@0;1&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <h1>Mi compra</h1>
        <nav>
            <ul>
                <li><a href="./productos.html"><svg fill="#000000" width="40px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M30 15.25h-17c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0h17c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0zM13 5.75h17c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0h-17c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0zM6 23.25h-2c-1.518 0.002-2.748 1.232-2.75 2.75v2c0.002 1.518 1.232 2.748 2.75 2.75h2c1.518-0.002 2.748-1.232 2.75-2.75v-2c-0.002-1.518-1.232-2.748-2.75-2.75h-0zM7.25 28c-0.001 0.69-0.56 1.249-1.25 1.25h-2c-0.69-0.001-1.249-0.56-1.25-1.25v-2c0.001-0.69 0.56-1.249 1.25-1.25h2c0.69 0.001 1.249 0.56 1.25 1.25v0zM30 26.25h-17c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0h17c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0zM9.446 12.215l-5.472 5.982-1.446-1.437c-0.135-0.13-0.318-0.21-0.521-0.21-0.414 0-0.75 0.336-0.75 0.75 0 0.204 0.082 0.39 0.214 0.525l-0-0 2 1.986 0.015 0.006 0.007 0.015c0.13 0.122 0.306 0.197 0.499 0.197 0.199 0 0.38-0.080 0.512-0.21l-0 0 0.027-0.011 0.005-0.011 0.017-0.012 6-6.559c0.122-0.133 0.196-0.311 0.196-0.506 0-0.414-0.336-0.75-0.75-0.75-0.219 0-0.416 0.094-0.553 0.244l-0.001 0.001zM9.446 1.215l-5.472 5.982-1.446-1.437c-0.135-0.13-0.318-0.21-0.521-0.21-0.414 0-0.75 0.336-0.75 0.75 0 0.204 0.082 0.39 0.214 0.525l-0-0 2 1.987 0.015 0.006 0.007 0.015c0.13 0.122 0.306 0.196 0.499 0.196 0.201 0 0.383-0.081 0.515-0.212l-0 0 0.024-0.010 0.004-0.010 0.017-0.012 6-6.559c0.119-0.132 0.192-0.308 0.192-0.501 0-0.414-0.336-0.75-0.75-0.75-0.217 0-0.412 0.092-0.549 0.239l-0 0z"></path></svg></a></li>

                <li><a href="./index.html"><svg fill="#000000" width="40px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M30 13.25h-5.572l-5.723-10.606c-0.129-0.236-0.376-0.394-0.66-0.394-0.414 0-0.75 0.336-0.75 0.75 0 0.131 0.033 0.253 0.092 0.36l-0.002-0.004 5.338 9.894h-13.415l5.395-9.891c0.055-0.101 0.087-0.222 0.087-0.35 0-0.414-0.336-0.75-0.75-0.75-0.279 0-0.522 0.152-0.651 0.377l-0.002 0.004-5.787 10.609h-5.6c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0h1.389l1.913 14.35c0.050 0.369 0.364 0.65 0.742 0.65 0 0 0 0 0.001 0h20c0.379-0 0.693-0.281 0.744-0.646l0-0.004 1.913-14.35h1.298c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0zM25.389 28.25h-18.688l-1.8-13.5h22.287zM16.044 17.25h-0.004c0 0 0 0 0 0-0.413 0-0.748 0.334-0.75 0.746v0l-0.035 7c0 0.001 0 0.002 0 0.004 0 0.413 0.334 0.748 0.746 0.75h0.004c0.413-0 0.747-0.334 0.75-0.746v-0l0.035-7c0-0.001 0-0.002 0-0.004 0-0.413-0.334-0.748-0.746-0.75h-0zM11.065 17.25h-0.004c0 0 0 0 0 0-0.413 0-0.748 0.334-0.75 0.746v0l-0.034 7c0 0.001 0 0.002 0 0.004 0 0.413 0.334 0.748 0.746 0.75h0.004c0.413-0 0.747-0.334 0.75-0.746v-0l0.034-7c0-0.001 0-0.002 0-0.004 0-0.413-0.334-0.748-0.746-0.75h-0zM21.016 17.25h-0.004c0 0 0 0 0 0-0.413 0-0.748 0.334-0.75 0.746v0l-0.033 7c0 0.001 0 0.002 0 0.004 0 0.413 0.334 0.748 0.746 0.75h0.004c0.413-0 0.747-0.334 0.75-0.746v-0l0.033-7c0-0.001 0-0.003 0-0.004 0-0.413-0.334-0.748-0.746-0.75h-0z"></path></svg></a></li>
            </ul>
        </nav>
    </header>

    <main>
        <h2>Estos son tus productos seleccionados</h2>

        <section class="productos-seleccionados">
            <ul class="lista-productos">

            </ul>
        </section>

        <div class="div-borrar-lista">
            <button class="borrar-lista">Borrar lista 🗑️</button>
            <a class="lista-nueva" href="./productos.html">Haz una lista nueva o añade productos ✏️</a>
        </div>
    </main>

    <script src="./js/script.js" defer></script>
</body>
</html>