|
|
@@ -0,0 +1,524 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="es">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Línea del Tiempo</title>
|
|
|
+ <link rel="stylesheet" href="./assets/css/navbar.css">
|
|
|
+ <link rel="stylesheet" href="./assets/css/footer.css">
|
|
|
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap">
|
|
|
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap">
|
|
|
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
|
|
+ <style>
|
|
|
+ body {
|
|
|
+ font-family: Arial, sans-serif;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .timeline-container {
|
|
|
+ padding: 50px 0;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .timeline-header {
|
|
|
+ background: url('https://www.perodri.es/wp-content/uploads/historia-reloj-arena.jpg') no-repeat center center;
|
|
|
+ background-size: cover;
|
|
|
+ color: white;
|
|
|
+ padding: 100px 20px;
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: bold;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .overlay {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background: rgba(71, 185, 179, 0.5);
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-text {
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-text-1 {
|
|
|
+ background-color: #49976d;
|
|
|
+ width: 24%;
|
|
|
+ border-radius: 30px;
|
|
|
+ height: 75px;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: calc(1.5rem + 1vw);
|
|
|
+ }
|
|
|
+
|
|
|
+ .event {
|
|
|
+ margin: 20px auto;
|
|
|
+ padding: 20px;
|
|
|
+ width: 90%;
|
|
|
+ max-width: 1400px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event h3 {
|
|
|
+ color: #5b1651;
|
|
|
+ font-size: calc(1rem + 0.5vw);
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event p {
|
|
|
+ color: #a30980;
|
|
|
+ font-size: calc(0.9rem + 0.3vw);
|
|
|
+ }
|
|
|
+
|
|
|
+ .event-header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon, .year {
|
|
|
+ background-color: #73C7A5;
|
|
|
+ border: 3px solid #A9D8BF;
|
|
|
+ color: white;
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 65px;
|
|
|
+ height: 65px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 16px;
|
|
|
+ margin: 0 10px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 768px) {
|
|
|
+ .timeline-header {
|
|
|
+ padding: 70px 20px;
|
|
|
+ font-size: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-text-1 {
|
|
|
+ width: 60%;
|
|
|
+ font-size: calc(1.2rem + 1vw);
|
|
|
+ }
|
|
|
+
|
|
|
+ .event-header {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event {
|
|
|
+ width: 90%;
|
|
|
+ padding: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon, .year {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event h3 {
|
|
|
+ font-size: calc(0.9rem + 0.3vw);
|
|
|
+ }
|
|
|
+
|
|
|
+ .event p {
|
|
|
+ font-size: calc(0.8rem + 0.3vw);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media (max-width: 480px) {
|
|
|
+ .timeline-header {
|
|
|
+ padding: 50px 10px;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title-text-1 {
|
|
|
+ width: 80%;
|
|
|
+ font-size: calc(1rem + 1vw);
|
|
|
+ }
|
|
|
+
|
|
|
+ .event {
|
|
|
+ width: 95%;
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon, .year {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .event h3, .event p {
|
|
|
+ font-size: calc(0.8rem + 0.2vw);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <nav class="navbar">
|
|
|
+ <div class="navbar-left">
|
|
|
+ <img src="./assets/img/logo.png" alt="Logo" class="logo">
|
|
|
+ <div class="textC">
|
|
|
+ <img src="./assets/img/heart.png" alt="">
|
|
|
+ <span>Se voluntario</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="navbar-center">
|
|
|
+ <ul class="nav-links">
|
|
|
+ <li><a href="#">Inicio</a></li>
|
|
|
+ <li class="dropdown">
|
|
|
+ <a href="#">Quienes Somos</a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li><a href="#">Misión, Visión y Principios</a></li>
|
|
|
+ <li><a href="#">Equipos</a></li>
|
|
|
+ <li><a href="./LineadelTiempo.html">Línea del Tiempo</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="dropdown">
|
|
|
+ <a href="#">Que hacemos</a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li><a href="./Contexto.html">El contexto</a></li>
|
|
|
+ <li><a href="./Programas.html">Programas</a></li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">Informes</a></li>
|
|
|
+ <li class="dropdown">
|
|
|
+ <a href="#">Historias</a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li><a href="#">Historias de éxito</a></li>
|
|
|
+ <li><a href="#">Blogs</a></li>
|
|
|
+ <li><a href="#">Eventos</a></li>
|
|
|
+ <li><a href="#">Videos</a></li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li><button class="btn-donation"><span>DONA YA!</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="navbar-right">
|
|
|
+ <a href="https://www.facebook.com/Chieltik/"><i class="fa-brands fa-facebook-f"></i></a>
|
|
|
+ <a href="https://www.chieltik.org/"><i class="fa-brands fa-google-plus-g"></i></a>
|
|
|
+ <a href="https://www.instagram.com/chieltik/"><i class="fa-brands fa-instagram"></i></a>
|
|
|
+ <a href="https://www.linkedin.com/company/chieltik"><i class="fa-brands fa-linkedin-in"></i></a>
|
|
|
+ <a href="https://www.youtube.com/c/Chieltik/"><i class="fa-brands fa-youtube"></i></a>
|
|
|
+ </div>
|
|
|
+ <div class="hamburger">
|
|
|
+ <span></span>
|
|
|
+ <span></span>
|
|
|
+ <span></span>
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+
|
|
|
+ <div class="mobile-menu">
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">Inicio</a></li>
|
|
|
+ <li><a href="#">Quienes Somos</a></li>
|
|
|
+ <li><a href="#">Que hacemos</a></li>
|
|
|
+ <li><a href="#">Informes</a></li>
|
|
|
+ <li><a href="#">Historias</a></li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <div class="icons">
|
|
|
+ <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
|
|
+ <a href="#"><i class="fa-brands fa-google-plus-g"></i></a>
|
|
|
+ <a href="#"><i class="fa-brands fa-instagram"></i></a>
|
|
|
+ <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
|
|
|
+ <a href="#"><i class="fa-brands fa-youtube"></i></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="timeline-container">
|
|
|
+ <div class="timeline-header">
|
|
|
+ <div class="overlay"></div>
|
|
|
+ <div class="title-text">
|
|
|
+ <div class="title-text-1">
|
|
|
+ Línea del Tiempo
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #CC4242; border: 3px solid #F5A3A3;">
|
|
|
+ <i class="fa-solid fa-hand-holding-heart" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Fundación de Chieltik</h3>
|
|
|
+ <span class="year" style="background-color: #CC4242; border: 3px solid #F5A3A3;">2009</span>
|
|
|
+ </div>
|
|
|
+ <p>El <b>03 de noviembre</b> se constituye legalmente <b>IDEAS Información y Diseños Educativos para Acciones Saludables A.C.</b>, con la misión de <b>contribuir con plena conciencia al fortalecimiento de las habilidades de las y los jóvenes indígenas, favoreciendo el reconocimiento de sus derechos</b>,
|
|
|
+ actuando con instituciones gubernamentales de salud, educación y con la población en general.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #8D79AA; border: 3px solid #b48df0;">2010</span>
|
|
|
+ <h3>Comienzo de Actividades</h3>
|
|
|
+ <span class="year" style="background-color: #8D79AA; border: 3px solid #b48df0;">2011</span>
|
|
|
+ </div>
|
|
|
+ <p>En <b>febrero</b> comenzamos nuestras actividades en el Colegio de Bachilleres 108 en Nuevo Momón, municipio de Las Margaritas Chiapas, con el programa: <b>Fortalecimiento de habilidades para la vida con adolescentes indígenas con énfasis en la salud sexual y reproductiva</b>, con el que se capacitó a adolescentes de las instituciones educativas,
|
|
|
+ además de fortalecer las habilidades de trabajo con jóvenes al personal educativo y de salud. A partir, de la experimentación de estrategias pedagógicas en este
|
|
|
+ proyecto se asentaron las bases para el modelo de trabajo de IDEAS hacia la población juvenil indígena.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon">
|
|
|
+ <i class="fa-solid fa-rocket" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Comenzamos Proyecto</h3>
|
|
|
+ <span class="year">2011</span>
|
|
|
+ </div>
|
|
|
+ <p> Comenzamos con el proyecto <b>"Formación de adolescentes indígenas tojolabales para el empoderamiento, las relaciones equitativas y la prevención de la
|
|
|
+ violenvia de género"</b> , el objetivo fue capacitar a las y los jóvenes estudiantes de bachillerato de la región de Nuevo Momón, municipio de las Margaritas,
|
|
|
+ para que visibilizar las formas de violencia de género en la comunidad.</p>
|
|
|
+ <p>Primera semana Cultura, realizamos talleres de teatro intergeneracional y video dirigido a adultos y jóvenes indígenas del Colegio de Bachilleres y Telesecundaria
|
|
|
+ de Nuevo Momón (Las Margaritas), con temas sobre derecho y equidad de género y Salud sexual y reproductiva.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #DF4B6D; border: 3px solid #F5A3A3;">
|
|
|
+ <i class="fa-solid fa-scale-balanced" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Formación de niñas y niños indígenas en sus derechos</h3>
|
|
|
+ <span class="year" style="background-color: #DF4B6D; border: 3px solid #F5A3A3;">2013</span>
|
|
|
+ </div>
|
|
|
+ <p>Proyecto <b>"Formación de niñas y niños indígenas en sus derechos"</b>, se realizó con el propósito de abordar diversas formas de violencia y vulneración de los derechos
|
|
|
+ de las niñas y los niños en planteles de primaria intercultural en las comunidades de Nuevo Mamón, Nuevo San Juan Chamula y San Antonio Los Montes en el municipio de Las Margaritas.
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <b>Tercera Temporada Cultural "¿Es madre se padre?"</b> Talleres de teatro de video animación, de radio, y taller de video clip musical en torno a la
|
|
|
+ paternidad y la maternidad en la adolescencia y la juventud temprana, sus implicaciones en el proyecto de vida de las y los jóvenes. Se realizó en comunidades de nuevo Momón y
|
|
|
+ Nuevo San Juan Chamula (Las Margaritas) y San Juan Cancuc (Cancuc).
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #8D79AA; border: 3px solid #b48df0;">2013</span>
|
|
|
+ <h3>FortaleSiendo Jovenes</h3>
|
|
|
+ <span class="year" style="background-color: #8D79AA; border: 3px solid #b48df0;">2016</span>
|
|
|
+ </div>
|
|
|
+ <p>Proyecto <b>"FortaleSiendo Jóvenes" Programa integral de salud sexual y reproductiva y prevención de la violncia de género</b>, dirigido a los jóvenes indígenas
|
|
|
+ de seis microrregiones de la Selva y los Altos de Chiapas. El programa considera cinco lineas de trabajo:
|
|
|
+ -Formación de educadores comunitarios indígenas
|
|
|
+ -Capacitación a jóvenes en los ejes temáticos
|
|
|
+ -Participacion juvenil
|
|
|
+ -Sensibilización de las y los adultos hacia la perpectiva juvenil y construcción de alianzas en favor de los derechos de las y los jóvenes indígenas.
|
|
|
+ </p>
|
|
|
+ <p><b>Proyecto "FortaleSiendo Jóvenes en Chenalhó"</b>, adecuado al contexto cultural de las y los jovenes tsotsiles del municipio de Chenalhó.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon">
|
|
|
+ <i class="fa-solid fa-scale-balanced" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Me formo, eligo, decido y comparto mis saberes</h3>
|
|
|
+ <span class="year">2014</span>
|
|
|
+ </div>
|
|
|
+ <p>Proyecto <b> "Me formo, eligo, decido y comparto mis saberes"</b>, este proyecto se enfocó a la capacitación de adolescentes, niñas y niños
|
|
|
+ para <b>fortalecer las relaciones equitativas de género y el ejercicio de sus derechos</b>. Se realizo un Nuevo Momón y Nuevo San Juan Chamula, municipio de Las Margaritas.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon"style="background-color: #CC4242; border: 3px solid #F5A3A3;">2014</span>
|
|
|
+ <h3>FortaleSiendo Jóvenes en San Juan Cancuc</h3>
|
|
|
+ <span class="year" style="background-color: #CC4242; border: 3px solid #F5A3A3;">2016</span>
|
|
|
+ </div>
|
|
|
+ <p>Proyecto <b>"FortaleSiendo Jóvenes en San Juan Cancuc"</b>, adecuado al contexto cultural de las y los jóvenes tseltales del municipio de Cancuc. Este proyecto incluye una línea de participación para el desarrollo de una radio juvenil comunitaria.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #8D79AA; border: 3px solid #b48df0;">
|
|
|
+ <i class="fa-solid fa-people-group" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Creciendo Juntos</h3>
|
|
|
+ <span class="year" style="background-color: #8D79AA; border: 3px solid #b48df0;">2014</span>
|
|
|
+ </div>
|
|
|
+ <p><b>1 Encuentro Intercultural de Jóvenes Indígenas en las Margaritas:"Creciendo Juntos"</b>, Encuentro entre jóvenes de diversas comunidades y culturas, con el objetivo de construir reservados
|
|
|
+ juveniles en las comunidades indígenas. El encuentro abordó la reflexión sobre la situación de ser joven e indígena, la discrimiación y los valores del Buen Vivir.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon">2015</span>
|
|
|
+ <h3>Prevención de la violencia de género</h3>
|
|
|
+ <span class="year">2016</span>
|
|
|
+ </div>
|
|
|
+ <p><b>Prevención de la violencia de género y el matrimonio forzado con jóvenes indígenas de Chiapas</b>, proyecto orientado a la capacitación de mujeres y hombres jóvenes de comunidad indígenas
|
|
|
+ de Chenalhó, Cancuc y Las Margaritas, para la trasnformación de la violencia de género, <b>promoviendo acciones en favor del derecho a decidir de las mujeres</b> sobre el matrimonio y la maternidad.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #CC4242; border: 3px solid #F5A3A3;">
|
|
|
+ <i class="fa-solid fa-users-gear" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Construyendo el Buen Vivir para todos y todas</h3>
|
|
|
+ <span class="year" style="background-color: #CC4242; border: 3px solid #F5A3A3;">2015</span>
|
|
|
+ </div>
|
|
|
+ <p><b>II Encuentro Intercultural de Jóvenes Indígenas en las Margaritas: "Construyendo el Buen Vivir para todos y todas"</b>, este encuentro tuvo como temática la reflexión en torno a la situación
|
|
|
+ de las mujeres en las comunidades indígenas.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #8D79AA; border: 3px solid #b48df0;">
|
|
|
+ <i class="fa-solid fa-file-pen" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Manual FortaleSiendo Jóvenes</h3>
|
|
|
+ <span class="year" style="background-color: #8D79AA; border: 3px solid #b48df0;">2015</span>
|
|
|
+ </div>
|
|
|
+ <p>Material Creación del <b>"Manual FortaleSiendo Jóvenes" Manual para los educadores comunitarios </b>construido a partir de la sistematicación de la experiencia desd un enfoque intercultural. Consta de cuatro módulos.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon">
|
|
|
+ <i class="fa-solid fa-award" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>"Somos lo que creemos" o "nuestro crecimiento"</h3>
|
|
|
+ <span class="year">2017</span>
|
|
|
+ </div>
|
|
|
+ <p>Como resultado de los logros y transformación de IDEAS A.C., el equipo Semillero, construido por jóvenes tseltales, tsotsiles y tojolabales <b>nombran a nuestro proyecto
|
|
|
+ como Ch'ieltik que en lengua tseltal significa "Somos lo que creemos" o "nuestro crecimiento"</b> , así, desde su espiritualidad logran comunicar lo que hacemos y nuestras aspiraciones.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #CC4242; border: 3px solid #F5A3A3;">
|
|
|
+ <i class="fa-solid fa-chart-line" style="transform: scale(2);"></i>
|
|
|
+ </span>
|
|
|
+ <h3>Reconocimientos</h3>
|
|
|
+ <span class="year" style="background-color: #CC4242; border: 3px solid #F5A3A3;">2017</span>
|
|
|
+ </div>
|
|
|
+ <p>Fuimos reconocidos con el <b>2do Lugar del Premio OEA-SGIB-Fundatión Vidanta</b>, por su contribución a la reducción de la pobreza y desigualdad en América Latina y Caribe.</p>
|
|
|
+ <p>Mención especial del <b> Premio de Derechos Humanos de la República Francesa</b> por la Promoción y Defensoría de los Derechos Sexuales y Reproductivos de los Jóvenes indígenas.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="event">
|
|
|
+ <div class="event-header">
|
|
|
+ <span class="icon" style="background-color: #8D79AA; border: 3px solid #b48df0;"></span>
|
|
|
+ <h3>Premio Iberoamericano de la Juventud 2018</h3>
|
|
|
+ <span class="year" style="background-color: #8D79AA; border: 3px solid #b48df0;">2018</span>
|
|
|
+ </div>
|
|
|
+ <p>Recibimos el <b>Premio Iberoamericano de la Juventud 2018</b> en la categoria de activismo juvenil.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <footer class="footer">
|
|
|
+ <div class="footer-header">
|
|
|
+ <div class="form-container">
|
|
|
+ <img src="./assets/img/Logo-1.png" alt="" height="100px">
|
|
|
+ <i class="fa-regular fa-envelope"
|
|
|
+ style="color: #76225e; transform: scale(2.5); margin-left: 20px; margin-right: 20px;"></i>
|
|
|
+ <span style="font-size: 23px; font-weight: bold; margin-right: 30px;">Suscríbete</span>
|
|
|
+ <form class="footer-form">
|
|
|
+ <input class="email-footer" placeholder="Direccción de Correo" />
|
|
|
+ <button class="subscribe footer-color">SUSCRÍBETE</button>
|
|
|
+ </form>
|
|
|
+ <div class="d-flex">
|
|
|
+ <a href="https://www.instagram.com/chieltik/" class="icon-footerT"><i
|
|
|
+ class="fa-brands fa-instagram"></i></a>
|
|
|
+ <a href="https://www.linkedin.com/company/chieltik" class="icon-footerT"><i
|
|
|
+ class="fa-brands fa-linkedin-in"></i></a>
|
|
|
+ <a href="https://www.facebook.com/Chieltik/" class="icon-footerT"><i
|
|
|
+ class="fa-brands fa-facebook-f"></i></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="footer-info">
|
|
|
+ <div class="info-container">
|
|
|
+ <div class="part">
|
|
|
+ <header class="footer-title">
|
|
|
+ <i class="fa-solid fa-hand iconF"></i>
|
|
|
+ <div class="footer-title-in">
|
|
|
+ <span class="titleC">Donación por elección</span>
|
|
|
+ <span class="titleQ footer-color">Titulo</span>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+ <div class="d-col part-text footer-color">
|
|
|
+ <span>
|
|
|
+ Prevents our being able to do we like best, every pleasures is every pain avoided.
|
|
|
+ </span>
|
|
|
+ <button class="join footer-color">ÚNETE</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part">
|
|
|
+ <span class="titleQ footer-color">
|
|
|
+ Donaciones
|
|
|
+ </span>
|
|
|
+ <div class="part-text">
|
|
|
+ <ul class="donation-list">
|
|
|
+ <div class="d-flex footer-color"><i class="fa-solid fa-check mr-10"></i>
|
|
|
+ <li>Donaciones</li>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex footer-color"><i class="fa-solid fa-check mr-10"></i>
|
|
|
+ <li>Programas</li>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex footer-color"><i class="fa-solid fa-check mr-10"></i>
|
|
|
+ <li>Contacto</li>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part">
|
|
|
+ <header class="footer-title">
|
|
|
+ <i class="fa-solid fa-box-tissue iconF"></i>
|
|
|
+ <div class="footer-title-in">
|
|
|
+ <span class="titleC">Chielt'ik</span>
|
|
|
+ <span class="titleQ footer-color">Apoyando a jovenes</span>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+ <div class="d-col part-text footer-color">
|
|
|
+ <span class="titleQ">5555634780</span>
|
|
|
+ <span>info@chieltik.org</span>
|
|
|
+
|
|
|
+ <span class="footer-color"
|
|
|
+ style="margin-top: 15px; font-size: 18px; font-weight: bold ;">Oficinas</span>
|
|
|
+ <span>Insurgentes Sur 1409 B, Benito Juárez, CDMX.</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="footer-end">
|
|
|
+ <div class="footer-end-container" style="color: gray; font-size: 18px;">
|
|
|
+ <span>©<span id="year"></span>
|
|
|
+ <span class="footer-color">
|
|
|
+ Chieltik
|
|
|
+ </span>
|
|
|
+ Todos los derechos reservados.
|
|
|
+ </span>
|
|
|
+ <span class="ways-donate footer-color">Formas de donar: <i class="fa-brands fa-cc-paypal"
|
|
|
+ style="color: gray;"></i></span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </footer>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
