PFD-Frontend/descarga.html at main · ISDaniel-DEV/PFD-Frontend · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="./css/descarga.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Main</title>
</head>

<body>
    <header>
        <section>
            <a href="./index.html">
                <h1>DESIGBAY</h1>
            </a>
            <div><img src="./img/lupa.svg" alt=""><input type="search" placeholder="Buscar diseños de ejemplo..."></div>
            <nav>
                <a href="">Explorar</a>
                <img id="desplegable" class="" src="./img/profile.svg" alt="" >
                <div id="despliege" class="">
                    <a href="">Acceder</a>
                    <a href="">Registrarse</a>
                </div>
            </nav>
        </section>
    </header>
    <main>

        <section>
            <div>
                <img src="./img/ejemplo.png" alt="">
            </div>
            <div>
                <h1>Descripcion</h1>
                <p>Para implementar el diseño del encabezado web descrito, primero se requeriría un proceso de diseño
                    gráfico para crear los elementos visuales, como la paleta de colores, los botones de navegación, el
                    icono de menú desplegable y el logotipo de la marca.

                    Una vez que los elementos visuales estén diseñados, se procedería a la implementación técnica en el
                    código HTML, CSS y posiblemente JavaScript:

                    HTML: Se crearía una estructura de encabezado utilizando etiquetas HTML apropiadas, como para la
                    barra de búsqueda. En el HTML se incorporarían también los enlaces a los archivos CSS y, en caso
                    necesario, a los archivos JavaScript.
                </p>
            </div>
        </section>
        <section>
            <div>
                <div><img src="./img/439849181_1237295583903668_1588733579423298513_n.jpg" alt="">
                    <p>#isaacdaniel93 <a href="" id="seguir1">+Seguir</a></p><a href="" id="seguir">+Seguir</a>
                </div>
                <div><button>Descargar archivos</button></div>
                <div>
                    <p><span>13.5 k downloads</span> - <span>5 days ago</span></p>
                </div>
            </div>
            <div>
                <h1>Blue Header</h1>
                <p>Para implementar el diseño del encabezado web descrito, primero se requeriría un proceso de diseño
                    gráfico para crear los elementos visuales, como la paleta de colores, los botones de navegación, el
                    icono de menú desplegable y el logotipo de la marca.</p>
            </div>
        </section>

    </main>
    <hr>
    <footer>
        <section>
            <div>
                <h1>DESIGBAY</h1>
                <p>Miles de diseños y estructuras hechas por miles de usuarios</p>
            </div>
            <div>
                <h4>Info</h4>
                <a>Contacto</a>
                <a>Soporte Tecnico</a>
                <a>Sobre nosotros</a>
            </div>
        </section>
        <p>Copyright © 2024 Desigbay Inc. All rights reserved</p>
    </footer>
    <script src="./js/header.js"></script>
</body>

</html>