-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcodedojo.html
More file actions
149 lines (135 loc) · 8.63 KB
/
codedojo.html
File metadata and controls
149 lines (135 loc) · 8.63 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Code.Red</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Somos uma comunidade empenhada em criar um ambiente saudável, instigante e divertido onde todos podem aprender a programar.">
<meta name="keywords" content="Bootcamp,CodeDojo,Hachathon,Programação,Meetup">
<meta name="author" content="Code.Red">
<meta name="theme-color" content="#414C5A">
<link href="css/normalize.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="apresentacao">
<nav class="apresentacao__navegacao">
<div class="conteudo">
<a class="apresentacao__link" href="bootcamp.html">Bootcamps</a>
<a class="apresentacao__link" href="codedojo.html">CodeDojo</a>
<a class="apresentacao__link" href="hachathon.html">Hachathon</a>
<a class="apresentacao__link" href="equipe.html">Equipe</a>
<a class="apresentacao__link" href="entrar">Entrar</a>
<div class="apresentacao__social">
<a class="apresentacao__link" href="#">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fab" data-icon="facebook-square" class="svg-inline--fa fa-facebook-square fa-w-14" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"/></svg>
</a>
<a class="apresentacao__link" href="#">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fab" data-icon="twitter-square" class="svg-inline--fa fa-twitter-square fa-w-14" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"/></svg>
</a>
<a class="apresentacao__link" href="#">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fab" data-icon="github-square" class="svg-inline--fa fa-github-square fa-w-14" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z"/></svg>
</a>
<a class="apresentacao__link" href="#">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fab" data-icon="linkedin" class="svg-inline--fa fa-linkedin fa-w-14" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
</a>
</div>
</div>
</nav>
<div class="conteudo">
<div class="apresentacao__descricao">
<h1 class="apresentacao__titulo">Code<span class="texto-vermelho">.Red</span></h1>
<p class="apresentacao__subtitulo typewrite" data-period="2000"
data-type='[ "Bootcamp", "Hackathon", "CodeDojo" ]'>
<span class="wrap">B</span>
</p>
</div>
<div class="apresentacao__sobre">
<span>
Somos uma comunidade empenhada em criar um ambiente saudável, instigante e divertido onde todos podem aprender a programar.
</span>
</div>
</div>
<video class="apresentacao__video" loop="" autoplay="" muted="" poster="img/coding.png">
<source type="video/webm" src="img/coding.webm">
<source type="video/mp4" src="img/coding.mp4">
<img src="img/coding.png" alt="" />
</video>
</header>
<section class="eventos">
<div class="conteudo">
<div class="logos">
<div class="flip 1">
<div class="frente">
<div class="box1">
<img src="img/bootcamp.svg" alt="Bootcamp" width="100%" />
</div>
</div>
<div class="fundo">
<div class="box1">
<p>
Bootcamp é um termo em inglês usado inicialmente para nomear práticas militares que envolviam treinamentos intensivos em um curto período de tempo. Tal prática foi transposta para o mercado e bootcamps são empregados para prover treinamento em diversas áreas como: marketing, vendas, capacitação funcional e tecnologia.
</p>
</div>
</div>
</div>
<div class="flip 2">
<div class="frente">
<div class="box1">
<img src="img/codedojo.svg" alt="CodeDojo" width="100%" />
</div>
</div>
<div class="fundo">
<div class="box1">
<p>
Dojô é uma palavra de origem japonesa que significa ‘local de treinamento’. A comunidade de tecnologia abraçou tal terminologia e esse modelo tem o intuito de promover a diversão e desafiar programadores a solucionar problemas pelo meio de pequenos problemas de lógica básica. Aprender em conjunto e na prática sempre é valioso.
</p>
</div>
</div>
</div>
<div class="flip 3">
<div class="frente">
<div class="box1">
<img src="img/hackathon.svg" alt="Hackathon" width="100%" />
</div>
</div>
<div class="fundo">
<div class="box1">
<p>
Hackathon é um evento que gira em torno de problemas sugeridos por empresas onde todos os participantes são encarregados de desenvolver seus protótipos, seja Web um aplicativo ou uma solução desktop. No hackathon o importante é solucionar o problema e participar em um ambiente amistoso de competição. (Em breve)
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="rodape">
<div class="conteudo">
<h1 class="rodape__titulo">Code<span class="texto-vermelho">.Red</span></h1>
<nav class="rodape__navegacao">
<a class="rodape__link" href="bootcamp.html">Bootcamps</a>
<a class="rodape__link" href="codedojo.html">CodeDojo</a>
<a class="rodape__link" href="hachathon.html">Hachathon</a>
<a class="rodape__link" href="equipe.html">Equipe</a>
</nav>
<div class="rodape__saudacao">
Fazendo a web um lugar melhor
</div>
</div>
</footer>
<script src="js/typewriter.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
<script>
var flips = document.querySelectorAll(".flip");
for(var i = 0; i < flips.length; i++){
flips[i].addEventListener("mouseenter", function() {
this.classList.add('virado');
});
flips[i].addEventListener("mouseleave", function() {
this.classList.remove('virado');
});
}
</script>
</body>
</html>