This repository has been archived by the owner on Apr 28, 2024. It is now read-only.
forked from dhg/Skeleton
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
253 lines (247 loc) · 13.7 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
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Mupi | Conectando saberes</title>
<meta name="description" content="Soluções criativas em educação e tecnologia. Conheça nosso trabalho!">
<meta name="author" content="Mupi">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:locale" content="pt_BR">
<meta property="og:url" content="http://mupi.me/">
<meta property="og:title" content="Mupi | Conectando saberes">
<meta property="og:site_name" content="Mupi | Conectando saberes">
<meta property="og:description" content="Soluções criativas em educação e tecnologia. Somos uma startup apaixonada por educação e tecnologia e começando a crescer. Nosso maior objetivo é desenvolver soluções que possam impactar a educação desde já, seja formando professores em tecnologia ou desenvolvendo uma plataforma para aplicação do ensino híbrido. Conheça nosso trabalho!">
<meta property="og:image" content="http://mupi.me/images/mupifb.png">
<meta property="og:image:width" content="525">
<meta property="og:image:height" content="344">
<meta property="og:type" content="website">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/responsive-tabs/responsive-tabs.css">
<link rel="stylesheet" href="css/landing.css">
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/main.js"></script>
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body id="topo">
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=292772274170801&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="navbar-spacer"></div>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item">
<a class="navbar-link" href="#topo" target="_blank"><img src="images/logo.png" class="logo" /></a>
</li>
<li class="navbar-item"><a class="navbar-link" href="#projetos">O que fazemos</a>
</li>
<li class="navbar-item"><a class="navbar-link" href="http://blog.mupi.me" target="_blank">Blog</a>
</li>
<li class="navbar-item"><a class="navbar-link" href="#contato">Contato</a>
</li>
<li class="navbar-item social-icons">
<a href="http://facebook.com/escolamupi" target="_blank"><i class="fa fa-facebook-official"></i></a>
<a href="http://www.twitter.com/escolamupi" target="_blank"><i class="fa fa-twitter-square"></i></a>
</li>
</ul>
</div>
</nav>
<header>
<div class="row container">
<h1>Conectando professores</h1>
<p>Criamos soluções para impactar a educação.</p>
</div>
</header>
<section class="container projects" id="projetos">
<div class="row">
<h5 class="txt-uppercase">O que fazemos</h5>
</div>
<div class="row">
<div class="one-third column card">
<div class="thumb-circle">
<img src="images/TecProf-thumb.png" />
</div>
<a href="http://tecsaladeaula.com.br/">
<h3 class="text-center">Formação de professores</h3>
</a>
<p>
Somos <strong>fãs</strong> dos professores e acreditamos que eles são um elo essencial na evolução da educação.
Por isso, criamos um <a href="http://tecsaladeaula.com.br/">portal de cursos online</a> só para eles, onde compartilhamos o que sabemos sobre
tecnologia e como ela pode ser aplicada na sala de aula.
</p>
</div>
<div class="one-third column card" id="sobre">
<div class="thumb-circle">
<img src="images/multimidia.png" />
</div>
<h3 class="text-center">
Produção de cursos sob demanda
</h3>
<p>
Atuamos em todo processo que envolve a produção de cursos e te ajudamos a pensar qual o melhor jeito de ensinar digitalmente! Conheça nossos últimos trabalhos: <a href="https://www.coursera.org/learn/brasileiro-portugues/" target="_blank">Pluralidades em Português Brasileiro</a>, disponível no Coursera, que atuamos junto à Unicamp, e <a href="http://mooc.timtec.com.br/course/mooc-e-novas-formas-de-aprendizagem/intro/" target="_blank">MOOCs e novas formas de aprendizagem</a>, que faz parte do projeto TIM Tec - Instituto Tim
</p>
</div>
<div class="one-third column card">
<div class="thumb-circle">
<img src="images/oficinas.png" />
</div>
<a href="http://blog.tecsaladeaula.com.br/category/oficina/" target="_blank">
<h3 class="text-center">Oficinas presenciais</h3>
</a>
<p>
Oferecemos oficinas e cursos presenciais que abordam pedagogias inovadoras e o uso pedagógico das novas tecnologias. Aqui, os temas podem ser também personalizados de acordo com as necessidades de cada instituição. Tanto as oficinas quantos os cursos podem ser voltado para <a href="http://blog.tecsaladeaula.com.br/2015/08/17/oficina-de-podcasts-alvorada/" target="_blank">grupos de educadores</a> e para <a href="http://blog.tecsaladeaula.com.br/2015/08/25/escritacolaborativa/" target="_blank">grupos de crianças e adolescentes</a>.
</p>
</div>
</div>
</section>
<section class="saiu-midia-section">
<div class="container">
<div class="row">
<h5 class="txt-uppercase">Saiu na mídia</h5>
</div>
<div class="row">
<div class="two columns">
<a href="http://www.unicamp.br/unicamp/ju/655/grupo-lanca-curso-de-portugues-para-estudantes-estrangeiros" target="_blank">
<img class="u-max-full-width" src="images/unicamp.png" />
</a>
</div>
<div class="two columns logo-cliente">
<a href="http://porvir.org/cursos-online-gratuitos-dao-dicas-para-usar-tecnologia-em-sala-de-aula/" target="_blank">
<img class="u-max-full-width" src="images/logo_porvir.png" />
</a>
</div>
<div class="two columns logo-novae">
<a href="https://www.youtube.com/watch?v=67byn7rxG-s&t=249" target="_blank">
<img class="u-max-full-width" src="images/logo_nova_escola.png" />
</a>
</div>
<div class="two columns logo-cliente">
<a href="http://rescola.com.br/curso-ensina-educadores-a-utilizar-ferramentas-gratuitas-da-web-na-sala-de-aula" target="_blank">
<img class="u-max-full-width" src="images/logo_rescola.png" />
</a>
</div>
<div class="two columns logo-cliente">
<a href="http://www.inova.unicamp.br/noticia/3413" target="_blank">
<img class="u-max-full-width" src="images/logo_inova.png" />
</a>
</div>
<div class="two columns logo-fisl">
<a href="http://softwarelivre.org/fisl17/noticias/multidisciplinaridade-no-desenvolvimento-de-softwares-livres-educacionais" target="_blank">
<img class="u-max-full-width" src="images/logo_FISL16vertical.png" />
</a>
</div>
</div>
</div>
</section>
<div class="section contato-section">
<div class="container" id="contato">
<div class="row">
<div class="one-half column">
<h5><i class="fa fa-envelope-o"></i> Quer nos conhecer melhor?</h5>
<p>Envie um email para <em>contato@mupi.me</em> que responderemos o mais rápido possível.</p>
<p><i class="fa fa-phone-square"></i> 19 4042 0996</p>
<div class="fb-like" data-href="http://www.facebook.com/escolamupi" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
</div>
<div class="one-half column">
<h5>Deixe seu email para receber atualizações sobre próximas turmas.</h5>
<div id="mc_embed_signup">
<form action="//tecnologiaparasaladeaula.us10.list-manage.com/subscribe/post?u=b4f09847cccda6ac1be42bbd7&id=8e739bd41b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="Digite seu email" required>
<br/>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_b4f09847cccda6ac1be42bbd7_8e739bd41b" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Cadastrar" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">
</div>
</div>
</form>
</div>
</div>
<!-- <p class="u-pull-right pwdby">Powered by <a href="http://escolamupi.com.br" target="_blank" class="mupi-link">Escola Mupi</a></p> -->
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="ten columns">
<p>Nossa empresa recebeu aporte financeiro da FAPESP.</p>
</div>
<div class="two columns">
<img class="u-max-full-width" src="images/fapesp.png" />
</div>
</div>
</div>
</footer>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-59049407-1', 'auto');
ga('send', 'pageview');
</script>
<!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim || (function(d, s) {
var z = $zopim = function(c) {
z._.push(c)
},
$ = z.s =
d.createElement(s),
e = d.getElementsByTagName(s)[0];
z.set = function(o) {
z.set.
_.push(o)
};
z._ = [];
z.set._ = [];
$.async = !0;
$.setAttribute('charset', 'utf-8');
$.src = '//v2.zopim.com/?2nKq0EoZuGTIzGi15KuUCCfnhuv85q3G';
z.t = +new Date;
$.
type = 'text/javascript';
e.parentNode.insertBefore($, e)
})(document, 'script');
</script>
<!--End of Zopim Live Chat Script-->
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>