MyStuff/camScanner.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
96
97
98
99
<!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">CamScanner Premium</p>
                <p class="titulos__subtitulo">Scanner de Documentos Con Funciones Premium.</p>
            </div>

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

                <!-- Tarjeta -->
                <section class="tarjeta">

                    <!-- Informacion -->
                    <div class="tarjeta__informacion">
                        <p class="tarjeta__titulo">Informacion</p>
                        <p class="tarjeta__descripcion">
                            Al Instalar CamScanner Obtendras Todas las Funciones Premium que se Incluye:
                        </p>

                        <!-- Lista -->
                        <ul class="tarjeta__lista">
                            <b>Funciones Premium:</b>
                            <li>No Mas Anuncios.</li>
                            <li>Scaneo Alta Calidad.</li>
                            <li>Reconocimiento Optico de Caracteres.</li>
                            <li>Sin Limites de Scaneo.</li>
                            <li>Almacenamiento en la Nube.</li>
                            <li>Proteccion con Contraseña.</li>
                            <li>Funciones de Colaboracion.</li>
                            <li>Exportacion Multiples Formatos.</li>
                            <li>Edicion Avanzada</li>
                        </ul>

                        <!-- Slider -->
                        <div class="slider" id="slider1">
                            <div class="slider__imagenes">
                                <img src="./imagenes/etc/camScanner/camScanner_banner.jpg" alt="imagen" class="slider__imagen">
                                <img src="./imagenes/etc/camScanner/camScanner_funciones.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/8mQB1J6T#ddSBn-DVuBbETu17x3e1O9k7h7VNvUJ-XD0QcU4NyDw" target="_blank" class="boton descargar">
                                Descargar APK
                                <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>