forked from hackclub/hackclub.es
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
62 lines (57 loc) · 2.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hack Club - Por estudiantes, para estudiantes</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;700&family=Shrikhand&display=swap" rel="stylesheet">
</head>
<body>
<div id="navbar">
<a href="https://hackclub.com" id="hackclubcom"></a>
<nav role="navigation">
<a href="https://hackclub.com/slack">SLACK</a>
<a href="https://hackclub.com/workshops">TALLERES</a>
<a href="https://hackclub.com/scrapbook">SCRAPBOOK</a>
</nav>
</div>
<article class="container">
<div id="hero"></div>
<section id="intro">
<h1>Por estudiantes, para estudiantes</h1>
<p>
Hack Club es una red de clubs de ciencias de la computación donde estudiantes aprenden a programar creando proyectos.
</p>
</section>
<div id="scrapbook-cont">
<section id="scrapbook">
<div>
<h3>scrapbook.hackclub.com</h3>
<h2 class="cursive">Comparte tu progreso diario</h2>
<p>
Conforme aprendas y hagas proyectos, comparte con fotos/videos, resumenes cortos de lo que hiciste cada día y crea una racha.
Incluso puedes configurar el estilo de tu sitio y usar tu propio dominio.
</p>
<a href="" class="button" style="background: #ec3750; color: white;">Ve lo que todos están haciendo</a>
</div>
<div style="background-image:url(https://dl.airtable.com/.attachmentThumbnails/169f54f04aa5f292dc8fd2dbc99493ee/a7a1ce23)" class="example"></div>
<div style="background-image:url(https://dl.airtable.com/.attachmentThumbnails/11e238585dc4cf7af50a80c6298cf5d2/a7942d49)" class="example"></div>
<div style="background-image:url(https://dl.airtable.com/.attachmentThumbnails/2bac8828b908d77f9113121e292d53b1/36ee25e7)" class="example"></div>
</section>
</div>
<div id="slack-cont">
<video src="https://cdn.glitch.com/2d637c98-ed35-417a-bf89-cecc165d7398%2Foutput-no-duplicate-frames.hecv.mp4?v=1590780967658" autoplay></video>
<div id="background"></div>
<section id="slack">
<h3>Slack de la comunidad</h3>
<h2 class="cursive">Amigos, mentores y eventos semanales en Slack</h2>
<p>
Entra a una increíble comunidad de más de 10k adolescentes creadores. Tenemos eventos en vivo, incluyendo entrevistas, talleres de programación, demostraciones y mucho más.
</p>
<a href="" class="button" style="background: white; color: black;">Únete ahora</a>
</section>
</div>
</article>
</body>
</html>