-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
256 lines (254 loc) · 14.5 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
<!DOCTYPE html>
<html lang="en-AU" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Somos una asociación de líderes de la industria que aboga por la innovación y la colaboración que desbloqueará el tremendo potencial en Costa Rica.">
<link rel="profile" href="https://gmpg.org/xfn/11">
<title>Asociación Blockchain de Costa Rica</title>
<link rel="dns-prefetch" href="//code.jquery.com">
<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">
<link rel="dns-prefetch" href="//s.w.org">
<link rel="stylesheet" id="main-style-css" href="css/main.min.css" type="text/css" media="all">
<link rel="canonical" href="https://asoblockchain.org/">
<link rel="shortlink" href="https://asoblockchain.org/">
<link rel="icon" href="images/cropped-favicon-32x32.png" sizes="32x32">
<link rel="icon" href="images/cropped-favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon-precomposed" href="images/cropped-favicon-180x180.png">
<script async src="js_1" type="8fcdfda8d3b740d2a08f733b-text/javascript"></script>
</head>
<body class="home page-template-default page page-id-6">
<div id="top"></div>
<div class="wrapper">
<header class="header">
<div class="container">
<div class="row">
<div class="col">
<a href="/#top">
<img src="images/logo-black.png" class="header__logo" alt="blockchain-logo">
</a>
</div>
<div class="col">
</div>
</div>
<div class="header__hamburger">
<span></span>
<span></span>
</div>
</div>
</header>
<div class="nav">
<div class="container">
<div class="nav__hamburger">
<span></span>
<span></span>
</div>
<ul><li><a href="#mission" target=""><span>N</span><span>u</span><span>e</span><span>s</span><span>t</span><span>r</span><span>a</span> <span>M</span><span>i</span><span>s</span><span>i</span><span>ó</span><span>n</span></a></li><li><a href="#mission" target=""><span>C</span><span>ó</span><span>m</span></span><span>o <span>L</span><span>o</span> <span>H</span><span>a</span><span>c</span><span>e</span><span>m</span><span>o</span><span>s</span></a></li><li><a href="#industry" target=""><span>C</span><span>o</span><span>n</span><span>f</span><span>o</span></span><span>r</span><span>m</span><span>a</span><span>n</span><span>d</span><span>o</span> <span>L</span><span>a</span> <span>I</span></span><span>n</span><span>d</span><span><span>u</span><span>s</span><span>t</span><span>r</span><span>i</span><span>a</span></a></li><li><a href="https://forms.gle/StTkAG1U3qCQ48oY8" data-mode="popup" data-submit-close-delay="2" target="_blank"><span>U</span><span>n</span><span>i</span><span>r</span><span>s</span><span>e</span></a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script></li><li><a href="https://medium.com/BlockchainCR" target="_blank"><span>P</span><span>u</span><span>b</span><span>l</span><span>i</span><span>c</span><span>a</span><span>c</span><span>i</span><span>o</span><span>n</span><span>e</span><span>s</span></a></li><li><a href="https://www.meetup.com/BlockchainCR/ target="_blank"><span>E</span><span>v</span><span>e</span><span>n</span><span>t</span><span>o</span><span>s</span></span></a></li><li><a href="#subscribe" target=""><span>C</span></span><span><span>o</span></span><span><span>n</span><span>t</span><span>á</span><span>c</span><span>t</span><span>e</span><span>n</span><span>o</span><span>s</span></a></li></ul> </div>
</div><section class="hero" style="background:url() no-repeat center/cover;">
<div class="hero__video">
<video muted autoplay loop playsinline="">
<source src="media/landing.mp4" type="video/mp4">
</video>
</div>
<div class="container">
<img loop="FALSE" src="images/logo.gif" alt="logo" class="hero__logo">
<div class="hero__content typography">
<h1><span>La</span> <span>voz</span> <span>unificada</span> <span>de</span> <span>la</span> <span>industria</span> <span>de</span> <span>blockchain</span> <span>en</span> <span>Costa</span> <span>Rica</span></h1>
<p><span style="font-weight: 400;">Blockchain jugará un papel fundamental en nuestro futuro digital compartido. Somos una asociación de líderes de la industria que aboga por la innovación y la colaboración que desbloqueará el tremendo potencial en nuestra país.</span></p>
<p><a class="typeform-share button" href="https://forms.gle/StTkAG1U3qCQ48oY8" data-mode="popup" data-submit-close-delay="2" target="_blank">UNIRSE</a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script></p>
</div>
<a href="#under-hero" class="hero__content__arrow">
<img src="images/arrow-down.png">
</a>
<div class="hero__hamburger">
<span></span>
<span></span>
</div>
</div>
<div class="under-hero typography" id="under-hero">
<div class="container">
<div class="row">
<div class="col">
<div class="under-hero__imgslider">
<div class="under-hero__imgslider__slide">
<img width="364" height="80" src="images/eos-cr.png" class="under-hero__logo" alt="" srcset="images/eos-cr.png 364w, images/eos-cr-300x66.png 300w" sizes="(max-width: 364px) 100vw, 364px"> </div>
</div>
</div>
<div class="col">
<div class="under-hero__copyslider">
<p class="under-hero__copy">"Dentro de veinte años no podremos imaginar un mundo sin blockchains." - Xavier Fernandez, Cofundador de EOS Costa Rica</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="copy-accordion typography" id="mission">
<div class="container">
<div class="row">
<div class="col">
<div class="copy-accordion__left">
<div class="copy-accordion__left__inner">
<h2><span style="color: #2855ff;"><span>Por</span> <span>Que</span> <span>Existimos</span>:</span> <span>Nuestro</span> <span>objetivo</span> <span>es</span> <span>promover</span> <span>la</span> <span>confianza,</span> <span>la</span> <span>transparencia,</span> <span>la</span> <span>seguridad</span> <span>y</span> <span>la</span> <span>innovación</span> <span>a</span> <span>través</span> <span>de</span> <span>tecnologías</span> <span>y</span> <span>servicios</span> <span>distribuidos</span> <span>en</span> <span>Costa</span> <span>Rica.</span></h2>
<p><span style="font-weight: 400;">Hay barreras para estos avances. En el lado tecnológico, los innovadores se enfrentan a campos de minas regulatorios. En el lado de las políticas, los legisladores deben navegar por la protección del consumidor, las preocupaciones de seguridad y la información errónea. </span><span style="font-weight: 400;">Estamos comprometidos a crear asociaciones profundas </span><span style="font-weight: 400;">— con</span><span style="font-weight: 400;">en y entre tecnología y gobierno</span><span style="font-weight: 400;"> — </span><span style="font-weight: 400;">para compartir conocimientos, identificar oportunidades y co-crear un futuro digital más transparente, más inspirador y más seguro.</span></p>
</div>
</div>
</div>
<div class="col">
<div class="copy-accordion__right">
<div class="copy-accordion__right__inner">
<h3 class="copy-accordion__right__title">CÓMO LO HACEMOS
<div class="copy-accordion__right__accordion">
<h3 class="copy-accordion__right__accordion__button">
1. Representar </h3>
<div class="copy-accordion__right__accordion__panel">
<p><span style="font-weight: 400;">nuestra industria frente a reguladores y legisladores.</span></p>
</div>
</div>
<div class="copy-accordion__right__accordion">
<h3 class="copy-accordion__right__accordion__button">
2. Compartir </h3>
<div class="copy-accordion__right__accordion__panel">
<p><span style="font-weight: 400;">nuestro entusiasmo por el potencial de la tecnología blockchain con una amplia audiencia.</span></p>
</div>
</div>
<div class="copy-accordion__right__accordion">
<h3 class="copy-accordion__right__accordion__button">
3. Aclarar </h3>
<div class="copy-accordion__right__accordion__panel">
<p><span style="font-weight: 400;">la funcionalidad y los beneficios de la tecnología para disipar el sentimiento negativo y la desinformación.</span></p>
</div>
</div>
<div class="copy-accordion__right__accordion">
<h3 class="copy-accordion__right__accordion__button">
4. Coordinar </h3>
<div class="copy-accordion__right__accordion__panel">
<p><span style="font-weight: 400;">abogacía de base con organizaciones tecnológicas, empresarios y usuarios.</span></p>
</div>
</div>
<div class="copy-accordion__right__accordion">
<h3 class="copy-accordion__right__accordion__button">
5. Priorizar </h3>
<div class="copy-accordion__right__accordion__panel">
<p><span style="font-weight: 400;">una agenda regulatoria que promueve el intercambio de valor, la formación de capital y la protección del consumidor.</span></p>
</div>
</div>
<div class="copy-accordion__right__accordion">
<h3 class="copy-accordion__right__accordion__button">
6. Participar </h3>
<div class="copy-accordion__right__accordion__panel">
<p><span style="font-weight: 400;">en discusiones regulatorias y políticas a nivel nacional e internacional.</span></p>
</div>
</div>
<div class="copy-accordion__right__accordion">
<h3 class="copy-accordion__right__accordion__button">
7. Amplificar </h3>
<div class="copy-accordion__right__accordion__panel">
<p><span style="font-weight: 400;">nuestro mensaje a través de asociaciones con grupos alineados.</span></p>
</div>
</div>
</h3></div>
</div>
</div>
</div>
</div>
</section><section class="banner typography" id="pullout">
<div class="container">
<div class="row">
<div class="col order-1">
<p class="banner__copy">
Darse cuenta del potencial del ecosistema blockchain.</p>
</div>
</div>
</div>
</section><section class="copy-list typography" id="industry">
<div class="container">
<div class="row">
<div class="col">
<div class="copy-list__left">
<div class="copy-list__left__inner">
<h2><span style="color: #2855ff;"><span>Quienes</span> <span>Somos</span>:</span> <span>Nuestros</span> <span>miembros</span> <span>son</span> <span>elegidos</span> <span>por</span> <span>su</span> <span>compromiso</span></span> <span>de</span> <span>construir,</span> <span>invertir</span> <span>y</span> <span>defender</span> <span>la</span> <span>tecnología</span> <span>de</span> <span>blockchain.</span></h2>
<p>Van desde la tecnología hasta los grupos de capital de riesgo y las nuevas empresas. Todos los miembros se sientan en una de las tres categorías, con su ubicación determinada por el papel que desempeñan en el ecosistema.</p>
</div>
</div>
</div>
<div class="col">
<div class="copy-list__right">
<div class="copy-list__right__inner">
<ul>
<li>
<h3 class="copy-list__right__title">Miembros Ejecutivos</h3>
<p><span style="font-weight: 400;">Principales contribuyentes al ecosistema blockchain en Costa Rica. Están comprometidos con un enfoque responsable, colaborativo, centrado en la seguridad y con mentalidad comunitaria.</span></p>
</li>
<li>
<h3 class="copy-list__right__title">Miembros Asociados</h3>
<p><span style="font-weight: 400;">Nuevos innovadores de blockchain en Costa Rica, que ofrecen perspectivas únicas desde su posición dentro de la industria.</span></p>
</li>
<li>
<h3 class="copy-list__right__title">Partidarios</h3>
<p><span style="font-weight: 400;">Defensores, trabajando fuera de la industria de blockchain en Costa Rica pero comprometidos con su avance.</span></p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section><section class="signup typography" id="member">
<div class="signup__inner">
<div class="container">
<div class="row">
<div class="col">
<div class="signup__left">
<div class="signup__left__inner">
<h2><span>Quiere</span> <span>ser</span> <span>miembro</span> <span>de</span> <span>la</span> <span>Asociación</span> <span>Blockchain</span> <span>de</span> <span>Costa</span> <span>Rica?</span></h2>
<p><a class="button" href="https://forms.gle/StTkAG1U3qCQ48oY8" data-mode="popup" data-submit-close-delay="2">UNIRSE</a><script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script></p>
</div>
</div>
</div>
<div class="col">
<div class="signup__right">
<div class="signup__right__inner">
<div class="signup__right__top">
<h3>Lee Mas</h3>
<p><a class="MoreIcon" href="https://medium.com/BlockchainCR"></a></p>
</div>
<div class="signup__right__top">
<h3>Contáctenos</h3>
<p><a class="EmailIcon" href="mailto:[email protected] " data-mode="popup" data-submit-close-delay="2"></a><script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="subscribe typography" id="subscribe">
<div class="container">
</div>
</section>
<section class="footer">
<div class="container">
<div class="row">
<div class="col">
<p>Gracias por visitar el sitio web de la Asociación Blockchain de Costa Rica.</p>
</div>
<div class="col text-right">
<a href="#top" class="backtotop">VOLVER AL INICIO</a>
</div>
</div>
</div>
</section>
</div>
<link rel="stylesheet" id="dashicons-css" href="css/dashicons.min.css" type="text/css" media="all">
<link rel="stylesheet" id="nf-display-css" href="css/display-structure.css" type="text/css" media="all">
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/bootstrap.min.js"></script>
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/plugins.min.js"></script>
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/main.min.js"></script>
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/wp-embed.min.js"></script>
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/underscore.min.js"></script>
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/backbone.min.js"></script>
<script type="8fcdfda8d3b740d2a08f733b-text/javascript" src="js/front-end-deps.js"></script>
<script src="js/rocket-loader.min.js" data-cf-nonce="8fcdfda8d3b740d2a08f733b-" defer></script></body>
</html>