-
Notifications
You must be signed in to change notification settings - Fork 0
/
exposicoes.html
143 lines (119 loc) · 5.29 KB
/
exposicoes.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>MAM | Exposições</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- icone -->
<link rel="icon" type="imagem/png" href="img/icon.ico">
<!-- fonte -->
<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
<!-- estilo css -->
<link rel="stylesheet" type="text/css" href="css/estilos.css">
</head>
<body>
<div id="container"><!-- Inicio do container -->
<header><!-- Inicio header -->
<a id="logo" href="index.html">
<h1>Museu de Arte Moderna</h1><img id="imgLogo" src="img/logo.png">
</a>
<nav class="navMobile"><!-- Inicio nav mobile -->
<a id="linkMobile" href="#btMenu"><img href="javascript:void(0);" onclick="myFunction()" id="btMenu" src="img/menu.png"></a>
<div id="divUl">
<a href="index.html">Home</a>
<a href="exposicoes.html">Exposições</a>
<a href="acervo.html">Acervo</a>
<a href="videos.html">Vídeos</a>
<a href="fotos.html">Fotos</a>
<a href="contato.html">contato</a>
</div>
</nav><!--// Fim nav mobile -->
<nav class="navPc"><!-- Inicio nav Computador -->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="exposicoes.html">Exposições</a></li>
<li><a href="acervo.html">Acervo</a></li>
<li><a href="videos.html">Vídeos</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="contato.html">contato</a></li>
</ul>
</nav><!--// Fim nav Computador -->
</header><!--// Fim header -->
<div style="clear: both;"></div>
<div id="principal"><!-- Inicio principal -->
<div id="conteudo"><!-- Inicio conteudo -->
<section id="capa6">
</section>
<section id="postagens postagens-sem-margem"><!-- Inicio postagens -->
<h3 class="titleArticle">Exposições</h3>
<div class="flex">
<article class="lado-a-lado"><!-- Exposição 2 -->
<img src="img/lemos.jpg">
<h3 class="semBold"><a href="#">Fernando Lemos</a></h3>
</article><!--// Fim Exposição 2 -->
<article class="lado-a-lado"><!-- Exposição 1 -->
<img src="img/bandeira.jpg">
<h3 class="semBold"><a href="#">Antônio Bandeira</a></h3>
</article><!--// Fim Exposição 1 -->
<article class="lado-a-lado"><!-- Exposição 4 -->
<img src="img/amaral.jpg">
<h3 class="semBold"><a href="#">Tarsila do Amaral</a></h3>
</article><!--// Fim Exposição 4 -->
<article class="lado-a-lado"><!-- Exposição 3 -->
<img src="img/vinci.jpg">
<h3 class="semBold"><a href="#">Laura Vinci</a></h3>
</article><!--// Fim Exposição 3 -->
<article class="lado-a-lado"><!-- Exposição 6 -->
<img src="img/portinari.jpg">
<h3 class="semBold"><a href="#">Cândido Portinari</a></h3>
</article><!--// Fim Exposição 6 -->
<article class="lado-a-lado"><!-- Exposição 5 -->
<img src="img/cavalcanti.jpg">
<h3 class="semBold"><a href="#">Di Cavalcanti</a></h3>
</article><!--// Fim Exposição 5 -->
</div>
</section><!--// Fim postagens -->
</div><!--// Fim conteudo -->
<aside><!-- Inicio aside -->
<section id="sobremuseu"><!-- Inicio sobre museu -->
<span id="text-sobremuseu">O Museu de Arte Moderna de São Paulo é uma das mais importantes instituições culturais do Brasil. Localiza-se sob a marquise do Parque Ibirapuera, em São Paulo, em um edifício inserido no conjunto arquitetônico projetado por Oscar Niemeyer em 1954 e reformado por Lina Bo Bardi em 1982 para abrigar o museu.</span>
</section><!--// Fim sobre museu -->
<section id="visita"><!-- Inicio seção visita -->
<h4>Faça uma visita</h4>
<span class="visitaText"><span class="visitaTextBold">Localizado em:</span> Parque Ibirapuera</span>
<span class="visitaText"><span class="visitaTextBold">Endereço:</span> Parque Ibirapuera - Av. Pedro Álvares Cabral, s/n° - Vila Mariana, São Paulo - SP, 04094-000</span>
</section><!--// Fim seção visita -->
<section id="galeria"><!-- Inicio galeria -->
<h4>Galeria de fotos</h4>
<a href="#">
<img src="img/imagem1.jpg" height="93" width="93">
</a>
<a href="#">
<img src="img/imagem2.jpg" height="93" width="93">
</a>
<a href="#">
<img src="img/imagem3.jpg" height="93" width="93">
</a>
<a href="#">
<img src="img/imagem4.jpg" height="93" width="93">
</a>
</section><!--// Fim galeria -->
</aside><!--// Fim aside -->
<footer><!-- Inicio footer -->
<p class="listFooter">
<a href="index.html">Home</a>
<a href="exposicoes.html">Exposições</a>
<a href="acervo.html">Acervo</a>
<a href="videos.html">Vídeos</a>
<a href="fotos.html">Fotos</a>
<a href="contato.html">Contato</a>
</p>
<p>
2020 <a href="#">Museu de Arte Moderna de São Paulo</a> Todos os direitos reservados. <br> <br> Website sem ligação com o Museu.
</p>
</footer><!--// Fim footer -->
</div><!--// Fim principal -->
</div><!--// Fim do container -->
<script type="text/javascript" src="js/javascript.js"></script>
</body>
</html>