-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (104 loc) · 7.68 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>El sitio de alexa castillo</title>
<link rel="stylesheet" href="css/principal.css">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<head>
<body>
<!--Header - menu-->
<header>
<div class="header-content">
<div class="logo">
<h1>Alexa <b> Castillo</b></h1>
<img src="img/foto1_alexa.jpg" alt="" width="58px" height="67px">
</div>
<div class="menu" id="show-menu">
<nav>
<ul>
<li><a href="index.html" title="Página inicial"><i class='bx bx-home-heart' alt="Página Inicial" width="20px" height="20px"></i> Inicio</a></li>
<li><a href="proyectos.html" title="Proyectos"><i class='bx bxs-component' alt="Proyectos" width="20px" height="20px"></i> Proyectos</a></li>
<li><a href="blog.html" title="Blog de Alexa"><i class='bx bxl-blogger' alt="blog de Alexa" width="20px" height="20px"></i> Blog</a></li>
<li><a href="contacto.html" title="Contacto"><i class='bx bx-user-check' alt="Contáctame" width="20px" height="20px"></i> Contacto</a></li>
</ul>
</nav>
</div>
<div id="icon-menu"> <i class='bx bx-menu' width="20px" height="20px"></i>
</div>
</div>
</header>
<div class="container-all" id="move-content">
<div class="container-cover">
<div class="container-info-cover">
<h1>¡El sitio de Alexa Castillo!</h1>
<h3>Fomentando los valores y la creatividad desde la infancia<h3>
</div>
</div>
<div class="container-content">
<article>
<h1>Alexa Castillo</h1>
<img src="img/foto2_alexa.jpg" alt="" width="200px" height="300px">
<p>Alexandra Castillo se autodefine como una joven escritora, soñadora, visionaria, inspirada en la vida, la naturaleza, el infinito y una profunda devoción y respeto a Dios.</p>
<p>Actualmente se desempeña como facilitadora en la formación y desarrollo de niños con capacidades especiales y dedica gran parte de su tiempo a visitar y brindar su apoyo en diversos orfanatos, así como en varias escuelas de su ciudad natal Santo Domingo de los Tsáchilas.</p>
<p>Es precisamente en estos lugares y circunstancias donde se ha podido palpar el interés por su obra literaria, tanto de niños como maestr@s, los primeros demostrando alegría y dedicación a la lectura, así como curiosidad por las variadas láminas y figuras educativas, mientras que los maestros y maestras han apoyado su difusión.</p>
<h2>Misión y Visión</h2>
<p>La misión de Alexa Castillo es trabajar por afianzar e interiorizar principios morales, éticos y cívicos en los lectores, niñ@s, adolescentes e incluso adultos son parte de esta misión para rescatar valores que por muchas circunstancias no se los pone en práctica en la vida cotidiana</p>
<p>La visión de Alexa es un gran grupo de lectores y lectoras que ponen en práctica sus valores y sus acciones son un aporte positivo a la comunidad</p>
<h2>Un paradigma</h2>
<p> En la vida todos somos errantes, caminantes de senderos que vamos descubriendo y en ese caminar visualizamos el propósito de nuestra vida.</p>
<p>Vivir cada momento y alimentarse de grandes y pequeños detalles es construir el camino a la felicidad.</p>
<img src="img/foto_final.jpg" alt="Alexa disfruta de su labor" width="400px" height="300px">
</article>
<div class="container-aside">
<aside>
<img src="img/Cuentos_de_hoy_v2.jpg" alt="Portada del libro Cuentos de Hoy..." width="200px" height="240px">
<h2>Cuentos de hoy para niños del mañana</h2>
<p>Este primer libro es una colección de cuentos infantiles cortos. Se transmiten mensajes positivos que buscan rescatar valores para hacer de éste un mundo mejor</p>
<p>Contiene 25 cuentos, cada uno de los cuales fomenta en lectores y lectoras el civismo y el sentido de servir a la comunidad</p>
<a href="proyectos.html#proy1"><button>Leer más...</button></a>
</aside>
<aside>
<img src="img/portada.jpg" alt="Portada del libro Luneth y sus secretos" width="210px" height="260px"> <h2>Luneth y sus secretos</h2>
<p>A través de esta historia, se manifiesta mi inspiración y creatividad para dar vida a sus personajes, sus sueños, logros y frustraciones...</p>
<p>El compartir a lo largo de mi vida con personas maravillosas, sentirte apoyada por una familia que cree en ti en los momentos en que más lo necesitas, y juntos poder vivir momentos felices, me ha dado la pauta para plasmar en esta historia una sutil mezcla de realidad y ficción, con palabras sencillas pero profundas que se conjugan de manera divertida e inspiradora, en eso se resume la enseñanza que quiero transmitir en las páginas de este libro.</p>
<ahref="proyectos.html#proy2"><button>Leer más...</button></a>
</aside>
<aside>
<img src="img/huerfano.jpg" alt="Portada del libro Huérfano" width="200px" height="240px"> <h2>Huérfano</h2>
<p>la vida se refleja en cada jornada,cada amanecer es una nueva oportunidad para vivir intensamente, todos construimos nuestra propia historia conforme transcurren las horas, la lucha es constante desde cada espacio vital nos manifestamos y, de vez en cuando, nos encontramos con alguien que nos inspira.
</p>
<a href="proyectos.html#proy3"><button>Leer más...</button></a>
</aside>
<aside> <img src="img/coloreando.jpg" alt="Portada del Libro Coloreando leo, aprendo y me divierto" width="200px" height="240px">
<h2>Leo, aprendo y me divierto coloreando</h2>
<p>Colección de láminas para colorear, divertidas y didácticas para despertar la creatividad y el espíritu artístico de niños y niñas.</p>
<a href="#"><button>Leer más...</button></a> <br><br><br>
<a href="proyectos.html"><button2>Otras obras de Alexa...</button2></a>
</aside>
<hr>
</div>
</div>
<!---Botón para ir hacia arriba-->
<div id="button-up"> <i class='bx bx-chevrons-up' width="50px" height="50px"></i> </div>
<!--Pie de página-->
<div class="container-footer">
<footer>
<div class="logo-footer">
<h2>Alexa <b> Castillo </b></h2>
</div>
<div class="redes-footer">
<a href="#" title="Instagram"> <i class='bx bxl-instagram' alt="Sígueme por Instagram" width="40px" height="40px"></i> </a>
<a href="#" title="Meta"> <i class='bx bxl-meta' alt="Nos vemos en Meta" width="40px" height="40px" ></i> </a>
<a href="#" title="TikTok"> <i class='bx bxl-tiktok' alt="Mis rhels en TikTok" width="40px" height="40px" ></i> </a>
<a href="#" title="WhatsApp"> <i class='bx bxl-whatsapp' alt="Conversemos por WhatsApp" width="40px" height="40px" ></i> </a>
</div>
<hr>
<h4>[c] 2024 Alexandra Castillo Castillo - Todos los Derechos Reservados</h4>
</footer>
</div>
</div>
<script src="js/script.js"> </script>
</body>
</html>