-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (146 loc) · 7.97 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
<!DOCTYPE html>
<html lang="en">
<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="icon" href="/media/img/favicon.png" type="png">
<script src="https://kit.fontawesome.com/16374e4f81.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.gstatic.com"/>
<link href="https://fonts.googleapis.com/css2?family=Bitter&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<title>International Cognitive Research Consortium</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container-fluid">
<a class="logoChico" href="index.html"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page"href="index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/sobre_nosotros.html">Sobre nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/publicaciones.html">Publicaciones</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/eventos_cientificos.html">Eventos científicos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/asociaciones.html">Asociaciones y organismos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/contactanos.html">Contactanos</a>
</li>
<li class="nav-item">
<a class="nav-link EN" href="index_en.html"></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!--inicio de cuerpo principal.------------>
<section>
<main class="grilla-principal">
<section class="logo_titulo grilla-principal-titulo animate__animated animate__backInLeft">
<div class="logoGrande"></div>
</section>
<section class="descripcion_foto grilla-principal-descripcion">
<div class="descripcion-principal animate__animated animate__slideInRight">
<h2 class="tituloH2">Somos un consorcio de base amplia de investigadores cognitivos aplicados de EE.UU., América Latina y Europa.</h2>
</div>
</section>
<div class="todos_icrc grilla-foto-todos" alt="imagen de grupo ICRC"></div>
<section class="grilla-principal-nosotros grilla-secundaria margen">
<article class="grilla-secundaria-nosotros seccionItem">
<div class="icono">
<i class="fas fa-info"></i>
</div>
<div class="texto-chico">
<h2 class="titulo-grilla">Sobre nosotros</h2>
<p>Te presentamos a los miembros del equipo.</p>
<a href="pages/sobre_nosotros.html">
<button class= "boton">Conocé más</button>
</a>
</div>
</article>
<article class="grilla-secundaria-publicaciones seccionItem">
<div class="icono">
<i class="fas fa-newspaper"></i>
</div>
<div class="texto-chico">
<h2 class="titulo-grilla">Publicaciones</h2>
<p>Aquí podrás conocer nuestras últimas publicaciones.</p>
<a href="pages/publicaciones.html">
<button class= "boton">Conocé más</button>
</a>
</div>
</article>
<article class="grilla-secundaria-eventos seccionItem">
<div class="icono">
<i class="fas fa-calendar-day"></i>
</div>
<div class="texto-chico">
<h2 class="titulo-grilla">Eventos científicos</h2>
<p>Descubrí eventos científicos de interés.</p>
<a href="pages/eventos_cientificos.html">
<button class= "boton">Conocé más</button>
</a>
</div>
</article>
<article class="grilla-secundaria-becas seccionItem">
<div class="icono">
<i class="far fa-handshake"></i>
</div>
<div class="texto-chico">
<h2 class="titulo-grilla">Asociaciones y organismos</h2>
<p>Conocé sobre asociaciones y organismos profesionales.</p>
<a href="pages/becas.html">
<button class= "boton">Conocé más</button>
</a>
</div>
</article>
<article class="grilla-secundaria-participa seccionItem">
<div class="icono">
<i class="far fa-id-badge"></i>
</div>
<div class="texto-chico">
<h2 class="titulo-grilla">Contactanos</h2>
<p>Ponete en contacto con nosotros.</p>
<a href="pages/participa.html">
<button class= "boton">Conocé más</button>
</a>
</div>
</article>
</section>
</main>
<!--inicio de footer con botones-->
<footer>
<div class="redes">
<p>Seguinos:</p>
<a href="https://www.facebook.com/International-Cognitive-Research-Consortium-101193491706272" target="_blank">
<span class="iconoFooter" ><i class="fab fa-facebook grow"></i></span>
</a>
<a href="https://www.linkedin.com/company/cognitive-icrc" target="_blank">
<span class="iconoFooter"><i class="fab fa-linkedin grow"></i></span>
</a>
<a href="mailto:icrc.cognitive@gmail.com" target="_blank">
<span class="iconoFooter"><i class="far fa-envelope-open grow"></i></span>
</a>
</div>
</footer>
</section>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
</body>
</html>