CoyoLessons/index.html at master · Morall0/CoyoLessons · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./statics/img/Logo.png" type="image/png">
    <link rel="stylesheet" href="./libs/fontawesome-free-5.15.3-web/css/all.css">
    <link rel="stylesheet" href="./statics/styles/basics.css">
    <link rel="stylesheet" href="./statics/styles/index.css">
    <script src="./libs/jquery/jquery-3.6.0.min.js"></script>
    <script src="./dynamics/js/index.js"></script>
    <title>Principal</title>
</head>
<body>
    <nav class="nav">
        <div id="tit">COYOLESSONS</div>
             <div id="hamburguesa"><i class="fa fa-bars fa-2x"></i></div>
             <div class="link"><a href="./index.html">Principal</a></div>
             <div class="link"><a href="./templates/MiPerfil.html">Perfil</a></div>
             <div class="link" id="administrar"><a href="./templates/admin.html">Administrar</a></div>
             <div class="link"><i class="fas fa-paint-roller"></i></div>
     </nav>
    <!-- contenido -->
    <div id="izquierdo">
        <div id="lupa">
            <input type="search" id="buscador" placeholder="Buscar por nombre del asesor">
            <input type="submit" id="buscar" value="BUSCAR">
        </div>
        <div id="filtros">
            <label for="fecha">
                <select name="fecha" id="Fecha" class="filtro">
                    <option selected value="" hidden><p>Fecha</p></option>
                </select>
            <label for="horario">
                <select name="horario" id="hora" class="filtro">
                    <option selected value="" hidden><p>Horario</p></option>
                </select>
            </label>
            <label for="materia">
                <select name="materia" id="Nombre" class="filtro">
                    <option selected value="" hidden><p>Materia</p></option>
                </select>
            </label>
            <label for="modalidad">
                <select name="modalidad" id="Modalidad" class="filtro">
                    <option selected value="" hidden><p>Modalidad</p></option>
                </select>
            </label>
            <label for="medio">
                <select name="medio" id="Medio" class="filtro">
                    <option selected value="" hidden><p>Medio</p></option>
                </select>
            </label>
        </div>
        <div class="resultados"></div>
    </div>
    <div id="derecho">
        <div id="indica">Busca opciones que puedan ayudarte y agenda una asesoría.</div>
        <div id="agendar"><a href="./templates/MisAsesorias.html">Crear una asesoría</a></div>
    </div>
    <div id="footer">
        <p><button id="cred">CRÉDITOS</button></p>
        <div id='mCreditos'>
            <div class='modal-contenidouser'>
                <div id="modalhead">
                    <span><strong>Créditos</strong></span>
                    <i id ="closeBtn" class="fas fa-times-circle fa-2x"></i>
                </div>
                <div id="modalcont">
                    <div class="card">
                        <div>
                            <h4>Melissa Natalia Archundia Tapia</h4>
                            <p>Programación en php, Java Script e implementación de base de datos</p>
                        </div>
                    </div>
                    <div class="card">
                        <div>
                            <h4>Alexa Flores Medero Campos</h4>
                            <p>Diseño de páginas web, maquetado en html y uso de Java Script</Script></p>
                        </div>
                    </div>
                    <div class="card">
                        <div>
                            <h4>Alan Mauricio Morales López</h4>
                            <p>Programación en php, Java Script e implementación de base de datos</p>
                        </div>
                    </div>
                    <div class="card">
                        <div>
                            <h4>Janeth Irandy Reyes Herrera</h4>
                            <p>Diseño de páginas web, maquetado en html y uso de Java Script</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>