Clinica-Rios/citas.html at main · DiegoERS/Clinica-Rios · 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html> <!--indica que es html 5-->

<html lang="es"> <!--el lang es para el lenguaje que quiero que detecte el html, es=español-->

<head>
    <meta charset="UTF-8"> <!--para usar todos los caracteres como tildes, signos, etc...-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--es todo lo del responsive, para que adapte bien al contenido de un dispositivo-->
    <title>Agendar citas</title><!--es para el nombre de la pestaña-->
    <link rel="stylesheet" type="text/css" href="css/estilo.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <link rel="stylesheet" type="text/css" href="css/Calendario.css">
    <!-- el rel para que sepa que es css al igual que el type, href para la ruta del archivo-->
    <!--para iconos-->
    <script src="https://kit.fontawesome.com/41bcea2ae3.js" crossorigin="anonymous"></script>


</head> <!--contiene todos los archivos de conexion y configuraciones-->

<body>
    <header>
        <div class="contenedor_titulo_index">
            <a href="index.html" class="titulo_index">Clínica Árbol de seda</a> <!--titulos, h1,h2,h3,h4,h5,h6-->
        </div>
        <nav>
            <ul>
                <li><a href="inicioSesion.html">Registro/Inicio de sesión</a></li>
                <li><a href="busqueda.html">Búsqueda de médicos</a></li>
                <li><a href="servicios.html">Servicios</a></li>
                <li><a href="nosotros.html">Sobre nosotros</a></li>


            </ul>


        </nav>

    </header>

    <main>
        <div class="contenido_SesionC">
            <div class="izquierda">
                <div class="calendario">
                    <div class="mes">
                        <i class="fa fa-angle-left prev"></i>
                        <div class="fecha"></div>
                        <i class="fa fa-angle-right next"></i>


                    </div>
                    <div class="diasSemana">

                        <div>Dom</div>
                        <div>Lun</div>
                        <div>Mar</div>
                        <div>Miérc</div>
                        <div>Juev</div>
                        <div>Vier</div>
                        <div>Sáb</div>

                    </div>
                    <div class="dias">

                    </div>
                    <div class="ir-hoy">
                        <div class="ir">
                            <input type="text" placeholder="mm/yyyy" class="fecha-input">
                            <button class="ir-boton">Ir</button>
                        </div>
                        <button class="boton-hoy">Hoy</button>
                    </div>


                </div>

            </div>
            <div class="derecha">
                <div class="fecha-hoy">
                    <div class="dia-evento">Mar</div>
                    <div class="fecha-evento">26 Marzo 2024</div>

                </div>
                <div class="eventos">


                </div>
                <div class="add-evento-contenedor">
                    <div class="add-evento-header">
                        <div class="titulo">Realizar cita</div>
                        <i class="fas fa-times close"></i>
                    </div>
                    <div class="add-evento-body">
                        <div class="add-evento-input">
                            <select class="nombre-evento doctores">
                            </select>
                        </div>
                        <div class="add-evento-input">
                            <select  class="nombre-evento especializacion">
                            </select>
                        </div>
                        <div class="add-evento-input">
                            <select  class="nombre-evento Horario">
                            </select>
                        </div>

                    </div>
                    <div class="add-evento-footer">
                        <button class="add-evento-boton">solicitar cita</button>
                    </div>
                </div>
            </div>
            <button class="add-evento">
                <i class="fas fa-plus"></i>
            </button>
        </div>

    </main>
    <footer>
        <p>Más información sobre nosotros.</p>

        <div>

            <a href="preguntas.html">Preguntas frecuentes</a>
            <a href="contacto.html">Información de contacto</a>
            <a href="js/Política de Privacidad clinica.pdf" download="Clinica Árbol de seda (Politica de privacidad y términos de uso).pdf">Politica de privacidad y términos de uso</a>


        </div>

        <p>Derechos de autor &copy; 2024 Clínica Árbol de seda.</p>

    </footer> <!--pie de pagina-->


    <script src="js/main.js?34"></script>
    <script src="js/Calendario.js?39"></script>


</body>

</html>