-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
140 lines (131 loc) · 7.97 KB
/
nosotros.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nosotros - TuringBox</title>
<link rel="shortcut icon" href="assets/TB_Símbolo.png">
<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=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<header>
<img src="assets/TB_Símbolo Blanco.png" alt="Logo TuringBox" class="header-logo" onclick="location.replace('https://turingbox.co')">
<img src="assets/TB_Identificador blanco.png" alt="Logo TuringBox" class="header-logo-desktop" onclick="location.replace('https://turingbox.co')">
<img src="assets/menu.png" alt="Menu" class="header-menu">
<div class="header-links">
<a href="https://turingbox.co/proyectos">Proyectos</a>
<a href="https://turingbox.co/colaboraciones">Colaboraciones</a>
<a href="/nosotros" style="text-decoration: underline;">Nosotros</a>
</div>
</header>
<div id="menu" class="mobile none">
<div class="menu-header">
<div class="empty"></div>
<img src="assets/close.png" alt="close menu" class="close-menu">
</div>
<div class="menu-options">
<a href="/proyectos" class="top-separate">Proyectos</a>
<div class="menu-line"></div>
<a href="/colaboraciones">Colaboraciones</a>
<div class="menu-line"></div>
<a href="/nosotros">Nosotros</a>
<div class="menu-line"></div>
<img src="assets/hero section bg 2.png" alt="Hexagonos" class="menu-bg">
</div>
</div>
<section id="hero-section" class="pink-gradient">
<div class="main-content">
<h2 data-aos="fade-up" data-aos-duration="1000">Queremos inspirar a más personas a crear soluciones</h2>
<div class="mouse-scroll" data-aos="fade-up" data-aos-duration="1000">
<div class="mouse-wheel"></div>
</div>
</div>
<div class="bg-images" data-aos="fade-up" data-aos-duration="1000">
<img src="assets/hero section bg 1.png" alt="bg 1" class="bg-1">
<img src="assets/hero section bg 2.png" alt="bg 2" class="bg-2">
<img src="assets/hero section bg 3.png" alt="bg 2" class="bg-3 hidden">
<img src="assets/hero section bg 4.png" alt="bg 2" class="bg-4 hidden">
</div>
</section>
<section id="what-we-are">
<h2 class="section-title" data-aos="fade-up" data-aos-duration="1000">¿Por qué existimos?</h2>
<p class="section-content more-space" data-aos="fade-up" data-aos-duration="1000">Turingbox nace como <b class="pink">respuesta a la falta de flexibilidad en las universidades</b> para integrar en sus currículos la <b class="pink">enseñanza de nuevas tecnologías</b></p>
</section>
<figure class="second-separator">
<img src="assets/div top desktop.png" alt="Separador 1" class="second-separator-top desktop">
<img src="assets/invisible separator.png" alt="Separador 1" class="second-separator-bottom hidden desktop">
<img src="assets/div bottom desktop.png" alt="Separador 1" class="second-separator-bottom desktop">
<img src="assets/div top.png" alt="Separador 1" class="second-separator-top mobile">
<img src="assets/invisible separator.png" alt="Separador 1" class="second-separator-top mobile hidden">
<img src="assets/div bottom.png" alt="Separador 1" class="second-separator-bottom mobile">
</figure>
<section id="history">
<h2 class="section-title" data-aos="fade-up" data-aos-duration="1000">Nuestra historia</h2>
<div class="timeline">
<div class="year left" data-aos="fade-up" data-aos-duration="1000">
<div class="separator-line-year"></div>
<div class="year-hexagon">
<h3>2021</h3>
</div>
</div>
<div class="align-content">
<div class="year-element year-right" data-aos="fade-up" data-aos-duration="1000">
<img src="assets/logo_google.png" alt="Logo Google">
<p class="year-element-date">Junio</p>
<p class="year-element-content">Nacimos como el Google Developer Student Club. Somos el club más grande y activo Colombia</p>
</div>
<div class="year-element year-left" data-aos="fade-up" data-aos-duration="1000">
<img src="assets/logo_start_fellowship.png" alt="Logo Google">
<p class="year-element-date">Octubre</p>
<p class="year-element-content">Somos impulsados a través del programa START Fellowship de la Universidad de St. Gallen en Suiza</p>
</div>
<div class="year-element year-right" data-aos="fade-up" data-aos-duration="1000">
<img src="assets/Logo-Solidaridad-por-colombia.png" alt="Logo Google">
<p class="year-element-date">Diciembre</p>
<p class="year-element-content">Finalistas del programa ACCIONA de la Fundación Solidaridad por Colombia y la CCB</p>
</div>
</div>
<div class="year right" data-aos="fade-up" data-aos-duration="1000">
<div class="year-hexagon">
<h3>2022</h3>
</div>
<div class="separator-line-year"></div>
</div>
<div class="align-content">
<div class="year-element year-right" data-aos="fade-up" data-aos-duration="1000">
<img src="assets/logo_unal.png" alt="Logo Google">
<p class="year-element-date">Marzo</p>
<p class="year-element-content">Somos reconocidos como grupo estudiantil de la Universidad Nacional de Colombia</p>
</div>
<div class="year-element year-left" data-aos="fade-up" data-aos-duration="1000">
<img src="assets/TB_Símbolo.png" alt="Logo Google">
<p class="year-element-date">Septiembre</p>
<p class="year-element-content">Nos convertimos en un semillero de co-creación interinstitucional</p>
</div>
</div>
</div>
</section>
<footer>
<h2 class="section-title" data-aos="fade-up" data-aos-duration="1000">¿Qué esperas para ser parte de esta historia?</h2>
<a href="https://forms.gle/aTsjyo1CLjm6Kbao6" class="footer-cta">Únete ahora</a>
<div class="social-networks">
<img src="assets/linkedin.png" alt="linkedin" onclick="window.open('https://www.linkedin.com/company/turingbox/')">
<img src="assets/youtube.png" alt="youtube" onclick="window.open('https://www.youtube.com/@turingbox')">
<img src="assets/instagram.png" alt="Instagram" onclick="window.open('https://www.instagram.com/turingbox/')">
<img src="assets/whatsapp.png" alt="whatsapp" onclick="window.open('https://chat.whatsapp.com/D9wyiwh2jz2FDD6NkeopCS')">
<img src="assets/tik-tok.png" alt="tik-tok" onclick="window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ')">
<img src="assets/twitter.png" alt="twitter" onclick="window.open('https://twitter.com/turingbox_')">
<p class="uwunt">De Colombia con ❤ para el mundo</p>
</div>
</footer>
<script src="about.js" type="module"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>