-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (139 loc) · 9.9 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="author" content="Pedro A. Sota Taier">
<meta name="description" content="School Web Page">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UntrefSchool</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="shortcut icon" href="./img/layout-wtf.svg" type="image/x-icon">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="container">
<header>
<nav>
<ul class="menu">
<li><a href="">UntrefSchool</a></li>
<li><a href="#somos">Quienes Somos</a></li>
<li><a href="#elegirnos">¿Por qué elegirnos?</a></li>
<li><a href="#plan">Plan Educativo</a></li>
<li><a href="#noticias">Noticias</a></li>
<li><a href="form.html" target="_blank">Contacto</a></li>
</ul>
</nav>
<div class="logo scale-in-hor-center">
<h1 >
UntrefSchool
</h1>
</div>
</header>
<main>
<section class="intro">
<p class="text" id="introduccion">UntrefSchool es un instituto educativo público que ofrece educación de calidad a estudiantes de todas las edades. Nuestra misión es preparar a nuestros estudiantes para el éxito en la universidad y en la vida. Contamos con un equipo de profesores altamente capacitados y experimentados, que están comprometidos a ayudar a nuestros estudiantes a alcanzar su máximo potencial.</p>
<img src="./img/clase_untrefschool.webp" alt="estudiante en clase" class="photo" id="clase">
</section>
<section class="somos">
<h2 class="section_header" id="somos">Quienes somos</h2>
<div class="cont-somos">
<p class="text slide-in-right">UntrefSchool fue fundado en 1990 por un grupo de padres y profesores que estaban comprometidos a brindar una educación de calidad a sus hijos. Desde entonces, nos hemos convertido en uno de los institutos educativos más prestigiosos de la ciudad. Contamos con una matrícula de más de 1.000 estudiantes y ofrecemos una amplia gama de programas académicos, incluyendo educación primaria, secundaria y preparatoria.</p>
<img src="./img/docente_enseñando_untref.webp" alt="docente enseñando" class="photo" loading="lazy">
</div>
</section>
<section class="elegirnos">
<h2 class="section_header" id="elegirnos">Por qué elegirnos</h2>
<p class="text">Hay muchas razones por las que elegir UntrefSchool. En primer lugar, ofrecemos una educación de calidad a un precio asequible. En segundo lugar, contamos con un equipo de profesores altamente capacitados y experimentados. En tercer lugar, ofrecemos una amplia gama de programas académicos que se adaptan a las necesidades de todos los estudiantes. En cuarto lugar, tenemos un campus moderno y bien equipado. En quinto lugar, ofrecemos una variedad de actividades extracurriculares que ayudan a nuestros estudiantes a desarrollar sus habilidades y talentos.</p>
<div class="hidden_elements">
<img src="./img/docente.webp" alt="Imagen de la docente de matemática" loading="lazy">
<img src="./img/dando_clases.webp" alt="Profesor dado clases" loading="lazy">
<img src="./img/docente2.webp" alt="Imagen de un docente" loading="lazy">
</div>
</section>
<section class="plan">
<h2 class="section_header" id="plan">Plan Educativo</h2>
<div class="plan-text-img">
<div>
<p class="text">La propuesta educativa de UntrefSchool se basa en los siguientes principios:</p>
<ul class="text">
<li>Enseñanza personalizada: nuestros profesores se toman el tiempo de conocer a cada estudiante y adaptar su enseñanza a sus necesidades individuales.</li>
<li>Aprendizaje activo: nuestros estudiantes participan activamente en su aprendizaje, a través de actividades, proyectos y discusiones.</li>
<li>Foco en el desarrollo de habilidades: nuestros estudiantes aprenden a pensar críticamente, a resolver problemas y a comunicarse de manera efectiva.</li>
<li>Preparación para la universidad y la vida: nuestros estudiantes reciben una educación que los prepara para el éxito en la universidad y en la vida laboral.</li>
</ul>
</div>
<div class="plan_photos">
<img src="./img/niños_jugando_plan_educativo.webp" alt="niños trabajando colaborativamente" class="circular_ph" loading="lazy">
<img src="./img/collage_plan_educativo.webp" alt="niños realizando un collage" class="circular_ph" loading="lazy">
</div>
</div>
</section>
<section class="noticias">
<h2 class="section_header" id="noticias">Noticias</h2>
<div>
<div class="not-par-1">
<a href="https://www.nytimes.com/international/" target="_blank" rel="noopener">
<article class="noticia" id="new_york_times">
<div class="img-container">
<img src="./img/img_new_york_times.webp" alt="Fotografía del New York Times" class="article-img">
</div>
<h3 class="text_news">UntrefSchool fue seleccionada como una de las mejores escuelas privadas de la ciudad por la revista "The New York Times".</h3>
</article>
</a>
<a href="https://www.rockefellerfoundation.org/" target="_blank" rel="noopener">
<article class="noticia" id="fundacion_rockefeller">
<div class="img-container">
<img src="./img/img_fundacion_rockefeller.webp" alt="docente en clases" class="article-img">
</div>
<h3 class="text_news">UntrefSchool recibió una donación de $1 millón de dólares de la Fundación Rockefeller para apoyar su programa de educación STEM.</h3>
</article>
</a>
</div>
<div class="not-par-2">
<a href="" target="_blank">
<article class="noticia" id="innovate_america">
<div class="img-container">
<img src="./img/img_innovate_america.webp" alt="reunion de planificacion entre equipo docente" class="article-img">
</div>
<h3 class="text_news">UntrefSchool fue seleccionada para participar en el programa "Innovate America" del Departamento de Educación de los Estados Unidos.</h3>
</article>
</a>
<a href="" target="_blank">
<article class="noticia" id="education_week">
<div class="img-container">
<img src="./img/img_education_week.webp" alt="niños con cascos de realidad virtual" class="article-img">
</div>
<h3 class="text_news">UntrefSchool fue elegida como una de las escuelas más innovadoras del mundo por la revista "Education Week".</h3></article>
</a>
</div>
</div>
</section>
</main>
<footer>
<div role="complementary" class="redes">
<ul class="footer_text">
<li>Redes</li>
<li><a href="https://www.instagram.com/" target="_blank" rel="noopener"><i class="bi bi-instagram"></i> Instragram</a></li>
<li><a href="https://web.facebook.com/" target="_blank" rel="noopener"><i class="bi bi-facebook"></i> Facebook</a></li>
<li><a href="https://twitter.com/" target="_blank" rel="noopener"><i class="bi bi-twitter"></i> Twitter</a></li>
<li><a href="https://www.linkedin.com/" target="_blank" rel="noopener"><i class="bi bi-linkedin"></i> Linkedin</a></li>
</ul>
</div>
<div class="logo-maps">
<span role="banner" class="logo_footer">UntrefSchool</span>
<div class="hidden_elements maps">
<iframe title="maps-untref" loading="lazy" src="https://maps.google.com/maps?width=100%25&height=600&hl=es&q=Valent%C3%ADn%20G%C3%B3mez%204828%2038,%20Caseros,%20Provincia%20de%20Buenos%20Aires+(untrefSchool)&t=&z=15&ie=UTF8&iwloc=B&output=embed"><a href="https://www.gps.ie/car-satnav-gps/">Car Navigation Systems</a>
</iframe>
</div>
</div>
<div role="contentinfo" class="contacto">
<ul class="footer_text">
<li>Contacto</li>
<li><a href="mailto:[email protected]">[email protected] <i class="bi bi-envelope"></i></a></li>
<li><a href="tel:+54 123 123 123">+54 123 123 123 <i class="bi bi-telephone"></i></a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>