-
Notifications
You must be signed in to change notification settings - Fork 0
/
produto_pag_4.html
161 lines (131 loc) · 6.57 KB
/
produto_pag_4.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
<!DOCTYPE html PUBLIC >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--============== NOME DA SEÇÃO ========== -->
<title>Livros Aventura|PG4|</title>
<!-- ================= ARQUIVOS E REFERENCIAS EXTERNAS ============================ -->
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="imagens/logos/empLog.png"> <!--ICONE DE LOGO -->
<script type="text/javascript" src="JS/script.js"></script>
</head>
<body>
<div class="header-wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="imagens/logos/empLog.png" id="aa-logo" width= "200px" height="120px" ></a>
</div>
<div class="menu">
<ul>
<li><a href="produto_pag_2.html">Livros Acadêmicos </a></li>
<li><a href="produto_pag_3.html">Livros Infantis </a></li>
<li><a href="produto_pag_4.html">Livros Aventura </a></li>
<li><a href="produto_pag_5.html">Livros Política, Filosofia e Ciências Sociais </a></li>
</ul>
</div>
</div>
</div>
<!--================= DESCRIÇÃO SOBRE CATEGORIA PRODUTOS ======== -->
<div class="page">
<div class="portfolio">
<div class="title">
<h1>Livros de Aventuras!!</h1><br><br>
<p>Livros de diversas aventuras emocionante!!!</p><br><br>
</div>
<!--________________________________________________________________ -->
<!--Categoria produtos-->
<div id="pattern" class="pattern">
<ul class="list img-list">
<!--=========== BLOCO 1 ======= -->
<li>
<div class="li-img">
<img id="imagem" src="imagens/produtos/livros_aventura/livro_a.jpg" alt="Hora de Aventura. Edição Matemática" onclick="livroAven1()">
</div>
<div class="li-text">
<h4 class="li-head1">Hora de Aventura. Edição Matemática</h4><br><br>
<p class="li-summary">A festa vai começar! Junte-se aos melhores companheiros: Jake, o cachorro, Finn, o Humano e… o Rei Gelado?!
Será uma aventura dos caras no calabouço quando este trio maluco entrar em um jogo de perigo… e sentimentos.
.</p>
</div>
</li>
<!--=========== FIM BLOCO 1 ======= -->
<!--=========== BLOCO 2 ======= -->
<li>
<div class="li-img">
<img id="imagem" src="imagens/produtos/livros_aventura/livro_b.jpg" alt="Agente da Shield. Tiro Perfeito" onclick="livroAven2()">
</div>
<div class="li-text">
<h4 class="li-head">Agente da Shield. Tiro Perfeito</h4><br><br>
<p class="li-summary">O agente especial Phil Coulson e sua equipe da S.H.I.E.L.D. reúnem os melhores e mais brilhantes operativos
para confrontar, combater e debelar ameaças que estão além do escopo de qualquer força de manutenção da paz
convencional!.</p>
</div>
</li>
<!--=========== FIM BLOCO 2 ======= -->
<!--=========== BLOCO 3 ======= -->
<li>
<div class="li-img">
<img id="imagem" src="imagens/produtos/livros_aventura/livro_c.jpg" alt="Aventuras" onclick="livroAven3()">
</div>
<div class="li-text">
<h4 class="li-head">Aventuras</h4><br><br>
<p class="li-summary">Filho cronista de primeira grandeza, Rubem Braga possuía o raro dom de tornar qualquer assunto interessante.
Qualidade imprescindível, já que a literatura era sua grande paixão. Nas palavras do próprio, ele era "uma
máquina de escrever com muito uso. Mas ainda em bom funcionamento".</p>
</div>
</li>
<!--=========== FIM BLOCO 3 ======= -->
<!--=========== BLOCO 4 ======= -->
<li>
<div class="li-img">
<img id="imagem" src="imagens/produtos/livros_aventura/livro_d.jpg" alt="As Aventuras de Ook e Gluk" onclick="livroAven4()">
</div>
<div class="li-text">
<h4 class="li-head">As Aventuras de Ook e Gluk </h4><br><br>
<p class="li-summary">Embalados pelo estrondoso sucesso de seu primeiro livro, As aventuras do Superbebê Fraldinha, Jorge e Haroldo
voltam às livrarias com uma nova obra-prima. Desta vez, contam a saga de Ook e Gluk, dois amigos pré-históricos
que, na luta contra o cruel Motopoto.</p>
</div>
</li>
<!--=========== FIM BLOCO 4 ======= -->
<!--=========== BLOCO 5 ======= -->
<li>
<div class="li-img">
<img id="imagem" src="imagens/produtos/livros_aventura/livro_e.jpg" alt="As Aventuras De Pi" onclick="livroAven5()">
</div>
<div class="li-text">
<h4 class="li-head">As Aventuras De Pi</h4><br><br>
<p class="li-summary">A vida é capaz de pregar cada peça...! Tomemos o exemplo de Piscine Molitor Patel, também conhecido como Pi
(sim, isso mesmo, igual a 3,14). Um menino indiano de dezesseis anos, filho do dono de um zoológico, vegetariano
e... bom... hindu, cristão e muçulmano.</p>
</div>
</li>
<!--=========== FIM BLOCO 5 ======= -->
<!--=========== BLOCO 6 ======= -->
<li>
<div class="li-img">
<img id="imagem" src="imagens/produtos/livros_aventura/livro_f.jpg" alt="As Crônicas de Nárnia. Brochura" onclick="livroAven6()">
</div>
<div class="li-text">
<h4 class="li-head">As Crônicas de Nárnia. Brochura</h4><br><br>
<p class="li-summary">Viagens ao fim do mundo, criaturas fantásticas e batalhas épicas entre o bem e o mal - o que mais um leitor
poderia querer de um livro? O livro que tem tudo isso é ''O leão, a feiticeira e o guarda-roupa'', escrito
em 1949 por Clive Staples Lewis. MasLewis não parou por aí.</p>
</div>
</li>
<!--=========== FIM BLOCO 6 ======= -->
</ul>
</div>
<!--________________________________________________________________________-->
</div>
</div>
</div>
<!--=================RODAPÉ (FOOTER) ======== -->
<div class="footer-wrap">
<div class="footer">
<p>Copyright (c) Albérico e Gabriel Todos os direitos reservados. <a href="https://github.com/A-G-G-A" class="active">Github </a></p>
</div>
</div>
<!-- fim do rodapé -->
</body>
</html>