{/* Stats Cards */}
INSTITUTO CRISTIANO ESPERANZA DE VIDA
Logo
Jesucristo Esperanza de Vida
ATENCION
import { useState } from "react";
import { RegistrationForm, AttendanceRecord } from "@/components/RegistrationForm";
import { AttendanceList } from "@/components/AttendanceList";
import { StatsCards } from "@/components/StatsCards";
import { BookOpen } from "lucide-react";
const Index = () => {
const [records, setRecords] = useState([]);
const handleNewRecord = (record: AttendanceRecord) => {
setRecords((prev) => {
const existingRecordIndex = prev.findIndex(
(r) => r.name === record.name && r.date === record.date && !r.checkOutTime
);
if (existingRecordIndex !== -1 && record.checkOutTime) {
const updated = [...prev];
updated[existingRecordIndex] = {
...updated[existingRecordIndex],
checkOutTime: record.checkOutTime,
};
return updated;
}
return [...prev, record];
});
};
return (
{/* Header */}
{/* Footer */}
);
};
export default Index;
Sistema de Asistencia
Control de entrada y salida de estudiantes y docentes
.banner {
background-color: #182659;
color: white;
text-align: center;
padding: 20px 0;
font-size: 1.5em;
animation: slideIn 5s infinite alternate;
}
@keyframes slideIn {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.banner-content h2 {
font-size: 2.2em;
margin: 0;
}
.banner-content p {
font-size: 1.1em;
}
Bienvenido al Instituto Cristiano Esperanza de Vida
¡Nos alegra tenerte en nuestra comunidad de estudiantes! Prepárate para una experiencia de aprendizaje única.
¡Bienvenidos al Instituto Cristiano
Esperanza de Vida!
Somos una institución educativa cristiana comprometida con tu formación integral, combinando excelencia académica y valores espirituales.
Educando para la Vida y la Eternidad
“2en la esperanza de la vida eterna, la cual Dios, que no miente, prometió desde antes del principio de los siglos,” (Tito 1:2)
Graduacion 2024
Replace this text with information about you and your business or add information that will be useful for your customers.
“14Seguid la paz con todos, y la santidad, sin la cual nadie verá al Señor.” (Hebreo 11:14)
Replace this text with information about you and your business or add information that will be useful for your customers.
“16Porque de tal manera amó Dios al mundo, que ha dado a su Hijo unigénito, para que todo aquel que en él cree, no se pierda, más tenga vida eterna.” (Juan 3:16)
Nuestros servicios
Finanzas
Planeación financiera
Consultoría de negocios
Equipo profesional
BACHILLERATO POR CICLOS
Promoción 2025
Dayana Epiayu
Esther Virtuosa
Yulieth Osorio
Texto corto 1 de la plantilla Texto corto 1 de la plantilla Texto...
Wilder Sangronis
Christhian Mejia
Jhonatan Lopez
Jhonatan Lopez
Texto corto 1 de la plantilla Texto corto 1 de la plantilla Texto...
Texto corto 1 de la plantilla Texto corto 1 de la plantilla Texto...
Deje que tus clientes se registren para tus ofertas exclusivas.
Vamos a comunicarnos
Teléfono:
+34 917 81 68 62
Correo electrónico:
info@site.info
Dirección:
Centro De Negocios Amway
Calle Nuñez de Balboa, 12
28001
España
© Company
2026
Equipo profesional
ASISTENTE DE PREESCOLAR
Promoción 2025
Dayana Epiayu
Esther Virtuosa
Yulieth Osorio
Texto corto 1 de la plantilla Texto corto 1 de la plantilla Texto...
Promoción 2025
Wilder Sangronis
Christhian Mejia
Jhonatan Lopez
Jhonatan Lopez
Texto corto 1 de la plantilla Texto corto 1 de la plantilla Texto...
Texto corto 1 de la plantilla Texto corto 1 de la plantilla Texto...
Deje que tus clientes se registren para tus ofertas exclusivas.
Vamos a comunicarnos
Teléfono:
+34 917 81 68 62
Correo electrónico:
info@site.info
Dirección:
Centro De Negocios Amway
Calle Nuñez de Balboa, 12
28001
España
© Company
2026
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.fondo{
min-height: 100vh;
}
.fondo_menu{
background-color: #212529;
}
.boton{
color: white;
border: 1px solid white;
margin-left: 15px;
text-decoration: none;
padding: 6px 8px;
border-radius: 8px;
transition: .2s;
}
.boton:hover{
border: 1px solid gray;
color: gray;
}
.fondo-login{
background-color: rgba(0, 0, 0, 0.938);
min-height: 100vh;
padding-top: 50px;
}
.login{
color: white;
margin: auto;
border: 1px solid gray;
padding: 20px;
border-radius: 6px;
background-color: rgb(51, 47, 47);
}
.icon, .titulo{
text-align: center;
color: white;
}
.titulo{
margin-bottom: 12px;
}
.icon .dog-icon{
font-size: 50px;
margin-bottom: 10px;
color: white;
}
.box-eye{
position: relative;
}
.box-eye button{
border: none;
position: absolute;
}
.changePassword{
position: absolute;
top: 12px;
left: 270px;
color: rgb(51, 47, 47);
cursor: pointer;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.fondo{
min-height: 100vh;
}
.fondo_menu{
background-color: #212529;
}
.boton{
color: white;
border: 1px solid white;
margin-left: 15px;
text-decoration: none;
padding: 6px 8px;
border-radius: 8px;
transition: .2s;
}
.boton:hover{
border: 1px solid gray;
color: gray;
}
.fondo-login{
background-color: rgba(0, 0, 0, 0.938);
min-height: 100vh;
padding-top: 50px;
}
.login{
color: white;
margin: auto;
border: 1px solid gray;
padding: 20px;
border-radius: 6px;
background-color: rgb(51, 47, 47);
}
.icon, .titulo{
text-align: center;
color: white;
}
.titulo{
margin-bottom: 12px;
}
.icon .dog-icon{
font-size: 50px;
margin-bottom: 10px;
color: white;
}
.box-eye{
position: relative;
}
.box-eye button{
border: none;
position: absolute;
}
.changePassword{
position: absolute;
top: 12px;
left: 270px;
color: rgb(51, 47, 47);
cursor: pointer;
}
Replace this text with information about you and your business or add information that will be useful for your customers.
Replace this text with information about you and your business or add information that will be useful for your customers.
Replace this text with information about you and your business or add information that will be useful for your customers.
(+57) 300 404 2626 - 300 235 3474
Dirección:
Centro De Negocios Amway
Calle Nuñez de Balboa, 12
Madrid
10118
España
Riohacha La Guajira
- Carrera 15 N° 25 - 37 Apto 2 y 4
Dirección: CRA 15 No. 14 - 57
Centro De Negocios Amway
Calle Nuñez de Balboa, 12
Madrid
10118
España
Contáctanos
Iniciar Sesión
