-
Notifications
You must be signed in to change notification settings - Fork 0
/
primeiras2.html
123 lines (93 loc) · 4.14 KB
/
primeiras2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scroll Website</title>
<link rel="stylesheet" href="styles.css" />
<link rel="shortcut icon" href="./imagem/favicon.ico" type="image/x-icon" content="width=device-width, initial-scale=1.0" >
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc"
crossorigin="anonymous"
/>
<style>
.sinopse_livro {
text-align : justify;
color: #fff;
align-items: center;
justify-content: center;
font-size: 2rem;
size : 3;
}
h1 {
color : #e49f0a;
font-size: 4rem;
}
</style>
</head>
<body>
<!-- Barra de nav -->
<nav class="navbar">
<div class="navbar__container">
<a href="index.html" id="navbar__logo">Livraria Mendís</a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span> <span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu">
<li class="navbar__item">
<a href="index.html" class="navbar__links" id="home-page">Index</a>
</li>
<li class="navbar__item">
<a href="origem.html" class="navbar__links" id="about-page">Origem</a>
</li>
<li class="navbar__item">
<a href="livros.html" class="navbar__links" id="services-page">Livros</a>
</li>
<li class="navbar__item">
<a href="referencias.html" class="navbar__links" id="services-page">Referências</a>
</li>
<li class="navbar__btn">
<a href="quiz.html" class="button" id="signup">Quiz</a>
</li>
</ul>
</div>
</nav>
<!-- referencias-->
<div class="main" id="about">
<div class="main__container">
<div class="main__img--container">
<img src="imagem/primeiras-impressoes.jpg" alt="Primeiras Impressões" align = "left" width="350" height="auto">
</div>
<div class="main__content">
<h1 style="font-size: 3rem;"> Primeiras Impressões <br> (Edição Limitada) </h1>
<p>O nascimento da cultura impressa e sua influencia na criação da imagem do Brasil</p>
<br>
<h2 style="color :#fff"> R$ 28,90 </h2>
<button class="main__btn"><a href="livros.html">Compre Já!</a></button>
</div>
</div>
<pre>
</pre>
<center>
<img src="imagem/infobdv.png" alt="Informações do Livro Bom dia Verônica">
</center>
</div>
<div class="main" id="about">
<div class="main__container">
<div class="sinopse_livro">
<h1 style="text-align:center"> Sinopse </h1>
<br>
<br>
<p style="font-size: 22px; align:justify">
Tomando como ponto de partida a narrativa do alemão Hans Staden – o primeiro livro publicado sobre o Brasil, em 1554, no qual o autor relata os meses em que passou cativo de tupinambás antropofágicos -, Primeiras impressões apresenta e discute, num texto ágil, o complexo amálgama de indústria, arte e códigos culturais vigentes que deu origem à criação da imagem do Brasil. Ricamente ilustrado, o livro analisa como as representações visuais produzidas pelos europeus em seu primeiro século de ocupação foram em grande parte moldadas não apenas por razões ideológicas, mas também pelos incipientes princípios tecnológicos e culturais de produção do livro impresso, então em seus primórdios. Assim, Primeiras impressões fornece ao leitor os recursos necessários para um exame mais aprofundado do conjunto de ilustrações que, do século XVI até o final do século XIX, construiu a imagem do Brasil. Imagem que, mesmo com crescentes revisões e questionamentos, insiste em manter-se presente.</p>
<br>
</div>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>