-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
103 lines (86 loc) · 5.75 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fjalla+One">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans">
<link rel="Stylesheet" href="web/styles/index.css"/>
<title>Club de Programación Creativa</title>
</head>
<body>
<!-- HEADER -->
<header>
<div class="title"><a target="_blank" href="https://github.com/arhcoder/Club-de-Programacion-Creativa"><img class="logo" src="web/images/cpc.png" alt="CLUB DE PROGRAMACIÓN CREATIVA"></a></div>
</header>
<!-- CONTENT COLUMN -->
<div class="content">
<!-- LAWS -->
<div class="laws">
<div class="buttons"></div>
<div class="text">
<span class="rules"><span class="celeste-text"> 1. </span><span class="red-text"> Si </span>se puede <strong><span class="purple-text">automatizar</span></strong>, <span class="orange-text">lo</span><strong> <span class="green-text">automatizamos</span></strong>;</span>;
<span class="rules"><span class="celeste-text"> 2. </span><span class="red-text"> Si </span>se puede <strong><span class="purple-text">aprender</span></strong>, <span class="orange-text">lo</span><strong> <span class="green-text">aprendemos</span></strong>;</span>;
<span class="rules"><span class="celeste-text"> 3. </span><span class="red-text"> Si </span>se puede <strong><span class="purple-text">enseñar</span></strong>, <span class="orange-text">lo</span><strong> <span class="green-text">enseñamos</span></strong>;</span>;
</div>
</div>
<!-- MEMBERS ------------------------------------------------------------------------------------------------------------ -->
<div class="member" onclick="window.open('https://github.com/arhcoder', 'mywindow');" style="cursor: pointer;">
<div class="photo"><img src="https://github.com/arhcoder.png" alt="" class="avatar"></div>
<div class="info">
<div class="membername"><h2><a href="https://github.com/arhcoder">Alejandro Ramos</a></h2></div>
<div class="memberusername"><h3><a href="https://github.com/arhcoder">@arhcoder</a></h3></div>
</div>
</div>
<div class="member" onclick="window.open('https://github.com/ZachenLeth', 'mywindow');" style="cursor: pointer;">
<div class="photo"><img src="https://github.com/ZachenLeth.png" alt="" class="avatar"></div>
<div class="info">
<div class="membername"><h2><a href="https://github.com/ZachenLeth">ZachenLeth</a></h2></div>
<div class="memberusername"><h3><a href="https://github.com/ZachenLeth">@zachenleth</a></h3></div>
</div>
</div>
<div class="member" onclick="window.open('https://github.com/brendaramirez2022', 'mywindow');" style="cursor: pointer;">
<div class="photo"><img src="https://github.com/brendaramirez2022.png" alt="" class="avatar"></div>
<div class="info">
<div class="membername"><h2><a href="https://github.com/brendaramirez2022">Brenda Ramirez</a></h2></div>
<div class="memberusername"><h3><a href="https://github.com/brendaramirez2022">@brendaramirez2022</a></h3></div>
</div>
</div>
<div class="member" onclick="window.open('https://github.com/DiegoGHx', 'mywindow');" style="cursor: pointer;">
<div class="photo"><img src="https://github.com/DiegoGHx.png" alt="" class="avatar"></div>
<div class="info">
<div class="membername"><h2><a href="https://github.com/DiegoGHx">Diego García</a></h2></div>
<div class="memberusername"><h3><a href="https://github.com/DiegoGHx">@DiegoGHx</a></h3></div>
</div>
</div>
<div class="member" onclick="window.open('https://github.com/Miguel281298', 'mywindow');" style="cursor: pointer;">
<div class="photo"><img src="https://github.com/Miguel281298.png" alt="" class="avatar"></div>
<div class="info">
<div class="membername"><h2><a href="https://github.com/Miguel281298">Miguel Vázquez</a></h2></div>
<div class="memberusername"><h3><a href="https://github.com/Miguel281298">@Miguel281298</a></h3></div>
</div>
</div>
<div class="member" onclick="window.open('https://github.com/baam160804', 'mywindow');" style="cursor: pointer;">
<div class="photo"><img src="https://github.com/baam160804.png" alt="" class="avatar"></div>
<div class="info">
<div class="membername"><h2><a href="https://github.com/baam160804">Fernanda Álvarez</a></h2></div>
<div class="memberusername"><h3><a href="https://github.com/baam160804">@baam160804</a></h3></div>
</div>
</div>
<div class="member" onclick="window.open('https://github.com/ensecode', 'mywindow');" style="cursor: pointer;">
<div class="photo"><img src="https://github.com/ensecode.png" alt="" class="avatar"></div>
<div class="info">
<div class="membername"><h2><a href="https://github.com/ensecode">Enscode</a></h2></div>
<div class="memberusername"><h3><a href="https://github.com/ensecode">@ensecode</a></h3></div>
</div>
</div>
<!-- MEMBERS ------------------------------------------------------------------------------------------------------------ -->
</div>
<!-- FOOTER -->
<!-- <footer>
<div class="git">
<a href="#"><img src="gráficos/git.svg" alt="git out"></a>
</div>
</footer> -->
</body>
</html>