Skip to content

Commit

Permalink
Initial version of new website design
Browse files Browse the repository at this point in the history
  • Loading branch information
@guilhermesgb
guilhermesgb committed Sep 27, 2017
0 parents commit e5c9dfb
Show file tree
Hide file tree
Showing 20 changed files with 1,506 additions and 0 deletions.
230 changes: 230 additions & 0 deletions axis.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,230 @@
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<head>
<title>Mostra de Artes Teatrais Integradas | Eixos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/responsiveslides.css">
<script src="js/jquery.min.js"></script>
</head>
<body>
<!---start-header---->
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="images/logo.png" title="logo" /></a>
</div>
<div class="top-nav">
<ul>
<li><a href="index.html#inicio">A MOSTRA</a></li>
<li><a href="#">PROGRAMAÇÃO</a></li>
<li class="active"><a href="axis.html#inicio">EIXOS</a></li>
<li><a href="#">LOCAIS</a></li>
<li><a href="#">CONTATO</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<!---End-header---->
<!---End-wrap---->
<div class="clear"> </div>
<!---start-content---->
<div class="content">
<div class="content_top backgrounded_alt">
<div class="wrap">
<h1><a id="inicio" href="#">OS DIVERSOS EIXOS DA MOSTRA</a></h1>
</div>
</div>
<div class="specials backgrounded_alt">
<div class="wrap">
<div class="specials-heading">
<h3 id="marte">MARTE</h3>
</div>
<div class="content_inner">
<div class="wrap">
<p>Neste eixo acontece a programação oficial com a apresentação de 10 espetáculos selecionados pelos curadores Valmir Santos e Nilton Santos. Estes espetáculos atendem ao norte curatorial da mostra – <b>As Artes Teatrais Integradas</b>: proposições de linguagens diversas como <b>Teatro</b>, <b>Teatro-dança</b>, <b>Teatro-circo</b>, <b>Performance</b> e <b>Contação de histórias</b>.</p>
<p>As apresentações neste módulo acontecem nos teatros Paulo Pontes, Santa Roza e em espaços abertos.</p>
<b><p>Espetáculos</p></b>
</div>
<div class="specials-grids">
<div class="special-grid">
<img src="images/grids-img6.jpg" title="image-name" />
<a href="#">AULA MAGNA</a>
<p>Ofertada diretamente de São Paulo pelo diretor, autor e ator José Celso Martinez Corrêa.</p>
</div>
<div class="special-grid">
<img src="images/grids-img5.jpg" title="image-name" />
<a href="#">A INVENÇÃO DO NORDESTE</a>
<p>Espetáculo realizado pelo Grupo Carmin, do Rio Grande do Norte.</p>
</div>
<div class="special-grid spe-grid">
<img src="images/grids-img4.jpg" title="image-name" />
<a href="#">RESIDÊNCIA DE TRÊS SOLOS</a>
<p>O Cida, Coletivo Independente Dependente de Artistas, também do Rio Grande do Norte, traz uma residência de três solos: História/Container, Etéreo e (Eu)Fêmea.</p>
</div>
<div class="special-grid">
<img src="images/grids-img5.jpg" title="image-name" />
<a href="#">ANARTHAS</a>
<p>Espetáculo da Nalini Companhia de Dança, de Goiânia.</p>
</div>
<div class="special-grid">
<img src="images/grids-img4.jpg" title="image-name" />
<a href="#">ALEGRIA DE NÁUFRAGOS</a>
<p>Espetáculo do grupo paraibano Ser Tão Teatro.</p>
</div>
<div class="special-grid spe-grid">
<img src="images/grids-img6.jpg" title="image-name" />
<a href="#">NO MUNDO DA RUA</a>
<p>Corpos de Saias, outro grupo também da Paraíba, traz este espetáculo.</p>
</div>
<div class="special-grid">
<img src="images/grids-img4.jpg" title="image-name" />
<a href="#">TROCA-SE HISTÓRIAS POR BRINCADEIRAS</a>
<p>Outro espetáculo paraibano, do grupo Arretados Produções Artísticas.</p>
</div>
<div class="special-grid">
<img src="images/grids-img6.jpg" title="image-name" />
<a href="#">BAILE MUDERNO</a>
<p>Mais um espetáculo paraibado, dessa vez da Companhia Fuá de Terreiro.</p>
</div>
<div class="special-grid spe-grid">
<img src="images/grids-img5.jpg" title="image-name" />
<a href="#">UMA VELHA NOVA HISTÓRIA DE AMOR</a>
<p>Cia. dos Clownssicos, também da Paraíba, apresenta "Clownssicos – Uma nova velha história de amor".</p>
</div>
<div class="clear"> </div>
</div>
<br/><br/>
<div class="specials-heading">
<h3 id="marte_universitaria">UNIVERSITÁRIA</h3>
</div>
<div class="content_inner">
<div class="wrap">
<p>Destina-se a apresentações da <b>produção acadêmica</b> dos cursos de graduação e pós-graduação em Teatro e Artes em geral. <b>Modalidade exclusiva para alunos e professores com vínculos institucionais</b>. Esta ação cultural é uma demonstração paralela da programação oficial da MARTE – MOSTRA DE ARTE TEATRAIS INTEGRADAS: desta forma, não é obrigatório o experimento artístico ou pesquisa estarem finalizados.</p>
<p>Como parte da MARTE UNIVERSITÁRIA, teremos a <b>REVISTA MARTE UNIVERSITÁRIA</b>,
uma publicação anual que visa fomentar o universo das confabulações interdisciplinares no campo das artes integradas através das seguintes linguagens: teatro, dança, circo, música, performance e artes visuais.</p>
<p>As linhas de interesse desta publicação online situam-se tanto nos aspectos que compõem os processos de criação em artes cênicas, quanto às suas relações poéticas com as variadas expressões simbólicas com as áreas das humanidades. O público alvo da <b>REVISTA MARTE UNIVERSITÁRIA</b> são os pesquisadores, estudiosos e interessados pelas <b>ARTES INTEGRADAS</b>.</p>
<p>Poderão ser publicados artigos, entrevistas e resenhas que estejam de acordo com as normas da revista.</p>
<span><a class="learnmore" href="#">BAIXAR A REVISTA MARTE UNIVERSITÁRIA</a></span>
</div>
</div>
</div>
<br/><br/>
<div class="specials-heading">
<h3 id="caixa_cenica">CAIXA CÊNICA</h3>
</div>
<div class="content_inner">
<div class="wrap">
<p>As apresentações acontecerão no Parque da Lagoa, onde ocorrerão ações educativas como contação de histórias e apresentações teatrais.</p>
<p>No espaço da <b>Caixa Cênica</b> ocorrem ações sustentáveis através de mais três ambientes educativos:</p>
<div class="specials-grids">
<div class="special-grid">
<img src="images/grids-img6.jpg" title="image-name" />
<a href="#">CAIXA DE LEITURA</a>
<p>Incentivo à leitura com trocas e doações de livros.</p>
</div>
<div class="special-grid">
<img src="images/grids-img5.jpg" title="image-name" />
<a href="#">CAIXA DE BRINQUEDOS</a>
<p>Ações lúdicas com recolhimento e doação de brinquedos.</p>
</div>
<div class="special-grid spe-grid">
<img src="images/grids-img4.jpg" title="image-name" />
<a href="#">CAIXA ECOLÓGICA</a>
<p>Recolhimento de pilhas, baterias e lixo eletrônico destinados ao reaproveitamento e descarte.</p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<br/><br/>
<div class="specials-heading">
<h3 id="saberes_da_arte">SABERES DA ARTE</h3>
</div>
<div class="content_inner">
<div class="wrap">
<p>Ações de formação com oficinas, palestras, debates e intercâmbio entre os grupos. As oficinas serão ministradas pelos grupos participantes da <b>MARTE</b>.</p>
<b><p>Debates</p></b>
<p>Os debates acontecem no auditório Aruanda no CCTA/UFPB, onde se discutirão os temas:
<div class="specials-grids">
<div class="special-grid">
<img src="images/professora-nara-salles.jpg" title="image-name" />
<a href="#">Hibridismos</a>
<p>Com a participação da Professora Dr.ª Nara Salles do coletivo NACE/CRUOR da Universidade Federal do Rio Grande do Norte – será discutido como os gêneros dramáticos evoluem e incorporam novos elementos e tecnologias não teatrais.</p>
</div>
<div class="special-grid">
<img src="images/grids-img4.jpg" title="image-name" />
<a href="#">Formação de Plateias</a>
<p>Pedagogia do espectador – discutirá os desafios de atrair o espectador para o teatro e a formação de novas plateias. Métodos utilizados por grupos para construir redes de divulgação e publicização, de forma a traçar novas perspectivas de crescimento e difusão de eventos artísticos de formação de plateias. Com a participação dos grupos envolvidos na Mostra.</p>
</div>
<div class="special-grid spe-grid">
<img src="images/grids-img5.jpg" title="image-name" />
<a href="#">Teatro em Tempos de Crise</a>
<p>Qual é a crise no teatro? Quais as crises que afetam o fazer teatral?
Discussão de como os grupos resistem às adversidades da contemporaneidade (saídas e fluxos de sobrevivência). Com participação do Curador Valmir Santos e convidados.</p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!---End-content---->
<div class="clear"> </div>

<!---start-footer---->
<div class="footer">
<div class="wrap">
<div class="footer-grids">
<div class="footer-grid">
<h3>PATROCÍNIOS</h3>
<ul>
<li><a href="#">Caixa Econômica Federal</a></li>
<li><a href="#">Governo Federal</a></li>
</ul>
</div>
<div class="footer-grid">
<h3>REALIZAÇÃO</h3>
<ul>
<li><a href="#">Assoc. Atores Dupla Face Teatro</a></li>
<li><a href="#">Kinteto Produções Culturais</a></li>
</ul>
</div>
<div class="footer-grid footer-lastgrid">
<h3>APOIOS</h3>
<ul>
<li><a href="#">Secretaria de Cultura da Paraiba</a></li>
<li><a href="#">Secretaria das mulheres</a></li>
<li><a href="#">DECEN- UFPB</a></li>
<li><a href="#">Funesc</a></li>
</ul>
</div>
<div class="footer-grid ">
<h3 style="visibility:hidden">APOIOS</h3>
<ul>
<li><a href="#">Centro de Convivência do Idoso</a></li>
<li><a href="#">Núcleo de Teatro Universitário</a></li>
<li><a href="#">Grupo Lavoura</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<!---End-footer---->
<div class="clear"> </div>
<div class="copy-right">
<p>Design da <a href="http://w3layouts.com/">W3layouts</a>. Site escrito por <a href="http://github.com/guilhermesgb">Guilherme Santos</a></p>
</div>
</body>
</html>
29 changes: 29 additions & 0 deletions css/responsiveslides.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
.rslides {
position: relative;
list-style: none;
overflow: hidden;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
display: block;
height: auto;
float: left;
border: 0;
width: 100%;
}
Loading

0 comments on commit e5c9dfb

Please sign in to comment.