-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
195 lines (192 loc) · 12.1 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
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Educacion Primaria - Start Bootstrap Template</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Simple line icons-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.5.5/css/simple-line-icons.min.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<a class="menu-toggle rounded" href="#"><i class="fas fa-bars"></i></a>
<nav id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand"><a href="#page-top">Start Bootstrap</a></li>
<li class="sidebar-nav-item"><a href="#page-top">Home</a></li>
<li class="sidebar-nav-item"><a href="#about">About</a></li>
<li class="sidebar-nav-item"><a href="#services">Services</a></li>
<li class="sidebar-nav-item"><a href="#portfolio">Portfolio</a></li>
<li class="sidebar-nav-item"><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Header-->
<header class="masthead d-flex align-items-center">
<div class="container px-4 px-lg-5 text-center">
<h1 class="mb-1">Educación Primaria</h1>
<h3 class="mb-5"><em>Unidos para hacer de la educación la mejor herramienta para cambiar el mundo</em></h3>
<a class="btn btn-primary btn-xl" href="#about">Saber más</a>
</div>
</header>
<!-- About-->
<section class="content-section bg-light" id="about">
<div class="container px-4 px-lg-5 text-center">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-10">
<h2>La Educación Primaria comprende seis cursos académicos, desde los 6 a los 12 años, y tiene carácter obligatorio y gratuito.</h2>
<p class="lead mb-5">
Esta es la primera etapa obligatoria del sistema educativo por lo que deben incorporarse a ella todas las niñas y los niños en el año natural que cumplan los 6 años
!
</p>
<a class="btn btn-dark btn-xl" href="#educacion">Objetivos</a>
</div>
</div>
</div>
</section>
<!-- NUESTROS-->
<section class="content-section bg-primary text-white text-center" id="services">
<div class="container px-4 px-lg-5">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">Services</h3>
<h2 class="mb-5">OBJETIVOS</h2>
</div>
<div class="row gx-4 gx-lg-5">
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3"><i class="icon-screen-smartphone"></i></span>
<h4><strong>Finalidad</strong></h4>
<p class="text-faded mb-0">facilitar aprendizajes como la expresión y comprensión oral, la escritura, la lectura, el cálculo, la adquisición de nociones básicas de la cultura, los hábitos de convivencia, estudio y trabajo, el sentido artístico, la creatividad y la afectividad.</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3"><i class="icon-pencil"></i></span>
<h4><strong>Formación Integral</strong></h4>
<p class="text-faded mb-0">Estas enseñanzas tratan de garantizar al alumnado una formación integral y prepararlo para la Educación Secundaria Obligatoria</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-md-0">
<span class="service-icon rounded-circle mx-auto mb-3"><i class="icon-like"></i></span>
<h4><strong>Metodología</strong></h4>
<p class="text-faded mb-0">
La metodología didáctica tiene un carácter personal
<i class="fas fa-heart"></i>
y se adapta a los distintos ritmos de aprendizaje de cada niña o niño.
</p>
</div>
<div class="col-lg-3 col-md-6">
<span class="service-icon rounded-circle mx-auto mb-3"><i class="icon-mustache"></i></span>
<h4><strong>Atención a la diversidad</strong></h4>
<p class="text-faded mb-0">Se brinda una atención personalizada en función de la necesidades individuales poniendo en marcha medidas de refuerzo ante posibles dificultades de aprendizaje para lograr el éxito escolar.</p>
</div>
</div>
</div>
</section>
<!-- Callout-->
<section class="callout">
<div class="container px-4 px-lg-5 text-center">
<h2 class="mx-auto mb-5">
Los maestros imparten todas las materias
<em></em>
a excepción de Música, Educación Física y lenguas extranjeras que lo hacen los maestros con la especialización correspondiente.
</h2>
</div>
</section>
<!-- Portfolio-->
<section class="content-section" id="portfolio">
<div class="container px-4 px-lg-5">
<div class="content-section-heading text-center">
<h3 class="text-secondary mb-0">ADEMÁS</h3>
<h2 class="mb-5">Asignaturas de la educación primaria</h2>
</div>
<div class="row gx-0">
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">COMUNICACIÓN</div>
<p class="mb-0">Tiene como finalidad principal brindar a los estudiantes un manejo eficiente y pertinente de la lengua, para expresarse, comprender , procesar y producir mensajes.</p>
</div>
</div>
<img class="img-fluid" src="assets/img/portfolio-1.jpg" alt="..." />
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">MATEMÁTICA</div>
<p class="mb-0">Pretende desarrollar la habilidad de usar y relacionar los números, sus operaciones básicas, los símbolos y las formas de expresión y razonamiento matemático, y para resolver problemas de la vida cotidiana.</p>
</div>
</div>
<img class="img-fluid" src="assets/img/metodo-ABN-Matemáticas.jpg" alt="..." />
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">CIENCIA Y TECNOLOGÍA</div>
<p class="mb-0">El área curricular de Ciencia y Tecnología exige ciudadanos que sean capaces de cuestionarse, buscar información confiable, sistematizarla, analizarla, explicarla y tomar decisiones fundamentadas en conocimientos científicos, y considerando las implicancias sociales y ambientales.</p>
</div>
</div>
<img class="img-fluid" src="assets/img/ciencia-tecnologia-balance-educacion-virtual.jpg" alt="..." />
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#!">
<div class="caption">
<div class="caption-content">
<div class="h2">PERSONAL SOCIAL</div>
<p class="mb-0">Busca que los niños y las niñas se conozcan a sí mismos y a los demás, a partir de la toma de conciencia de sus características y capacidades personales y de las relaciones que establece, base para la convivencia sana en su medio social.</p>
</div>
</div>
<img class="img-fluid" src="assets/img/solidaridad.jpg" alt="..." />
</a>
</div>
</div>
</div>
</section>
<!-- Call to Action-->
<section class="content-section bg-primary text-white">
<div class="container px-4 px-lg-5 text-center">
<h2 class="mb-4">Al finalizar la Educación Primaria se accede a los estudios de Educación Secundaria Obligatoria (ESO)</h2>
</div>
</section>
<!-- Map-->
<div class="map" id="contact">
<iframe src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A&output=embed"></iframe>
<br />
<small><a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&aq=0&oq=twitter&sll=28.659344,-81.187888&sspn=0.128789,0.264187&ie=UTF8&hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&t=m&z=15&iwloc=A"></a></small>
</div>
<!-- Footer-->
<footer class="footer text-center">
<div class="container px-4 px-lg-5">
<ul class="list-inline mb-5">
<li class="list-inline-item">
<a class="social-link rounded-circle text-white mr-3" href="#!"><i class="icon-social-facebook"></i></a>
</li>
<li class="list-inline-item">
<a class="social-link rounded-circle text-white mr-3" href="#!"><i class="icon-social-twitter"></i></a>
</li>
<li class="list-inline-item">
<a class="social-link rounded-circle text-white" href="#!"><i class="icon-social-github"></i></a>
</li>
</ul>
<p class="text-muted small mb-0">Copyright © Your Website 2021</p>
</div>
</footer>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top"><i class="fas fa-angle-up"></i></a>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>