-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
196 lines (196 loc) · 9.07 KB
/
index.html
File metadata and controls
196 lines (196 loc) · 9.07 KB
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - E-Commerce</title>
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<header>
<h1>E-Commerce Simples</h1>
<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="login.html">Login</a></li>
</ul>
</nav>
</header>
<div id="container">
<aside class="sidebar">
<h2>Mais Vendidos</h2>
<nav class="navbar">
<ul>
<li><a href="#">Coletênea J.R.R Tolkien</a></li>
<li><a href="#">Coletênea George R.R Martin</a></li>
<li><a href="#">Coletênea J.K Rowling</a></li>
</ul>
</nav>
<h2>Categorias Populares</h2>
<nav class="navbar">
<ul>
<li><a href="#ficcao">Ficção Científica</a></li>
<li><a href="#romance">Romance</a></li>
<li><a href="#fantasia">Fantasia</a></li>
<li><a href="#suspense">Suspense</a></li>
</ul>
</nav>
<h2>Ofertas Especiais</h2>
<p>Aproveite nossos descontos exclusivos em livros selecionados!</p>
</aside>
<main>
<section class="category">
<h2 id="ficcao">Ficção Científica</h2>
<article class="book">
<img src="./images/Duna.jpg" alt="Capa do livro Duna">
<h3>Duna</h3>
<p>Frank Herbert</p>
<p><strong>R$ 70,00</strong></p>
</article>
<article class="book">
<img src="./images/Neuromancer.jpg" alt="Capa do livro Neuromancer">
<h3>Neuromancer</h3>
<p>William Gibson</p>
<p><strong>R$ 50,00</strong></p>
</article>
<article class="book">
<img src="./images/1984.jpg" alt="Capa do livro 1984">
<h3>1984</h3>
<p>George Orwell</p>
<p><strong>R$ 45,00</strong></p>
</article>
<article class="book">
<img src="./images/Fundação.jpg" alt="Capa do livro Fundação">
<h3>Fundação</h3>
<p>Isaac Asimov</p>
<p><strong>R$ 45,00</strong></p>
</article>
<article class="book">
<img src="./images/O Fim da Infância.jpg" alt="Capa do livro O Fim da Infância">
<h3>O Fim da Infância</h3>
<p>Arthur C. Clarke</p>
<p><strong>R$ 45,00</strong></p>
</article>
</section>
<section class="category">
<h2 id="romance">Romance</h2>
<article class="book">
<img src="./images/Orgulho e Preconceito.jpg" alt="Capa do livro Orgulho e Preconceito">
<h3>Orgulho e Preconceito</h3>
<p>Jane Austen</p>
<p><strong>R$ 55,00</strong></p>
</article>
<article class="book">
<img src="./images/A Culpa é das Estrelas.jpg" alt="Capa do livro A Culpa é das Estrelas">
<h3>A Culpa é das Estrelas</h3>
<p>John Green</p>
<p><strong>R$ 44,00</strong></p>
</article>
<article class="book">
<img src="./images/O Morro dos Ventos Uivantes.jpg" alt="Capa do livro O Morro dos Ventos Uivantes">
<h3>O Morro dos Ventos Uivantes</h3>
<p>Emily Brontë</p>
<p><strong>R$ 15,00</strong></p>
</article>
<article class="book">
<img src="./images/A Biblioteca da Meia Noite.jpg" alt="Capa do livro A Biblioteca da Meia Noite">
<h3>A Biblioteca da Meia Noite</h3>
<p>Matt Halg</p>
<p><strong>R$ 35,00</strong></p>
</article>
<article class="book">
<img src="./images/Anna Karenina.jpg" alt="Capa do livro Anna Karenina">
<h3>Anna Karenina</h3>
<p>Liev Tolstói</p>
<p><strong>R$ 45,00</strong></p>
</article>
</section>
<section class="category">
<h2 id="fantasia">Fantasia</h2>
<article class="book">
<img src="./images/A Sociedade do Anel.jpg" alt="Capa do livro A Sociedade do Anel">
<h3>A Sociedade do Anel</h3>
<p>J.R.R. Tolkien</p>
<p><strong>R$ 35,00</strong></p>
</article>
<article class="book">
<img src="./images/Harry Potter e as Relíquias da Morte.jpg" alt="Capa do livro Harry Potter e as Relíquias da Morte">
<h3>Harry Potter e as Relíquias da Morte</h3>
<p>J.K. Rowling</p>
<p><strong>R$ 35,00</strong></p>
</article>
<article class="book">
<img src="./images/O Hobbit.jpg" alt="Capa do livro O Hobbit">
<h3>O Hobbit</h3>
<p>J.R.R. Tolkien</p>
<p><strong>R$ 45,00</strong></p>
</article>
<article class="book">
<img src="./images/A Guerra dos Tronos.jpg" alt="Capa do livro A Guerra dos Tronos">
<h3>A Guerra dos Tronos</h3>
<p>George R.R. Martin</p>
<p><strong>R$ 65,00</strong></p>
</article>
<article class="book">
<img src="./images/O Nome do Vento.jpg" alt="Capa do livro O Nome do Vento">
<h3>O Nome do Vento</h3>
<p>Patrick Rothfuss</p>
<p><strong>R$ 45,00</strong></p>
</article>
</section>
<section class="category">
<h2 id="suspense">Suspense</h2>
<article class="book">
<img src="./images/O Silêncio dos Inocentes.jpg" alt="Capa do livro O Silêncio dos Inocentes">
<h3>O Silêncio dos Inocentes</h3>
<p>Thomas Harris</p>
<p><strong>R$ 50,00</strong></p>
</article>
<article class="book">
<img src="./images/O Código Da Vinci.jpg" alt="Capa do livro O Código Da Vinci">
<h3>O Código Da Vinci</h3>
<p>Dan Brown</p>
<p><strong>R$ 35,00</strong></p>
</article>
<article class="book">
<img src="./images/Garota Exemplar.jpg" alt="Capa do livro Garota Exemplar">
<h3>Garota Exemplar</h3>
<p>Gillian Flynn</p>
<p><strong>R$ 45,00</strong></p>
</article>
<article class="book">
<img src="./images/O Iluminado.jpg" alt="Capa do livro O Iluminado">
<h3>O Iluminado</h3>
<p>Stephen King</p>
<p><strong>R$ 65,00</strong></p>
</article>
<article class="book">
<img src="./images/Fortaleza Digital.jpg" alt="Capa do livro Fortaleza Digital">
<h3>Fortaleza Digital</h3>
<p>Dan Brown</p>
<p><strong>R$ 25,00</strong></p>
</article>
</section>
</main>
</div>
<footer>
<div id="social-media">
<a href="mailto:dhs.danielsouza@gmail.com">
<img src="https://cdn-icons-png.flaticon.com/512/732/732200.png" alt="Gmail" width="30">
</a>
<a href="https://www.instagram.com/_dhsouza">
<img src="https://cdn-icons-png.flaticon.com/512/1384/1384063.png" alt="Instagram" width="30">
</a>
<a href="https://www.facebook.com/">
<img src="https://cdn-icons-png.flaticon.com/512/1384/1384053.png" alt="Facebook" width="30">
</a>
<a href="https://www.linkedin.com/in/danielhenriquedesouza">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linkedin/linkedin-original.svg" alt="LinkedIn" width="30">
</a>
</div>
<p>© 2024 Daniel Henrique de Souza. Todos os direitos reservados.</p>
</footer>
</body>
</html>