-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
185 lines (180 loc) · 7.05 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
<!DOCTYPE html>
<html lang="es-MX">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="Somos una comunidad de personas interesadas en tecnología donde charlamos sobre programación y contribuimos al planeta.">
<meta name="keywords"
content="mexicodev, software, discord, comunidad, programadores, programacion, code, coding, python, javascript, community, desarrolladores, latino, america, mexico">
<!-- Primary Meta Tags -->
<meta name="title" content="MexicoDev - Comunidad Tecnológica">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://mexicodev.org/">
<meta property="og:title" content="MexicoDev - Comunidad Tecnológica">
<meta property="og:description"
content="Somos una comunidad de personas interesadas en tecnología donde charlamos sobre programación y contribuimos al planeta.">
<meta property="og:image" content="https://mexicodev.org/images/graph.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://mexicodev.org/">
<meta property="twitter:title" content="MexicoDev - Comunidad Tecnológica">
<meta property="twitter:description"
content="Somos una comunidad de personas interesadas en tecnología donde charlamos sobre programación y contribuimos al planeta.">
<meta property="twitter:image" content="https://mexicodev.org/images/graph.png">
<title>MexicoDev - Comunidad Tecnológica</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="icon" href="images/favicon.png">
</head>
<body>
<div class="container">
<div class="columns is-vcentered">
<div class="column">
<a href="/">
<img id="nav-logo" src="images/logo.svg">
</a>
</div>
<div class="column has-text-right">
<a href="https://www.youtube.com/channel/UCbFBkOMEZYYCqoEvyWVAmgg" target="_blank" class="ml-2">
<button class="button is-danger"><i class="fab fa-youtube"></i> <span
class="boton">Youtube</span></button>
</a>
<a href="https://discord.gg/xgNYquK6Vc" target="_blank">
<button class="button is-link ml-2"><i class="fab fa-discord"></i> <span
class="boton">Discord</span></button>
</a>
</div>
</div>
<div class="columns is-vcentered">
<div class="column">
<p class="title has-text-white">
¿Quiénes somos?
</p>
<p></p>
<p class="subtitle justify" style="color: rgba(223, 223, 223, 0.9);">
Somos una comunidad de personas interesadas en tecnología donde charlamos sobre programación y
contribuimos al planeta.
</p>
<p class="subtitle justify" style="color: rgba(223, 223, 223, 0.9);">
Hablamos sobre diversos temas, como son programación, tecnología, software y hardware.
</p>
</div>
<div class="column has-text-right">
<iframe src="https://discordapp.com/widget?id=818251363012182023&theme=dark" width="600" height="500"
allowtransparency="true" frameborder="0"
sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</div>
<div class="columns is-vcentered mt-5">
<div class="column is-half">
<p class="title has-text-white">
Eventos 📅
</p>
</div>
</div>
<div class="columns mt-5">
<div class="column">
<h4 class="title is-4 has-text-white">Algoritmos y Estructuras de Datos</h4>
<p class="subtitle mt-5 justify" style="color: rgba(223, 223, 223, 0.9);">
Cada semana en nuestro servidor de discord vamos a presentar un algoritmo básico de programación discutir sus usos, su implementación, así como tomar conceptos como unit testing y como confrontar las preguntas técnicas que se puedan encontrar en una entrevista de trabajo.
</p>
</div>
</div>
<div class="columns mt-5">
<div class="column has-text-centered">
<img class="event" src="images/evento1.png"/>
</div>
</div>
<div class="columns mt-5">
<div class="column has-text-centered">
<img src="images/evento2.png"/>
</div>
</div>
<div class="columns mt-5">
<div class="column">
<p class="subtitle" style="color: rgba(223, 223, 223, 0.9);">
Evento realizado por iKnowthings 11/2021
</p>
</div>
</div>
<div class="columns mt-5">
<div class="column">
<p class="subtitle" style="color: rgba(223, 223, 223, 0.9);">
<a href="https://www.youtube.com/channel/UCWx-0Akmbf9aVAVtPdtwPFg" target="_blank" class="ml-2">
<button class="button is-danger"><i class="fab fa-youtube"></i> <span
class="boton">Ver sesiones en Youtube</span></button>
</a>
</p>
</div>
</div>
<div class="columns is-vcentered mt-5">
<div class="column is-half">
<p class="title has-text-white">
Partners 💘
</p>
</div>
</div>
<div class="float-animation columns is-vcentered mt-5">
<div class="column has-text-centered">
<figure class="image is-128x128" style="margin: 0 auto;">
<a href="https://discord.gg/D2p2SZ7MGx" target="_blank">
<img class="is-rounded" src="images/partners/wh.jpg">
</a>
</figure>
<a href="https://discord.gg/D2p2SZ7MGx">
<h4 class="title is-4 has-text-white mt-5">World Hacking</h4>
</a>
</div>
<div class="column has-text-centered">
<figure class="image is-128x128" style="margin: 0 auto;">
<a href="https://twitter.com/outlinecc" target="_blank">
<img class="is-rounded" src="images/partners/outline.png">
</a>
</figure>
<a href="https://twitter.com/outlinecc">
<h4 class="title is-4 has-text-white mt-5">Outline</h4>
</a>
</div>
<div class="column has-text-centered">
<figure class="image is-128x128" style="margin: 0 auto;">
<a href="https://hackcode.club/" target="_blank">
<img class="is-rounded" src="images/partners/hackcode.png">
</a>
</figure>
<a href="https://hackcode.club/">
<h4 class="title is-4 has-text-white mt-5">HackCode</h4>
</a>
</div>
</div>
<div class="columns is-vcentered mt-5">
<div class="column has-text-centered">
<section class="hero is-primary" style="background-color: #111;">
<div class="hero-body">
<p class="title">
¿Qué esperas para unirte?
</p>
<p class="subtitle mt-5" style="color: rgba(223, 223, 223, 0.9);">
Tenemos café.. ☕
</p>
<p>
<a href="https://discord.gg/xgNYquK6Vc" target="_blank">
<button class="button is-info"><span class="boton"><i
class="fas fa-comment-alt"></i> Unirse a la Charla</span></button>
</a>
</p>
</div>
</section>
</div>
</div>
<div class="columns is-vcentered mt-5">
<div class="column has-text-centered has-text-white">
Copyright © 2021 <b>MexicoDev</b> | Coded with <i style="color: red;" class="fas fa-heart"></i>
</div>
</div>
</div>
<script src="https://kit.fontawesome.com/334954a7a0.js" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>