-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·171 lines (161 loc) · 9.08 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
<!doctype HTML>
<html >
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112626775-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-112626775-3');
</script>
<meta charset="utf-8"/>
<title>Bender | Equipe - Bender Robótica | Equipe - NPITI - IMD</title>
<!-- Metas para ser fodaos -->
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<meta name="theme-color" content="#000"/>
<meta name="robots" content="index, follow"/>
<meta name="description" content="Equipe Bender. Bender é uma equipe de estudantes e pesquisadores voltado a IoT, robótica, cyber segurança e outros assuntos da área."/>
<!-- ogs -->
<meta property="og:site_name" content="Equipe Bender"/>
<meta property="og:title" content="Bender | Bender Equipe | Team, Robótica, IoT, Security">
<meta property="og:image" content="assets/loginho.jpeg"/>
<meta property="og:description" content="Equipe Bender. Bender é uma equipe de estudantes e pesquisadores voltado a IoT, robótica, cyber segurança e outros assuntos da área."/>
<meta property="og:author" content="Equipe Bender"/>
<!-- linkagem dos arquivos de estilo CSS-->
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/home.css"/>
<script async src="js/hp.js"></script>
<!-- Facilitar indexação de ferramentas de busca -->
<script type="application/ld+json">
{
"name": "bendermaker.github.io",
"description": "Equipe Bender. Bender é uma equipe de estudantes e pesquisadores voltado a IoT, robótica, cyber segurança e outros assuntos da área.",
"@type": "WebSite",
"url": "https://bendermaker.github.io/",
"headline": "bendermaker.github.io",
"@context": "http://schema.org"
}
</script>
</head>
<body onscroll="paralax('section')">
<menu id="bar">
<img onclick="menu()" style="height:100%" alt="Botão de menu" src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2IDU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NiA1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCI+CjxwYXRoIGQ9Ik0yOCwwQzEyLjU2MSwwLDAsMTIuNTYxLDAsMjhzMTIuNTYxLDI4LDI4LDI4czI4LTEyLjU2MSwyOC0yOFM0My40MzksMCwyOCwweiBNMTUsMTVoMjZjMC41NTMsMCwxLDAuNDQ4LDEsMXMtMC40NDcsMS0xLDEgIEgxNWMtMC41NTMsMC0xLTAuNDQ4LTEtMVMxNC40NDcsMTUsMTUsMTV6IE00MSw0MUgxNWMtMC41NTMsMC0xLTAuNDQ4LTEtMXMwLjQ0Ny0xLDEtMWgyNmMwLjU1MywwLDEsMC40NDgsMSwxUzQxLjU1Myw0MSw0MSw0MXogICBNNDUsMzNIMTFjLTAuNTUzLDAtMS0wLjQ0OC0xLTFzMC40NDctMSwxLTFoMzRjMC41NTMsMCwxLDAuNDQ4LDEsMVM0NS41NTMsMzMsNDUsMzN6IE00NSwyNUgxMWMtMC41NTMsMC0xLTAuNDQ4LTEtMXMwLjQ0Ny0xLDEtMSAgaDM0YzAuNTUzLDAsMSwwLjQ0OCwxLDFTNDUuNTUzLDI1LDQ1LDI1eiIgZmlsbD0iIzZlNmU2ZSIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K"/>
<div data-status="0">
<!--a href="#sobre" onclick="go(`#sobre`);return false">Sobre</a-->
<a href="#qmsomos" onclick="go(`#qmsomos`);return false">Quem somos</a>
<a href="#parcerias" onclick="go(`#parceria`);return false">Parcerias/Patrocinadores</a>
<a href="#contato" onclick="go(`#contato`);return false">Contato</a>
<a href="#local" onclick="go(`#local`);return false">Local</a>
<a href="http://medium.com/@benderm" class="pop" title="Bender Medium" target="_blank">Noticias</a>
</div>
</menu>
<header>
<div id="particle-canvas">
<h1> Equipe Bender <img width="30px" alt="icone mão fazendo simbolo de rock" src="assets/metal.svg"/> </h1>
</div>
</header>
<section id="sobre">
<h1>Equipe</h1>
<p>
Somos uma equipe do Rio Grande do Norte (RN), composta por estudante e pesquisadores, fazemos pesquisas nas áreas de Cyber Security, IoT, Robótica e áreas relacionadas.
</p>
<p>
Temos como objetivo, criar projetos em nossas áreas de atuação e colaborar com a comunidade tanto de cyber segurança quanto em outras áreas como Robótica e IoT.
</p>
<figure class="left"><br/>
<figcaption style="font-family:'Lato', sans-serif">Equipe bender</figcaption>
<img src="assets/lg.png" width="220px" alt="Logo da Equipe de robôtca Bender"/>
</figure>
<div class="right">
<p>
Temos como objetivo produzir projetos usando o conhecimento da comunidade
</p>
<p>
Com essa comunidade poderemos ampliar a participação em competições e melhorar as condições
do ambiente de aprendizado aos interessados, além de colaborar com nossos projetos e produções
tecnológicas para terceiros.
</p>
</div>
</section><!-- Los hermanos hehe -->
<!--section id="qmsomos">
<h1>Nossa equipe</h1>
<div class="ficha">
<img src="assets/Kadu.jpeg" alt="Desenvolvedor web Carlos"/>
<div>
<h3>Carlos Eduardo</h3>
<p class="bio">
Bio: Técnico em informática e estudante de Redes de computadores<br/>
Portifólio/Lattes: <a href="http://lowliet64.github.io/">Carlos Eduardo</a><br/>
Whatsapp: <a href="http://api.whatsapp.com/send?1=pt_BR&phone=5584994534610">Carlos (Kadu)</a>
</p>
</div>
</div>
<div class="ficha">
<img src="assets/Luis.jpeg" alt="Desenvolvedor desktop Luis"/>
<div>
<h3>Luís Vitor</h3>
<p class="bio">
Bio:Desenvolvedor desktop, além de realizar soluções voltadas a automação e robótica<br/>
Portifólio/Lattes: <a href="http://lattes.cnpq.br/6160948059582210">Luis Vitor</a><br/>
Telegram: <a href="https://web.telegram.org/#/im?p=u163484596_12355098374428012478" target="_blank">Luis vitor</a>
</p>
</div>
</div>
<div class="ficha">
<img src="assets/Lucas.jpeg" alt="Desenvolvedor hardware Lucas"/>
<div>
<h3>Lucas Henrique</h3>
<p class="bio">
Bio: Desenvolvedor de circuitos eletroeletrônicos e programador de baixo nível<br/>
Portifólio/Lattes: <a href="https://about.me/lucasHAR">Lucas Henrique</a><br/>
Telegram: <a href="https://web.telegram.org/#/im?p=u589593527_8053611275868542335">@LucasHenrique</a>
</p>
</div>
</div>
<div class="ficha">
<img src="assets/Julio.jpeg" alt="Desenvolvedor Full-stack Julio"/>
<div>
<h3>Julio Lira</h3>
<p class="bio">
Bio: Desenvolvedor web fullstack e administrador Linux de infra<br/>
Portifólio/Lattes: <a href="https://jul10l1r4.github.io/">Jul10l1r4.github.io</a><br/>
Telegram: <a href="https://web.telegram.org/#/im?p=@jul10l1r4">Julio Lira</a>
</p>
</div>
</div>
</section-->
<section id="parceria">
<h1>Nossos parceiros</h1>
<a href="https://portal.imd.ufrn.br/portal/" target="_blank">
<img src="assets/imd.png" title="Parceira IMD" alt="Logo do Instituto metropole digital"/>
</a>
<a href="https://portal.imd.ufrn.br/portal/npiti" target="_blank">
<img src="assets/npiti.png" title="Parceira NPITI" alt="Logo do Núcleo de Pesquisa e Inovação em Tecnologia da Informação"/>
</a><br/>
<a href="https://jerimumhs.org/" target="_blank">
<img src="assets/jh.png" height="200px" title="Comunidade Jerimum Hackerspace" alt="Logo da comunidade Jerimum hackerspace"/>
</a><br/>
<a onclick="go(`#contato`);return false" href="#contato">Quer nos ajudar?</a>
</section>
<div id="contato" class="formulario">
<h1>Fale consoco</h1>
<form method="post" action="ir">
<input style="animation-name:nwod;animation-duration:.6s" class="name" type="text" placeholder="Seu nome" required/>
<input style="animation-name:nwod;animation-duration:.6s" class="email" type="email" placeholder="Seu email" required/>
<textarea style="animation-name:nwod;animation-duration:.6s" placeholder="Escreva-nos uma mensagem, sinta-se a vontade de passar seu numero, vamos nos conhecer" required></textarea>
<button style="animation-name:nwod;animation-duration:.6s;cursor:pointer" class="botaor blue"
onclick=' enviar(".name", ".email", "textarea", "form");return false'>
Enviar mensagem
</button>
</form>
</div>
<div id="local" style="width:100%">
<iframe title="Nosso endereço" alt="nosso endereço" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15876.369232366493!2d-35.1975907!3d-5.8426131!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xabb3602289e556c0!2snPITI+-+N%C3%BAcleo+de+Pesquisa+e+Inova%C3%A7%C3%A3o+em+Tecnologia+da+Informa%C3%A7%C3%A3o+-+IMD%2FUFRN!5e0!3m2!1spt-BR!2sbr!4v1527698066152" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<footer style="color:#fff">
Nenhum direito reservado, licença <a href="https://www.gnu.org/licenses/gpl-3.0.pt-br.html" target="_blank">GNU GPLv3</a>.<br/>
Criado <a href="https://github.com/bendermaker/bendermaker.github.io/graphs/contributors" target="_blank">pela equipe<br/></a>
</footer>
</body>
</html>