-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·133 lines (132 loc) · 8.34 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>Asperger Chile | Inicio</title>
<meta charset="utf-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="css/fa-svg-with-js.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
<a class="navbar-brand" href="index.html"><img src="img/logo.gif" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Index <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="nosotros.html">Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="noticias.html">Noticias</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Buscar" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Buscar</button>
</form>
</div>
</nav>
<section>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="img/slide1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/slide2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/slide3.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<section class="main_content">
<div class="row justify-content-md-center">
<div class="col-md-6">
<div class="home-container">
<div class="home-image image1"></div>
<h1>Theo Peeters leyendo a Elizabeth Emily: para emocionarse</h1>
<h5>Publicado por: <span class="text-success">Administrador</span> el <span class="text-success">14/4/2018</span></h5>
<p>En la Segunda Convención de la Fundación Asperger Chile, Theo Peeters nos conmovió con la lectura de parte del libro de Elizabeth Emily: "Autismo? Para nosotros, lo esencial es invisible". Acá les dejamos la traducción de nuestro querido amigo y colaborador, Dr. Ernesto Reaño, Director del EITA- Perú. “Entre mis 10 y 30 años, más de diez profesionales de todos los géneros se han cruzado en mi camino. Les he confiado mi sentimiento de estar “lejos” y lo íntimo de mis...</p>
<a href="#"><h5 class="float-right"><span class="text-success">5 Comentarios</span></h5></a>
<button class="btn btn-light btn-lg btn-block">Leer más</button>
</div>
<div class="home-container">
<div class="home-image image2"></div>
<h1>Capacitación de Voluntarias Taller 2015</h1>
<h5>Publicado por: <span class="text-success">Administrador</span> el <span class="text-success">14/4/2018</span></h5>
<p>En las dependencias de la Universidad San Sebastián, Sede Bellavista se está realizando el proyecto de voluntariado con las Alumnas de la Carrera de Educación Diferencial. En este proceso, aparte de colaborar en los Talleres de Teatro y Manos Creando, las alumnas recibirán permanente capacitación que le permitirá conocer elementos teóricos que proporcionen las destrezas para trabajar con sus estudiantes con Necesidades Educativas Especiales, especialmente los alumnos y alumnas del Es...</p>
<a href="#"><h5 class="float-right"><span class="text-success">5 Comentarios</span></h5></a>
<button class="btn btn-light btn-lg btn-block">Leer más</button>
</div>
<div class="home-container">
<div class="home-image image3"></div>
<h1>Carta a mi Jorgito</h1>
<h5>Publicado por: <span class="text-success">Administrador</span> el <span class="text-success">14/4/2018</span></h5>
<p>Querido Jorgito: Desde el momento que te tomé por primera vez en mis brazos supe que ibas a ser un niño muy especial, querido, esperado y por sobre todo, mi niño. Con el paso del tiempo fuiste creciendo, y como todo niño te fuiste enfrentando a los desafíos que te colocaba la vida casi sin darte cuenta. Te demoraste en decir tus primeras palabras, te era difícil hacer amigos, costaba que te entendiéramos, pero lo que nunca faltaba... era una sonrisa tuya, llena de amor. Es difícil...</p>
<a href="#"><h5 class="float-right"><span class="text-success">5 Comentarios</span></h5></a>
<button class="btn btn-light btn-lg btn-block">Leer más</button>
</div>
</div>
</div>
</section>
<footer>
<div class="row justify-content-md-center">
<div class="col-xl-4 col-md-6 footer-map">
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive"src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3329.8913644391705!2d-70.60226988422184!3d-33.42607650364895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662cf6d6fd329a9%3A0xdb680e18022d2ab9!2sFundacion+Asperger+Chile!5e0!3m2!1ses-419!2scl!4v1523585035961" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="col-xl-4 col-md-6 footer-contact">
<h3>Síguenos en redes sociales</h3>
<a href="http://www.facebook.com/pages/Fundacion-Asperger-Chile/116320555087515"><i class="fab fa-facebook-square fa-3x"></i></a>
<a href="http://twitter.com/Aspergerchile_F"><i class="fab fa-twitter-square fa-3x"></i></a>
<a href="http://www.youtube.com/channel/UCv927I1W_spt4eVdrYUSlqw"><i class="fab fa-youtube-square fa-3x"></i></a>
<h3>Contáctese con nosotros:</h3>
<form>
<div class="form-group">
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Su correo">
</div>
<div class="form-group">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Escriba su mensaje"></textarea>
</div>
<button class="btn btn-sm btn-light float-right">Enviar</button>
</form>
<p>Asperger Chile | 2018</p>
</div>
</div>
</footer>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/fontawesome-all.min.js"></script>
</body>
<script>
$('.carousel-control-prev').click(function() {
$('#myCarousel').carousel('prev');
});
$('.carousel-control-next').click(function() {
$('#myCarousel').carousel('next');
});
</script>
</html>