TinyAssistant/quienes.html at master · takeshidev/TinyAssistant · 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tiny Assistant</title>
    <!-- Referencias estandard-->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="js/login.js" defer></script>
    <link rel="stylesheet" href="css/slidebars.css">
    <script src="js/slidebars.js"></script>
    <script src="js/menu.js" defer></script>
    <script src="https://kit.fontawesome.com/0a0085a95e.js" crossorigin="anonymous"></script>
    <!-- Referencias particulares-->
    <link rel="stylesheet" href="css/styleQuienes.css">
</head>

<body onload="verificarusuario()">
    <div off-canvas="id-1 left overlay">
        <nav>
            <div id="menu">
                <p><i class="fas fa-shield-alt"></i> Tiny Asisstant</p>
                <div class="link"><a href="index.html"><i class="far fa-flag"></i> Inicio</a></div>
                <div class="link"><a href="Acercade.html"><i class="fas fa-info-circle"></i> Acerca de</a></div>
                <div class="link"><a href="quienes.html"><i class="fas fa-people-carry"></i> Quienes somos</a></div>
                <div class="link"><a href="PersonajesGEN.html"><i class="fas fa-user-plus"></i> Generador Personajes</a></div>
                <div class="link"><a href="generadoraventuras.html"><i class="fas fa-scroll"></i> Generador Aventuras</a></div>
                <div class="link"><a href="cerrarsesion.html"><i class="fas fa-door-open"></i >Cerrar sesion</a></div>
            </div>
        </nav>
    </div>

    <div canvas="container">
        <!-- INICIO SECCION CABECERA va en todas las paginas-->
        <header>
            <h1><i class="fas fa-shield-alt"></i> Tiny Assistant</h1>
            <h2>Asistente para Tiny Dungeon</h2>
            <button class="js-toggle-left-slidebar btnMenu"><i class="fas fa-bars"></i> Menu </button>
        </header>
        <section class="row">
            <div class="boxUsuario" id="perfil">
                <div id="sihayusuario">
                    Hola <span id="nomuser"></span>
                </div>
                <div id="nohayusuario">
                    <h2>Login</h2>
                    <p>Ingresa tu nombre</p>
                    <form id="formusuario">
                        <input type="text" name="usuario" id="usuario" placeholder="Usuario" required>
                        <button type="button" onclick="login()">Login</button>
                    </form>
                </div>
            </div>
        </section>

        <!-- FIN SECCION CABECERA-->

        <h1>Quien Somos</h1>
        <h2>Colaboradores</h2>
        <section class="protagonistas">
            <div class="col-s-5 caras">
                <img src="img/take.jfif" alt="">
                <div class="texto-caras">
                    <h3>Takeshi Kita</h3>
                    <p>Director de proyecto, encargado del diseño del código JavaScript y HTML.</p>
                </div>
            </div>
            <div class="col-s-5 caras">
                <img src="img/tobal.jfif" alt="">
                <div class="texto-caras">
                    <h3>Cristobal Latorre</h3>
                    <p>Encargado del diseño CSS.</p>
                </div>
            </div>
            <div class="col-s-5 caras">
                <img src="img/willy.jfif" alt="">
                <div class="texto-caras">
                    <h3>Andrés Barroso</h3>
                    <p>Creador de contenido y apoyo en códigos JavaScript y HTML.</p>
                </div>
            </div>
            <div class="col-s-5 caras">
                <img src="img/javier.jpeg" alt="">
                <div class="texto-caras">
                    <h3>Javier Leiva</h3>
                    <p>Creador de contenido y apoyo en códigos JavaScript y HTML.</p>
                </div>
            </div>
        </section>

        <section class="MV">
            <section class="col-s-5 mision">
                <h2>Misión</h2>
                <p>Queremos falicitar el entendimiento de Tiny Dungeons para que las partidas sean cada vez más desafiantes.
                </p>
            </section>
            <section class="col-s-5 vision">
                <h2>Visión</h2>
                <p>Pretendemos ser la página oficial de asistencia de Tiny Dungeons.</p>
            </section>
        </section>
        <footer>
            <p>&copy; Tiny Assistant - 2020</p>
            <p>Siguenos en redes sociales</p>
            <div class="social">
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-facebook"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
                <a href="#"><i class="fab fa-google-plus"></i></a>
            </div>
        </footer>
    </div>

</body>

</html>