-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
231 lines (231 loc) · 14.2 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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8"/>
<title>MARE Colombia</title>
<link rel="stylesheet" href="assets/css/web.css"/>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.popup.min.js"></script>
<link rel="stylesheet" href="https://kenwheeler.github.io/slick/slick/slick.css"/>
<link rel="stylesheet" href="https://kenwheeler.github.io/slick/slick/slick-theme.css"/>
<script src="https://kenwheeler.github.io/slick/slick/slick.js" type="text/javascript"></script>
<script src="assets/js/functions.js"></script>
<script data-ad-client="ca-pub-9279593339330647" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<link rel="stylesheet" href="https://api.quecodigo.com/demo.css"/>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<div class="app-download">
<label id="first-title">Página demo</label>
<label id="second-title">By Qué Código</label>
<a href="https://www.quecodigo.com" class="close-download-app">
<i class="fa fa-github bounce"></i>
</a>
</div>
<header class="menu">
<div class="container"><a class="logo" href="#home"><img src="assets/img/logo.png"/></a><a class="toggle" href="#"> <i class="fa fa-bars"></i></a>
<ul class="nav" id="menu_toggle">
<li class="item"><a class="link" href="#home">Inicio</a></li>
<li class="item"><a class="link" href="#about">Talleres</a></li>
<li class="item"><a class="link" href="#inscription">Cursos</a></li>
<li class="item"><a class="link" href="reglas.html">Semillero</a></li>
<li class="item"><a class="link" href="aliados.html" target="_blank">Club</a></li>
<li class="item"><a class="link" href="#inscription">MARE Lab</a></li>
<li class="item"><a class="link" href="reglas.html">Acerca de nosotros</a></li>
<li class="item"><a class="link" href="#contact">Contacto</a></li>
</ul>
</div>
</header>
<section class="home">
<div class="container"></div>
</section>
<section class="blank orange service">
<div class="container">
<div class="content"><a class="item" href="#">
<div class="image"><img src="assets/img/circulo.png"/></div><span class="text">Texto</span></a><a class="item" href="#">
<div class="image"><img src="assets/img/circulo.png"/></div><span class="text">Texto</span></a><a class="item" href="#">
<div class="image"><img src="assets/img/circulo.png"/></div><span class="text">Texto</span></a><a class="item" href="#">
<div class="image"><img src="assets/img/circulo.png"/></div><span class="text">Texto</span></a></div>
</div>
</section>
<section class="blank spectre yellow gallery">
<div class="container">
<div class="title">
<h2>Galeria.</h2>
</div>
<div class="items">
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" title="Add a description of the image here"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here Add a description of the image here</div>
</div>
</div>
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here</div>
</div>
</div>
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here</div>
</div>
</div>
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here</div>
</div>
</div>
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here Add a description of the image here</div>
</div>
</div>
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here</div>
</div>
</div>
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here</div>
</div>
</div>
<div class="gallery_item">
<div class="item"><a target="_blank" href="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg"><img src="https://www.icmare.com/include/uploads/0CC04EFF8238.jpeg" alt="Forest"/></a>
<div class="desc">Add a description of the image here</div>
</div>
</div>
</div>
<div class="center">
<div class="content"><a class="button" href="#">Ver más.</a></div>
</div>
</div>
</section>
<section class="blank spectre left"><img class="barras" src="assets/img/bs_barras.png"/>
<div class="container">
<div class="title">
<h2>Blog.</h2>
</div>
</div><img class="hr_bottom left orange" src="assets/img/hr_orange.png"/>
<div class="container blank blog_home">
<div class="content"><a class="item left" href="#">
<div class="image"><img src="http://localhost/wordpress/wp-content/uploads/2017/10/06-Home-Lookbook_07-1.jpg"/></div>
<div class="description">
<h2 class="title">Lorem ipsum dolor sit amet, consectetuer.</h2>
<p class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div></a></div>
</div><img class="hr_bottom right blue" src="assets/img/hr_blue.png"/>
<div class="container blank blog_home">
<div class="content"><a class="item right" href="#">
<div class="image"><img src="http://localhost/iwant/assets/img/trabajando.jpg"/></div>
<div class="description">
<h2 class="title">Lorem ipsum dolor sit amet, consectetuer.</h2>
<p class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div></a></div>
</div>
<!--img.hr_bottom.left.orange(src="assets/img/hr_orange.png")-->
</section>
<section class="blank right spectre blue">
<div class="container">
<div class="title center">
<h3>!Nuestro gran orgullo¡</h3>
</div>
<div class="counter">
<div class="item">
<div class="number">280</div><span class="text">Experiencias</span>
</div>
<div class="item">
<div class="number">50</div><span class="text">Clientes</span>
</div>
<div class="item">
<div class="number">90</div><span class="text">Personas impactadas</span>
</div>
</div>
</div>
</section>
<section class="slider-content">
<div class="container">
<h2>Nuestros aliados</h2>
<div class="slider multiple-items"><a class="item" href="https://www.mayorca.com.co/" target="_blank"><img src="assets/img/logo_mayorca.png" alt="Aliado C.C. Mayorca Mare"/><span>C.C Mayorca</span></a>
<div class="item"><img src="assets/img/logo_asga_innovation.png" alt="Aliado Asga Innovation Mare"/><span>Asga Innovation</span></div><a class="item" href="https://www.quecodigo.com" target="_blank"><img src="https://www.quecodigo.com/img/logo.png" alt="Aliado QuéCódigo Mare"/><span>QuéCódigo</span></a><a class="item" href="https://todoenartes.com/" target="_blank"><img src="assets/img/logo-todo_en_artes.png" alt="Aliado Todo en Artes Mare"/><span>Todo en Artes</span></a><a class="item" href="http://i3m.com.co/" target="_blank"><img src="assets/img/logo-i3m.png" alt="Alido I3M Mare"/><span>I3M</span></a><a class="item" href="http://experiencesteam.co/" target="_blank"><img src="assets/img/logo-experience.png" alt="Aliado Todo en Artes Mare"/><span>Experience STEAM</span></a><a class="item" href="https://www.ardobot.com/" target="_blank"><img src="https://scontent.feoh3-1.fna.fbcdn.net/v/t1.0-1/p200x200/10625070_703304983095781_6715128987015689118_n.jpg?_nc_cat=0&oh=64dc8a2be1db3804384ca7e503720450&oe=5C0490BE" alt="Aliado Ardobot Mare"/><span>Ardobot</span></a>
</div><a class="button" href="aliados.html">¿Comó ser un Aliado?</a>
</div>
</section>
<section class="blank orange spectre left">
<div class="container">
<div class="title">
<h2>¿Qué piensa <br> nuestro equipo?</h2>
<div class="line">
<hr/>
</div>
<div class="block">
<p>“Si las personas desarrollan su pensamiento creativo, en un futuro tendremos soluciones innovadoras a los problemas que se presenten en la sociedad.”</p><strong>Jhon Carlos Corzo Vega</strong><span>Gerencia General</span>
</div>
<div class="block">
<p>“A mí mis padres me regalaron una educación en valores, habilidades y conocimiento, gracias a ellos hoy tengo una bonita profesión y he alcanzado todas mis metas.”</p><strong>Jairo Andrés Vélez Pérez</strong><span>Gerente de Operaciones</span>
</div>
<div class="block">
<p>“El mundo necesita entender que la clave está en educar desde la creatividad y la exploración. MARE la tiene clara.”</p><strong>Juliana Henao Rendón</strong><span>Directora Creativa</span>
</div>
<div class="block">
<p>“El mundo debería premiar a las personas que todos los días hacemos el bien por nuestra sociedad.” </p><strong>Daniela González Jaramillo</strong><span>Directora Comercial</span>
</div>
<div class="block">
<p>“La tecnología ha eliminado las barreras físicas, ha mejorado la eficiencia de las empresas y ha hecho que la sociedad avance.”</p><strong>Edinson Tique</strong><span>Desarrolador de software</span>
</div>
<div class="block">
<p>“Algunos líderes en el mundo nacieron con muchas habilidades para solucionar problemas y otros se moldearon con el tiempo. MARE desarrolla habilidades innatas y moldea la nueva generación de líderes.”</p><strong>Myriam Vega</strong><span>Directora Ejecutiva fundación SOCEH (Aliado estratégico)</span>
</div>
</div>
</div>
</section>
<section class="blank spectre contact left"><img class="barras" src="assets/img/bs_barras.png" alt=""/>
<div class="container">
<div class="title">
<h2>Contacto.</h2><span>¿Te quieres comunicar con nosotros?</span>
</div>
<div class="container">
<form action="include/contact.php" id="contact_form" autocomplete="off">
<div class="group">
<div class="form-group size2">
<input type="text" name="lastname" placeholder="Nombre"/>
<input type="text" name="email" placeholder="E-Mail"/>
</div>
<div class="form-group size2">
<input type="text" name="subject" placeholder="Asunto"/>
<input type="text" name="tel" placeholder="Celular"/>
</div>
<div class="form-group">
<textarea name="text" cols="30" rows="10" placeholder="Mensaje"></textarea>
</div>
</div>
<div class="center">
<input type="submit"/>
</div>
</form>
<div class="footer">
<div class="block">
<ul>
<li><strong>Llamar:</strong>(+57) 311 676 8625 Jairo Vélez <br>
(+57) 315 244 5278 Jhon Corzo
</li>
<li><strong>Dirección:</strong>Cll 70 # 52 - 72 Oficina 508</li>
<li><strong>Medellín</strong></li>
</ul>
</div>
<div class="left"><img src="assets/img/logo_mare_complet.png" alt=""/></div>
<div class="right">
<div class="text"><a href="https://www.instagram.com/marecolombia" target="_blank">Instagram</a><a href="https://www.fb.com/marecolombia" target="_blank">Facebook</a><a href="https://www.twitter.com/marecolombia" target="_blank">Twitter</a></div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="copyright">Todos los derechos reservados MARE Colombia 2018</div>
<div class="desing">Desarrollado por<a href="https://www.quecodigo.com" target="_blank">@QuéCódigo</a></div>
</div>
</footer>
<div class="load" id="loader"><img src="assets/img/favicon.png"/></div>
</body>
</html>