-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
206 lines (206 loc) · 17.3 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Site Institucional do Cursinho Popular Transformação">
<meta name="author" content="Coletivo Transformação">
<link rel="icon" href="favicon.ico">
<!-- opengraph -->
<meta property="og:locale" content="pt_BR">
<meta property="og:type" content="website">
<meta property="og:title" content="Cursinho Transformação">
<meta property="og:description" content="Educação empoderadora para pessoas transexuais, travestis e não-binárias.">
<meta property="og:url" content="">
<meta property="og:site_name" content="Cursinho Popular Transformação">
<meta property="og:image" content="./default-share-cover.jpg">
<!-- twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="Educação empoderadora para pessoas transexuais, travestis e não-binárias.">
<meta name="twitter:title" content="Cursinho Transformação">
<meta name="twitter:image" content="./default-share-cover.jpg">
<link rel="icon" href="./favicon.ico">
<title>Cursinho Popular Transformação</title>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicon/manifest.json">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5BBAD5">
<meta name="msapplication-TileColor" content="#FFC0CB">
<meta name="msapplication-TileImage" content="favicon/mstile-144x144.png">
<meta name="theme-color" content="#FFC0CB">
<!-- Bootstrap core CSS -->
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700|PT+Sans:400,700" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!--INÍCIO MENU TOPO-->
<nav class="navbar navbar-fixed-top">
<div class="container-fluid" id="navbar-container">
<div class="navbar-header">
<img src="imgs/logotipo_cursinho.png" width="100px" heigth="100px" alt="logotipo Cursinho Popular Transformação">
</div>
<ul class="nav navbar-nav">
<li><a href="#home">HOME</a></li>
<li><a href="#sobre">SOBRE</a></li>
<li><a href="#imagens">IMAGENS</a></li>
<li><a href="#contato">CONTATO</a></li>
</ul>
</div>
</nav>
<!--FIM MENU TOPO-->
<!--INÍCIO PRIMEIRA SEÇÃO-->
<section class="container-fluid" id="home">
<article>
<h1>CURSINHO POPULAR TRANSFORMAÇÃO</h1>
<h4>Educação empoderadora para pessoas transexuais, travestis e não-binárias.</h4>
<p>Nosso objetivo é oferecer as condições para a inserção social dessa população por meio de um espaço de educação não-formal alicerçado em uma perspectiva crítica e aliada ao movimento social. Neste espaço, buscamos cultivar potências que questionem as estruturas sociais geradoras de opressões e agenciem novas realidades políticas e sociais.</p>
<a href="#sobre"><button class='btn' id='saiba-mais'>Saiba Mais</button></a>
</article>
</section>
<!--FIM PRIMEIRA SEÇÃO-->
<!--INÍCIO SEGUNDA SEÇÃO-->
<section class="container-fluid" id="sobre">
<div class="row">
<div class="col-md-6 col-xs-12">
<h2>SOBRE O CURSINHO POPULAR TRANSFORMAÇÃO</h2>
<p>Um projeto de educação empoderadora para travestis, mulheres transexuais, homens trans e pessoas não-binárias em São Paulo. O conteúdo das aulas mescla os parâmetros da prova do ENEM com uma formação crítica, pautada na educação popular, bem como a expressão artística e cultural das/os estudantes. <br><br> As aulas são gratuitas e acontecem no <strong>Centro de Referência e Defesa da Diversidade – CRD</strong> (Rua Major Sertório, 292/294, República, São Paulo, SP) às segundas e quintas das 14h30 às 18h. O Cursinho, por meio de uma parceria com o CRD, também oferece ajuda de alimentação e transporte para quem frequenta as aulas. Você também pode colaborar com esse projeto.</p>
<button class="btn btn-paypal center-block"><i class="fa fa-paypal" aria-hidden="true"></i> Doe Agora (Paypal)</button>
</div>
<div class="col-md-6 col-xs-12">
<img src="http://i.imgur.com/1EVGAnS.png" class='img-responsive' alt="Alunes do Cursinho Popular Transformação">
</div>
</div>
</section>
<!--FIM SEGUNDA SEÇÃO-->
<!--INÍCIO TERCEIRA SEÇÃO-->
<section id="imagens">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<h3>TRANSarau</h3>
<div id="gallery">
<a href="#">
<img class="imagens" src="imgs/TransarauI.jpg" alt="Foto de Daniel Lima na Praça Roosevelt - São Paulo. I Transarau" title="I Transarau - Praça Roosevelt SP" description="Realizamos com grande sucesso o primeiro TRANSarau promovido pelo Cursinho Popular Transformação, cursinho para pessoas travestis e transexuais em São Paulo. O TRANSarau foi dia 04/12/2015 das 18h às 23h na Praça Roosevelt. A programação contou com varal de poesias, poetes convidades, microfone aberto e performance. A atividade reuniu cerca de 150 pessas que passaram pelo TRANSarau durante a noite de sexta. A representatividade da população trans, negra, periférica, de rua, lgbtqia nos deu indicativos de que estamos no caminho certo, ecoando as vozes que estão tomando a palavra por uma sociedade de mais liberdade e respeito! Agradecemos a todes que estiveram presentes, aos que estão construindo o Cursinho, aos que apoiaram, aos que divulgaram, a todes que ajudam a construir essa potente realidade em que nos educamos mutuamente. Ano que vem o Cursinho Popular Transformação retomará as atividades com essa energia de alegria e empoderamento, com aulas voltadas tanto para o ENEM quanto para a formação e a expressão da comunidade T. Alunes e professores trans e cis-apoiadores juntem-se a nós e vamos continuar a construir esse belo presente e futuro. Marca azamigues nas fotos! Que esse TRANSarau seja o primeiro de muitos. A REVOLUÇÃO SERÁ TRANS OU NÃO SERÁ! Fotos de Daniel Lima">
</a>
<a href="#">
<img class="imagens" src="imgs/TransarauII.jpg" alt="Foto de Michelle Mendonça na Casa das Rosas. II Transarau" title="II Transarau - Praça Roosevelt SP" description="No sábado dia 27/02/2016 realizamos a segunda edição do TRANSarau do Cursinho Popular Transformação na Casa das Rosas. Foi uma tarde entre a revolução e o sonho. O empoderamento e o talento trans ressoaram no peito de centenas de pessoas que passaram pelo jardim da Casa das Rosas naquela tarde de sábado. Se o primeiro TRANSarau, na Praça Roosevelt, foi um ímã de representatividade trans, negra, periférica, lgb, de rua, o segundo ainda conseguiu surpreender e dar um salto. O que se viu naquela tarde foram pessoas com talentos surpreendentes para a composição, canto, poesia, desenho, pensamento, dança, expressão artística e política, artistas prontos para as gravadoras, para os livros, para os palcos, para os plenários e para as ruas. Vozes e corpos periféricos. Teve pinta, teve funk, teve batekoo, teve homem de saia, teve dedo na casa da sociedady. Sem pudor, sem armário, sem recalque, as vozes ecoaram longe mantendo o público vidrado e com sorriso besta de esperança durante toda a tarde. A segunda edição do TRANSarau reforçou a percepção de que a cultura T se revela entre as mais legítimas do cenário sociocultural. TRANSarau - Casa das Rosas! Marca aZamigue nas fotos!">
</a>
<a href="#">
<img class="imagens" src="imgs/TransarauIII.jpg" alt="Foto de Roniel Felipe no Casarão do Belvedere. III Transarau" title="No sábado dia 02/07/2016 ocorreu o III TRANSarau do Cursinho Popular Transformação e foi num grande Arraial: Janta#5 :: TRANSarau :: Queerdrilha, das 14h às 22h. TRANSarau mais no espaço público do que nunca! Com duas faixas da movimentada Rua Pedroso fechadas, os carros e os pedestres eram tocados pela explosão de sensações do TRANSarau. Com as atrações especiais Mona e Outros Mares, JUP e Mc Linn da Quebrada; Jogos juninos: Cola-Velcro, Anel Anal e Merda na Boca do Bolsonaro, além de bebidinhas e comidinhas juninas ao preço único de R$ 2,50. Muitos outros talentos e papos-retos passaram pelo microfone aberto durante o sábado de fervo. Realização com a parceria da Lanchonete e apoio do VAI - Programa para a Valorização de Iniciativas Culturais, da Secretaria Municipal de Cultura de São Paulo.">
</a>
<a href="#">
<img class="imagens" src="imgs/TransarauIV.jpg" alt="Foto no Centro de Formação Cultural Tiradentes - São Paulo. IV Transarau" title="I Transarau - Praça Roosevelt SP" description="No ultimo dia 17/09/2016 tivemos o TRANSarau :: Ocupando a FLICT para encerrar os eventos da Feira Literária da Cidade Tiradentes. Es alunes se soltaram e teve muito poema revolucionário, jogral, cantoria e muito fervo com a Mc Mano Feu que encerrou fazendo todo mundo descer até o chão. #VAI2016">
</a>
<a href="#">
<img class="imagens" src="imgs/TransarauV.jpg" alt="Foto de Bernardo Enoch Mota no Anhangabaú - São Paulo. I Transarau" title="I Transarau - Praça Roosevelt SP" description="Em 03 de dezembro, nos despedimos de 2016 com mais um TRANSarau. Foi a quinta edição do evento organizado por estudantes, coordenadorxs e profes do Cursinho Popular Transformação. O TRANSarau é um espaço de representatividade da população LGBTQI+ para se manifestar sem Temer, com performances poéticas (ou não), com dança, bateção de cabelo, microfone aberto e o que mais acontecer. E olha, muita coisa aconteceu na última edição do ano. Antes programado para ocupar o Largo do Arouche, espaço reconhecido como território LGBTQI+ da capital paulista, o evento foi deslocado às pressas para o Vale do Anhangabaú, embaixo do Viaduto do Chá, por conta da tempestade prevista para o dia. Os desafios sem previsão, entretanto, foram os mais desafiadores. A cidade é de todxs, a rua é pra quem ocupa. E nós chegamos depois. Tivemos medo de invadir um espaço que não era 'nosso', de incomodar os moradores. Como receio de sermos perseguidxs, chegamos a pensar em desistir e cancelar o evento, mas ser trans é resistir. Fizemos duas votações, desistir era a melhor opção. Não contávamos com a vida própria do TRANSarau. Aos poucos foi tomando corpo e ganhando cores, foi criando vida e dividindo o microfone com as crianças que estavam em volta, foi enchendo o microespaço que ocupamos e ficou gigante. O TRANSarau resiste e persiste. Créditos foto: Bernardo Enoch Mota.">
</a>
<a href="#">
<img class="imagens" src="imgs/TransarauI.jpg" alt="Foto de Daniel Lima na Praça Roosevelt - São Paulo. I Transarau" title="I Transarau - Praça Roosevelt SP">
</a>
</div>
</div>
<div class="col-md-6">
<p>Curta nossa página no Facebook e fique sempre por dentro do que há de novidade no <strong>Cursinho Popular Transformação</strong>.</p>
<div class="text-center">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FCursinhoPopularTransformacao&tabs=timeline&width=400&height=300&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=327329513960013" width="400" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
</div>
</div>
</div>
</section>
<!--FIM TERCEIRA SEÇÃO-->
<!--FIM QUARTA SEÇÃO-->
<!--Transarau-->
<!--INÍCIO QUARTA SEÇÃO-->
<!--INÍCIO QUINTA SEÇÃO -->
<section id="contato" class="container-fluid">
<div class="row">
<!-- Sub-Seção de Título Mobile/Tablet -->
<div class="col-xs-12 col-lg-12 hidden-md hidden-lg">
<div class="text-center"><h4>FALE CONOSCO</h4></div>
<div class="text-left">
<p>Preencha o formulário ao lado ou se preferir, envie sua mensagem para: [email protected]</p>
<p>Nossas aulas acontecem toda segunda e quinta, das 14h30 às 18h</p>
<p>Sua mensagem será respondida em breve por um dos militantes do <strong>Coletivo Transformação</strong>.</p>
</div>
</div>
<!-- Fim da Sub-Seção de Título -->
<!-- Formulário de Contato -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<form id="form-fale-conosco" method="POST" action="formulario-de-contato.php">
<p><input type="text" name="fale-conosco-nome" class="form-control" placeholder="NOME" required></p>
<p><input type="email" name="fale-conosco-email" class="form-control" placeholder="EMAIL" required></p>
<p><input type="tel" name="fale-conosco-telefone" class="form-control" placeholder="TELEFONE" required></p>
<p><textarea name="fale-conosco-mensagem" class="form-control" placeholder="MENSAGEM" required></textarea></p>
<p class="pull-right"><button type="submit" value="submit" class="btn btn-enviar">ENVIAR</button></p>
</form>
</div>
<!-- Fim do Formulário de Contato -->
<!-- Sub-Seção de Título Tablet/Desktop -->
<div class="col-md-6 col-lg-6 hidden-xs hidden-sm">
<div class="text-center"><h4>FALE CONOSCO</h4></div>
<div class="text-left">
<p>Preencha o formulário ao lado ou se preferir, envie sua mensagem para: [email protected]</p>
<p>Nossas aulas acontecem toda segunda e quinta, das 14h30 às 18h</p>
<p>Sua mensagem será respondida em breve por um dos militantes do <strong>Coletivo TransFormação</strong>.</p>
</div>
</div>
<!-- Fim da Sub-Seção de Título Tablet/Desktop -->
</div>
</section>
<!--FIM QUINTA SEÇÃO-->
<!--INÍCIO SEXTA SEÇÃO-->
<footer class="container-fluid">
<p>
<a href="https://facebook.com/CursinhoPopularTransformação" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x rosa-bg"></i>
<i class="fa fa-facebook fa-stack-1x"></i>
</span>
/CursinhoPopularTransformação
</a>
</p>
<p>
<a href="mailto:[email protected]?Subject=[CONTATO-SITE] Mensagem Automática" target="_top">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x rosa-bg"></i>
<i class="fa fa-envelope fa-stack-1x"></i>
</span>
</a>
</p>
<p>
<a href="https://www.google.com/maps/place/Centro+de+Refer%C3%AAncia+da+Diversidade/@-23.5453645,-46.6491395,17z/data=!3m1!4b1!4m5!3m4!1s0x94ce58492818b0ab:0x2851422ce95b25c7!8m2!3d-23.5453694!4d-46.6469455" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x rosa-bg"></i>
<i class="fa fa-map-marker fa-stack-1x"></i>
</span>
CRD SP - Rua Major Sertório, 292/294 - República - São Paulo
</a>
</p>
</footer>
<!--FIM SEXTA SEÇÃO-->
<!-- Bootstrap core JavaScript-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>