-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (103 loc) · 6.91 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600&family=Poppins:ital,wght@0,100;0,200;0,400;1,100&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="img/icono.png" type="image/x-icon">
<link rel="stylesheet" href="css/style.css">
<title>Untref School</title>
</head>
<body>
<div id="container">
<header>
<div id="logo">
<a href="index.html"><img src="img/logo.png" id="miLogo"></a>
<div id="titulo">
<h1 id="miTitulo"> Untref School</h1>
<p class="miSubtitulo"> Trazando el camino a la excelencia. </p>
</div>
</div>
<div id="menuBarra">
<nav>
<a href="index.html" class="nav-link">Inicio</a>
<a href="#quienesSomos" class="nav-link">Quienes Somos</a>
<a href="#porqueElegirnos" class="nav-link">¿Por qué elegirnos?</a>
<a href="#propuestaEducativa" class="nav-link">Propuesta Educativa</a>
<a href="#ultimasNoticias" class="nav-link">Ultimas Noticias</a>
<a href="consultas.html" class="nav-link">Formulario de Consultas</a>
<a href="#galeria" class="nav-link">Galeria</a>
<a href="#piePagina" class="nav-link">Contacto</a>
</nav>
</div>
</header>
<main>
<section id="quienesSomos">
<h1>Quienes Somos <br></h1>
<h3>Nuestro lema es "Trazando el camino a la excelencia." Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla, sed. Nostrum, perspiciatis officiis. Velit, fugit.</h3><br>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores quis eos, excepturi in laudantium atque reprehenderit tempore suscipit rem nisi, magni odio recusandae animi sequi eveniet eius ipsum voluptatem quaerat. Nesciunt voluptate cupiditate modi veniam, quibusdam deserunt consequatur sint minima ut est fugit ullam, asperiores eos ducimus perspiciatis consectetur et nulla veniam! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sunt dignissimos eos eligendi enim quod iure cupiditate, eveniet sed recusandae pariatur, consectetur at ab explicabo iste vel maxime atque. Dicta, porro!</p><br>
</section>
<section id="porqueElegirnos">
<img src="img/galeria/galeria3.webp" alt="">
<h1> ¿Por qué elegirnos? </h1> <br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora veniam ipsa ex recusandae, quos omnis totam saepe quo id ullam dolorem laudantium soluta dolores. Tempore, nihil! Odio quo quis, nostrum doloribus voluptatem totam ratione quibusdam autem. Architecto quia molestias blanditiis placeat, magnam labore sint odit distinctio, eius adipisci explicabo quam, ex error corporis vel accusamus ea ut porro? Possimus est ex laborum quis cumque. Dolor, eveniet minima? Fugit laboriosam quas, officiis qui nemo nostrum nulla blanditiis voluptatum omnis dolor ex dolore autem, doloremque ullam similique eius. Aliquam sed quidem, velit asperiores atque tenetur voluptate consequatur labore quia! Commodi amet quaerat deserunt reiciendis temporibus minima sint nisi asperiores?</p>
</section>
<section id="propuestaEducativa">
<img src="img/banner.jpg" id="imgPE">
</section>
<section id="ultimasNoticias">
<h1>Ultimas Noticias</h1>
<ul id="slider">
<li id="slide1">
<img src="img/slide1.jpg" alt=""></li>
<li id="slide2">
<img src="img/slide2.jpg" alt=""></li>
<li id="slide3">
<img src="img/slide3.jpg" alt=""></li>
</ul>
<ul id="menuSlide">
<li><a href="#slide1">1</a></li>
<li><a href="#slide2">2</a></li>
<li><a href="#slide3">3</a></li>
</ul>
</section>
<section id="galeria">
<div id="tituloGaleria"><h1>Galeria</h1></div><br>
<article><img src="img/galeria/galeria1.jpg" alt="Galeria"></article>
<article><img src="img/galeria/galeria2.jpg" alt="Galeria"></article>
<article><img src="img/galeria/galeria3.jpg" alt="Galeria"></article>
<article><img src="img/galeria/galeria4.jpg" alt="Galeria"></article>
<article><img src="img/galeria/galeria5.jpg" alt="Galeria"></article>
<article><img src="img/galeria/galeria6.jpg" alt="Galeria"></article>
</section>
</main>
<footer id="piePagina">
<div id="redesSociales">
<ul id="redesSociales">
<li><a href="https://www.instagram.com" target="_blank"><ion-icon name="logo-instagram"></ion-icon></a></li>
<li><a href="https://www.facebook.com" target="_blank"><ion-icon name="logo-facebook"></ion-icon></a></li>
<li><a href="https://www.Linkedin.com" target="_blank"><ion-icon name="logo-linkedin"></ion-icon></a></li>
<li><a href="https://www.youtube.com" target="_blank"><ion-icon name="logo-youtube"></ion-icon></a></li>
</ul>
</div>
<div id="direccion">
<div id="mapa">
<h2>Direccion:</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3283.8752992957798!2d-58.37892988953356!3d-34.60731467284029!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bccb3b098d0fdb%3A0xc5173d52ffc132de!2sUNTREF%20Posgrado!5e0!3m2!1ses-419!2sar!4v1689683595668!5m2!1ses-419!2sar" width="600" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div id="contacto">
<img src="img/contactoimg.png" alt="">
</div>
</footer>
<div id="subir">
<a href="#container"><ion-icon name="chevron-up-circle-outline"></ion-icon></a>
</div>
</div>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</body>
</html>