-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
310 lines (265 loc) · 18.1 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
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<!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">
<title>Globant</title>
<link rel="preload" href="css/normalize.css" as="style">
<link rel="stylesheet" href="css/normalize.css">
<link rel="preload" href="css/style.css" as="style">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="body">
<header class="header">
<div class="logo">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 148 25" style="enable-background:new 0 0 148 25;" xml:space="preserve">
<style type="text/css">
.st0{fill:#BFD732;}
</style>
<g>
<path d="M10.9,22.5C4.8,22.5,1,17.3,1,11.7C1,5.8,4.4,1,10.9,1c4.8,0,8.5,2.8,8.8,6.9h-4.2c-0.2-1.9-2.2-3.4-4.5-3.4 c-3.4,0-5.6,2.6-5.6,7.4c0,3.3,1.7,7,5.6,7c3.6,0,4.9-1.8,4.9-4.6h-4.5V11h8.4v3.4C19.7,19.1,17.6,22.5,10.9,22.5z"/>
<path d="M22.1,21.8V1.5H26v20.3H22.1z"/>
<path d="M27.9,13.2c0.3-3.3,3.3-6.3,6.6-6.6c5.2-0.5,8.6,2.7,8.6,7.8c0,4.7-2.9,7.8-7.6,7.8C30.3,22.2,27.4,18.4,27.9,13.2z M39.1,14.4c0-3-1.2-4.5-3.6-4.5c-2.4,0-3.6,1.5-3.6,4.5c0,3,1.2,4.5,3.6,4.5C37.9,18.9,39.1,17.4,39.1,14.4L39.1,14.4z"/>
<path d="M44.9,21.8V1.5h3.9v7.4c1.1-1.6,2.6-2.3,4.4-2.3c3.8,0,6.1,3.2,6.1,7.7c0,5-2.7,8-6.4,8c-1.8,0-3.2-0.7-4.1-2.2l0,1.8H44.9 z M55.3,14.5c0-3-1.1-4.6-3.4-4.6c-2.2,0-3.3,1.6-3.3,4.8c0,2.5,1.5,4.3,3.3,4.3C53.9,19,55.3,17.1,55.3,14.5z"/>
<path d="M70.9,21.8c-0.1-0.4-0.2-0.9-0.2-1.3c-0.9,1-2.5,1.7-4.5,1.7c-3.4,0-5-1.7-5-4.1c0-4.3,2.9-4.8,6.8-5.3 c2-0.3,2.5-0.7,2.5-1.7c0-1-1-1.5-2.5-1.5c-1.8,0-2.5,0.9-2.7,2.2h-3.7c0.1-3.1,1.8-5.2,6.5-5.2c4.7,0,6.3,2.1,6.3,5.9v9.4H70.9z M70.7,14.5c-0.4,0.4-1.1,0.6-2.5,0.9c-2.2,0.4-3,1.1-3,2.3c0,1.1,0.7,1.7,1.9,1.7c2,0,3.5-1.5,3.6-3.2L70.7,14.5z"/>
<path d="M86.8,21.8v-9c0-2.3-0.7-2.9-2.5-2.9c-2.1,0-3,1.1-3,3.4v8.5h-3.9V6.9H81v2.2c0.9-1.7,2.4-2.6,4.8-2.6c2.8,0,4.9,1.7,4.9,5 v10.3L86.8,21.8z"/>
<path d="M102.1,16.2c-0.1,1.6-0.8,2.6-2.3,2.6c-1.6,0-2.3-1.1-2.3-3V9.7h6.1V6.6h-6.1V2.9h-3.9v13.3c0,3.2,1.7,6,6.1,6 c4.2,0,6-2.8,6-6v0L102.1,16.2z"/>
<path class="st0" d="M110.5,0.4c-0.4-0.3-1-0.1-1.3,0.3c-0.1,0.2-0.2,0.5-0.1,0.7l1.8,2.6c3.4,5.1,3.4,11.8,0,16.9l-1.8,2.6 c-0.1,0.5,0.1,1,0.6,1.1c0.2,0.1,0.5,0,0.7-0.1l14.7-11.2c0.5-0.4,0.6-1.1,0.2-1.6c-0.1-0.1-0.1-0.2-0.2-0.2L110.5,0.4z"/>
</g>
</svg>
</div>
<nav class="">
<a class="links" href="#">Nuestros Servicios</a>
<a class="links" href="#">Nuestro Trabajo</a>
<a class="links" href="#">Stay Relevant</a>
<a class="links" href="#">Acerca De</a>
<a class="links" href="#">Carreras</a>
<a class="links" href="#">Inversionistas</a>
<a class="links button" href="#">Contactanos</a>
<a class="links" href="#">Español</a>
</nav>
</header>
<section class="first-section">
<div class="first-section__content">
<h2 class='section__title'>Seek Reinvention</h2>
<p class="section__paragraph">Hacer avanzar tu negocio significa combinar la estrategia, las tendencias digitales, la inteligencia artificial y la cultura para liberar tu potencial.</p>
<a class="section__button" href="#">Conoce más</a>
</div>
</section>
<div class="articles container">
<article class="articles__content">
<img class="articles__img" src="img/artic-globant.jpg">
<a class="articles__links" href="#">Comunicado de Prensa</a>
<p class="articles__paragraph">Globant adquiere una participación mayoritaria en Walmeric para reforzar su cartera de productos de venta digital</p>
</article>
<article class="articles__content">
<img class="articles__img" src="img/artic-globant1.jpg">
<a class="articles__links" href="#">Seek Reinvention</a>
<p class="articles__paragraph">Globant apoya a Juan Martín del Potro en su entrenamiento para volver a las canchas</p>
</article>
<article class="articles__content">
<img class="articles__img" src="img/artic-globant2.jpg">
<a class="articles__links" href="#">Sentinel Report</a>
<p class="articles__paragraph">Navegando la era de los Negocios Sostenibles</p>
</article>
<article class="articles__content">
<img class="articles__img" src="img/artic-globant3.jpg">
<a class="articles__links" href="#">Be One Of a Kind</a>
<p class="articles__paragraph">Eso que te hace único está en el corazón de cada paso que damos</p>
</article>
</div>
<main class="main">
<section class="second-section container">
<div class="second-section__description">
<h2 class="second-section__title">Create Your Way Forward.</h2>
<p class='second-section__paragraph'>Aumenta tu empresa, tus colaboradores y tu futuro a través de la transformación digital y cognitiva</p>
</div>
<div class="second-section__content">
<div class="second-section__left">
<p class="second-section__paragraph--content">A través de nuestro enfoque centrado en el futuro, creamos empresas sostenibles que impactan cada una de las dimensiones de una organización. Nuestros pilares abordan todas las etapas del proceso de transformación.</p>
<a class="second-section__button" href="#">Saber Más</a>
</div>
<div class="second-section__images">
<div class="second-section__image--content">
<img class="second-section__image second-section__image1" src="img/artic-globant.jpg">
</div>
<div class="second-section__image--content">
<img class="second-section__image second-section__image2" src="img/globant-ph.jpg">
</div>
<div class="second-section__image--content">
<img class="second-section__image second-section__image3" src="img/globant-ph1.jpg">
</div>
<div class="second-section__image--content">
<img class="second-section__image second-section__image4" src="img/artic-globant2.jpg">
</div>
<div class="second-section__image--content">
<img class="second-section__image second-section__image5" src="img/artic-globant3.jpg">
</div>
<div class="second-section__image--content">
<img class="second-section__image second-section__image6" src="img/artic-globant1.jpg">
</div>
</div>
</div>
</section>
<section class="third-section">
<div class="third-section__content">
<h2 class="third-section__title">Algunos de los clientes con los que trabajamos</h2>
<p class="third-section__paragraph">Estamos orgullosos de lo que hacemos y con quién lo hacemos. Por eso decimos que si tu triunfas, nosotros triunfamos.
</p>
<div>
<img src="https://www.globant.com/sites/default/files/2021-02/C43CFCA9-4024-450E-9C1B-7234A1508038.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/BE29AC37-8035-4E89-B239-6EC48F5B2AD9.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/B2B5109A-79DC-41C3-9463-D9E16785C3AE.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/26AADFBE-6C67-452E-A29D-52C120E4DB40.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/DB57CE08-1590-4F5F-9274-7494EEF99355.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/1D42A1B5-1375-41B7-B284-D08B9B279695.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/07Group%208007.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/Group%208010.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/Group%208000.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/Group%208008.svg">
<img src="https://www.globant.com/sites/default/files/2021-02/Group%208009.svg">
</div>
</div>
</section>
<section class="four-section">
<div class="four-section__content">
<div class="four-section__description">
<h2 class="four-section__title">Casos de éxito</h2>
<h3 class="four-section__subtitle">Client: <span class="four-section__span">SmileDirectClub</span></h3>
<p class="four-section__paragraph">Como SmileDirectClub y Globant reinventaron la industria del cuidado oral</p>
<a class="four-section__button" href="#">Lee el caso de estudio</a>
</div>
<div class="four-section__right">
<!-- <img class="four-section__img" src="https://www.globant.com/sites/default/files/case_study/smiledirectclub%20thumbnail.png" alt=""> -->
<nav class="four-section__nav">
<a class="four-section__link" href="#">01</a>
<a class="four-section__link" href="#">02</a>
<a class="four-section__link" href="#">03</a>
<a class="four-section__link" href="#">04</a>
</nav>
</div>
</div>
</section>
<section class="five-section">
<div class="five-section__content">
<div class="five-section__description">
<h2 class="five-section__title">Lo que está pasando en Globant</h2>
<p class="five-section__subtitle">Las últimas novedades de Globant. Y porqué es relevante para ti.</p>
</div>
<div class="five-section__articles">
<article class="five-section__article five-section__article--1">
<img class="five-section__img" src="img/globant-ph1.jpg" alt="">
<p class="five-section__date">12 jul 2021</p>
<p class="five-section__description--article">GLOBANT INAUGURÓ SUS NUEVAS OFICINAS EN MONTEVIDEO Y ANUNCI…</p>
<a class="five-section__" href="#"></a>
</article>
<article class="five-section__article">
<img class="five-section__img" src="img/artic-globant.jpg" alt="">
<p class="five-section__date">09 jul 2021</p>
<p class="five-section__description--article">GLOBANT ADQUIERE UNA PARTICIPACIÓN MAYORITARIA DE LA ESPAÑO…</p>
<a class="five-section__" href="#"></a>
</article>
<article class="five-section__article five-section__article--3">
<img class="five-section__img" src="img/artic-globant.jpg" alt="">
<p class="five-section__date">08 jul 2021</p>
<p class="five-section__description--article">GLOBANT ADQUIERE UNA PARTICIPACIÓN MAYORITARIA EN LA EUROPE…</p>
<a class="five-section__" href="#"></a>
</article>
<article class="five-section__article five-section__article--4">
<img class="five-section__img" src="img/artic-globant2.jpg" alt="">
<p class="five-section__date">02 jul 2021</p>
<p class="five-section__description--article">GLOBANT LANZA EL NUEVO DIGITAL SALES STUDIO PARA AYUDAR A L…</p>
<a class="five-section__" href="#"></a>
</article>
<article class="five-section__article">
<img class="five-section__img" src="img/artic-globant1.jpg" alt="">
<p class="five-section__date">01 jul 2021</p>
<p class="five-section__description--article">GLOBANT REVELA A LOS GANADORES DE LA PRIMERA EDICIÓN DEL PR…</p>
<a class="five-section__" href="#"></a>
</article>
<article class="five-section__article five-section__article--6">
<img class="five-section__img" src="img/artic-globant3.jpg" alt="">
<p class="five-section__date">01 jul 2021</p>
<p class="five-section__description--article">GLOBANT REVEALS INAUGURAL DIGITAL DISRUPTORS AWARD WINNERS …</p>
<a class="five-section__" href="#"></a>
</article>
</div>
<div class="five-section__buttons">
<a class="five-section__button1" href="#">Mas Noticias</a>
<a class="five-section__button2" href="#">Mas Eventos</a>
</div>
</div>
</section>
<section class="six-section">
<div class="six-section__content">
<h2 class="six-section__title">Tech Trends Report 2021</h2>
<p class="six-section__subtitle">En 2021 muchas de las tendencias tecnológicas que continuarán impulsando a las empresas serán aquellas que se centren en brindar experiencias de cliente excepcionales en forma constante.</p>
<a class="six-section__button" href="#">Descargar reporte</a>
</div>
</section>
<div class="six-section__gradient"></div>
<section class="seven-section">
<div class="seven-section__content">
<h2 class="seven-section__title">Cuando construyes una mejor compañía, puedes construir un mundo mejor.</h2>
<p class="seven-section__subtitle">Be Kind es una parte esencial de nuestra cultura, poniendo a las personas en el centro de lo que hacemos. Be Kind se centra en cuatro principios clave: sé amable con tus pares, con la humanidad, con el planeta y contigo.</p>
<a class="seven-section__button" href="#">Conoce Más</a>
<div class="seven-section__logo">
<img class="seven-section__img" src="https://www.globant.com/sites/default/files/2021-03/logo%20-%20be%20kind.png" alt="">
</div>
</div>
</section>
<section class="eight-section">
<h2 class="eight-section__title">Nuestras noticias. Nuestras opiniones.</h2>
<p class="eight-section__subtitle">Suscríbete a nuestro newsletter. Es la fuente principal de información sobre Organizaciones Aumentadas para lectores de todo el mundo.</p>
<input class="eight-section__input" type="mail" placeholder="Ingresa un e-mail válido">
<button class="eight-section__button">Suscríbite</button>
</section>
<section class="nine-section">
<div class="nine-section__content">
<h2 class="nine-section__title">¿Te gustaría trabajar con nosotros?</h2>
<p class="nine-section__subtitle">Las buenas empresas siempre están en busca de grandes personas. Es en torno a ellas que estamos construyendo nuestra empresa. Echa un vistazo a las posiciones disponibles ahora.</p>
<a class="nine-section__button" href="#">Ver Posiciones abiertas</a>
</div>
</section>
<section class="ten-section">
<div class="ten-section__content">
<div class="ten-section__princ">
<div class="ten-section__logo"></div>
<p class="ten-section__subtitle">Todos los derechos reservados 2021</p>
</div>
<div class="ten-section__contact">
<h3 class="ten-section__title">Contáctanos</h3>
<p class="ten-section__paragraph">Escríbenos</p>
<div class="ten-section__links">
<a class="ten-section__link" href="#">hi@globant.com</a>
<a class="ten-section__link" href="#">+1 877 215 5230</a>
</div>
</div>
<div class="ten-section__follow">
<h3 class="ten-section__title">Síguenos</h3>
<div class="ten-section__links--follow">
<a class="ten-section__link" href="#">Facebook</a>
<a class="ten-section__link" href="#">Twitter</a>
<a class="ten-section__link" href="#">Youtube</a>
<a class="ten-section__link" href="#">LinkedIn</a>
<a class="ten-section__link" href="#">Instagram</a>
</div>
</div>
<div class="ten-section__suscribe">
<h3 class="ten-section__title ten-section__title--suscribe">Suscríbete para recibir nuestras noticias, perspectivas e invitaciones a eventos.</h3>
<input class="ten-section__input" type="mail" placeholder="Ingresa tu correo electrónico">
</div>
</div>
</section>
</main>
<footer class="footer">
<a class="footer__link"href="#">Política de Privacidad</a>
<a class="footer__link"href="#">Términos del servicio</a>
<a class="footer__link"href="#">Site Map</a>
<a class="footer__link"href="#">Política de Cookies</a>
<a class="footer__link"href="#">Preferencias de Cookies</a>
<a class="footer__link"href="#">Política de Vulnerabilidad</a>
</footer>
</body>
</html>