MyStuff/materialCursor.html at Completa · RyanAg06/MyStuff · 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
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>MyStuff</title>
        <meta charset="UTF-8">
        <link rel="icon" href="./imagenes/bola.png">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <link rel="stylesheet" href="./css/estilos.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.2/color-thief.umd.js"></script>
    </head>
    <body>

        <!-- Scroll Horizontal -->
        <div class="scroll-h"></div>

        <!-- Header -->
        <script src="./js/header.js"></script>

        <!-- Contenido -->
        <main>

            <!-- Titulos -->
            <div class="titulos centro">
                <p class="titulos__titulo">Material Cursor Dark</p>
                <p class="titulos__subtitulo">Un Cursor Diferente y Sencillo</p>
            </div>

            <!-- Tarjetas -->
            <article class="tarjetas vertical">

                <!-- Informacion General -->
                <section class="tarjeta">

                    <!-- Informacion -->
                    <div class="tarjeta__informacion">
                        <p class="tarjeta__titulo">Información</p>
                        <p class="tarjeta__descripcion">
                            Un Nuevo Cursor Elegante y Sencillo para Salir del Viejo Mouse Predeterminado de Windows,
                            si te Interesa Aqui Estan los Pasos para Tenerlo.
                        </p>

                        <!-- Lista Pasos -->
                        <ul class="tarjeta__lista">
                            <b>Pasos a Seguir:</b>
                            <li>Primero Descarga los Archivos, y Extrae, Luego Busca el Archivo Llamado "install.inf".</li>
                            <li>Dale <b>Click Derecho</b> al Archivo Llamado "install.inf" Luego Dale a "Instalar".</li>
                            <li>Ahora Solo ve a "Panel de Control > Mouse > Punteros" y lo Seleccionas.</li>
                        </ul>

                        <!-- Slider -->
                        <div class="slider" id="slider1">
                            <div class="slider__imagenes">
                                <img src="./imagenes/etc/materialCursor/paso1.png" alt="imagen" class="slider__imagen">
                                <img src="./imagenes/etc/materialCursor/paso2.png" alt="imagen" class="slider__imagen">
                                <img src="./imagenes/etc/materialCursor/paso3.png" alt="imagen" class="slider__imagen">
                            </div>

                            <!-- Botones Slider -->
                            <ion-icon name="chevron-back-outline" class="slider-boton boton-izquierda" onclick="moverIzquierda('slider1')"></ion-icon>
                            <ion-icon name="chevron-forward-outline" class="slider-boton boton-derecha" onclick="moverDerecha('slider1')"></ion-icon>
                        </div>

                        <!-- Boton Descargar -->
                        <div class="div__boton">
                            <a href="https://mega.nz/file/AnwgCDDB#JHdtieF6MDJE6rSUXiS70_KGPAJZ-CU59bd946ipiaM" target="_blank" class="boton descargar">
                                Descargar Mouse
                                <ion-icon name="download-outline"></ion-icon>
                            </a>
                        </div>

                    </div>

                </section>

            </article>

            <!-- Boton Subir -->
            <a href="#" class="boton-subir">
                <ion-icon name="arrow-up-outline"></ion-icon>
            </a>

        </main>

        <!-- Footer -->
        <script src="./js/footer.js"></script>

        <!--

			\____/\
			/\  /\

        -->

    </body>
</html>