-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
228 lines (215 loc) · 14.6 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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="INFOBOTO - Clube de Robótica do Instituto Infnet">
<meta name="author" content="INFOBOTO - Clube de Robótica do Instituto Infnet">
<title>INFOBOTO - Clube de Robótica do Instituto Infnet</title>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
<link href="./assets/css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">INFOBOTO</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#home">Home <span class="sr-only">(current)</span> </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#events">Eventos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projetos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#member">Seja um Membro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contributors">Seja um Contribuidor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Fale Conosco</a>
</li>
</ul>
</div>
</div>
</nav>
<header id="home" class="masthead bg-light text-dark text-center">
<div class="container">
<img id="logo-roboto" class="img-fluid mb-5 d-block mx-auto" src="./assets/img/logo.png" alt="Logo do Clube">
<h1>Clube de Robótica do Instituto INFNET</h1>
<div class="header-icons text-dark">
<a aria-label="My Github" target="_blank" href="https://github.com/infoboto"><i class="fa fa-github-alt" aria-hidden="true"></i></a>
<a aria-label="My Facebook" target="_blank" href="https://www.facebook.com/infoboto"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a aria-label="My Instagram" target="_blank" href="https://www.instagram.com/infoboto"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a aria-label="My Linkedin" target="_blank" href="http://www.linkedin.com/company/infoboto/"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</header>
<section id="about" class="showcase bg-dark text-white text-center">
<div class="container">
<div class="row">
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<h2>Sobre o Clube</h2>
<p class="lead mb-0">Infoboto é o clube de robótica apoiado pelo Instituto Infnet, no centro do Rio de Janeiro. Foi criado em 2018 pelas alunas <a href="https://annayasmin.github.io" class="link-about">Yasmin Farias</a> e <a href="https://hi-hi-ray.github.io"
class="link-about">Raysa Dutra</a>, sob a supervisão do professor Rodrigo Oliveira, mestre pela UFRJ.</p>
<p class="lead mb-0">O clube se encontra na Rua São José 90, Centro do Rio de Janeiro, no campus da Escola Superior de Tecnologia da Informação do <a href="https://www.infnet.edu.br/infnet/index.html" class="link-about">Instituto Infnet</a>. No clube,
os alunos das graduações e pós-graduações põem em prática seus conhecimentos. Nós pretendemos criar e programar robôs de modo a promover, desenvolver competências num ambiente multidisciplinar, numa perspetiva de resolução de problemas.</p>
</div>
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<div class="row">
<div class="col-lg-6 col-sm-6 text-left mb-4">
<h3 id="missao">Nossa Missão</h3>
<ul>
<li>Promover atividades de integração social na área de robótica;</li>
<li>Inovar, criar e produzir soluções, promovendo a autonomia;</li>
<li>Cativar alunos para a sua progressão no ensino;</li>
<li>Desenvolver competências interdisciplinares;</li>
<li>Desenvolver o pensamento crítico;</li>
<li>Motivar a aprendizagem;</li>
</ul>
</div>
<div class="col-lg-6 col-sm-6 text-left mb-4">
<h3 id="valores">Nossos Valores</h3>
<ul>
<li>Gosto pela ciência e tecnologia;</li>
<li>Trabalho em Equipe;</li>
<li>Empreendedorismo;</li>
<li>Inclusão Social;</li>
<li>Criatividade;</li>
<li>Autonomia;</li>
</ul>
</div>
</div>
</div>
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<h2>Quem somos</h2>
<div class="row">
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img class="rounded-circle img-fluid d-block mx-auto" src="./assets/img/anna-yasmin.jpg" alt="Foto da Yasmin-Farias">
<h3 class="membros"><a href="https://annayasmin.github.io/" class="link-about">Yasmin Farias</a>
<small>Fundadora e Presidente</small>
</h3>
<p>Estudante de Engenharia da Computação. Apaixonada por tecnologia desde que se entende por gente, ingressou seus estudos na área de informática aos 11 anos. Pretende seguir carreira e fazer mestrado na área de Realidade Virtual.</p>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img class="rounded-circle img-fluid d-block mx-auto" src="./assets/img/rodrigo.jpg" alt="Foto do Rodrigo Oliveira">
<h3 class="membros">Rodrigo Oliveira
<small>Professor-Coordenador</small>
</h3>
<p>Doutorando em Engenharia Biomédica pela COPPE/UFRJ, Mestre em Engenharia Elétrica pela COPPE/UFRJ e Graduado em Física pela UFRJ. Leciona no ensino médio e superior. Tem como principal área de atuação a instrumentação e eletrônica.</p>
</div>
<div class="col-lg-4 col-sm-6 text-center mb-4">
<img class="rounded-circle img-fluid d-block mx-auto" src="./assets/img/pivotto.png" alt="Foto do Carlos Pivotto">
<h3 class="membros"> <a href="http://cody.com.br/" class="link-about">Carlos Pivotto</a>
<small>Professor-Orientador</small>
</h3>
<p>Engenheiro de Computação pela UFRJ e mestre em Engenharia de Sistemas e Computação pela COPPE/UFRJ, é sócio-fundador da Cody Academic e professor do Instituto Infnet. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="events" class="showcase bg-white text-dark text-center">
<div class="container">
<div class="row">
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<h2>Eventos</h2>
<div class="row">
<div class="col-lg-6 col-sm-6 text-right mb-4">
<h3>Palestra de IOT, IA e Robótica - dia 8 de Março</h3>
<p class="lead mb-0">Nós iremos apresentar uma palestra falando sobre o mercado de trabalho, tendências e os diversos ramos dentro da área. O evento será palestrado pelo professor-chefe da UVABOTS e será apoiado pela casa do código, que irá sortear 2 e-books!! Para se inscrever, acesse: <a href="https://infoboto.typeform.com/to/JfYE2O" class="link-external">https://infoboto.typeform.com/to/JfYE2O</a>.</p>
</div>
<div class="apoio col-lg-4 col-sm-6 text-left mb-4">
<h3>Apoio:</h3>
<a href="https://www.casadocodigo.com.br" ><img id="logo-CasaDoCodigo" src="./assets/img/Logo-CasaDoCodigo.png" alt="Logo Casa do Código"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="back-dark showcase bg-dark text-white text-center">
<div class="container">
<div class="row">
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<h2>Nossos Projetos</h2>
<p class="lead mb-0">A cada semestre realizamos uma agenda de projetos e eventos internos e externos às atividades da faculdade.</p>
<p class="lead mb-0">Nós costumamos documentá-los e publicá-los em nosso github, Nos visite: <a href="https://github.com/infoboto" class="link-external-white">https://github.com/infoboto</a></p>
</div>
</div>
</div>
</section>
<section id="member" class="showcase bg-white text-dark text-center">
<div class="container">
<div class="row">
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<div class="row">
<div class="col-lg-6 col-sm-6 text-left mb-4">
<img alt="people join university clubs" src="./assets/img/joinus.jpg" />
</div>
<div class="col-lg-6 col-sm-6 text-left mb-4">
<h2>Seja um Membro do nosso Clube</h2>
<p class="lead mb-0"> Nossas Inscrições vão até dia 6 de Março! Para se inscrever preencha o nosso formulário: <a href="https://infoboto.typeform.com/to/MxAlpH" class="link-subscription">https://infoboto.typeform.com/to/MxAlpH</a></p>
</div>
</div>
</div>
</div>
</section>
<section id="contributors" class="back-dark showcase bg-dark text-white text-center">
<div class="container">
<div class="row">
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<div class="row">
<div class="col-lg-6 col-sm-6 text-left mb-4">
<h2>Seja um contribuidor</h2>
<p class="lead mb-0"> Você pode nos ajudar a ter um clube completo</p>
<p class="lead mb-0">Caso você seja dono de alguma empresa e queira nos ajudar contribuindo com:</p>
<li>Doando peças queimadas para sucateamento</li>
<li>Doando placas arduinos, NodeMCU's, drones, soldas e etc...</li>
<p class="lead mb-0">Mande-nos um e-mail: [email protected], iremos separar uma parte no nosso site só para você contribuidor.</p>
</div>
<div class="col-lg-4 col-sm-6 text-right mb-4">
<img alt="Arduino Board" src="./assets/img/helpus.jpg" />
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="showcase bg-white text-dark text-center">
<div class="container">
<div class="row">
<div id="give-mespace" class="col-lg-12 order-lg-1 text-center my-auto showcase-text">
<h2>Fale Conosco</h2>
<p class="lead mb-0">Você pode nos procurar em nossas redes sociais ou entrar em contato conosco por e-mail.</p>
<div class="header-icons text-dark">
<a aria-label="My Github" target="_blank" href="https://github.com/infoboto"><i class="fa fa-github-alt" aria-hidden="true"></i></a>
<a aria-label="My Facebook" target="_blank" href="https://www.facebook.com/infoboto"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a aria-label="My Instagram" target="_blank" href="https://www.instagram.com/infoboto"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a aria-label="My Linkedin" target="_blank" href="http://www.linkedin.com/company/infoboto/"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a aria-label="My E-Mail" target="_blank" href="mailto:[email protected]"><i class="fa fa-envelope-open-o" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</section>
<footer class="footer text-center bg-dark text-white">
<p>Template made by © Infoboto || [email protected]</p>
</footer>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>